diff --git a/.changeset/sixty-teachers-double.md b/.changeset/sixty-teachers-double.md
new file mode 100644
index 00000000000..16aff05ffcd
--- /dev/null
+++ b/.changeset/sixty-teachers-double.md
@@ -0,0 +1,5 @@
+---
+"@utrecht/component-library-css": major
+---
+
+Remove the following (rarely used) components: map control button, menulijst, topnav.
diff --git a/components/CHANGELOG.md b/components/CHANGELOG.md
deleted file mode 100644
index 335cd58dba7..00000000000
--- a/components/CHANGELOG.md
+++ /dev/null
@@ -1,276 +0,0 @@
-# @utrecht/components
-
-## 7.4.0
-
-### Minor Changes
-
-- 275db34: Add design tokens to Blockquote:
-
-  - `utrecht.blockquote.border-width`
-  - `utrecht.blockquote.row-gap`
-
-## 7.3.0
-
-### Minor Changes
-
-- 200e34b: Add `utrecht.number-badge.border-color` and `utrecht.number-badge.border-width` design tokens.
-
-### Patch Changes
-
-- e177ced: Start using `:focus-visible`, Safari support has caught up.
-- 95901d6: Add CSS variables fallback, so disabled radio button looks like normal radio button when no design tokens are set.
-
-## 7.2.0
-
-### Minor Changes
-
-- 1227678: Add Table of Contents component for the PDF component library.
-
-## 7.1.0
-
-### Minor Changes
-
-- 8431fb9: Add the following design tokens to breadcrumb navigation:
-
-  - `utrecht.breadcrumb-nav.line-height`
-  - `utrecht.breadcrumb-nav.link.active.color`
-  - `utrecht.breadcrumb-nav.link.active.text-decoration`
-
-- 48ccd57: Support bold form controls.
-
-  Add the following design tokens:
-
-  - `utrecht.form-control.font-weight` (common token)
-  - `utrecht.listbox.font-weight`
-  - `utrecht.select.font-weight`
-  - `utrecht.textarea.font-weight`
-  - `utrecht.textbox.font-weight`
-
-### Patch Changes
-
-- 5695c6c: Improve table component CSS to explicitly fallback to `background-color: transparent` to have a valid CSS value. ([GitHub Issue nl-design-system/utrecht#2435](https://github.com/nl-design-system/utrecht/issues/2435))
-- 9aa2be4: Fix regression in `utrecht.button.font-family` support.
-
-## 7.0.0
-
-### Major Changes
-
-- ecf877a: Refactor the Alert component for more consistent token names and use flex instead of grid layout. Adding support for content and message sections.
-
-  - Rename `utrecht.alert.icon.gap` to `utrecht.alert.column-gap`
-  - Add `utrecht.alert.message.row-gap` token
-  - Add `utrecht.alert.content.row-gap` token
-  - Add `utrecht.alert.icon.size` token
-  - Add `utrecht.alert.icon.inset-block-start` token
-  - Add `utrecht-alert__content` class
-  - Change implementation of layout from grid to flex
-
-## 6.2.0
-
-### Minor Changes
-
-- 4037f4c: Add two new design tokens to "Badge counter":
-
-  - `utrecht.badge-counter.min-block-size`
-  - `utrecht.badge-counter.min-inline-size`: the primary token to configure the size.
-
-  The following design token is now deprecated. Reason for deprecation: it does not follow naming conventions, to use existing CSS property names — "`min-size`" is a made-up property.
-
-  - `utrecht.badge-counter.min-size`
-
-- 5299695: Button now support two new design tokens for each appearance: `font-size` and a matching `line-height`. These are optional, by default the button still uses `utrecht.button.font-size` and `utrecht.button.line-height`.
-
-  These are the 6 new design tokens:
-
-  - `utrecht.button.primary-action.font-size`
-  - `utrecht.button.primary-action.line-height`
-  - `utrecht.button.secondary-action.font-size`
-  - `utrecht.button.secondary-action.line-height`
-  - `utrecht.button.subtle.font-size`
-  - `utrecht.button.subtle.line-height`
-
-## 6.1.0
-
-### Minor Changes
-
-- c5a7e71: Add margin tokens to the Accordion component:
-
-  - `utrecht.accordion.margin-block-end`
-  - `utrecht.accordion.margin-block-start`
-
-## 6.0.0
-
-### Major Changes
-
-- 14c8559: Replace `utrecht.link-list.item.margin-block-start` design token with `utrecht.link-list.row-gap`.
-- bd0514c: Rename tokens in the Link list component, because they should be on `link` instead of on `item`. "Item" currently only exists in CSS, but is not necessary to build the Link list in Figma.
-
-  - Rename `utrecht.link-list.item.font-weight` to `utrecht.link-list.link.font-weight`.
-  - Rename `utrecht.link-list.item.column-gap` to `utrecht.link-list.link.column-gap`.
-
-### Minor Changes
-
-- e2b188d: Add design token to Link list component: `utrecht.link-list.link.text-decoration`, so you can enable or disable the underline. By default the links have no underline.
-
-### Patch Changes
-
-- 0e2e4da: Fix rendering of the checkbox component in the combined indeterminate and checked state, to have an indeterminate icon instead of a checked icon.'
-
-## 5.0.1
-
-### Patch Changes
-
-- 3bf038d: Add missing `dist/` directory with the `.css` files.
-
-## 5.0.0
-
-### Major Changes
-
-- 62f1157: SCSS files in the `@utrecht/components/*/css/index.scss` and `_mixin.scss` are no longer available.
-
-  Migration steps are available for two use cases.
-
-  Import CSS components from `@utrecht/components/dist/*/css/index.css` instead, when you only need the resulting CSS.
-
-  Import SCSS mixins from the new npm packages that now are available for each component:
-
-  - `@utrecht/accordion-css`
-  - `@utrecht/alert-css`
-  - `@utrecht/alert-dialog-css`
-  - `@utrecht/alternate-lang-nav-css`
-  - `@utrecht/article-css`
-  - `@utrecht/backdrop-css`
-  - `@utrecht/badge-counter-css`
-  - `@utrecht/badge-css`
-  - `@utrecht/badge-data-css`
-  - `@utrecht/badge-list-css`
-  - `@utrecht/badge-status-css`
-  - `@utrecht/blockquote-css`
-  - `@utrecht/breadcrumb-nav-css`
-  - `@utrecht/button-css`
-  - `@utrecht/button-group-css`
-  - `@utrecht/button-link-css`
-  - `@utrecht/calendar-css`
-  - `@utrecht/checkbox-css`
-  - `@utrecht/code-block-css`
-  - `@utrecht/code-css`
-  - `@utrecht/color-sample-css`
-  - `@utrecht/column-layout-css`
-  - `@utrecht/combobox-css`
-  - `@utrecht/currency-data-css`
-  - `@utrecht/custom-checkbox-css`
-  - `@utrecht/data-list-css`
-  - `@utrecht/data-placeholder-css`
-  - `@utrecht/digid-button-css`
-  - `@utrecht/document-css`
-  - `@utrecht/documentation`
-  - `@utrecht/drawer-css`
-  - `@utrecht/emphasis-css`
-  - `@utrecht/figure-css`
-  - `@utrecht/flex-wrap-fallback-css`
-  - `@utrecht/focus-ring-css`
-  - `@utrecht/form-css`
-  - `@utrecht/form-field-css`
-  - `@utrecht/form-field-description-css`
-  - `@utrecht/form-field-error-message-css`
-  - `@utrecht/form-fieldset-css`
-  - `@utrecht/form-label-css`
-  - `@utrecht/form-toggle-css`
-  - `@utrecht/heading-1-css`
-  - `@utrecht/heading-2-css`
-  - `@utrecht/heading-3-css`
-  - `@utrecht/heading-4-css`
-  - `@utrecht/heading-5-css`
-  - `@utrecht/heading-6-css`
-  - `@utrecht/heading-css`
-  - `@utrecht/heading-group-css`
-  - `@utrecht/html-content-css`
-  - `@utrecht/iban-data-css`
-  - `@utrecht/icon`
-  - `@utrecht/img-css`
-  - `@utrecht/index-char-nav-css`
-  - `@utrecht/link-button-css`
-  - `@utrecht/link-css`
-  - `@utrecht/link-list-css`
-  - `@utrecht/link-social-css`
-  - `@utrecht/list-social-css`
-  - `@utrecht/listbox-css`
-  - `@utrecht/logo-button-css`
-  - `@utrecht/logo-css`
-  - `@utrecht/logo-image-css`
-  - `@utrecht/map-control-button-css`
-  - `@utrecht/map-marker-css`
-  - `@utrecht/mark-css`
-  - `@utrecht/multiline-data-css`
-  - `@utrecht/nav-bar-css`
-  - `@utrecht/nav-list-css`
-  - `@utrecht/number-data-css`
-  - `@utrecht/ordered-list-css`
-  - `@utrecht/page-content-css`
-  - `@utrecht/page-css`
-  - `@utrecht/page-footer-css`
-  - `@utrecht/page-header-css`
-  - `@utrecht/pagination-css`
-  - `@utrecht/paragraph-css`
-  - `@utrecht/pre-heading-css`
-  - `@utrecht/preserve-data-css`
-  - `@utrecht/radio-button-css`
-  - `@utrecht/search-bar-css`
-  - `@utrecht/select-css`
-  - `@utrecht/separator-css`
-  - `@utrecht/skip-link-css`
-  - `@utrecht/spotlight-section-css`
-  - `@utrecht/surface-css`
-  - `@utrecht/table-css`
-  - `@utrecht/textarea-css`
-  - `@utrecht/textbox-css`
-  - `@utrecht/top-task-link-css`
-  - `@utrecht/top-task-nav-css`
-  - `@utrecht/unordered-list-css`
-  - `@utrecht/url-data-css`
-  - `@utrecht/vega-visualization-css`
-
-  The files from `/css/` will be available from `/src/`.
-  The files from `/html/` will be available from `/src/html/`.
-
-### Minor Changes
-
-- 8d8babe: Add 5 missing CSS components to CSS component library bundle.
-
-  - `utrecht-combobox`
-  - `utrecht-currency-data`
-  - `utrecht-data-placeholder`
-  - `utrecht-listbox`
-  - `utrecht-logo-image`
-  - `utrecht-preserve-data`
-
-## 4.0.0
-
-### Major Changes
-
-- f9c23c6: Rename `utrecht-accordion__button-icon-arrow-down` to `utrecht-accordion__button-icon--utrecht-arrow-down`.
-  Rename `utrecht-accordion__button-icon-arrow-up` to `utrecht-accordion__button-icon--utrecht-arrow-up`.
-
-### Minor Changes
-
-- f9c23c6: Add `utrecht-accordion__button--utrecht` class name.
-  Add `utrecht-accordion__button-icon` class name.
-- f9c23c6: Add `utrecht.accordion.button.icon.gap` design token.
-
-## 3.0.0
-
-### Major Changes
-
-- af24025682: rename `utrecht-button-group--vertical` mixin and class name to `utrecht-button-group--column`'
-
-### Patch Changes
-
-- af24025682: inline button link component no longer automatically stretches to match size of button group
-- e340a7b2de: remove margin from `<p>` element in form field shadow DOM.
-
-## 1.0.0
-
-### Patch Changes
-
-- c7cae76a0d: allow word wrap for URL data, so it is fully readable in print and on screen
-- 28a3ef848a: Support rendering of `<select>` element with multiple attribute.
diff --git a/components/index.scss b/components/index.scss
deleted file mode 100644
index 400dde218b8..00000000000
--- a/components/index.scss
+++ /dev/null
@@ -1,113 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
-
-/* Collection of all BEM class names in the component library */
-
-/*
- * TODO: Once every component is a separate npm package, these imports should
- * be updated to use a package reference instead of a relative path.
- *
- * For example:
- *     @import "../../blockquote/index";
- *
- * Will become:
- *     @import "@utrecht/blockquote/index";
- */
-
-@import "./accordion/src/index";
-@import "./alert-dialog/src/index";
-@import "./alert/src/index";
-@import "./alternate-lang-nav/src/index";
-@import "./article/src/index";
-@import "./backdrop/src/index";
-@import "./badge-counter/src/index";
-@import "./badge-data/src/index";
-@import "./badge-list/src/index";
-@import "./badge-status/src/index";
-@import "./blockquote/src/index";
-@import "./breadcrumb-nav/src/index";
-@import "./button-group/src/index";
-@import "./button-link/src/index";
-@import "./button/src/index";
-@import "./calendar/src/index";
-@import "./checkbox/src/index";
-@import "./code-block/src/index";
-@import "./code/src/index";
-@import "./color-sample/src/index";
-@import "./column-layout/src/index";
-@import "./combobox/src/index";
-@import "./currency-data/src/index";
-@import "./custom-checkbox/src/index";
-@import "./data-list/src/index";
-@import "./data-placeholder/src/index";
-@import "./digid-button/src/index";
-@import "./document/src/index";
-@import "./drawer/src/index";
-@import "./emphasis/src/index";
-@import "./figure/src/index";
-@import "./form-field-description/src/index";
-@import "./form-field-error-message/src/index";
-@import "./form-field/src/index";
-@import "./form-fieldset/src/index";
-@import "./form-label/src/index";
-@import "./form-toggle/src/index";
-@import "./form/src/index";
-@import "./heading-1/src/index";
-@import "./heading-2/src/index";
-@import "./heading-3/src/index";
-@import "./heading-4/src/index";
-@import "./heading-5/src/index";
-@import "./heading-6/src/index";
-@import "./heading-group/src/index";
-@import "./iban-data/src/index";
-@import "./icon/src/index";
-@import "./img/src/index";
-@import "./index-char-nav/src/index";
-@import "./link-button/src/index";
-@import "./link-list/src/index";
-@import "./link-social/src/index";
-@import "./link/src/index";
-@import "./list-social/src/index";
-@import "./listbox/src/index";
-@import "./logo-button/src/index";
-@import "./logo-image/src/index";
-@import "./logo/src/index";
-@import "./map-marker/src/index";
-@import "./mapcontrolbutton/src/index";
-@import "./mark/src/index";
-@import "./menulijst/src/index";
-@import "./multiline-data/src/index";
-@import "./nav-bar/src/index";
-@import "./nav-list/src/index";
-@import "./navigatie sidenav/src/index";
-@import "./navigatie topnav/src/index";
-@import "./number-badge/src/index";
-@import "./number-data/src/index";
-@import "./ordered-list/src/index";
-@import "./page-content/src/index";
-@import "./page-footer/src/index";
-@import "./page-header/src/index";
-@import "./page/src/index";
-@import "./pagination/src/index";
-@import "./paragraph/src/index";
-@import "./pre-heading/src/index";
-@import "./preserve-data/src/index";
-@import "./radio-button/src/index";
-@import "./rich-text/src/index";
-@import "./search-bar/src/index";
-@import "./select/src/index";
-@import "./separator/src/index";
-@import "./skip-link/src/index";
-@import "./spotlight-section/src/index";
-@import "./surface/src/index";
-@import "./table/src/index";
-@import "./table-of-contents/src/index";
-@import "./textarea/src/index";
-@import "./textbox/src/index";
-@import "./toptask-link/src/index";
-@import "./toptask-nav/src/index";
-@import "./unordered-list/src/index";
-@import "./url-data/src/index";
diff --git a/components/package.json b/components/package.json
deleted file mode 100644
index 4eb1b96b9e3..00000000000
--- a/components/package.json
+++ /dev/null
@@ -1,120 +0,0 @@
-{
-  "version": "7.4.0",
-  "author": "Community for NL Design System",
-  "description": "Components for the Municipality of Utrecht based on the NL Design System architecture",
-  "license": "EUPL-1.2",
-  "name": "@utrecht/components",
-  "keywords": [
-    "nl-design-system"
-  ],
-  "private": false,
-  "publishConfig": {
-    "access": "public"
-  },
-  "scripts": {
-    "clean": "rimraf dist/"
-  },
-  "devDependencies": {
-    "@babel/core": "7.24.7",
-    "@mdx-js/react": "2.3.0",
-    "@nl-design-system-unstable/documentation": "0.0.2-alpha.94",
-    "@stencil/core": "2.22.3",
-    "@storybook/blocks": "7.6.4",
-    "@utrecht/accordion-css": "workspace:*",
-    "@utrecht/alert-dialog-css": "workspace:*",
-    "@utrecht/alternate-lang-nav-css": "workspace:*",
-    "@utrecht/article-css": "workspace:*",
-    "@utrecht/backdrop-css": "workspace:*",
-    "@utrecht/badge-counter-css": "workspace:*",
-    "@utrecht/badge-data-css": "workspace:*",
-    "@utrecht/badge-list-css": "workspace:*",
-    "@utrecht/badge-status-css": "workspace:*",
-    "@utrecht/blockquote-css": "workspace:*",
-    "@utrecht/breadcrumb-nav-css": "workspace:*",
-    "@utrecht/button-css": "workspace:*",
-    "@utrecht/button-group-css": "workspace:*",
-    "@utrecht/button-link-css": "workspace:*",
-    "@utrecht/calendar-css": "workspace:*",
-    "@utrecht/checkbox-css": "workspace:*",
-    "@utrecht/code-block-css": "workspace:*",
-    "@utrecht/color-sample-css": "workspace:*",
-    "@utrecht/column-layout-css": "workspace:*",
-    "@utrecht/combobox-css": "workspace:*",
-    "@utrecht/currency-data-css": "workspace:*",
-    "@utrecht/custom-checkbox-css": "workspace:*",
-    "@utrecht/data-list-css": "workspace:*",
-    "@utrecht/data-placeholder-css": "workspace:*",
-    "@utrecht/digid-button-css": "workspace:*",
-    "@utrecht/document-css": "workspace:*",
-    "@utrecht/drawer-css": "workspace:*",
-    "@utrecht/emphasis-css": "workspace:*",
-    "@utrecht/form-field-css": "workspace:*",
-    "@utrecht/form-field-description-css": "workspace:*",
-    "@utrecht/form-field-error-message-css": "workspace:*",
-    "@utrecht/form-fieldset-css": "workspace:*",
-    "@utrecht/form-label-css": "workspace:*",
-    "@utrecht/form-toggle-css": "workspace:*",
-    "@utrecht/heading-1-css": "workspace:*",
-    "@utrecht/heading-2-css": "workspace:*",
-    "@utrecht/heading-3-css": "workspace:*",
-    "@utrecht/heading-4-css": "workspace:*",
-    "@utrecht/heading-5-css": "workspace:*",
-    "@utrecht/heading-6-css": "workspace:*",
-    "@utrecht/heading-group-css": "workspace:*",
-    "@utrecht/html-content-css": "workspace:*",
-    "@utrecht/iban-data-css": "workspace:*",
-    "@utrecht/icon": "workspace:*",
-    "@utrecht/index-char-nav-css": "workspace:*",
-    "@utrecht/link-button-css": "workspace:*",
-    "@utrecht/link-list-css": "workspace:*",
-    "@utrecht/link-social-css": "workspace:*",
-    "@utrecht/list-social-css": "workspace:*",
-    "@utrecht/listbox-css": "workspace:*",
-    "@utrecht/logo-button-css": "workspace:*",
-    "@utrecht/logo-image-css": "workspace:*",
-    "@utrecht/map-control-button-css": "workspace:*",
-    "@utrecht/map-marker-css": "workspace:*",
-    "@utrecht/multiline-data-css": "workspace:*",
-    "@utrecht/nav-bar-css": "workspace:*",
-    "@utrecht/nav-list-css": "workspace:*",
-    "@utrecht/number-badge-css": "workspace:*",
-    "@utrecht/number-data-css": "workspace:*",
-    "@utrecht/ordered-list-css": "workspace:*",
-    "@utrecht/page-content-css": "workspace:*",
-    "@utrecht/page-footer-css": "workspace:*",
-    "@utrecht/page-header-css": "workspace:*",
-    "@utrecht/pagination-css": "workspace:*",
-    "@utrecht/paragraph-css": "workspace:*",
-    "@utrecht/pre-heading-css": "workspace:*",
-    "@utrecht/preserve-data-css": "workspace:*",
-    "@utrecht/radio-button-css": "workspace:*",
-    "@utrecht/search-bar-css": "workspace:*",
-    "@utrecht/separator-css": "workspace:*",
-    "@utrecht/skip-link-css": "workspace:*",
-    "@utrecht/spotlight-section-css": "workspace:*",
-    "@utrecht/surface-css": "workspace:*",
-    "@utrecht/textarea-css": "workspace:*",
-    "@utrecht/textbox-css": "workspace:*",
-    "@utrecht/top-task-link-css": "workspace:*",
-    "@utrecht/top-task-nav-css": "workspace:*",
-    "@utrecht/unordered-list-css": "workspace:*",
-    "@utrecht/url-data-css": "workspace:*",
-    "html-react-parser": "3.0.16",
-    "postcss-discard-duplicates": "7.0.0",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
-    "rimraf": "5.0.7",
-    "@utrecht/build-utils-css": "workspace:*",
-    "rollup-plugin-postcss": "4.0.2",
-    "typescript": "4.9.5",
-    "webpack": "5.89.0"
-  },
-  "dependencies": {
-    "clsx": "2.1.1"
-  },
-  "repository": {
-    "type": "git+ssh",
-    "url": "git@github.com:nl-design-system/utrecht.git",
-    "directory": "components"
-  }
-}
diff --git a/components/project.json b/components/project.json
deleted file mode 100644
index 95ae108f8d6..00000000000
--- a/components/project.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "$schema": "../node_modules/nx/schemas/project-schema.json",
-  "root": "{workspaceRoot}/components",
-  "sourceRoot": "{projectRoot}",
-  "projectType": "library",
-  "targets": {}
-}
diff --git a/components/rollup.config.mjs b/components/rollup.config.mjs
deleted file mode 100644
index 4becb745491..00000000000
--- a/components/rollup.config.mjs
+++ /dev/null
@@ -1,39 +0,0 @@
-import postcss from 'rollup-plugin-postcss';
-import discardDuplicates from 'postcss-discard-duplicates';
-import { cwd } from 'node:process';
-import { basename } from 'node:path';
-
-export default [
-  {
-    input: 'src/index.scss',
-    output: {
-      dir: './dist',
-      sourcemap: false,
-      format: 'esm',
-      compact: true,
-    },
-    plugins: [
-      postcss({
-        extensions: ['.css', '.scss'],
-        plugins: [discardDuplicates()],
-        extract: true,
-      }),
-    ],
-  },
-  {
-    input: 'src/index.scss',
-    output: {
-      dir: `../dist/${basename(cwd())}/css/`,
-      sourcemap: false,
-      format: 'esm',
-      compact: true,
-    },
-    plugins: [
-      postcss({
-        extensions: ['.css', '.scss'],
-        plugins: [discardDuplicates()],
-        extract: true,
-      }),
-    ],
-  },
-];
diff --git a/packages/build-utils-css/src/index.mjs b/packages/build-utils-css/src/index.mjs
index dc21589a5af..c197737f469 100755
--- a/packages/build-utils-css/src/index.mjs
+++ b/packages/build-utils-css/src/index.mjs
@@ -4,7 +4,6 @@ import postcss from 'postcss';
 import * as sass from 'sass';
 import { mergeLicenseComments } from './remove-duplicate-license.mjs';
 import { removeComments } from './remove-comments.mjs';
-// import autoprefixer from 'autoprefixer';
 import cssnano from 'cssnano';
 
 const webpackStyleImporter = {
@@ -48,9 +47,6 @@ const buildStyles = async (config) => {
       removeComments({
         keepLicense: true,
       }),
-      //   autoprefixer({
-      //     grid: 'autoplace',
-      //   }),
     ];
 
     // Add minification in production
diff --git a/packages/component-library-css/package.json b/packages/component-library-css/package.json
index 736e7b4f4ad..227d1bd684d 100644
--- a/packages/component-library-css/package.json
+++ b/packages/component-library-css/package.json
@@ -20,9 +20,98 @@
     "directory": "packages/component-library-css"
   },
   "devDependencies": {
-    "@utrecht/components": "workspace:*",
+    "@utrecht/accordion-css": "workspace:*",
+    "@utrecht/alert-css": "workspace:*",
+    "@utrecht/alert-dialog-css": "workspace:*",
+    "@utrecht/alternate-lang-nav-css": "workspace:*",
+    "@utrecht/article-css": "workspace:*",
+    "@utrecht/backdrop-css": "workspace:*",
+    "@utrecht/badge-counter-css": "workspace:*",
+    "@utrecht/badge-data-css": "workspace:*",
+    "@utrecht/badge-list-css": "workspace:*",
+    "@utrecht/badge-status-css": "workspace:*",
+    "@utrecht/blockquote-css": "workspace:*",
+    "@utrecht/breadcrumb-nav-css": "workspace:*",
     "@utrecht/build-utils-css": "workspace:*",
+    "@utrecht/button-css": "workspace:*",
+    "@utrecht/button-group-css": "workspace:*",
+    "@utrecht/button-link-css": "workspace:*",
+    "@utrecht/calendar-css": "workspace:*",
+    "@utrecht/checkbox-css": "workspace:*",
+    "@utrecht/code-block-css": "workspace:*",
+    "@utrecht/code-css": "workspace:*",
+    "@utrecht/color-sample-css": "workspace:*",
+    "@utrecht/column-layout-css": "workspace:*",
+    "@utrecht/combobox-css": "workspace:*",
+    "@utrecht/currency-data-css": "workspace:*",
+    "@utrecht/custom-checkbox-css": "workspace:*",
+    "@utrecht/data-list-css": "workspace:*",
+    "@utrecht/data-placeholder-css": "workspace:*",
+    "@utrecht/digid-button-css": "workspace:*",
+    "@utrecht/document-css": "workspace:*",
+    "@utrecht/drawer-css": "workspace:*",
+    "@utrecht/emphasis-css": "workspace:*",
+    "@utrecht/figure-css": "workspace:*",
+    "@utrecht/form-css": "workspace:*",
+    "@utrecht/form-field-css": "workspace:*",
+    "@utrecht/form-field-description-css": "workspace:*",
+    "@utrecht/form-field-error-message-css": "workspace:*",
+    "@utrecht/form-fieldset-css": "workspace:*",
+    "@utrecht/form-label-css": "workspace:*",
+    "@utrecht/form-toggle-css": "workspace:*",
+    "@utrecht/heading-1-css": "workspace:*",
+    "@utrecht/heading-2-css": "workspace:*",
+    "@utrecht/heading-3-css": "workspace:*",
+    "@utrecht/heading-4-css": "workspace:*",
+    "@utrecht/heading-5-css": "workspace:*",
+    "@utrecht/heading-6-css": "workspace:*",
+    "@utrecht/heading-group-css": "workspace:*",
     "@utrecht/html-content-css": "workspace:*",
+    "@utrecht/iban-data-css": "workspace:*",
+    "@utrecht/icon": "workspace:*",
+    "@utrecht/img-css": "workspace:*",
+    "@utrecht/index-char-nav-css": "workspace:*",
+    "@utrecht/link-button-css": "workspace:*",
+    "@utrecht/link-css": "workspace:*",
+    "@utrecht/link-list-css": "workspace:*",
+    "@utrecht/link-social-css": "workspace:*",
+    "@utrecht/list-social-css": "workspace:*",
+    "@utrecht/listbox-css": "workspace:*",
+    "@utrecht/logo-button-css": "workspace:*",
+    "@utrecht/logo-css": "workspace:*",
+    "@utrecht/logo-image-css": "workspace:*",
+    "@utrecht/map-marker-css": "workspace:*",
+    "@utrecht/mark-css": "workspace:*",
+    "@utrecht/multiline-data-css": "workspace:*",
+    "@utrecht/nav-bar-css": "workspace:*",
+    "@utrecht/nav-list-css": "workspace:*",
+    "@utrecht/number-badge-css": "workspace:*",
+    "@utrecht/number-data-css": "workspace:*",
+    "@utrecht/ordered-list-css": "workspace:*",
+    "@utrecht/page-content-css": "workspace:*",
+    "@utrecht/page-css": "workspace:*",
+    "@utrecht/page-footer-css": "workspace:*",
+    "@utrecht/page-header-css": "workspace:*",
+    "@utrecht/pagination-css": "workspace:*",
+    "@utrecht/paragraph-css": "workspace:*",
+    "@utrecht/pre-heading-css": "workspace:*",
+    "@utrecht/preserve-data-css": "workspace:*",
+    "@utrecht/radio-button-css": "workspace:*",
+    "@utrecht/rich-text-css": "workspace:*",
+    "@utrecht/search-bar-css": "workspace:*",
+    "@utrecht/select-css": "workspace:*",
+    "@utrecht/separator-css": "workspace:*",
+    "@utrecht/skip-link-css": "workspace:*",
+    "@utrecht/spotlight-section-css": "workspace:*",
+    "@utrecht/surface-css": "workspace:*",
+    "@utrecht/table-css": "workspace:*",
+    "@utrecht/table-of-contents-css": "workspace:*",
+    "@utrecht/textarea-css": "workspace:*",
+    "@utrecht/textbox-css": "workspace:*",
+    "@utrecht/top-task-link-css": "workspace:*",
+    "@utrecht/top-task-nav-css": "workspace:*",
+    "@utrecht/unordered-list-css": "workspace:*",
+    "@utrecht/url-data-css": "workspace:*",
     "postcss": "8.4.38",
     "postcss-discard-duplicates": "7.0.0",
     "postcss-logical": "7.0.1",
diff --git a/packages/component-library-css/src/index.scss b/packages/component-library-css/src/index.scss
index a5366c12b8b..1beaef9da67 100644
--- a/packages/component-library-css/src/index.scss
+++ b/packages/component-library-css/src/index.scss
@@ -17,4 +17,93 @@
  *     @import "@utrecht/blockquote/index";
  */
 
-@import "~@utrecht/components/index";
+@import "~@utrecht/accordion-css/src/index";
+@import "~@utrecht/alert-dialog-css/src/index";
+@import "~@utrecht/alert-css/src/index";
+@import "~@utrecht/alternate-lang-nav-css/src/index";
+@import "~@utrecht/article-css/src/index";
+@import "~@utrecht/backdrop-css/src/index";
+@import "~@utrecht/badge-counter-css/src/index";
+@import "~@utrecht/badge-data-css/src/index";
+@import "~@utrecht/badge-list-css/src/index";
+@import "~@utrecht/badge-status-css/src/index";
+@import "~@utrecht/blockquote-css/src/index";
+@import "~@utrecht/breadcrumb-nav-css/src/index";
+@import "~@utrecht/button-group-css/src/index";
+@import "~@utrecht/button-link-css/src/index";
+@import "~@utrecht/button-css/src/index";
+@import "~@utrecht/calendar-css/src/index";
+@import "~@utrecht/checkbox-css/src/index";
+@import "~@utrecht/code-block-css/src/index";
+@import "~@utrecht/code-css/src/index";
+@import "~@utrecht/color-sample-css/src/index";
+@import "~@utrecht/column-layout-css/src/index";
+@import "~@utrecht/combobox-css/src/index";
+@import "~@utrecht/currency-data-css/src/index";
+@import "~@utrecht/custom-checkbox-css/src/index";
+@import "~@utrecht/data-list-css/src/index";
+@import "~@utrecht/data-placeholder-css/src/index";
+@import "~@utrecht/digid-button-css/src/index";
+@import "~@utrecht/document-css/src/index";
+@import "~@utrecht/drawer-css/src/index";
+@import "~@utrecht/emphasis-css/src/index";
+@import "~@utrecht/figure-css/src/index";
+@import "~@utrecht/form-field-description-css/src/index";
+@import "~@utrecht/form-field-error-message-css/src/index";
+@import "~@utrecht/form-field-css/src/index";
+@import "~@utrecht/form-fieldset-css/src/index";
+@import "~@utrecht/form-label-css/src/index";
+@import "~@utrecht/form-toggle-css/src/index";
+@import "~@utrecht/form-css/src/index";
+@import "~@utrecht/heading-1-css/src/index";
+@import "~@utrecht/heading-2-css/src/index";
+@import "~@utrecht/heading-3-css/src/index";
+@import "~@utrecht/heading-4-css/src/index";
+@import "~@utrecht/heading-5-css/src/index";
+@import "~@utrecht/heading-6-css/src/index";
+@import "~@utrecht/heading-group-css/src/index";
+@import "~@utrecht/iban-data-css/src/index";
+@import "~@utrecht/icon/src/index";
+@import "~@utrecht/img-css/src/index";
+@import "~@utrecht/index-char-nav-css/src/index";
+@import "~@utrecht/link-button-css/src/index";
+@import "~@utrecht/link-list-css/src/index";
+@import "~@utrecht/link-social-css/src/index";
+@import "~@utrecht/link-css/src/index";
+@import "~@utrecht/list-social-css/src/index";
+@import "~@utrecht/listbox-css/src/index";
+@import "~@utrecht/logo-button-css/src/index";
+@import "~@utrecht/logo-image-css/src/index";
+@import "~@utrecht/logo-css/src/index";
+@import "~@utrecht/map-marker-css/src/index";
+@import "~@utrecht/mark-css/src/index";
+@import "~@utrecht/multiline-data-css/src/index";
+@import "~@utrecht/nav-bar-css/src/index";
+@import "~@utrecht/nav-list-css/src/index";
+@import "~@utrecht/number-badge-css/src/index";
+@import "~@utrecht/number-data-css/src/index";
+@import "~@utrecht/ordered-list-css/src/index";
+@import "~@utrecht/page-content-css/src/index";
+@import "~@utrecht/page-footer-css/src/index";
+@import "~@utrecht/page-header-css/src/index";
+@import "~@utrecht/page-css/src/index";
+@import "~@utrecht/pagination-css/src/index";
+@import "~@utrecht/paragraph-css/src/index";
+@import "~@utrecht/pre-heading-css/src/index";
+@import "~@utrecht/preserve-data-css/src/index";
+@import "~@utrecht/radio-button-css/src/index";
+@import "~@utrecht/rich-text-css/src/index";
+@import "~@utrecht/search-bar-css/src/index";
+@import "~@utrecht/select-css/src/index";
+@import "~@utrecht/separator-css/src/index";
+@import "~@utrecht/skip-link-css/src/index";
+@import "~@utrecht/spotlight-section-css/src/index";
+@import "~@utrecht/surface-css/src/index";
+@import "~@utrecht/table-css/src/index";
+@import "~@utrecht/table-of-contents-css/src/index";
+@import "~@utrecht/textarea-css/src/index";
+@import "~@utrecht/textbox-css/src/index";
+@import "~@utrecht/top-task-link-css/src/index";
+@import "~@utrecht/top-task-nav-css/src/index";
+@import "~@utrecht/unordered-list-css/src/index";
+@import "~@utrecht/url-data-css/src/index";
diff --git a/packages/component-library-css/src/prince-xml.scss b/packages/component-library-css/src/prince-xml.scss
index 67a1e33cc8e..aa2cdf0a680 100644
--- a/packages/component-library-css/src/prince-xml.scss
+++ b/packages/component-library-css/src/prince-xml.scss
@@ -10,5 +10,5 @@
  */
 $utrecht-support-prince-xml: true !default;
 
-@import "~@utrecht/components/index";
+@import "./index";
 @import "~@utrecht/html-content-css/src";
diff --git a/packages/docusaurus/package.json b/packages/docusaurus/package.json
index 43eae732ee2..c8157ac06dd 100644
--- a/packages/docusaurus/package.json
+++ b/packages/docusaurus/package.json
@@ -44,7 +44,6 @@
     "@types/react": "18.3.3",
     "@utrecht/component-library-css": "workspace:*",
     "@utrecht/component-library-react": "workspace:*",
-    "@utrecht/components": "workspace:*",
     "@utrecht/design-tokens": "workspace:*",
     "@utrecht/web-component-library-react": "workspace:*",
     "clsx": "2.1.1",
diff --git a/packages/storybook-css/config/preview.tsx b/packages/storybook-css/config/preview.tsx
index 0692651670d..c27ee4d78f2 100644
--- a/packages/storybook-css/config/preview.tsx
+++ b/packages/storybook-css/config/preview.tsx
@@ -15,7 +15,7 @@ import * as ReactDOMServer from 'react-dom/server';
 import { CommunityFigmaBlock, FigmaBlock } from './FigmaBlock';
 import { GitHubBlock } from './GitHubBlock';
 import 'firacode/distr/fira_code.css';
-import '@utrecht/components/index.scss';
+import '@utrecht/component-library-css/src/index.scss';
 import '@utrecht/html-content-css/src/index.scss';
 import '@utrecht/design-tokens/dist/index.css';
 import '@utrecht/component-library-design-tokens/dist/property.css';
diff --git a/packages/storybook-css/package.json b/packages/storybook-css/package.json
index ac41e310058..4ccd81fc4a7 100644
--- a/packages/storybook-css/package.json
+++ b/packages/storybook-css/package.json
@@ -68,7 +68,6 @@
     "@utrecht/component-library-css": "workspace:*",
     "@utrecht/component-library-design-tokens": "workspace:*",
     "@utrecht/component-library-react": "workspace:*",
-    "@utrecht/components": "workspace:*",
     "@utrecht/data-list-css": "workspace:*",
     "@utrecht/data-placeholder-css": "workspace:*",
     "@utrecht/design-tokens": "workspace:*",
diff --git a/packages/storybook-css/src/Menulijst.stories.tsx b/packages/storybook-css/src/Menulijst.stories.tsx
index 2ce3f7c508a..98bbb0e6db2 100644
--- a/packages/storybook-css/src/Menulijst.stories.tsx
+++ b/packages/storybook-css/src/Menulijst.stories.tsx
@@ -1,11 +1,11 @@
 /* @license CC0-1.0 */
 
 import { Meta, StoryObj } from '@storybook/react';
-import readme from '@utrecht/components/menulijst/README.md?raw';
 import tokens from '@utrecht/design-tokens/dist/index.json';
 import React from 'react';
 import { Menulijst } from './Menulijst';
 import { designTokenStory } from './design-token-story';
+import readme from '../../../components/menulijst/README.md?raw';
 
 const meta = {
   title: 'CSS Component/Menulijst',
diff --git a/packages/storybook-css/src/SideNav.stories.tsx b/packages/storybook-css/src/SideNav.stories.tsx
index d182c8111c5..36af266d5ef 100644
--- a/packages/storybook-css/src/SideNav.stories.tsx
+++ b/packages/storybook-css/src/SideNav.stories.tsx
@@ -1,11 +1,11 @@
 /* @license CC0-1.0 */
 
 import { Meta, StoryObj } from '@storybook/react';
-import readme from '@utrecht/components/navigatie sidenav/README.md?raw';
-import tokensDefinition from '@utrecht/components/navigatie sidenav/src/tokens.json';
 import tokens from '@utrecht/design-tokens/dist/index.json';
 import { SideNav } from './SideNav';
 import { designTokenStory } from './design-token-story';
+import readme from '../../../components/navigatie sidenav/README.md?raw';
+import tokensDefinition from '../../../components/navigatie sidenav/src/tokens.json';
 
 const meta = {
   title: 'CSS Component/Side navigation',
diff --git a/packages/storybook-css/src/TopNav.stories.tsx b/packages/storybook-css/src/TopNav.stories.tsx
index 9d6293edc9a..eb609824935 100644
--- a/packages/storybook-css/src/TopNav.stories.tsx
+++ b/packages/storybook-css/src/TopNav.stories.tsx
@@ -1,14 +1,14 @@
 /* @license CC0-1.0 */
 
 import { Meta, StoryObj } from '@storybook/react';
-import readme from '@utrecht/components/navigatie topnav/README.md?raw';
-import tokensDefinition from '@utrecht/components/navigatie topnav/src/tokens.json';
 import tokens from '@utrecht/design-tokens/dist/index.json';
 import clsx from 'clsx';
 import React from 'react';
 import { TopNav, TopNavItem, TopNavLink } from './TopNav';
 import type { TopNavLinkProps, TopNavProps } from './TopNav';
 import { designTokenStory } from './design-token-story';
+import readme from '../../../components/navigatie topnav/README.md?raw';
+import tokensDefinition from '../../../components/navigatie topnav/src/tokens.json';
 
 interface TopNavStoryProps extends TopNavProps {
   links: (TopNavLinkProps & { focus?: boolean; focusVisible?: boolean; hover?: boolean })[];
diff --git a/packages/storybook-css/src/ValueDateTime.stories.tsx b/packages/storybook-css/src/ValueDateTime.stories.tsx
index 62a53e03e74..086014356b9 100644
--- a/packages/storybook-css/src/ValueDateTime.stories.tsx
+++ b/packages/storybook-css/src/ValueDateTime.stories.tsx
@@ -1,10 +1,10 @@
 /* @license CC0-1.0 */
 
 import { Meta, StoryObj } from '@storybook/react';
-import readme from '@utrecht/components/value-datetime/README.md?raw';
 import tokens from '@utrecht/design-tokens/dist/index.json';
 import React from 'react';
 import { designTokenStory } from './design-token-story';
+import readme from '../../../components/value-datetime/README.md?raw';
 
 const ValueDateTimeStory = ({ ...restProps }) => <time {...restProps} />;
 
diff --git a/packages/storybook-html/config/preview.tsx b/packages/storybook-html/config/preview.tsx
index 1c78da57cd0..d71055e0459 100644
--- a/packages/storybook-html/config/preview.tsx
+++ b/packages/storybook-html/config/preview.tsx
@@ -12,8 +12,8 @@ import React, { ReactElement } from 'react';
 import * as ReactDOMServer from 'react-dom/server';
 
 import 'firacode/distr/fira_code.css';
-import '@utrecht/components/index.scss';
-import '@utrecht/components/html-content/src/index.scss';
+import '@utrecht/component-library-css/src/index.scss';
+import '@utrecht/component-library-css/src/html.scss';
 import '@utrecht/design-tokens/dist/index.css';
 import '@utrecht/design-tokens/dist/property.css';
 import '@utrecht/design-tokens/dist/dark/index.css';
diff --git a/packages/storybook-html/package.json b/packages/storybook-html/package.json
index e9a231d52bd..fef2eb165ad 100644
--- a/packages/storybook-html/package.json
+++ b/packages/storybook-html/package.json
@@ -54,7 +54,6 @@
     "@utrecht/code-css": "workspace:*",
     "@utrecht/component-library-css": "workspace:*",
     "@utrecht/component-library-react": "workspace:*",
-    "@utrecht/components": "workspace:*",
     "@utrecht/design-tokens": "workspace:*",
     "@utrecht/document-css": "workspace:*",
     "@utrecht/documentation": "workspace:*",
diff --git a/packages/storybook-html/src/Favicon.stories.tsx b/packages/storybook-html/src/Favicon.stories.tsx
index 3bbeb0c3df7..e47a6907057 100644
--- a/packages/storybook-html/src/Favicon.stories.tsx
+++ b/packages/storybook-html/src/Favicon.stories.tsx
@@ -1,11 +1,11 @@
 /* @license CC0-1.0 */
 
 import type { Meta, StoryObj } from '@storybook/react';
-import readme from '@utrecht/components/favicon/README.md?raw';
 import tokens from '@utrecht/design-tokens/dist/index.json';
 import React from 'react';
 import { htmlContentDecorator } from './decorator';
 import { designTokenStory } from './design-token-story';
+import readme from '../../../components/favicon/README.md?raw';
 
 const Favicon = ({ href }) => <link rel="icon" href={href} />;
 
diff --git a/packages/storybook-react/package.json b/packages/storybook-react/package.json
index 4393231cd28..a39e7b7c626 100644
--- a/packages/storybook-react/package.json
+++ b/packages/storybook-react/package.json
@@ -77,7 +77,6 @@
     "@utrecht/code-css": "workspace:*",
     "@utrecht/color-sample-css": "workspace:*",
     "@utrecht/component-library-react": "workspace:*",
-    "@utrecht/components": "workspace:*",
     "@utrecht/currency-data-css": "workspace:*",
     "@utrecht/data-list-css": "workspace:*",
     "@utrecht/data-placeholder-css": "workspace:*",
diff --git a/packages/storybook-react/src/stories/Blockquote.stories.tsx b/packages/storybook-react/src/stories/Blockquote.stories.tsx
index d81b17a4327..a66c26eeebe 100644
--- a/packages/storybook-react/src/stories/Blockquote.stories.tsx
+++ b/packages/storybook-react/src/stories/Blockquote.stories.tsx
@@ -1,7 +1,7 @@
 import { Meta, StoryObj } from '@storybook/react';
+import readme from '@utrecht/blockquote-css/README.md?raw';
 import tokensDefinition from '@utrecht/blockquote-css/src/tokens.json';
 import { Blockquote, Paragraph } from '@utrecht/component-library-react/dist/css-module';
-import readme from '@utrecht/components/blockquote/README.md?raw';
 import tokens from '@utrecht/design-tokens/dist/index.json';
 import React from 'react';
 import { designTokenStory } from './util';
diff --git a/packages/storybook-react/src/stories/ProcessSteps.stories.tsx b/packages/storybook-react/src/stories/ProcessSteps.stories.tsx
index 7f36da9ce7b..d55e5137a15 100644
--- a/packages/storybook-react/src/stories/ProcessSteps.stories.tsx
+++ b/packages/storybook-react/src/stories/ProcessSteps.stories.tsx
@@ -1,9 +1,9 @@
 import Status from '@gemeente-denhaag/process-steps';
 import { Meta, StoryObj } from '@storybook/react';
-import readme from '@utrecht/components/process-steps/README.md?raw';
-import tokensDefinition from '@utrecht/components/process-steps/src/tokens.json';
 import tokens from '@utrecht/design-tokens/dist/index.json';
 import { designTokenStory } from './util';
+import readme from '../../../../components/process-steps/README.md?raw';
+import tokensDefinition from '../../../../components/process-steps/src/tokens.json';
 import '@gemeente-denhaag/process-steps/index.css';
 
 const meta = {
diff --git a/packages/storybook-vue/package.json b/packages/storybook-vue/package.json
index e925a0afb3b..f862c38210c 100644
--- a/packages/storybook-vue/package.json
+++ b/packages/storybook-vue/package.json
@@ -48,7 +48,6 @@
     "@utrecht/code-block-css": "workspace:*",
     "@utrecht/code-css": "workspace:*",
     "@utrecht/component-library-vue": "workspace:*",
-    "@utrecht/components": "workspace:*",
     "@utrecht/data-list-css": "workspace:*",
     "@utrecht/design-tokens": "workspace:*",
     "@utrecht/document-css": "workspace:*",
diff --git a/packages/storybook-web-component/config/preview.tsx b/packages/storybook-web-component/config/preview.tsx
index a526f7e3748..2cd17f09423 100644
--- a/packages/storybook-web-component/config/preview.tsx
+++ b/packages/storybook-web-component/config/preview.tsx
@@ -12,8 +12,8 @@ import React, { ReactElement } from 'react';
 import * as ReactDOMServer from 'react-dom/server';
 
 import 'firacode/distr/fira_code.css';
-import '@utrecht/components/index.scss';
-import '@utrecht/components/html-content/src/index.scss';
+import '@utrecht/component-library-css/src/index.scss';
+import '@utrecht/component-library-css/src/html.scss';
 import '@utrecht/design-tokens/dist/index.css';
 import '@utrecht/design-tokens/dist/property.css';
 import '@utrecht/design-tokens/dist/dark/index.css';
diff --git a/packages/storybook-web-component/package.json b/packages/storybook-web-component/package.json
index e358e42ea7f..eaed5653b69 100644
--- a/packages/storybook-web-component/package.json
+++ b/packages/storybook-web-component/package.json
@@ -64,7 +64,6 @@
     "@utrecht/column-layout-css": "workspace:*",
     "@utrecht/component-library-css": "workspace:*",
     "@utrecht/component-library-react": "workspace:*",
-    "@utrecht/components": "workspace:*",
     "@utrecht/custom-checkbox-css": "workspace:*",
     "@utrecht/data-list-css": "workspace:*",
     "@utrecht/design-tokens": "workspace:*",
diff --git a/packages/storybook-web-component/src/SideNav.stories.tsx b/packages/storybook-web-component/src/SideNav.stories.tsx
index a9f52882972..c3dfcce5c26 100644
--- a/packages/storybook-web-component/src/SideNav.stories.tsx
+++ b/packages/storybook-web-component/src/SideNav.stories.tsx
@@ -1,11 +1,11 @@
 /* @license CC0-1.0 */
 
 import type { Meta, StoryObj } from '@storybook/react';
-import readme from '@utrecht/components/navigatie sidenav/README.md?raw';
 import tokens from '@utrecht/design-tokens/dist/index.json';
 import { UtrechtSidenav } from '@utrecht/web-component-library-react';
 import React from 'react';
 import { designTokenStory } from './design-token-story';
+import readme from '../../../components/navigatie sidenav/README.md?raw';
 
 interface SideNavStoryProps {
   json: string;
diff --git a/packages/storybook/config/preview.tsx b/packages/storybook/config/preview.tsx
index 37f5c5a777f..b62a8c64bcd 100644
--- a/packages/storybook/config/preview.tsx
+++ b/packages/storybook/config/preview.tsx
@@ -13,8 +13,8 @@ import React, { ReactElement } from 'react';
 import * as ReactDOMServer from 'react-dom/server';
 
 import 'firacode/distr/fira_code.css';
-import '@utrecht/components/index.scss';
-import '@utrecht/components/html-content/src/index.scss';
+import '@utrecht/component-library-css/src/index.scss';
+import '@utrecht/component-library-css/src/html.scss';
 import '@utrecht/design-tokens/dist/index.css';
 import '@utrecht/design-tokens/dist/property.css';
 import '@utrecht/design-tokens/dist/dark/index.css';
diff --git a/packages/storybook/package.json b/packages/storybook/package.json
index 449d69c81db..fdefca57199 100644
--- a/packages/storybook/package.json
+++ b/packages/storybook/package.json
@@ -47,7 +47,6 @@
     "@types/react-dom": "18.3.0",
     "@utrecht/component-library-css": "workspace:*",
     "@utrecht/component-library-react": "workspace:*",
-    "@utrecht/components": "workspace:*",
     "@utrecht/design-tokens": "workspace:*",
     "@utrecht/documentation": "workspace:*",
     "@utrecht/icon": "workspace:*",
diff --git a/packages/web-component-library-stencil/package.json b/packages/web-component-library-stencil/package.json
index bbd28d0c38b..a2aed5a4a84 100644
--- a/packages/web-component-library-stencil/package.json
+++ b/packages/web-component-library-stencil/package.json
@@ -53,7 +53,6 @@
     "@utrecht/code-css": "workspace:*",
     "@utrecht/color-sample-css": "workspace:*",
     "@utrecht/column-layout-css": "workspace:*",
-    "@utrecht/components": "workspace:*",
     "@utrecht/custom-checkbox-css": "workspace:*",
     "@utrecht/data-list-css": "workspace:*",
     "@utrecht/digid-button-css": "workspace:*",
diff --git a/packages/web-component-library-stencil/src/components/contact-card-template.scss b/packages/web-component-library-stencil/src/components/contact-card-template.scss
index 06869d533ce..4083a88c08f 100644
--- a/packages/web-component-library-stencil/src/components/contact-card-template.scss
+++ b/packages/web-component-library-stencil/src/components/contact-card-template.scss
@@ -5,4 +5,4 @@
  */
 
 @import "~@utrecht/link-css/src/index";
-@import "~@utrecht/components/templates/contact-card-template/css";
+@import "../../../../components/templates/contact-card-template/css";
diff --git a/packages/web-component-library-stencil/src/components/html-content.scss b/packages/web-component-library-stencil/src/components/html-content.scss
index a99bfa839f2..e32b965ead8 100644
--- a/packages/web-component-library-stencil/src/components/html-content.scss
+++ b/packages/web-component-library-stencil/src/components/html-content.scss
@@ -6,7 +6,7 @@
 
 // TODO: Use npm package import
 // @import "~@utrecht/html-content-css/src";
-@import "~@utrecht/components/html-content/src";
+@import "../../../../components/html-content/src";
 
 :host {
   display: block;
diff --git a/packages/web-component-library-stencil/src/components/sidenav.scss b/packages/web-component-library-stencil/src/components/sidenav.scss
index cbd4a37dd7d..461db16de27 100644
--- a/packages/web-component-library-stencil/src/components/sidenav.scss
+++ b/packages/web-component-library-stencil/src/components/sidenav.scss
@@ -4,4 +4,4 @@
  * Copyright (c) 2021-2024 Gemeente Utrecht
  */
 
-@import "~@utrecht/components/navigatie sidenav/src";
+@import "../../../../components/navigatie sidenav/src";
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 643d10b640b..0fc8fcf3d51 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -113,292 +113,6 @@ importers:
         specifier: 4.9.5
         version: 4.9.5
 
-  components:
-    dependencies:
-      clsx:
-        specifier: 2.1.1
-        version: 2.1.1
-    devDependencies:
-      '@babel/core':
-        specifier: 7.24.7
-        version: 7.24.7
-      '@mdx-js/react':
-        specifier: 2.3.0
-        version: 2.3.0(react@18.3.1)
-      '@nl-design-system-unstable/documentation':
-        specifier: 0.0.2-alpha.94
-        version: 0.0.2-alpha.94
-      '@stencil/core':
-        specifier: 2.22.3
-        version: 2.22.3
-      '@storybook/blocks':
-        specifier: 7.6.4
-        version: 7.6.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@utrecht/accordion-css':
-        specifier: workspace:*
-        version: link:accordion
-      '@utrecht/alert-dialog-css':
-        specifier: workspace:*
-        version: link:alert-dialog
-      '@utrecht/alternate-lang-nav-css':
-        specifier: workspace:*
-        version: link:alternate-lang-nav
-      '@utrecht/article-css':
-        specifier: workspace:*
-        version: link:article
-      '@utrecht/backdrop-css':
-        specifier: workspace:*
-        version: link:backdrop
-      '@utrecht/badge-counter-css':
-        specifier: workspace:*
-        version: link:badge-counter
-      '@utrecht/badge-data-css':
-        specifier: workspace:*
-        version: link:badge-data
-      '@utrecht/badge-list-css':
-        specifier: workspace:*
-        version: link:badge-list
-      '@utrecht/badge-status-css':
-        specifier: workspace:*
-        version: link:badge-status
-      '@utrecht/blockquote-css':
-        specifier: workspace:*
-        version: link:blockquote
-      '@utrecht/breadcrumb-nav-css':
-        specifier: workspace:*
-        version: link:breadcrumb-nav
-      '@utrecht/build-utils-css':
-        specifier: workspace:*
-        version: link:../packages/build-utils-css
-      '@utrecht/button-css':
-        specifier: workspace:*
-        version: link:button
-      '@utrecht/button-group-css':
-        specifier: workspace:*
-        version: link:button-group
-      '@utrecht/button-link-css':
-        specifier: workspace:*
-        version: link:button-link
-      '@utrecht/calendar-css':
-        specifier: workspace:*
-        version: link:calendar
-      '@utrecht/checkbox-css':
-        specifier: workspace:*
-        version: link:checkbox
-      '@utrecht/code-block-css':
-        specifier: workspace:*
-        version: link:code-block
-      '@utrecht/color-sample-css':
-        specifier: workspace:*
-        version: link:color-sample
-      '@utrecht/column-layout-css':
-        specifier: workspace:*
-        version: link:column-layout
-      '@utrecht/combobox-css':
-        specifier: workspace:*
-        version: link:combobox
-      '@utrecht/currency-data-css':
-        specifier: workspace:*
-        version: link:currency-data
-      '@utrecht/custom-checkbox-css':
-        specifier: workspace:*
-        version: link:custom-checkbox
-      '@utrecht/data-list-css':
-        specifier: workspace:*
-        version: link:data-list
-      '@utrecht/data-placeholder-css':
-        specifier: workspace:*
-        version: link:data-placeholder
-      '@utrecht/digid-button-css':
-        specifier: workspace:*
-        version: link:digid-button
-      '@utrecht/document-css':
-        specifier: workspace:*
-        version: link:document
-      '@utrecht/drawer-css':
-        specifier: workspace:*
-        version: link:drawer
-      '@utrecht/emphasis-css':
-        specifier: workspace:*
-        version: link:emphasis
-      '@utrecht/form-field-css':
-        specifier: workspace:*
-        version: link:form-field
-      '@utrecht/form-field-description-css':
-        specifier: workspace:*
-        version: link:form-field-description
-      '@utrecht/form-field-error-message-css':
-        specifier: workspace:*
-        version: link:form-field-error-message
-      '@utrecht/form-fieldset-css':
-        specifier: workspace:*
-        version: link:form-fieldset
-      '@utrecht/form-label-css':
-        specifier: workspace:*
-        version: link:form-label
-      '@utrecht/form-toggle-css':
-        specifier: workspace:*
-        version: link:form-toggle
-      '@utrecht/heading-1-css':
-        specifier: workspace:*
-        version: link:heading-1
-      '@utrecht/heading-2-css':
-        specifier: workspace:*
-        version: link:heading-2
-      '@utrecht/heading-3-css':
-        specifier: workspace:*
-        version: link:heading-3
-      '@utrecht/heading-4-css':
-        specifier: workspace:*
-        version: link:heading-4
-      '@utrecht/heading-5-css':
-        specifier: workspace:*
-        version: link:heading-5
-      '@utrecht/heading-6-css':
-        specifier: workspace:*
-        version: link:heading-6
-      '@utrecht/heading-group-css':
-        specifier: workspace:*
-        version: link:heading-group
-      '@utrecht/html-content-css':
-        specifier: workspace:*
-        version: link:html-content
-      '@utrecht/iban-data-css':
-        specifier: workspace:*
-        version: link:iban-data
-      '@utrecht/icon':
-        specifier: workspace:*
-        version: link:icon
-      '@utrecht/index-char-nav-css':
-        specifier: workspace:*
-        version: link:index-char-nav
-      '@utrecht/link-button-css':
-        specifier: workspace:*
-        version: link:link-button
-      '@utrecht/link-list-css':
-        specifier: workspace:*
-        version: link:link-list
-      '@utrecht/link-social-css':
-        specifier: workspace:*
-        version: link:link-social
-      '@utrecht/list-social-css':
-        specifier: workspace:*
-        version: link:list-social
-      '@utrecht/listbox-css':
-        specifier: workspace:*
-        version: link:listbox
-      '@utrecht/logo-button-css':
-        specifier: workspace:*
-        version: link:logo-button
-      '@utrecht/logo-image-css':
-        specifier: workspace:*
-        version: link:logo-image
-      '@utrecht/map-control-button-css':
-        specifier: workspace:*
-        version: link:mapcontrolbutton
-      '@utrecht/map-marker-css':
-        specifier: workspace:*
-        version: link:map-marker
-      '@utrecht/multiline-data-css':
-        specifier: workspace:*
-        version: link:multiline-data
-      '@utrecht/nav-bar-css':
-        specifier: workspace:*
-        version: link:nav-bar
-      '@utrecht/nav-list-css':
-        specifier: workspace:*
-        version: link:nav-list
-      '@utrecht/number-badge-css':
-        specifier: workspace:*
-        version: link:number-badge
-      '@utrecht/number-data-css':
-        specifier: workspace:*
-        version: link:number-data
-      '@utrecht/ordered-list-css':
-        specifier: workspace:*
-        version: link:ordered-list
-      '@utrecht/page-content-css':
-        specifier: workspace:*
-        version: link:page-content
-      '@utrecht/page-footer-css':
-        specifier: workspace:*
-        version: link:page-footer
-      '@utrecht/page-header-css':
-        specifier: workspace:*
-        version: link:page-header
-      '@utrecht/pagination-css':
-        specifier: workspace:*
-        version: link:pagination
-      '@utrecht/paragraph-css':
-        specifier: workspace:*
-        version: link:paragraph
-      '@utrecht/pre-heading-css':
-        specifier: workspace:*
-        version: link:pre-heading
-      '@utrecht/preserve-data-css':
-        specifier: workspace:*
-        version: link:preserve-data
-      '@utrecht/radio-button-css':
-        specifier: workspace:*
-        version: link:radio-button
-      '@utrecht/search-bar-css':
-        specifier: workspace:*
-        version: link:search-bar
-      '@utrecht/separator-css':
-        specifier: workspace:*
-        version: link:separator
-      '@utrecht/skip-link-css':
-        specifier: workspace:*
-        version: link:skip-link
-      '@utrecht/spotlight-section-css':
-        specifier: workspace:*
-        version: link:spotlight-section
-      '@utrecht/surface-css':
-        specifier: workspace:*
-        version: link:surface
-      '@utrecht/textarea-css':
-        specifier: workspace:*
-        version: link:textarea
-      '@utrecht/textbox-css':
-        specifier: workspace:*
-        version: link:textbox
-      '@utrecht/top-task-link-css':
-        specifier: workspace:*
-        version: link:toptask-link
-      '@utrecht/top-task-nav-css':
-        specifier: workspace:*
-        version: link:toptask-nav
-      '@utrecht/unordered-list-css':
-        specifier: workspace:*
-        version: link:unordered-list
-      '@utrecht/url-data-css':
-        specifier: workspace:*
-        version: link:url-data
-      html-react-parser:
-        specifier: 3.0.16
-        version: 3.0.16(react@18.3.1)
-      postcss-discard-duplicates:
-        specifier: 7.0.0
-        version: 7.0.0(postcss@8.4.38)
-      react:
-        specifier: 18.3.1
-        version: 18.3.1
-      react-dom:
-        specifier: 18.3.1
-        version: 18.3.1(react@18.3.1)
-      rimraf:
-        specifier: 5.0.7
-        version: 5.0.7
-      rollup-plugin-postcss:
-        specifier: 4.0.2
-        version: 4.0.2(postcss@8.4.38)(ts-node@10.9.1(@swc/core@1.3.100(@swc/helpers@0.5.5))(@types/node@22.7.4)(typescript@4.9.5))
-      typescript:
-        specifier: 4.9.5
-        version: 4.9.5
-      webpack:
-        specifier: 5.89.0
-        version: 5.89.0(@swc/core@1.3.100(@swc/helpers@0.5.5))(esbuild@0.19.11)
-
   components/accordion:
     devDependencies:
       '@utrecht/build-utils-css':
@@ -1427,15 +1141,282 @@ importers:
 
   packages/component-library-css:
     devDependencies:
+      '@utrecht/accordion-css':
+        specifier: workspace:*
+        version: link:../../components/accordion
+      '@utrecht/alert-css':
+        specifier: workspace:*
+        version: link:../../components/alert
+      '@utrecht/alert-dialog-css':
+        specifier: workspace:*
+        version: link:../../components/alert-dialog
+      '@utrecht/alternate-lang-nav-css':
+        specifier: workspace:*
+        version: link:../../components/alternate-lang-nav
+      '@utrecht/article-css':
+        specifier: workspace:*
+        version: link:../../components/article
+      '@utrecht/backdrop-css':
+        specifier: workspace:*
+        version: link:../../components/backdrop
+      '@utrecht/badge-counter-css':
+        specifier: workspace:*
+        version: link:../../components/badge-counter
+      '@utrecht/badge-data-css':
+        specifier: workspace:*
+        version: link:../../components/badge-data
+      '@utrecht/badge-list-css':
+        specifier: workspace:*
+        version: link:../../components/badge-list
+      '@utrecht/badge-status-css':
+        specifier: workspace:*
+        version: link:../../components/badge-status
+      '@utrecht/blockquote-css':
+        specifier: workspace:*
+        version: link:../../components/blockquote
+      '@utrecht/breadcrumb-nav-css':
+        specifier: workspace:*
+        version: link:../../components/breadcrumb-nav
       '@utrecht/build-utils-css':
         specifier: workspace:*
         version: link:../build-utils-css
-      '@utrecht/components':
+      '@utrecht/button-css':
+        specifier: workspace:*
+        version: link:../../components/button
+      '@utrecht/button-group-css':
+        specifier: workspace:*
+        version: link:../../components/button-group
+      '@utrecht/button-link-css':
+        specifier: workspace:*
+        version: link:../../components/button-link
+      '@utrecht/calendar-css':
+        specifier: workspace:*
+        version: link:../../components/calendar
+      '@utrecht/checkbox-css':
+        specifier: workspace:*
+        version: link:../../components/checkbox
+      '@utrecht/code-block-css':
+        specifier: workspace:*
+        version: link:../../components/code-block
+      '@utrecht/code-css':
+        specifier: workspace:*
+        version: link:../../components/code
+      '@utrecht/color-sample-css':
+        specifier: workspace:*
+        version: link:../../components/color-sample
+      '@utrecht/column-layout-css':
+        specifier: workspace:*
+        version: link:../../components/column-layout
+      '@utrecht/combobox-css':
+        specifier: workspace:*
+        version: link:../../components/combobox
+      '@utrecht/currency-data-css':
+        specifier: workspace:*
+        version: link:../../components/currency-data
+      '@utrecht/custom-checkbox-css':
+        specifier: workspace:*
+        version: link:../../components/custom-checkbox
+      '@utrecht/data-list-css':
+        specifier: workspace:*
+        version: link:../../components/data-list
+      '@utrecht/data-placeholder-css':
+        specifier: workspace:*
+        version: link:../../components/data-placeholder
+      '@utrecht/digid-button-css':
+        specifier: workspace:*
+        version: link:../../components/digid-button
+      '@utrecht/document-css':
+        specifier: workspace:*
+        version: link:../../components/document
+      '@utrecht/drawer-css':
+        specifier: workspace:*
+        version: link:../../components/drawer
+      '@utrecht/emphasis-css':
+        specifier: workspace:*
+        version: link:../../components/emphasis
+      '@utrecht/figure-css':
+        specifier: workspace:*
+        version: link:../../components/figure
+      '@utrecht/form-css':
+        specifier: workspace:*
+        version: link:../../components/form
+      '@utrecht/form-field-css':
+        specifier: workspace:*
+        version: link:../../components/form-field
+      '@utrecht/form-field-description-css':
+        specifier: workspace:*
+        version: link:../../components/form-field-description
+      '@utrecht/form-field-error-message-css':
+        specifier: workspace:*
+        version: link:../../components/form-field-error-message
+      '@utrecht/form-fieldset-css':
+        specifier: workspace:*
+        version: link:../../components/form-fieldset
+      '@utrecht/form-label-css':
+        specifier: workspace:*
+        version: link:../../components/form-label
+      '@utrecht/form-toggle-css':
+        specifier: workspace:*
+        version: link:../../components/form-toggle
+      '@utrecht/heading-1-css':
         specifier: workspace:*
-        version: link:../../components
+        version: link:../../components/heading-1
+      '@utrecht/heading-2-css':
+        specifier: workspace:*
+        version: link:../../components/heading-2
+      '@utrecht/heading-3-css':
+        specifier: workspace:*
+        version: link:../../components/heading-3
+      '@utrecht/heading-4-css':
+        specifier: workspace:*
+        version: link:../../components/heading-4
+      '@utrecht/heading-5-css':
+        specifier: workspace:*
+        version: link:../../components/heading-5
+      '@utrecht/heading-6-css':
+        specifier: workspace:*
+        version: link:../../components/heading-6
+      '@utrecht/heading-group-css':
+        specifier: workspace:*
+        version: link:../../components/heading-group
       '@utrecht/html-content-css':
         specifier: workspace:*
         version: link:../../components/html-content
+      '@utrecht/iban-data-css':
+        specifier: workspace:*
+        version: link:../../components/iban-data
+      '@utrecht/icon':
+        specifier: workspace:*
+        version: link:../../components/icon
+      '@utrecht/img-css':
+        specifier: workspace:*
+        version: link:../../components/img
+      '@utrecht/index-char-nav-css':
+        specifier: workspace:*
+        version: link:../../components/index-char-nav
+      '@utrecht/link-button-css':
+        specifier: workspace:*
+        version: link:../../components/link-button
+      '@utrecht/link-css':
+        specifier: workspace:*
+        version: link:../../components/link
+      '@utrecht/link-list-css':
+        specifier: workspace:*
+        version: link:../../components/link-list
+      '@utrecht/link-social-css':
+        specifier: workspace:*
+        version: link:../../components/link-social
+      '@utrecht/list-social-css':
+        specifier: workspace:*
+        version: link:../../components/list-social
+      '@utrecht/listbox-css':
+        specifier: workspace:*
+        version: link:../../components/listbox
+      '@utrecht/logo-button-css':
+        specifier: workspace:*
+        version: link:../../components/logo-button
+      '@utrecht/logo-css':
+        specifier: workspace:*
+        version: link:../../components/logo
+      '@utrecht/logo-image-css':
+        specifier: workspace:*
+        version: link:../../components/logo-image
+      '@utrecht/map-marker-css':
+        specifier: workspace:*
+        version: link:../../components/map-marker
+      '@utrecht/mark-css':
+        specifier: workspace:*
+        version: link:../../components/mark
+      '@utrecht/multiline-data-css':
+        specifier: workspace:*
+        version: link:../../components/multiline-data
+      '@utrecht/nav-bar-css':
+        specifier: workspace:*
+        version: link:../../components/nav-bar
+      '@utrecht/nav-list-css':
+        specifier: workspace:*
+        version: link:../../components/nav-list
+      '@utrecht/number-badge-css':
+        specifier: workspace:*
+        version: link:../../components/number-badge
+      '@utrecht/number-data-css':
+        specifier: workspace:*
+        version: link:../../components/number-data
+      '@utrecht/ordered-list-css':
+        specifier: workspace:*
+        version: link:../../components/ordered-list
+      '@utrecht/page-content-css':
+        specifier: workspace:*
+        version: link:../../components/page-content
+      '@utrecht/page-css':
+        specifier: workspace:*
+        version: link:../../components/page
+      '@utrecht/page-footer-css':
+        specifier: workspace:*
+        version: link:../../components/page-footer
+      '@utrecht/page-header-css':
+        specifier: workspace:*
+        version: link:../../components/page-header
+      '@utrecht/pagination-css':
+        specifier: workspace:*
+        version: link:../../components/pagination
+      '@utrecht/paragraph-css':
+        specifier: workspace:*
+        version: link:../../components/paragraph
+      '@utrecht/pre-heading-css':
+        specifier: workspace:*
+        version: link:../../components/pre-heading
+      '@utrecht/preserve-data-css':
+        specifier: workspace:*
+        version: link:../../components/preserve-data
+      '@utrecht/radio-button-css':
+        specifier: workspace:*
+        version: link:../../components/radio-button
+      '@utrecht/rich-text-css':
+        specifier: workspace:*
+        version: link:../../components/rich-text
+      '@utrecht/search-bar-css':
+        specifier: workspace:*
+        version: link:../../components/search-bar
+      '@utrecht/select-css':
+        specifier: workspace:*
+        version: link:../../components/select
+      '@utrecht/separator-css':
+        specifier: workspace:*
+        version: link:../../components/separator
+      '@utrecht/skip-link-css':
+        specifier: workspace:*
+        version: link:../../components/skip-link
+      '@utrecht/spotlight-section-css':
+        specifier: workspace:*
+        version: link:../../components/spotlight-section
+      '@utrecht/surface-css':
+        specifier: workspace:*
+        version: link:../../components/surface
+      '@utrecht/table-css':
+        specifier: workspace:*
+        version: link:../../components/table
+      '@utrecht/table-of-contents-css':
+        specifier: workspace:*
+        version: link:../../components/table-of-contents
+      '@utrecht/textarea-css':
+        specifier: workspace:*
+        version: link:../../components/textarea
+      '@utrecht/textbox-css':
+        specifier: workspace:*
+        version: link:../../components/textbox
+      '@utrecht/top-task-link-css':
+        specifier: workspace:*
+        version: link:../../components/toptask-link
+      '@utrecht/top-task-nav-css':
+        specifier: workspace:*
+        version: link:../../components/toptask-nav
+      '@utrecht/unordered-list-css':
+        specifier: workspace:*
+        version: link:../../components/unordered-list
+      '@utrecht/url-data-css':
+        specifier: workspace:*
+        version: link:../../components/url-data
       postcss:
         specifier: 8.4.38
         version: 8.4.38
@@ -3875,9 +3856,6 @@ importers:
       '@utrecht/component-library-react':
         specifier: workspace:*
         version: link:../component-library-react
-      '@utrecht/components':
-        specifier: workspace:*
-        version: link:../../components
       '@utrecht/design-tokens':
         specifier: workspace:*
         version: link:../../proprietary/design-tokens
@@ -4037,9 +4015,6 @@ importers:
       '@utrecht/component-library-react':
         specifier: workspace:*
         version: link:../component-library-react
-      '@utrecht/components':
-        specifier: workspace:*
-        version: link:../../components
       '@utrecht/design-tokens':
         specifier: workspace:*
         version: link:../../proprietary/design-tokens
@@ -4469,9 +4444,6 @@ importers:
       '@utrecht/component-library-react':
         specifier: workspace:*
         version: link:../component-library-react
-      '@utrecht/components':
-        specifier: workspace:*
-        version: link:../../components
       '@utrecht/data-list-css':
         specifier: workspace:*
         version: link:../../components/data-list
@@ -4895,9 +4867,6 @@ importers:
       '@utrecht/component-library-react':
         specifier: workspace:*
         version: link:../component-library-react
-      '@utrecht/components':
-        specifier: workspace:*
-        version: link:../../components
       '@utrecht/design-tokens':
         specifier: workspace:*
         version: link:../../proprietary/design-tokens
@@ -5414,9 +5383,6 @@ importers:
       '@utrecht/component-library-react':
         specifier: workspace:*
         version: link:../component-library-react
-      '@utrecht/components':
-        specifier: workspace:*
-        version: link:../../components
       '@utrecht/currency-data-css':
         specifier: workspace:*
         version: link:../../components/currency-data
@@ -5768,9 +5734,6 @@ importers:
       '@utrecht/component-library-vue':
         specifier: workspace:*
         version: link:../component-library-vue
-      '@utrecht/components':
-        specifier: workspace:*
-        version: link:../../components
       '@utrecht/data-list-css':
         specifier: workspace:*
         version: link:../../components/data-list
@@ -6083,9 +6046,6 @@ importers:
       '@utrecht/component-library-react':
         specifier: workspace:*
         version: link:../component-library-react
-      '@utrecht/components':
-        specifier: workspace:*
-        version: link:../../components
       '@utrecht/custom-checkbox-css':
         specifier: workspace:*
         version: link:../../components/custom-checkbox
@@ -6509,9 +6469,6 @@ importers:
       '@utrecht/column-layout-css':
         specifier: workspace:*
         version: link:../../components/column-layout
-      '@utrecht/components':
-        specifier: workspace:*
-        version: link:../../components
       '@utrecht/custom-checkbox-css':
         specifier: workspace:*
         version: link:../../components/custom-checkbox
@@ -11173,11 +11130,6 @@ packages:
     peerDependencies:
       '@stencil/core': '>=2.0.0 || >=3 || >= 4.0.0-beta.0 || >= 4.0.0'
 
-  '@stencil/core@2.22.3':
-    resolution: {integrity: sha512-kmVA0M/HojwsfkeHsifvHVIYe4l5tin7J5+DLgtl8h6WWfiMClND5K3ifCXXI2ETDNKiEk21p6jql3Fx9o2rng==}
-    engines: {node: '>=12.10.0', npm: '>=6.0.0'}
-    hasBin: true
-
   '@stencil/core@4.18.3':
     resolution: {integrity: sha512-8yoG5AFQYEPocVtuoc5kvRS0Hku0MoDWDUpADRaXPVHsOFLmxR16LJENj25ucCz5GEfeTGQ/tCE8JAypPmr/fQ==}
     engines: {node: '>=16.0.0', npm: '>=7.10.0'}
@@ -15679,11 +15631,13 @@ packages:
   eslint@7.32.0:
     resolution: {integrity: sha512-VHZ8gX+EDfz+97jGcgyGCyRia/dPOd6Xh9yPv8Bl1+SoaIwD+a/vlrOmGRUyOYu7MwUhc7CxqeaDZU13S4+EpA==}
     engines: {node: ^10.12.0 || >=12.0.0}
+    deprecated: This version is no longer supported. Please see https://eslint.org/version-support for other options.
     hasBin: true
 
   eslint@8.57.0:
     resolution: {integrity: sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    deprecated: This version is no longer supported. Please see https://eslint.org/version-support for other options.
     hasBin: true
 
   espree@7.3.1:
@@ -31969,8 +31923,6 @@ snapshots:
     dependencies:
       '@stencil/core': 4.18.3(patch_hash=2uvgqe4jn7qcxz7vmflpioblbi)
 
-  '@stencil/core@2.22.3': {}
-
   '@stencil/core@4.18.3(patch_hash=2uvgqe4jn7qcxz7vmflpioblbi)': {}
 
   '@stencil/react-output-target@0.5.3(@stencil/core@4.18.3(patch_hash=2uvgqe4jn7qcxz7vmflpioblbi))':
@@ -45843,14 +45795,6 @@ snapshots:
     dependencies:
       postcss: 8.4.38
 
-  postcss-load-config@3.1.4(postcss@8.4.38)(ts-node@10.9.1(@swc/core@1.3.100(@swc/helpers@0.5.5))(@types/node@22.7.4)(typescript@4.9.5)):
-    dependencies:
-      lilconfig: 2.1.0
-      yaml: 1.10.2
-    optionalDependencies:
-      postcss: 8.4.38
-      ts-node: 10.9.1(@swc/core@1.3.100(@swc/helpers@0.5.5))(@types/node@22.7.4)(typescript@4.9.5)
-
   postcss-load-config@3.1.4(postcss@8.4.38)(ts-node@10.9.1(@swc/core@1.3.100(@swc/helpers@0.5.5))(@types/node@22.7.4)(typescript@5.6.2)):
     dependencies:
       lilconfig: 2.1.0
@@ -47594,25 +47538,6 @@ snapshots:
     dependencies:
       rollup: 4.23.0
 
-  rollup-plugin-postcss@4.0.2(postcss@8.4.38)(ts-node@10.9.1(@swc/core@1.3.100(@swc/helpers@0.5.5))(@types/node@22.7.4)(typescript@4.9.5)):
-    dependencies:
-      chalk: 4.1.2
-      concat-with-sourcemaps: 1.1.0
-      cssnano: 5.1.15(postcss@8.4.38)
-      import-cwd: 3.0.0
-      p-queue: 6.6.2
-      pify: 5.0.0
-      postcss: 8.4.38
-      postcss-load-config: 3.1.4(postcss@8.4.38)(ts-node@10.9.1(@swc/core@1.3.100(@swc/helpers@0.5.5))(@types/node@22.7.4)(typescript@4.9.5))
-      postcss-modules: 4.3.1(postcss@8.4.38)
-      promise.series: 0.2.0
-      resolve: 1.22.8
-      rollup-pluginutils: 2.8.2
-      safe-identifier: 0.4.2
-      style-inject: 0.3.0
-    transitivePeerDependencies:
-      - ts-node
-
   rollup-plugin-postcss@4.0.2(postcss@8.4.38)(ts-node@10.9.1(@swc/core@1.3.100(@swc/helpers@0.5.5))(@types/node@22.7.4)(typescript@5.6.2)):
     dependencies:
       chalk: 4.1.2