@nldd/design-system 0.8.64 → 0.8.65

package/dist/utilities/codemirror/languages.js

@@ -0,0 +1,39 @@
+import { LanguageSupport, StreamLanguage } from '@codemirror/language';
+const loaders = {
+    json: async () => (await import('@codemirror/lang-json')).json(),
+    yaml: async () => (await import('@codemirror/lang-yaml')).yaml(),
+    javascript: async () => (await import('@codemirror/lang-javascript')).javascript(),
+    typescript: async () => (await import('@codemirror/lang-javascript')).javascript({ typescript: true }),
+    css: async () => (await import('@codemirror/lang-css')).css(),
+    html: async () => (await import('@codemirror/lang-html')).html(),
+    xml: async () => (await import('@codemirror/lang-xml')).xml(),
+    python: async () => (await import('@codemirror/lang-python')).python(),
+    rust: async () => (await import('@codemirror/lang-rust')).rust(),
+    sql: async () => (await import('@codemirror/lang-sql')).sql(),
+    markdown: async () => (await import('@codemirror/lang-markdown')).markdown(),
+    // No official lang-* package — wrap the legacy StreamLanguage modes.
+    bash: async () => new LanguageSupport(StreamLanguage.define((await import('@codemirror/legacy-modes/mode/shell')).shell)),
+    toml: async () => new LanguageSupport(StreamLanguage.define((await import('@codemirror/legacy-modes/mode/toml')).toml)),
+    gherkin: async () => new LanguageSupport(StreamLanguage.define((await import('@codemirror/legacy-modes/mode/gherkin')).gherkin)),
+};
+const cache = new Map();
+export function isLanguageSupported(name) {
+    return Object.prototype.hasOwnProperty.call(loaders, name);
+}
+export function loadLanguage(name) {
+    const loader = loaders[name];
+    if (!loader)
+        return undefined;
+    let pending = cache.get(name);
+    if (!pending) {
+        // Drop the cache entry on failure so a later attempt can retry
+        // (e.g. a transient chunk-load failure on a flaky network).
+        pending = loader().catch((err) => {
+            cache.delete(name);
+            throw err;
+        });
+        cache.set(name, pending);
+    }
+    return pending;
+}
+//# sourceMappingURL=languages.js.map

package/dist/utilities/codemirror/languages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"languages.js","sourceRoot":"","sources":["../../../src/utilities/codemirror/languages.ts"],"names":[],"mappings":"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"}

package/dist/utilities/codemirror/theme.d.ts

@@ -0,0 +1,4 @@
+import type { Extension } from '@codemirror/state';
+/** Theme + syntax highlighting as one extension, shared by all DS editors. */
+export declare const nlddCodeMirrorTheme: Extension;
+//# sourceMappingURL=theme.d.ts.map

package/dist/utilities/codemirror/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/utilities/codemirror/theme.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAkFnD,8EAA8E;AAC9E,eAAO,MAAM,mBAAmB,EAAE,SAA2D,CAAC"}

package/dist/utilities/codemirror/theme.js

@@ -0,0 +1,84 @@
+import { EditorView } from '@codemirror/view';
+import { HighlightStyle, syntaxHighlighting } from '@codemirror/language';
+import { tags as t } from '@lezer/highlight';
+/* CodeMirror's generated theme styles mount into the same root as the view
+ * (the component's shadow root). CSS custom properties inherit across the
+ * shadow boundary, so every var(--…) below resolves against settings.css and
+ * adapts to light/dark mode automatically. Background and padding are left to
+ * the host component (the box/simple variant owns the framing). */
+const baseTheme = EditorView.theme({
+    '&': {
+        height: '100%',
+        color: 'var(--semantics-content-color)',
+        backgroundColor: 'transparent',
+    },
+    '&.cm-focused': {
+        // The focus ring lives on the host (.code-editor:focus-within).
+        outline: 'none',
+    },
+    '.cm-scroller': {
+        fontFamily: 'inherit',
+        lineHeight: 'inherit',
+        overflow: 'auto',
+    },
+    '.cm-content': {
+        padding: '0',
+        caretColor: 'var(--semantics-content-color)',
+    },
+    '.cm-line': {
+        padding: '0',
+    },
+    '.cm-cursor, .cm-dropCursor': {
+        borderLeftColor: 'var(--semantics-content-color)',
+    },
+    '.cm-placeholder': {
+        color: 'var(--semantics-input-fields-placeholder-color)',
+    },
+    // A solid selection colour. accent-150/250 are themselves light-dark; the
+    // outer light-dark() picks the lighter step in light mode and the darker step
+    // in dark mode (the accent scale inverts), keeping the selection subtle.
+    // The focused selector matches CodeMirror's own deep one so our colour wins on
+    // equal specificity — otherwise CM's light base theme paints the focused
+    // selection lavender, unreadable on a dark surface.
+    '&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': {
+        backgroundColor: 'light-dark(var(--primitives-color-accent-150), var(--primitives-color-accent-250))',
+    },
+    '.cm-gutters': {
+        border: 'none',
+        backgroundColor: 'transparent',
+        color: 'var(--semantics-input-fields-placeholder-color)',
+    },
+    // Breathing room between the line-number gutter and the code (VS Code-like).
+    '.cm-lineNumbers .cm-gutterElement': {
+        padding: '0 var(--primitives-space-16) 0 var(--primitives-space-8)',
+    },
+    '.cm-activeLine, .cm-activeLineGutter': {
+        backgroundColor: 'transparent',
+    },
+});
+/* Token colors reuse the existing code-viewer palette so the editor and the
+ * read-only viewer highlight identically with one source of truth. */
+const highlightStyle = HighlightStyle.define([
+    { tag: [t.comment, t.lineComment, t.blockComment, t.docComment], color: 'var(--components-code-viewer-token-comment-color)', fontStyle: 'italic' },
+    { tag: [t.keyword, t.modifier, t.controlKeyword, t.operatorKeyword], color: 'var(--components-code-viewer-token-keyword-color)' },
+    { tag: [t.string, t.special(t.string), t.character], color: 'var(--components-code-viewer-token-string-color)' },
+    { tag: [t.number, t.integer, t.float], color: 'var(--components-code-viewer-token-number-color)' },
+    { tag: t.bool, color: 'var(--components-code-viewer-token-boolean-color)' },
+    { tag: t.null, color: 'var(--components-code-viewer-token-null-color)' },
+    { tag: [t.function(t.variableName), t.function(t.propertyName)], color: 'var(--components-code-viewer-token-function-color)' },
+    { tag: [t.className, t.typeName, t.namespace], color: 'var(--components-code-viewer-token-class-color)' },
+    { tag: [t.propertyName, t.attributeName], color: 'var(--components-code-viewer-token-property-color)' },
+    { tag: [t.punctuation, t.separator, t.bracket], color: 'var(--components-code-viewer-token-punctuation-color)' },
+    { tag: t.operator, color: 'var(--components-code-viewer-token-operator-color)' },
+    { tag: t.tagName, color: 'var(--components-code-viewer-token-tag-color)' },
+    { tag: t.attributeValue, color: 'var(--components-code-viewer-token-attr-value-color)' },
+    { tag: t.variableName, color: 'var(--components-code-viewer-token-variable-color)' },
+    { tag: [t.constant(t.variableName), t.standard(t.variableName)], color: 'var(--components-code-viewer-token-constant-color)' },
+    { tag: t.regexp, color: 'var(--components-code-viewer-token-regex-color)' },
+    { tag: t.url, color: 'var(--components-code-viewer-token-url-color)' },
+    { tag: t.strong, fontWeight: 'bold' },
+    { tag: t.emphasis, fontStyle: 'italic' },
+]);
+/** Theme + syntax highlighting as one extension, shared by all DS editors. */
+export const nlddCodeMirrorTheme = [baseTheme, syntaxHighlighting(highlightStyle)];
+//# sourceMappingURL=theme.js.map

package/dist/utilities/codemirror/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/utilities/codemirror/theme.ts"],"names":[],"mappings":"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"}

package/dist/utilities/dismiss-from-title-bar.d.ts

@@ -0,0 +1,19 @@
+/**
+ * True when a bubbling `dismiss` event originates from an `nldd-top-title-bar`'s
+ * close button.
+ *
+ * Overlay containers (`nldd-sheet`, `nldd-window`) listen for bubbling `dismiss`
+ * events to close themselves. But nested components fire their own `dismiss` for
+ * their own element — an `nldd-token`'s remove button, an `nldd-banner`, an
+ * `nldd-document-tab-bar` — and those must NOT close the container. Only the
+ * container's own top-title-bar dismiss should. This shared check keeps that rule
+ * identical across every overlay container.
+ *
+ * Limitation: it matches ANY nldd-top-title-bar in the composed path, not
+ * specifically the container's own. That is correct for today's one-title-bar-per
+ * -container usage; a nested composition with more than one title bar (a sheet
+ * inside a sheet, each with its own) would need the inner container to
+ * stopPropagation on its own dismiss so it doesn't also reach the outer one.
+ */
+export declare function isDismissFromTitleBar(e: Event): boolean;
+//# sourceMappingURL=dismiss-from-title-bar.d.ts.map

package/dist/utilities/dismiss-from-title-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dismiss-from-title-bar.d.ts","sourceRoot":"","sources":["../../src/utilities/dismiss-from-title-bar.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,qBAAqB,CAAC,CAAC,EAAE,KAAK,GAAG,OAAO,CAIvD"}

package/dist/utilities/dismiss-from-title-bar.js

@@ -0,0 +1,21 @@
+/**
+ * True when a bubbling `dismiss` event originates from an `nldd-top-title-bar`'s
+ * close button.
+ *
+ * Overlay containers (`nldd-sheet`, `nldd-window`) listen for bubbling `dismiss`
+ * events to close themselves. But nested components fire their own `dismiss` for
+ * their own element — an `nldd-token`'s remove button, an `nldd-banner`, an
+ * `nldd-document-tab-bar` — and those must NOT close the container. Only the
+ * container's own top-title-bar dismiss should. This shared check keeps that rule
+ * identical across every overlay container.
+ *
+ * Limitation: it matches ANY nldd-top-title-bar in the composed path, not
+ * specifically the container's own. That is correct for today's one-title-bar-per
+ * -container usage; a nested composition with more than one title bar (a sheet
+ * inside a sheet, each with its own) would need the inner container to
+ * stopPropagation on its own dismiss so it doesn't also reach the outer one.
+ */
+export function isDismissFromTitleBar(e) {
+    return e.composedPath().some((t) => t instanceof Element && t.tagName.toLowerCase() === 'nldd-top-title-bar');
+}
+//# sourceMappingURL=dismiss-from-title-bar.js.map

package/dist/utilities/dismiss-from-title-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dismiss-from-title-bar.js","sourceRoot":"","sources":["../../src/utilities/dismiss-from-title-bar.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,qBAAqB,CAAC,CAAQ;IAC7C,OAAO,CAAC,CAAC,YAAY,EAAE,CAAC,IAAI,CAC3B,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,YAAY,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,oBAAoB,CAC/E,CAAC;AACH,CAAC"}

package/dist/utilities/reflect-non-default.d.ts

@@ -0,0 +1,30 @@
+import type { ComplexAttributeConverter } from 'lit';
+/**
+ * A Lit attribute converter for a reflected enum property whose DEFAULT value
+ * should not appear in the DOM.
+ *
+ * It reflects any non-default value to the attribute (so `:host([prop="x"])`
+ * styling and framework property binding keep working), but maps the default to
+ * *no* attribute (`toAttribute` returns null), so the DOM isn't polluted with a
+ * redundant `prop="<default>"` on every instance.
+ *
+ * Pair it with `reflect: true`. The component's default styling must then live
+ * on the bare `:host` (not `:host([prop="<default>"])`), since a default-valued
+ * element carries no attribute to select on.
+ *
+ * Known edge: if markup writes the default *explicitly* (e.g. `<nldd-button
+ * size="md">`), `fromAttribute` resolves the property to the value it already
+ * holds, so Lit's default `hasChanged` sees no change, schedules no update, and
+ * `toAttribute` never runs to strip the attribute — so that one authored default
+ * attribute stays in the DOM. Visual behavior is unaffected (styling keys off the
+ * bare `:host`); it only matters to code matching `[prop="<default>"]`, which
+ * should read the property instead. Not worth a fragile `hasChanged` workaround.
+ *
+ * @example
+ * ```ts
+ * @property({ reflect: true, converter: reflectNonDefault<Size>('md') })
+ * size: Size = 'md';
+ * ```
+ */
+export declare function reflectNonDefault<T extends string>(defaultValue: T): ComplexAttributeConverter<T>;
+//# sourceMappingURL=reflect-non-default.d.ts.map

package/dist/utilities/reflect-non-default.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reflect-non-default.d.ts","sourceRoot":"","sources":["../../src/utilities/reflect-non-default.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,KAAK,CAAC;AAErD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,MAAM,EAAE,YAAY,EAAE,CAAC,GAAG,yBAAyB,CAAC,CAAC,CAAC,CAKjG"}

package/dist/utilities/reflect-non-default.js

@@ -0,0 +1,34 @@
+/**
+ * A Lit attribute converter for a reflected enum property whose DEFAULT value
+ * should not appear in the DOM.
+ *
+ * It reflects any non-default value to the attribute (so `:host([prop="x"])`
+ * styling and framework property binding keep working), but maps the default to
+ * *no* attribute (`toAttribute` returns null), so the DOM isn't polluted with a
+ * redundant `prop="<default>"` on every instance.
+ *
+ * Pair it with `reflect: true`. The component's default styling must then live
+ * on the bare `:host` (not `:host([prop="<default>"])`), since a default-valued
+ * element carries no attribute to select on.
+ *
+ * Known edge: if markup writes the default *explicitly* (e.g. `<nldd-button
+ * size="md">`), `fromAttribute` resolves the property to the value it already
+ * holds, so Lit's default `hasChanged` sees no change, schedules no update, and
+ * `toAttribute` never runs to strip the attribute — so that one authored default
+ * attribute stays in the DOM. Visual behavior is unaffected (styling keys off the
+ * bare `:host`); it only matters to code matching `[prop="<default>"]`, which
+ * should read the property instead. Not worth a fragile `hasChanged` workaround.
+ *
+ * @example
+ * ```ts
+ * @property({ reflect: true, converter: reflectNonDefault<Size>('md') })
+ * size: Size = 'md';
+ * ```
+ */
+export function reflectNonDefault(defaultValue) {
+    return {
+        fromAttribute: (value) => (value === null ? defaultValue : value),
+        toAttribute: (value) => (value === defaultValue ? null : value),
+    };
+}
+//# sourceMappingURL=reflect-non-default.js.map

package/dist/utilities/reflect-non-default.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reflect-non-default.js","sourceRoot":"","sources":["../../src/utilities/reflect-non-default.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,UAAU,iBAAiB,CAAmB,YAAe;IAClE,OAAO;QACN,aAAa,EAAE,CAAC,KAAoB,EAAK,EAAE,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAE,KAAW,CAAC;QAC1F,WAAW,EAAE,CAAC,KAAQ,EAAiB,EAAE,CAAC,CAAC,KAAK,KAAK,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;KACjF,CAAC;AACH,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nldd/design-system",
-  "version": "0.8.64",
+  "version": "0.8.65",
   "description": "Design System voor Nederlandse Digitale Dienst",
   "type": "module",
   "main": "dist/components/components.js",
@@ -35,6 +35,18 @@
       "types": "./dist/components/actions/menu/menu.d.ts",
       "default": "./dist/components/actions/menu/menu.js"
     },
+    "./blockquote": {
+      "types": "./dist/components/content/blockquote/blockquote.d.ts",
+      "default": "./dist/components/content/blockquote/blockquote.js"
+    },
+    "./byline": {
+      "types": "./dist/components/content/byline/byline.d.ts",
+      "default": "./dist/components/content/byline/byline.js"
+    },
+    "./code-viewer": {
+      "types": "./dist/components/content/code-viewer/code-viewer.d.ts",
+      "default": "./dist/components/content/code-viewer/code-viewer.js"
+    },
     "./icon": {
       "types": "./dist/components/content/icon/icon.d.ts",
       "default": "./dist/components/content/icon/icon.js"
@@ -43,38 +55,30 @@
       "types": "./dist/components/content/image/image.d.ts",
       "default": "./dist/components/content/image/image.js"
     },
+    "./keyboard-shortcut": {
+      "types": "./dist/components/content/keyboard-shortcut/keyboard-shortcut.d.ts",
+      "default": "./dist/components/content/keyboard-shortcut/keyboard-shortcut.js"
+    },
     "./rich-text": {
       "types": "./dist/components/content/rich-text/rich-text.d.ts",
       "default": "./dist/components/content/rich-text/rich-text.js"
     },
+    "./tag": {
+      "types": "./dist/components/content/tag/tag.d.ts",
+      "default": "./dist/components/content/tag/tag.js"
+    },
     "./title": {
       "types": "./dist/components/content/title/title.d.ts",
       "default": "./dist/components/content/title/title.js"
     },
+    "./token": {
+      "types": "./dist/components/content/token/token.d.ts",
+      "default": "./dist/components/content/token/token.js"
+    },
     "./tooltip": {
       "types": "./dist/components/content/tooltip/tooltip.d.ts",
       "default": "./dist/components/content/tooltip/tooltip.js"
     },
-    "./blockquote": {
-      "types": "./dist/components/content/blockquote/blockquote.d.ts",
-      "default": "./dist/components/content/blockquote/blockquote.js"
-    },
-    "./tag": {
-      "types": "./dist/components/content/tag/tag.d.ts",
-      "default": "./dist/components/content/tag/tag.js"
-    },
-    "./keyboard-shortcut": {
-      "types": "./dist/components/content/keyboard-shortcut/keyboard-shortcut.d.ts",
-      "default": "./dist/components/content/keyboard-shortcut/keyboard-shortcut.js"
-    },
-    "./code-viewer": {
-      "types": "./dist/components/content/code-viewer/code-viewer.d.ts",
-      "default": "./dist/components/content/code-viewer/code-viewer.js"
-    },
-    "./byline": {
-      "types": "./dist/components/content/byline/byline.d.ts",
-      "default": "./dist/components/content/byline/byline.js"
-    },
     "./form": {
       "types": "./dist/components/forms/form/form.d.ts",
       "default": "./dist/components/forms/form/form.js"
@@ -91,49 +95,37 @@
       "types": "./dist/components/forms/form-section/form-section.d.ts",
       "default": "./dist/components/forms/form-section/form-section.js"
     },
-    "./text-field": {
-      "types": "./dist/components/inputs/text-field/text-field.d.ts",
-      "default": "./dist/components/inputs/text-field/text-field.js"
+    "./checkbox": {
+      "types": "./dist/components/inputs/checkbox/checkbox.d.ts",
+      "default": "./dist/components/inputs/checkbox/checkbox.js"
     },
-    "./multi-line-text-field": {
-      "types": "./dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts",
-      "default": "./dist/components/inputs/multi-line-text-field/multi-line-text-field.js"
+    "./checkbox-field": {
+      "types": "./dist/components/inputs/checkbox-field/checkbox-field.d.ts",
+      "default": "./dist/components/inputs/checkbox-field/checkbox-field.js"
     },
     "./code-editor": {
       "types": "./dist/components/inputs/code-editor/code-editor.d.ts",
       "default": "./dist/components/inputs/code-editor/code-editor.js"
     },
-    "./password-field": {
-      "types": "./dist/components/inputs/password-field/password-field.d.ts",
-      "default": "./dist/components/inputs/password-field/password-field.js"
-    },
-    "./search-field": {
-      "types": "./dist/components/inputs/search-field/search-field.d.ts",
-      "default": "./dist/components/inputs/search-field/search-field.js"
-    },
-    "./number-field": {
-      "types": "./dist/components/inputs/number-field/number-field.d.ts",
-      "default": "./dist/components/inputs/number-field/number-field.js"
+    "./combo-box": {
+      "types": "./dist/components/inputs/combo-box/combo-box.d.ts",
+      "default": "./dist/components/inputs/combo-box/combo-box.js"
     },
     "./dropdown": {
       "types": "./dist/components/inputs/dropdown/dropdown.d.ts",
       "default": "./dist/components/inputs/dropdown/dropdown.js"
     },
-    "./combo-box": {
-      "types": "./dist/components/inputs/combo-box/combo-box.d.ts",
-      "default": "./dist/components/inputs/combo-box/combo-box.js"
-    },
-    "./stepper": {
-      "types": "./dist/components/inputs/stepper/stepper.d.ts",
-      "default": "./dist/components/inputs/stepper/stepper.js"
+    "./multi-line-text-field": {
+      "types": "./dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts",
+      "default": "./dist/components/inputs/multi-line-text-field/multi-line-text-field.js"
     },
-    "./checkbox": {
-      "types": "./dist/components/inputs/checkbox/checkbox.d.ts",
-      "default": "./dist/components/inputs/checkbox/checkbox.js"
+    "./number-field": {
+      "types": "./dist/components/inputs/number-field/number-field.d.ts",
+      "default": "./dist/components/inputs/number-field/number-field.js"
     },
-    "./checkbox-field": {
-      "types": "./dist/components/inputs/checkbox-field/checkbox-field.d.ts",
-      "default": "./dist/components/inputs/checkbox-field/checkbox-field.js"
+    "./password-field": {
+      "types": "./dist/components/inputs/password-field/password-field.d.ts",
+      "default": "./dist/components/inputs/password-field/password-field.js"
     },
     "./radio-button": {
       "types": "./dist/components/inputs/radio-button/radio-button.d.ts",
@@ -147,6 +139,18 @@
       "types": "./dist/components/inputs/radio-button-group/radio-button-group.d.ts",
       "default": "./dist/components/inputs/radio-button-group/radio-button-group.js"
     },
+    "./search-field": {
+      "types": "./dist/components/inputs/search-field/search-field.d.ts",
+      "default": "./dist/components/inputs/search-field/search-field.js"
+    },
+    "./segmented-control": {
+      "types": "./dist/components/inputs/segmented-control/segmented-control.d.ts",
+      "default": "./dist/components/inputs/segmented-control/segmented-control.js"
+    },
+    "./stepper": {
+      "types": "./dist/components/inputs/stepper/stepper.d.ts",
+      "default": "./dist/components/inputs/stepper/stepper.js"
+    },
     "./switch": {
       "types": "./dist/components/inputs/switch/switch.d.ts",
       "default": "./dist/components/inputs/switch/switch.js"
@@ -155,9 +159,13 @@
       "types": "./dist/components/inputs/switch-field/switch-field.d.ts",
       "default": "./dist/components/inputs/switch-field/switch-field.js"
     },
-    "./segmented-control": {
-      "types": "./dist/components/inputs/segmented-control/segmented-control.d.ts",
-      "default": "./dist/components/inputs/segmented-control/segmented-control.js"
+    "./text-editor": {
+      "types": "./dist/components/inputs/text-editor/text-editor.d.ts",
+      "default": "./dist/components/inputs/text-editor/text-editor.js"
+    },
+    "./text-field": {
+      "types": "./dist/components/inputs/text-field/text-field.d.ts",
+      "default": "./dist/components/inputs/text-field/text-field.js"
     },
     "./toggle-button": {
       "types": "./dist/components/inputs/toggle-button/toggle-button.d.ts",
@@ -167,9 +175,9 @@
       "types": "./dist/components/inputs/toggle-button-group/toggle-button-group.d.ts",
       "default": "./dist/components/inputs/toggle-button-group/toggle-button-group.js"
     },
-    "./token": {
-      "types": "./dist/components/inputs/token/token.d.ts",
-      "default": "./dist/components/inputs/token/token.js"
+    "./token-field": {
+      "types": "./dist/components/inputs/token-field/token-field.d.ts",
+      "default": "./dist/components/inputs/token-field/token-field.js"
     },
     "./app-view": {
       "types": "./dist/components/layout/app-view/app-view.d.ts",
@@ -389,6 +397,7 @@
     },
     "./styles": "./dist/css/global.css",
     "./styles/tokens": "./dist/css/settings.css",
+    "./styles/fouc": "./dist/css/fouc.css",
     "./tokens": {
       "types": "./dist/assets/styles/tokens.d.ts",
       "default": "./dist/assets/styles/tokens.js"
@@ -407,7 +416,7 @@
   },
   "scripts": {
     "build": "npm run build:styles && npm run validate:styles && npm run build:components",
-    "build:styles": "mkdir -p dist/css dist/fonts && cp src/assets/styles/settings.css dist/css/settings.css && cp src/assets/styles/reset.css dist/css/reset.css && cp src/assets/styles/palettes.generated.css dist/css/palettes.generated.css && cp src/components/content/rich-text/rich-text.css dist/css/rich-text.css && cp src/components/forms/form/form.css dist/css/form.css && cp src/components/forms/form-section/form-section.css dist/css/form-section.css && printf '@import \"./settings.css\";\\n@import \"./reset.css\";\\n@import \"./rich-text.css\";\\n@import \"./form-section.css\";\\n@import \"./form.css\";\\n' > dist/css/global.css && cp src/assets/fonts/*.woff2 dist/fonts/",
+    "build:styles": "mkdir -p dist/css dist/fonts && cp src/assets/styles/settings.css dist/css/settings.css && cp src/assets/styles/reset.css dist/css/reset.css && cp src/assets/styles/palettes.generated.css dist/css/palettes.generated.css && cp src/components/content/rich-text/rich-text.css dist/css/rich-text.css && cp src/components/forms/form/form.css dist/css/form.css && cp src/components/forms/form-section/form-section.css dist/css/form-section.css && cp src/assets/styles/fouc.css dist/css/fouc.css && printf '@import \"./settings.css\";\\n@import \"./reset.css\";\\n@import \"./rich-text.css\";\\n@import \"./form-section.css\";\\n@import \"./form.css\";\\n@import \"./fouc.css\";\\n' > dist/css/global.css && cp src/assets/fonts/*.woff2 dist/fonts/",
     "generate:palettes": "node scripts/generate-palettes.js",
     "generate:component-reference": "node scripts/generate-component-reference.js",
     "generate:skill-changelog": "node scripts/generate-skill-changelog.js",
@@ -449,22 +458,21 @@
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/exec": "^7.1.0",
     "@semantic-release/git": "^10.0.1",
-    "@storybook/addon-a11y": "^10.4.0",
-    "@storybook/addon-docs": "^10.4.0",
-    "@storybook/addon-themes": "^10.4.0",
-    "@storybook/addon-vitest": "^10.4.0",
-    "@storybook/web-components-vite": "^10.4.0",
-    "@types/prismjs": "^1.26.6",
+    "@storybook/addon-a11y": "^10.4.6",
+    "@storybook/addon-docs": "^10.4.6",
+    "@storybook/addon-themes": "^10.4.6",
+    "@storybook/addon-vitest": "^10.4.6",
+    "@storybook/web-components-vite": "^10.4.6",
     "@vitest/browser-playwright": "^4.0.16",
     "@vitest/coverage-v8": "^4.0.16",
     "conventional-changelog": "^7.2.0",
     "eslint": "^9.17.0",
     "eslint-plugin-lit-a11y": "^5.1.1",
-    "eslint-plugin-storybook": "^10.4.0",
+    "eslint-plugin-storybook": "^10.4.6",
     "globals": "^15.14.0",
     "playwright": "^1.57.0",
     "semantic-release": "^25.0.2",
-    "storybook": "^10.4.0",
+    "storybook": "^10.4.6",
     "typescript": "^5.3.0",
     "typescript-eslint": "^8.58.0",
     "vite": "^7.3.1",
@@ -481,9 +489,25 @@
   ],
   "license": "EUPL-1.2",
   "dependencies": {
+    "@codemirror/autocomplete": "^6.20.3",
+    "@codemirror/commands": "^6.10.4",
+    "@codemirror/lang-css": "^6.3.1",
+    "@codemirror/lang-html": "^6.4.11",
+    "@codemirror/lang-javascript": "^6.2.5",
+    "@codemirror/lang-json": "^6.0.2",
+    "@codemirror/lang-markdown": "^6.5.0",
+    "@codemirror/lang-python": "^6.2.1",
+    "@codemirror/lang-rust": "^6.0.2",
+    "@codemirror/lang-sql": "^6.10.0",
+    "@codemirror/lang-xml": "^6.1.0",
+    "@codemirror/lang-yaml": "^6.1.3",
+    "@codemirror/language": "^6.12.4",
+    "@codemirror/legacy-modes": "^6.5.3",
+    "@codemirror/state": "^6.7.0",
+    "@codemirror/view": "^6.43.4",
     "@floating-ui/dom": "^1.7.6",
+    "@lezer/highlight": "^1.2.3",
     "@rijkshuisstijl-community/font": "^1.1.2",
-    "lit": "^3.3.1",
-    "prismjs": "^1.30.0"
+    "lit": "^3.3.1"
   }
 }