@nldd/design-system 0.8.68 → 0.8.70

package/dist/utilities/popup-anchor-controller.d.ts

@@ -0,0 +1,63 @@
+/**
+ * Shared wiring for a control that invokes a slotted overlay (`nldd-menu` /
+ * `nldd-popover`): it adopts the overlay from a slot, anchors it, and turns the
+ * control's clicks into open/close.
+ *
+ * A controller rather than a mixin, because the parts that differ between
+ * nldd-button, nldd-icon-button and nldd-split-button are configuration, not
+ * subclassing: the anchor target (the host, or an inner wrapper) is a callback,
+ * and the click handling is a method the control calls from its own handler,
+ * which then falls through to its own form / link / event behaviour. Split-button
+ * layers `toggle` tracking on top via `onChange`, which composition allows and
+ * inheritance would fight.
+ *
+ * The delicate part it centralises is the pointerdown snapshot. The browser
+ * light-dismisses an open popover on pointerdown, which is *before* the click
+ * lands, so a click handler that only sees "the overlay is closed" would
+ * immediately re-open what the same gesture just dismissed (the "flashes closed
+ * then reopens" bug). Snapshotting on pointerdown keeps the two apart.
+ */
+import type { NLDDMenu } from '../components/actions/menu/menu.js';
+import type { NLDDPopover } from '../components/layout/popover/popover.js';
+/** A floating overlay a control can anchor and toggle from a slot. Both expose
+ *  `anchorElement` and bail on their own anchor-click toggle once it is set, so
+ *  the control drives them uniformly via showPopover(). */
+export type Overlay = (NLDDMenu | NLDDPopover) & {
+    anchorElement: Element | null;
+};
+export interface PopupAnchorOptions {
+    /** Element the overlay positions against; defaults to the host. A callback,
+     *  so a target that only resolves after the first render (an inner element
+     *  behind @query) still works — call `anchor()` once it exists. */
+    anchorFor?: () => Element | null;
+    /** Runs after the slotted overlay is swapped, for behaviour layered on top
+     *  (e.g. tracking `toggle` to drive a chevron's expanded state). */
+    onChange?: (overlay: Overlay | null, previous: Overlay | null) => void;
+}
+export declare class PopupAnchorController {
+    private _anchorFor;
+    private _onChange?;
+    private _overlay;
+    private _wasOpenOnPointerdown;
+    constructor(host: HTMLElement, options?: PopupAnchorOptions);
+    /** The slotted overlay, or null when none is slotted. */
+    get overlay(): Overlay | null;
+    /** Bind to the popup slot's `slotchange`. */
+    handleSlotChange: (event: Event) => void;
+    /** Adopt an overlay (or none). Releases the previous one first: left
+     *  anchored, a removed overlay keeps positioning against this control and
+     *  syncing `expanded` onto it, and the pair can never be collected. */
+    setOverlay(overlay: Overlay | null): void;
+    /** (Re-)anchor the current overlay. Call once the anchor target exists when
+     *  it resolves later than the first `slotchange`. */
+    anchor(): void;
+    /** Bind to the invoker's `pointerdown`. Snapshots the open state before the
+     *  browser's light-dismiss runs. Covers mouse, touch and pen — `mousedown`
+     *  alone would skip touch, where no mousedown precedes the synthetic click. */
+    handlePointerdown: () => void;
+    /** Call from the control's click handler. Returns true when the click was
+     *  consumed (an overlay is slotted, so the control is its invoker and
+     *  neither submits a form nor navigates); false to fall through. */
+    handleClick(event: MouseEvent): boolean;
+}
+//# sourceMappingURL=popup-anchor-controller.d.ts.map

package/dist/utilities/popup-anchor-controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popup-anchor-controller.d.ts","sourceRoot":"","sources":["../../src/utilities/popup-anchor-controller.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAC;AAE3E;;2DAE2D;AAC3D,MAAM,MAAM,OAAO,GAAG,CAAC,QAAQ,GAAG,WAAW,CAAC,GAAG;IAAE,aAAa,EAAE,OAAO,GAAG,IAAI,CAAA;CAAE,CAAC;AAInF,MAAM,WAAW,kBAAkB;IAClC;;uEAEmE;IACnE,SAAS,CAAC,EAAE,MAAM,OAAO,GAAG,IAAI,CAAC;IACjC;wEACoE;IACpE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;CACvE;AAED,qBAAa,qBAAqB;IACjC,OAAO,CAAC,UAAU,CAAuB;IACzC,OAAO,CAAC,SAAS,CAAC,CAA8D;IAChF,OAAO,CAAC,QAAQ,CAAwB;IACxC,OAAO,CAAC,qBAAqB,CAAS;gBAE1B,IAAI,EAAE,WAAW,EAAE,OAAO,GAAE,kBAAuB;IAK/D,yDAAyD;IACzD,IAAI,OAAO,IAAI,OAAO,GAAG,IAAI,CAE5B;IAED,6CAA6C;IAC7C,gBAAgB,GAAI,OAAO,KAAK,KAAG,IAAI,CAIrC;IAEF;;2EAEuE;IACvE,UAAU,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,GAAG,IAAI;IASzC;yDACqD;IACrD,MAAM,IAAI,IAAI;IAKd;;mFAE+E;IAC/E,iBAAiB,QAAO,IAAI,CAE1B;IAEF;;wEAEoE;IACpE,WAAW,CAAC,KAAK,EAAE,UAAU,GAAG,OAAO;CAYvC"}

package/dist/utilities/popup-anchor-controller.js

@@ -0,0 +1,63 @@
+const OVERLAY_SELECTOR = 'nldd-menu, nldd-popover';
+export class PopupAnchorController {
+    constructor(host, options = {}) {
+        this._overlay = null;
+        this._wasOpenOnPointerdown = false;
+        /** Bind to the popup slot's `slotchange`. */
+        this.handleSlotChange = (event) => {
+            const slot = event.target;
+            const overlay = slot.assignedElements().find((el) => el.matches(OVERLAY_SELECTOR)) ?? null;
+            this.setOverlay(overlay);
+        };
+        /** Bind to the invoker's `pointerdown`. Snapshots the open state before the
+         *  browser's light-dismiss runs. Covers mouse, touch and pen — `mousedown`
+         *  alone would skip touch, where no mousedown precedes the synthetic click. */
+        this.handlePointerdown = () => {
+            this._wasOpenOnPointerdown = this._overlay?.matches(':popover-open') ?? false;
+        };
+        this._anchorFor = options.anchorFor ?? (() => host);
+        this._onChange = options.onChange;
+    }
+    /** The slotted overlay, or null when none is slotted. */
+    get overlay() {
+        return this._overlay;
+    }
+    /** Adopt an overlay (or none). Releases the previous one first: left
+     *  anchored, a removed overlay keeps positioning against this control and
+     *  syncing `expanded` onto it, and the pair can never be collected. */
+    setOverlay(overlay) {
+        if (overlay === this._overlay)
+            return;
+        const previous = this._overlay;
+        if (previous)
+            previous.anchorElement = null;
+        this._overlay = overlay;
+        this.anchor();
+        this._onChange?.(overlay, previous);
+    }
+    /** (Re-)anchor the current overlay. Call once the anchor target exists when
+     *  it resolves later than the first `slotchange`. */
+    anchor() {
+        const target = this._anchorFor();
+        if (this._overlay && target)
+            this._overlay.anchorElement = target;
+    }
+    /** Call from the control's click handler. Returns true when the click was
+     *  consumed (an overlay is slotted, so the control is its invoker and
+     *  neither submits a form nor navigates); false to fall through. */
+    handleClick(event) {
+        if (!this._overlay)
+            return false;
+        // Only a pointer-driven click (detail > 0) has a preceding pointerdown; a
+        // keyboard click must ignore the snapshot, which would otherwise be left
+        // over from an earlier gesture that ended without a click (drag off the
+        // control, touch scroll) and swallow the activation. The :popover-open
+        // guard keeps showPopover() from throwing on an already-open overlay.
+        const wasOpen = event.detail > 0 && this._wasOpenOnPointerdown;
+        this._wasOpenOnPointerdown = false;
+        if (!wasOpen && !this._overlay.matches(':popover-open'))
+            this._overlay.showPopover();
+        return true;
+    }
+}
+//# sourceMappingURL=popup-anchor-controller.js.map

package/dist/utilities/popup-anchor-controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popup-anchor-controller.js","sourceRoot":"","sources":["../../src/utilities/popup-anchor-controller.ts"],"names":[],"mappings":"AA2BA,MAAM,gBAAgB,GAAG,yBAAyB,CAAC;AAYnD,MAAM,OAAO,qBAAqB;IAMjC,YAAY,IAAiB,EAAE,UAA8B,EAAE;QAHvD,aAAQ,GAAmB,IAAI,CAAC;QAChC,0BAAqB,GAAG,KAAK,CAAC;QAYtC,6CAA6C;QAC7C,qBAAgB,GAAG,CAAC,KAAY,EAAQ,EAAE;YACzC,MAAM,IAAI,GAAG,KAAK,CAAC,MAAyB,CAAC;YAC7C,MAAM,OAAO,GAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAyB,IAAI,IAAI,CAAC;YACpH,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAC1B,CAAC,CAAC;QAqBF;;uFAE+E;QAC/E,sBAAiB,GAAG,GAAS,EAAE;YAC9B,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,eAAe,CAAC,IAAI,KAAK,CAAC;QAC/E,CAAC,CAAC;QAxCD,IAAI,CAAC,UAAU,GAAG,OAAO,CAAC,SAAS,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC;QACpD,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC;IACnC,CAAC;IAED,yDAAyD;IACzD,IAAI,OAAO;QACV,OAAO,IAAI,CAAC,QAAQ,CAAC;IACtB,CAAC;IASD;;2EAEuE;IACvE,UAAU,CAAC,OAAuB;QACjC,IAAI,OAAO,KAAK,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtC,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC/B,IAAI,QAAQ;YAAE,QAAQ,CAAC,aAAa,GAAG,IAAI,CAAC;QAC5C,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QACxB,IAAI,CAAC,MAAM,EAAE,CAAC;QACd,IAAI,CAAC,SAAS,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IACrC,CAAC;IAED;yDACqD;IACrD,MAAM;QACL,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QACjC,IAAI,IAAI,CAAC,QAAQ,IAAI,MAAM;YAAE,IAAI,CAAC,QAAQ,CAAC,aAAa,GAAG,MAAM,CAAC;IACnE,CAAC;IASD;;wEAEoE;IACpE,WAAW,CAAC,KAAiB;QAC5B,IAAI,CAAC,IAAI,CAAC,QAAQ;YAAE,OAAO,KAAK,CAAC;QACjC,0EAA0E;QAC1E,yEAAyE;QACzE,wEAAwE;QACxE,uEAAuE;QACvE,sEAAsE;QACtE,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,qBAAqB,CAAC;QAC/D,IAAI,CAAC,qBAAqB,GAAG,KAAK,CAAC;QACnC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,eAAe,CAAC;YAAE,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC;QACrF,OAAO,IAAI,CAAC;IACb,CAAC;CACD"}

package/dist/utilities/resolve-date-bound.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Resolves the `min` / `max` bound of a date component to an ISO date.
+ *
+ * Bounds accept a literal ISO date (`2026-12-31`) or a relative expression
+ * anchored on today (`today`, `today-18y`, `today+1m`). The relative form exists
+ * because an absolute bound goes stale: a birthdate field written as
+ * `max="2026-07-19"` starts accepting tomorrow's date the day after it ships.
+ *
+ * Units are `d` (days), `w` (weeks), `m` (months) and `y` (years).
+ *
+ * "Today" is the local calendar day, so the bound matches the date on the user's
+ * own clock. Pass `today` explicitly to make callers and tests deterministic.
+ *
+ * An unreadable expression resolves to no bound rather than to an impossible
+ * one - a typo in an attribute should not silently reject every date.
+ */
+/** Guards against month/day overflow: new Date(2026, 1, 31) silently becomes March 3. */
+export declare function isRealDate(year: number, month: number, day: number): boolean;
+export declare function toIso(year: number, month: number, day: number): string | null;
+export declare function resolveDateBound(raw: string, today?: Date): string;
+//# sourceMappingURL=resolve-date-bound.d.ts.map

package/dist/utilities/resolve-date-bound.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolve-date-bound.d.ts","sourceRoot":"","sources":["../../src/utilities/resolve-date-bound.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,yFAAyF;AACzF,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,OAAO,CAM5E;AAED,wBAAgB,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAG7E;AAUD,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,GAAE,IAAiB,GAAG,MAAM,CAwC9E"}

package/dist/utilities/resolve-date-bound.js

@@ -0,0 +1,75 @@
+/**
+ * Resolves the `min` / `max` bound of a date component to an ISO date.
+ *
+ * Bounds accept a literal ISO date (`2026-12-31`) or a relative expression
+ * anchored on today (`today`, `today-18y`, `today+1m`). The relative form exists
+ * because an absolute bound goes stale: a birthdate field written as
+ * `max="2026-07-19"` starts accepting tomorrow's date the day after it ships.
+ *
+ * Units are `d` (days), `w` (weeks), `m` (months) and `y` (years).
+ *
+ * "Today" is the local calendar day, so the bound matches the date on the user's
+ * own clock. Pass `today` explicitly to make callers and tests deterministic.
+ *
+ * An unreadable expression resolves to no bound rather than to an impossible
+ * one - a typo in an attribute should not silently reject every date.
+ */
+/** Guards against month/day overflow: new Date(2026, 1, 31) silently becomes March 3. */
+export function isRealDate(year, month, day) {
+    if (month < 1 || month > 12 || day < 1)
+        return false;
+    const date = new Date(Date.UTC(year, month - 1, day));
+    return date.getUTCFullYear() === year
+        && date.getUTCMonth() === month - 1
+        && date.getUTCDate() === day;
+}
+export function toIso(year, month, day) {
+    if (!isRealDate(year, month, day))
+        return null;
+    return `${String(year).padStart(4, '0')}-${String(month).padStart(2, '0')}-${String(day).padStart(2, '0')}`;
+}
+/** Day 0 of the next month is the last day of this one. */
+function lastDayOfMonth(year, month) {
+    return new Date(Date.UTC(year, month, 0)).getUTCDate();
+}
+const ISO = /^(\d{4})-(\d{2})-(\d{2})$/;
+const RELATIVE = /^today(?:([+-])(\d+)([dwmy]))?$/;
+export function resolveDateBound(raw, today = new Date()) {
+    const trimmed = raw.trim();
+    if (trimmed === '')
+        return '';
+    const iso = ISO.exec(trimmed);
+    if (iso) {
+        return isRealDate(Number(iso[1]), Number(iso[2]), Number(iso[3])) ? trimmed : '';
+    }
+    const relative = RELATIVE.exec(trimmed);
+    if (!relative)
+        return '';
+    let year = today.getFullYear();
+    let month = today.getMonth() + 1;
+    let day = today.getDate();
+    if (relative[1]) {
+        const amount = Number(relative[2]) * (relative[1] === '-' ? -1 : 1);
+        const unit = relative[3];
+        if (unit === 'd' || unit === 'w') {
+            // Counted in UTC so a DST transition cannot swallow or repeat a day.
+            const shifted = new Date(Date.UTC(year, month - 1, day + amount * (unit === 'w' ? 7 : 1)));
+            year = shifted.getUTCFullYear();
+            month = shifted.getUTCMonth() + 1;
+            day = shifted.getUTCDate();
+        }
+        else {
+            const months = amount * (unit === 'y' ? 12 : 1);
+            const total = year * 12 + (month - 1) + months;
+            year = Math.floor(total / 12);
+            month = ((total % 12) + 12) % 12 + 1;
+            // Clamp instead of overflowing: 31 March minus a month is the end of
+            // February, not 3 March. For an age check (`today-18y` on 29 February)
+            // this admits a leap-day birthday one day early, which is the forgiving
+            // direction - the alternative wrongly turns someone away.
+            day = Math.min(day, lastDayOfMonth(year, month));
+        }
+    }
+    return toIso(year, month, day) ?? '';
+}
+//# sourceMappingURL=resolve-date-bound.js.map

package/dist/utilities/resolve-date-bound.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nldd/design-system",
-  "version": "0.8.68",
+  "version": "0.8.70",
   "description": "Design System voor Nederlandse Digitale Dienst",
   "type": "module",
   "main": "dist/components/components.js",
@@ -35,6 +35,10 @@
       "types": "./dist/components/actions/menu/menu.d.ts",
       "default": "./dist/components/actions/menu/menu.js"
     },
+    "./avatar": {
+      "types": "./dist/components/content/avatar/avatar.d.ts",
+      "default": "./dist/components/content/avatar/avatar.js"
+    },
     "./blockquote": {
       "types": "./dist/components/content/blockquote/blockquote.d.ts",
       "default": "./dist/components/content/blockquote/blockquote.js"
@@ -111,6 +115,14 @@
       "types": "./dist/components/inputs/combo-box/combo-box.d.ts",
       "default": "./dist/components/inputs/combo-box/combo-box.js"
     },
+    "./date-field": {
+      "types": "./dist/components/inputs/date-field/date-field.d.ts",
+      "default": "./dist/components/inputs/date-field/date-field.js"
+    },
+    "./date-picker": {
+      "types": "./dist/components/inputs/date-picker/date-picker.d.ts",
+      "default": "./dist/components/inputs/date-picker/date-picker.js"
+    },
     "./dropdown": {
       "types": "./dist/components/inputs/dropdown/dropdown.d.ts",
       "default": "./dist/components/inputs/dropdown/dropdown.js"
@@ -199,6 +211,10 @@
       "types": "./dist/components/layout/split-views/stacked-split-view/stacked-split-view.d.ts",
       "default": "./dist/components/layout/split-views/stacked-split-view/stacked-split-view.js"
     },
+    "./split-view-divider": {
+      "types": "./dist/components/layout/split-views/split-view-divider/split-view-divider.d.ts",
+      "default": "./dist/components/layout/split-views/split-view-divider/split-view-divider.js"
+    },
     "./split-view-pane": {
       "types": "./dist/components/layout/split-views/split-view-pane/split-view-pane.d.ts",
       "default": "./dist/components/layout/split-views/split-view-pane/split-view-pane.js"
@@ -401,10 +417,14 @@
     "./tokens": {
       "types": "./dist/assets/styles/tokens.d.ts",
       "default": "./dist/assets/styles/tokens.js"
+    },
+    "./vue": {
+      "types": "./dist/types/vue.d.ts"
     }
   },
   "files": [
-    "dist"
+    "dist",
+    "custom-elements.json"
   ],
   "repository": {
     "type": "git",
@@ -419,12 +439,15 @@
     "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:cem": "cem analyze && npm run generate:vue-types",
+    "generate:vue-types": "node scripts/generate-vue-types.js",
     "generate:skill-changelog": "node scripts/generate-skill-changelog.js",
     "generate:skill-principles": "node scripts/generate-skill-principles.js",
     "generate:plugin-version": "node scripts/sync-plugin-version.js",
     "generate:skill-docs": "npm run generate:component-reference && npm run generate:skill-changelog && npm run generate:skill-principles && npm run generate:plugin-version",
     "validate:styles": "node scripts/validate-css-variables.js",
-    "build:components": "npm run clean:components && npm run build:icons && npm run build:components:modules && npm run build:components:bundle && npm run build:exports",
+    "validate:component-api": "node scripts/validate-component-api.js",
+    "build:components": "npm run clean:components && npm run build:icons && npm run build:components:modules && npm run build:components:bundle && npm run build:exports && npm run generate:cem",
     "build:icons": "node scripts/generate-icon-registry.js && node scripts/generate-logo.js",
     "build:components:modules": "tsc -p tsconfig.build.json",
     "build:components:bundle": "vite build",
@@ -448,12 +471,14 @@
     "pretest:run": "npm run build:icons",
     "test": "vitest",
     "test:run": "vitest run",
-    "test:scripts": "node --test scripts/*.test.mjs",
-    "typecheck": "tsc --noEmit"
+    "test:scripts": "node --test scripts/*.test.mjs scripts/lib/*.test.mjs",
+    "typecheck": "tsc --noEmit",
+    "test:vue-types": "vue-tsc --noEmit -p type-tests/vue/tsconfig.json"
   },
   "devDependencies": {
     "@commitlint/cli": "^19.6.1",
     "@commitlint/config-conventional": "^19.6.0",
+    "@custom-elements-manifest/analyzer": "^0.11.0",
     "@eslint/js": "^9.17.0",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/exec": "^7.1.0",
@@ -476,7 +501,9 @@
     "typescript": "^5.3.0",
     "typescript-eslint": "^8.58.0",
     "vite": "^7.3.1",
-    "vitest": "^4.0.16"
+    "vitest": "^4.0.16",
+    "vue": "^3.5.40",
+    "vue-tsc": "^3.3.7"
   },
   "engines": {
     "node": ">=18.0.0"
@@ -509,5 +536,6 @@
     "@lezer/highlight": "^1.2.3",
     "@rijkshuisstijl-community/font": "^1.1.2",
     "lit": "^3.3.1"
-  }
+  },
+  "customElements": "custom-elements.json"
 }