@urbicon-ui/blocks 6.19.0 → 6.19.2

package/dist/mint/README.md

@@ -98,7 +98,7 @@ interface RippleConfig extends MintConfig {
 ## Presets
 
 ```typescript
-import { mintPresets } from '@urbicon/ui';
+import { mintPresets } from '@urbicon-ui/blocks';
 
 // Verfügbare Presets
 mintPresets['cta-primary']; // Für primäre Call-to-Action Buttons
@@ -108,21 +108,24 @@ mintPresets['subtle-hover']; // Für subtile Hover-Effekte
 mintPresets['error-feedback']; // Für Fehler-Feedback
 ```
 
-## Svelte Actions
+## Svelte 5 Attachments
 
 ```svelte
 <script>
-  import { mint } from '@urbicon/ui';
+  import { mintRegistry } from '@urbicon-ui/blocks';
+
+  // {@attach} factory — mintRegistry.apply returns the cleanup the attachment needs
+  const mint = (mints) => (element) => mintRegistry.apply(element, mints);
 </script>
 
-<!-- Mit Action -->
-<div use:mint="scale">Hover mich</div>
+<!-- Einzelner Mint -->
+<div {@attach mint('scale')}>Hover mich</div>
 
 <!-- Mehrere Mints -->
-<div use:mint={['scale', 'glow']}>Multi-Effekt</div>
+<div {@attach mint(['scale', 'glow'])}>Multi-Effekt</div>
 
 <!-- Mit Konfiguration -->
-<div use:mint={{ name: 'bounce', config: { trigger: 'click' } }}>
+<div {@attach mint({ name: 'bounce', config: { trigger: 'click' } })}>
   Click mich
 </div>
 ```
@@ -130,7 +133,7 @@ mintPresets['error-feedback']; // Für Fehler-Feedback
 ## Eigene Mints registrieren
 
 ```typescript
-import { mintRegistry } from '@urbicon/ui';
+import { mintRegistry } from '@urbicon-ui/blocks';
 
 // Einfacher Mint
 mintRegistry.register('my-mint', (config) => ({
@@ -203,7 +206,7 @@ const complexMint = [
 ### Custom Mint Bundle
 
 ```typescript
-import { registerPlayfulMints, registerBusinessMints } from '@urbicon/ui';
+import { registerPlayfulMints, registerBusinessMints } from '@urbicon-ui/blocks';
 
 // Je nach App-Kontext
 if (appTheme === 'playful') {

package/dist/mint/registry.js

@@ -1,3 +1,4 @@
+import { registerDefaultMints } from './presets.js';
 class MintRegistry {
     mints = new Map();
     instances = new WeakMap();
@@ -15,6 +16,17 @@ class MintRegistry {
     }
     /** Apply mints to an element using polymorphic input */
     apply(el, mint) {
+        // Ensure the built-in mints (scale, glow, ripple, …) are registered before
+        // the first application. Components declare mint defaults — Button defaults
+        // to 'scale' — so a consumer that never called registerDefaultMints() would
+        // otherwise hit "Unknown mint: scale" on every button (and get no hover
+        // animation). registerDefaultMints() short-circuits on a module-level flag,
+        // so the recurring cost is a single boolean check.
+        //
+        // The registry ↔ presets import is cyclic but inert: both sides dereference
+        // the cyclic binding only at call time, never at module top level, so module
+        // initialisation completes cleanly regardless of load order.
+        registerDefaultMints();
         const mintDefinitions = this.normalizeMintProp(mint);
         const elementMints = new Map();
         const cleanupFunctions = [];

package/dist/primitives/Badge/badge.variants.d.ts

@@ -27,7 +27,6 @@ export declare const badgeVariants: (props?: import("../../utils/variants.js").T
         };
         dot: {
             base: string;
-            content: string;
         };
     };
     size: {

package/dist/primitives/Badge/badge.variants.js

@@ -56,8 +56,7 @@ export const badgeVariants = tv({
                 base: 'bg-transparent border-transparent'
             },
             dot: {
-                base: '!p-0 rounded-commit border-none',
-                content: 'sr-only'
+                base: '!p-0 rounded-commit border-none'
             }
         },
         size: {

package/dist/primitives/Breadcrumb/Breadcrumb.svelte

@@ -115,7 +115,7 @@
             aria-current="page">{entry.item.label}</span
           >
         {:else}
-          <!-- eslint-disable svelte/no-navigation-without-resolve -- BreadcrumbItem.href is opaque to the library -->
+          <!-- BreadcrumbItem.href is opaque to the library; resolve() is the consumer's responsibility. -->
           <a
             href={entry.item.href}
             class={unstyled ? (slotClasses?.link ?? '') : styles.link({ class: slotClasses?.link })}
@@ -124,7 +124,6 @@
           >
             {entry.item.label}
           </a>
-          <!-- eslint-enable svelte/no-navigation-without-resolve -->
         {/if}
         {#if i < entries.length - 1}
           <span

package/dist/primitives/ButtonGroup/ButtonGroup.svelte

@@ -73,7 +73,7 @@
       onClick() {
         if (disabled || !buttonValue || selection === 'none') return;
 
-        // eslint-disable-next-line svelte/prefer-svelte-reactivity -- local-only copy, not stored in state
+        // Local-only copy, not stored in state.
         const next = new Set(selectedValues);
 
         if (selection === 'single') {

package/dist/primitives/Combobox/Combobox.svelte

@@ -27,6 +27,7 @@
     required = false,
     filter,
     tier,
+    variant = 'outlined',
     size = 'md',
     clearable = false,
     disabled = false,
@@ -89,7 +90,13 @@
     return options.filter((o) => filterFn(o, query.trim()));
   });
 
-  const variantProps: ComboboxVariants = $derived({ tier: effectiveTier, size, open, disabled });
+  const variantProps: ComboboxVariants = $derived({
+    variant,
+    tier: effectiveTier,
+    size,
+    open,
+    disabled
+  });
   const styles = $derived(comboboxVariants(variantProps));
 
   const slotClasses = $derived(
@@ -352,6 +359,7 @@
     {#if clearable && value}
       <button
         type="button"
+        {disabled}
         class={unstyled ? (slotClasses?.clear ?? '') : styles.clear({ class: slotClasses?.clear })}
         onclick={clear}
         aria-label={bt('accessibility.clearSelection')}

package/dist/primitives/Combobox/combobox.variants.d.ts

@@ -8,6 +8,20 @@ export declare const comboboxVariants: (props?: import("../../utils/variants.js"
             input: string;
         };
     };
+    variant: {
+        outlined: {
+            input: string;
+        };
+        filled: {
+            input: string;
+        };
+        ghost: {
+            input: string;
+        };
+        underline: {
+            input: string;
+        };
+    };
     size: {
         sm: {
             input: string;
@@ -35,6 +49,7 @@ export declare const comboboxVariants: (props?: import("../../utils/variants.js"
 }> | undefined) => {
     base: (props?: ({
         tier?: "commit" | "modify" | undefined;
+        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
@@ -44,6 +59,7 @@ export declare const comboboxVariants: (props?: import("../../utils/variants.js"
     }) | undefined) => string;
     label: (props?: ({
         tier?: "commit" | "modify" | undefined;
+        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
@@ -53,6 +69,7 @@ export declare const comboboxVariants: (props?: import("../../utils/variants.js"
     }) | undefined) => string;
     requiredMark: (props?: ({
         tier?: "commit" | "modify" | undefined;
+        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
@@ -62,6 +79,7 @@ export declare const comboboxVariants: (props?: import("../../utils/variants.js"
     }) | undefined) => string;
     inputWrapper: (props?: ({
         tier?: "commit" | "modify" | undefined;
+        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
@@ -71,6 +89,7 @@ export declare const comboboxVariants: (props?: import("../../utils/variants.js"
     }) | undefined) => string;
     input: (props?: ({
         tier?: "commit" | "modify" | undefined;
+        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
@@ -80,6 +99,7 @@ export declare const comboboxVariants: (props?: import("../../utils/variants.js"
     }) | undefined) => string;
     message: (props?: ({
         tier?: "commit" | "modify" | undefined;
+        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
@@ -89,6 +109,7 @@ export declare const comboboxVariants: (props?: import("../../utils/variants.js"
     }) | undefined) => string;
     hint: (props?: ({
         tier?: "commit" | "modify" | undefined;
+        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
@@ -98,6 +119,7 @@ export declare const comboboxVariants: (props?: import("../../utils/variants.js"
     }) | undefined) => string;
     listbox: (props?: ({
         tier?: "commit" | "modify" | undefined;
+        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
@@ -107,6 +129,7 @@ export declare const comboboxVariants: (props?: import("../../utils/variants.js"
     }) | undefined) => string;
     option: (props?: ({
         tier?: "commit" | "modify" | undefined;
+        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
@@ -116,6 +139,7 @@ export declare const comboboxVariants: (props?: import("../../utils/variants.js"
     }) | undefined) => string;
     optionActive: (props?: ({
         tier?: "commit" | "modify" | undefined;
+        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
@@ -125,6 +149,7 @@ export declare const comboboxVariants: (props?: import("../../utils/variants.js"
     }) | undefined) => string;
     optionSelected: (props?: ({
         tier?: "commit" | "modify" | undefined;
+        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
@@ -134,6 +159,7 @@ export declare const comboboxVariants: (props?: import("../../utils/variants.js"
     }) | undefined) => string;
     noResults: (props?: ({
         tier?: "commit" | "modify" | undefined;
+        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
@@ -143,6 +169,7 @@ export declare const comboboxVariants: (props?: import("../../utils/variants.js"
     }) | undefined) => string;
     clear: (props?: ({
         tier?: "commit" | "modify" | undefined;
+        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
@@ -152,6 +179,7 @@ export declare const comboboxVariants: (props?: import("../../utils/variants.js"
     }) | undefined) => string;
     chevronButton: (props?: ({
         tier?: "commit" | "modify" | undefined;
+        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
@@ -161,6 +189,7 @@ export declare const comboboxVariants: (props?: import("../../utils/variants.js"
     }) | undefined) => string;
     chevron: (props?: ({
         tier?: "commit" | "modify" | undefined;
+        variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;

package/dist/primitives/Combobox/combobox.variants.js

@@ -6,13 +6,10 @@ export const comboboxVariants = tv({
         requiredMark: 'text-danger ml-0.5',
         inputWrapper: 'relative w-full',
         input: [
-            // Radius driven by `tier` axis below.
-            'w-full border bg-surface-base text-text-primary',
-            // Surface-family border, consistent with Input / Textarea / Select.
-            // Form-control frames stay quiet (`border-subtle`); the
-            // `border-neutral` intent token is reserved for Action surfaces
-            // (Outline-Button, Menu) where the border needs to read as clickable.
-            'border-border-subtle hover:border-border-default placeholder:text-text-tertiary',
+            // Radius driven by `tier` axis below; the `underline` variant overrides
+            // it to `rounded-none`. Border color and background come from the
+            // `variant` axis (default `outlined` keeps the historical look).
+            'w-full border bg-surface-base text-text-primary placeholder:text-text-tertiary',
             'transition-colors duration-[var(--blocks-duration-fast)]',
             'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50 focus-visible:border-primary',
             'disabled:opacity-50 disabled:cursor-not-allowed'
@@ -70,6 +67,23 @@ export const comboboxVariants = tv({
             modify: { input: 'rounded-modify' },
             commit: { input: 'rounded-commit' }
         },
+        // Visual style, at parity with Input / Textarea / Select. Default
+        // `outlined` reproduces the historical Combobox frame exactly.
+        variant: {
+            // Surface-family border: form-control frames stay quiet (`border-subtle`);
+            // the `border-neutral` intent token is reserved for Action surfaces
+            // (Outline-Button, Menu) where the border must read as clickable.
+            outlined: { input: 'border-border-subtle hover:border-border-default' },
+            filled: {
+                input: 'bg-surface-interactive border-transparent hover:bg-surface-hover focus-visible:bg-surface-base'
+            },
+            ghost: {
+                input: 'bg-transparent border-transparent hover:bg-surface-subtle focus-visible:bg-surface-base focus-visible:border-border-subtle'
+            },
+            underline: {
+                input: 'bg-transparent border-0 border-b-2 border-border-subtle rounded-none focus-visible:ring-0'
+            }
+        },
         size: {
             sm: {
                 // `pointer-coarse:text-base` floors the input to 16px on touch-primary
@@ -95,6 +109,7 @@ export const comboboxVariants = tv({
     },
     defaultVariants: {
         tier: 'modify',
+        variant: 'outlined',
         size: 'md',
         open: false,
         disabled: false

package/dist/primitives/Menu/Menu.svelte

@@ -75,7 +75,7 @@
   // `registerItem` / `unregisterItem` hooks. Used to debug + (in future)
   // power type-ahead search; the keyboard model itself walks DOM-focusable
   // descendants directly so it works in array-mode too.
-  // eslint-disable-next-line svelte/prefer-svelte-reactivity -- internal registry, not reactive UI state
+  // Plain Map — internal registry, not reactive UI state.
   const registryBuffer: Map<string, MenuRegistryItem> = new Map();
 
   // ── Item-shape mappers ─────────────────────────────────────────────────
@@ -148,7 +148,7 @@
   }
 
   function toggleSubMenu(id: string) {
-    // eslint-disable-next-line svelte/prefer-svelte-reactivity -- copy + reassign keeps `openSubMenus` reactive
+    // Copy + reassign keeps `openSubMenus` reactive.
     const next = new Set(openSubMenus);
     if (next.has(id)) next.delete(id);
     else next.add(id);

package/dist/primitives/Pagination/Pagination.svelte

@@ -149,10 +149,18 @@
     if (infoText) return infoText;
 
     if (layout === 'table') {
-      return `${calculatedStartItem}–${calculatedEndItem} of ${calculatedTotalItems}`;
+      return bt('pagination.rangeInfo', {
+        start: calculatedStartItem,
+        end: calculatedEndItem,
+        total: calculatedTotalItems
+      });
     }
 
-    return `${pageLabel} ${currentPage} of ${totalPages}`;
+    return bt('pagination.pageInfo', {
+      label: pageLabel,
+      current: currentPage,
+      total: totalPages
+    });
   });
 </script>
 

package/dist/primitives/Pagination/PaginationItem.svelte

@@ -29,7 +29,6 @@
   <!-- Link-based pagination item. `href` is consumer-provided (internal or
        external) — `resolve()` only applies to statically-known SvelteKit
        routes. -->
-  <!-- eslint-disable svelte/no-navigation-without-resolve -->
   <a
     {href}
     class="focus-visible:outline-primary/50 inline-block no-underline focus-visible:rounded-md focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 {className}"
@@ -55,7 +54,6 @@
       {/if}
     </Button>
   </a>
-  <!-- eslint-enable svelte/no-navigation-without-resolve -->
 {:else}
   <!-- Button-based pagination item -->
   <Button

package/dist/primitives/Select/Select.svelte

@@ -63,7 +63,6 @@
   // `<Select bind:value={x: T | null}>` narrow correctly. Internally we
   // dispatch through a loose alias so the component code can hand either
   // shape into `onValueChange` without per-branch casts at every call site.
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- internal dispatch escape hatch (see comment above)
   const dispatchValueChange = onValueChange as ((v: any) => void) | undefined;
 
   /** Resolved null option config — `null` when prop is unset or `groups` is in use. */

package/dist/primitives/Stepper/StepperStep.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
   import { getBlocksConfig, resolveSlotClasses } from '../../provider';
+  import { useBlocksI18n } from '../..';
   import { stepperVariants, type StepperVariants } from './stepper.variants';
   import { getStepperContext } from './stepper.context';
   import { resolveIcon } from '../../icons';
@@ -28,6 +29,7 @@
   }: StepperStepProps = $props();
 
   const blocksConfig = getBlocksConfig();
+  const bt = useBlocksI18n();
   const unstyled = $derived(unstyledProp || blocksConfig?.unstyled || false);
 
   const ctx = getStepperContext();
@@ -130,7 +132,7 @@
       <span class={slot('description')}>{description}</span>
     {/if}
     {#if optional}
-      <span class="{slot('description')} italic">Optional</span>
+      <span class="{slot('description')} italic">{bt('stepper.optional')}</span>
     {/if}
   </div>
 {/snippet}

package/dist/translations/de.d.ts

@@ -50,6 +50,8 @@ declare const _default: {
         readonly last: "Letzte";
         readonly page: "Seite";
         readonly previous: "Vorherige";
+        readonly pageInfo: "{{label}} {{current}} von {{total}}";
+        readonly rangeInfo: "{{start}}–{{end}} von {{total}}";
     };
     readonly calendar: {
         readonly recurring: "Wiederkehrender Termin";
@@ -71,8 +73,6 @@ declare const _default: {
         readonly legend: "Legende";
         readonly yearView: "Jahresübersicht";
         readonly weekView: "Wochenansicht";
-        readonly dayView: "Tagesansicht";
-        readonly monthView: "Monatsansicht";
         readonly viewMonth: "Monat";
         readonly viewYear: "Jahr";
         readonly viewWeek: "Woche";
@@ -91,7 +91,6 @@ declare const _default: {
         readonly nextRange: "Nächster Zeitraum";
         readonly today: "Heute";
         readonly grid: "Planer";
-        readonly weekNumber: "Kalenderwoche";
         readonly itemCount: "{{count}} Einträge";
     };
     readonly commandPalette: {
@@ -143,7 +142,6 @@ declare const _default: {
     readonly datepicker: {
         readonly placeholder: "Datum wählen...";
         readonly rangePlaceholder: "Zeitraum wählen...";
-        readonly clear: "Auswahl löschen";
         readonly openCalendar: "Kalender öffnen";
         readonly invalidDate: "Ungültiges Datum";
         readonly outOfRange: "Datum liegt außerhalb des zulässigen Bereichs";
@@ -175,9 +173,15 @@ declare const _default: {
         readonly darkMode: "Dunkler Modus";
         readonly systemTheme: "Systemdesign";
     };
-    readonly time: {
-        readonly ago: "vor {{value}} {{unit}}";
-        readonly now: "jetzt";
+    readonly chart: {
+        readonly category: "Kategorie";
+        readonly series: "Datenreihe {{index}}";
+        readonly segment: "Segment";
+        readonly value: "Wert";
+        readonly share: "Anteil";
+    };
+    readonly stepper: {
+        readonly optional: "Optional";
     };
 };
 export default _default;

package/dist/translations/de.js

@@ -49,7 +49,9 @@ export default {
         first: 'Erste',
         last: 'Letzte',
         page: 'Seite',
-        previous: 'Vorherige'
+        previous: 'Vorherige',
+        pageInfo: '{{label}} {{current}} von {{total}}',
+        rangeInfo: '{{start}}–{{end}} von {{total}}'
     },
     calendar: {
         recurring: 'Wiederkehrender Termin',
@@ -71,8 +73,6 @@ export default {
         legend: 'Legende',
         yearView: 'Jahresübersicht',
         weekView: 'Wochenansicht',
-        dayView: 'Tagesansicht',
-        monthView: 'Monatsansicht',
         viewMonth: 'Monat',
         viewYear: 'Jahr',
         viewWeek: 'Woche',
@@ -91,7 +91,6 @@ export default {
         nextRange: 'Nächster Zeitraum',
         today: 'Heute',
         grid: 'Planer',
-        weekNumber: 'Kalenderwoche',
         itemCount: '{{count}} Einträge'
     },
     commandPalette: {
@@ -143,7 +142,6 @@ export default {
     datepicker: {
         placeholder: 'Datum wählen...',
         rangePlaceholder: 'Zeitraum wählen...',
-        clear: 'Auswahl löschen',
         openCalendar: 'Kalender öffnen',
         invalidDate: 'Ungültiges Datum',
         outOfRange: 'Datum liegt außerhalb des zulässigen Bereichs',
@@ -175,8 +173,14 @@ export default {
         darkMode: 'Dunkler Modus',
         systemTheme: 'Systemdesign'
     },
-    time: {
-        ago: 'vor {{value}} {{unit}}',
-        now: 'jetzt'
+    chart: {
+        category: 'Kategorie',
+        series: 'Datenreihe {{index}}',
+        segment: 'Segment',
+        value: 'Wert',
+        share: 'Anteil'
+    },
+    stepper: {
+        optional: 'Optional'
     }
 };

package/dist/translations/en.d.ts

@@ -50,6 +50,8 @@ declare const _default: {
         readonly last: "Last";
         readonly page: "Page";
         readonly previous: "Previous";
+        readonly pageInfo: "{{label}} {{current}} of {{total}}";
+        readonly rangeInfo: "{{start}}–{{end}} of {{total}}";
     };
     readonly calendar: {
         readonly recurring: "Recurring event";
@@ -71,8 +73,6 @@ declare const _default: {
         readonly legend: "Legend";
         readonly yearView: "Year overview";
         readonly weekView: "Week view";
-        readonly dayView: "Day view";
-        readonly monthView: "Month view";
         readonly viewMonth: "Month";
         readonly viewYear: "Year";
         readonly viewWeek: "Week";
@@ -91,7 +91,6 @@ declare const _default: {
         readonly nextRange: "Next range";
         readonly today: "Today";
         readonly grid: "Planner";
-        readonly weekNumber: "Week number";
         readonly itemCount: "{{count}} items";
     };
     readonly commandPalette: {
@@ -143,7 +142,6 @@ declare const _default: {
     readonly datepicker: {
         readonly placeholder: "Select a date...";
         readonly rangePlaceholder: "Select a date range...";
-        readonly clear: "Clear selection";
         readonly openCalendar: "Open calendar";
         readonly invalidDate: "Invalid date";
         readonly outOfRange: "Date is outside the allowed range";
@@ -175,9 +173,15 @@ declare const _default: {
         readonly darkMode: "Dark mode";
         readonly systemTheme: "System theme";
     };
-    readonly time: {
-        readonly ago: "{{value}} {{unit}} ago";
-        readonly now: "now";
+    readonly chart: {
+        readonly category: "Category";
+        readonly series: "Series {{index}}";
+        readonly segment: "Segment";
+        readonly value: "Value";
+        readonly share: "Share";
+    };
+    readonly stepper: {
+        readonly optional: "Optional";
     };
 };
 export default _default;

package/dist/translations/en.js

@@ -49,7 +49,9 @@ export default {
         first: 'First',
         last: 'Last',
         page: 'Page',
-        previous: 'Previous'
+        previous: 'Previous',
+        pageInfo: '{{label}} {{current}} of {{total}}',
+        rangeInfo: '{{start}}–{{end}} of {{total}}'
     },
     calendar: {
         recurring: 'Recurring event',
@@ -71,8 +73,6 @@ export default {
         legend: 'Legend',
         yearView: 'Year overview',
         weekView: 'Week view',
-        dayView: 'Day view',
-        monthView: 'Month view',
         viewMonth: 'Month',
         viewYear: 'Year',
         viewWeek: 'Week',
@@ -91,7 +91,6 @@ export default {
         nextRange: 'Next range',
         today: 'Today',
         grid: 'Planner',
-        weekNumber: 'Week number',
         itemCount: '{{count}} items'
     },
     commandPalette: {
@@ -143,7 +142,6 @@ export default {
     datepicker: {
         placeholder: 'Select a date...',
         rangePlaceholder: 'Select a date range...',
-        clear: 'Clear selection',
         openCalendar: 'Open calendar',
         invalidDate: 'Invalid date',
         outOfRange: 'Date is outside the allowed range',
@@ -175,8 +173,14 @@ export default {
         darkMode: 'Dark mode',
         systemTheme: 'System theme'
     },
-    time: {
-        ago: '{{value}} {{unit}} ago',
-        now: 'now'
+    chart: {
+        category: 'Category',
+        series: 'Series {{index}}',
+        segment: 'Segment',
+        value: 'Value',
+        share: 'Share'
+    },
+    stepper: {
+        optional: 'Optional'
     }
 };

package/dist/utils/date.d.ts

@@ -6,6 +6,11 @@
  * example because the database driver serialises timestamps that way),
  * use these helpers to convert in both directions instead of redoing the
  * arithmetic at every form site.
+ *
+ * The strict `YYYY-MM-DD` ↔ `Date` core is not reimplemented here: it lives in
+ * `../date/range` (`toIso` / `isoToDate`, the Layer-0 source of truth). These
+ * tolerant form helpers delegate to it and only add the tolerant shape rules
+ * (empty/undefined → nullish, 1-digit month/day, epoch-number coercion).
  */
 /** Shared union for utilities that accept any common "date-ish" input. */
 export type DateInput = Date | string | number | null | undefined;