@nldd/design-system 0.8.69 → 0.8.70

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.69",
+  "version": "0.8.70",
   "description": "Design System voor Nederlandse Digitale Dienst",
   "type": "module",
   "main": "dist/components/components.js",
@@ -115,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"
@@ -203,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"
@@ -405,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",
@@ -423,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",
@@ -452,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",
@@ -480,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"
@@ -513,5 +536,6 @@
     "@lezer/highlight": "^1.2.3",
     "@rijkshuisstijl-community/font": "^1.1.2",
     "lit": "^3.3.1"
-  }
+  },
+  "customElements": "custom-elements.json"
 }