@urbicon-ui/blocks 6.19.0 → 6.19.1

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

@@ -352,6 +352,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/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/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;

package/dist/utils/date.js

@@ -6,7 +6,13 @@
  * 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).
  */
+import { isoToDate, toIso } from '../date/range.js';
 /** Detect a finite, valid `Date` instance. */
 function isValidDate(d) {
     return !Number.isNaN(d.getTime());
@@ -48,15 +54,20 @@ export function coerceToDate(input) {
             return undefined;
         const dateOnly = trimmed.match(DATE_ONLY_RE);
         if (dateOnly) {
-            const year = Number(dateOnly[1]);
-            const month = Number(dateOnly[2]) - 1;
-            const day = Number(dateOnly[3]);
-            const local = new Date(year, month, day);
-            if (local.getFullYear() === year && local.getMonth() === month && local.getDate() === day) {
-                return local;
+            // Pad to canonical YYYY-MM-DD so 1-digit month/day stays tolerated, then
+            // delegate the strict parse + day-existence check to `isoToDate`.
+            const canonical = `${dateOnly[1]}-${dateOnly[2].padStart(2, '0')}-${dateOnly[3].padStart(2, '0')}`;
+            try {
+                return isoToDate(canonical);
+            }
+            catch (err) {
+                // isoToDate throws a RangeError only for a non-existent day; anything
+                // else is unexpected and should surface, not be mislabelled here.
+                if (!(err instanceof RangeError))
+                    throw err;
+                console.warn('[DatePicker] coerceToDate rejected out-of-range date-only string', { input });
+                return undefined;
             }
-            console.warn('[DatePicker] coerceToDate rejected out-of-range date-only string', { input });
-            return undefined;
         }
         const date = new Date(trimmed);
         if (!isValidDate(date)) {
@@ -87,12 +98,7 @@ export function coerceToDate(input) {
  */
 export function toDateInputValue(d) {
     const date = coerceToDate(d);
-    if (!date)
-        return '';
-    const year = date.getFullYear();
-    const month = String(date.getMonth() + 1).padStart(2, '0');
-    const day = String(date.getDate()).padStart(2, '0');
-    return `${year}-${month}-${day}`;
+    return date ? toIso(date) : '';
 }
 /**
  * Parse a `YYYY-MM-DD` (or any other `Date`-parseable) string into a
@@ -109,17 +115,21 @@ export function fromDateInputValue(s) {
         return null;
     const dateOnly = trimmed.match(DATE_ONLY_RE);
     if (dateOnly) {
-        const year = Number(dateOnly[1]);
-        const month = Number(dateOnly[2]) - 1;
-        const day = Number(dateOnly[3]);
-        const date = new Date(year, month, day);
-        if (date.getFullYear() === year && date.getMonth() === month && date.getDate() === day) {
-            return date;
+        // Same delegated strict parse as `coerceToDate`, but nullish on failure.
+        const canonical = `${dateOnly[1]}-${dateOnly[2].padStart(2, '0')}-${dateOnly[3].padStart(2, '0')}`;
+        try {
+            return isoToDate(canonical);
+        }
+        catch (err) {
+            // isoToDate throws a RangeError only for a non-existent day; anything
+            // else is unexpected and should surface, not be mislabelled here.
+            if (!(err instanceof RangeError))
+                throw err;
+            console.warn('[DatePicker] fromDateInputValue rejected out-of-range date-only string', {
+                input: s
+            });
+            return null;
         }
-        console.warn('[DatePicker] fromDateInputValue rejected out-of-range date-only string', {
-            input: s
-        });
-        return null;
     }
     const date = new Date(trimmed);
     if (!isValidDate(date)) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@urbicon-ui/blocks",
-  "version": "6.19.0",
+  "version": "6.19.1",
   "description": "Svelte 5 UI component library with Tailwind CSS 4, OKLCH design tokens and zero runtime dependencies",
   "license": "MIT",
   "repository": {
@@ -91,8 +91,8 @@
     "@sveltejs/package": "^2.5.8",
     "@sveltejs/vite-plugin-svelte": "^7.0.0",
     "@tailwindcss/vite": "^4.3.1",
-    "@urbicon-ui/i18n": "6.19.0",
-    "@urbicon-ui/shared-types": "6.19.0",
+    "@urbicon-ui/i18n": "6.19.1",
+    "@urbicon-ui/shared-types": "6.19.1",
     "prettier": "^3.8.4",
     "prettier-plugin-svelte": "^4.1.1",
     "prettier-plugin-tailwindcss": "^0.8.0",