@sentropic/design-system-svelte 0.25.0 → 0.25.1

package/dist/AppHeader.svelte

@@ -13,6 +13,11 @@
     onMenuToggle?: () => void;
     /** aria-label du bouton burger. */
     menuLabel?: string;
+    /**
+     * Id du tiroir, partagé entre `aria-controls` (burger) et `id` (drawer).
+     * Auto-généré et stable si non fourni.
+     */
+    drawerId?: string;
     /** Logo (décision actée : logo SENT + sous-titre). */
     logo?: Snippet;
     /** Liens de navigation (rendus dans le <nav> desktop). */
@@ -23,9 +28,17 @@
     drawer?: Snippet;
     class?: string;
   }
+
+  // Compteur module pour générer un id de tiroir stable, déterministe et
+  // SSR-safe (pas de crypto). Aligné sur le pattern des 3 fw.
+  let appHeaderIdCounter = 0;
+  function nextAppHeaderId(): number {
+    return ++appHeaderIdCounter;
+  }
 </script>
 
 <script lang="ts">
+  import { untrack } from "svelte";
   import { Menu, X } from "@lucide/svelte";
 
   let {
@@ -33,6 +46,7 @@
     menuOpen = false,
     onMenuToggle,
     menuLabel = "Menu",
+    drawerId,
     logo,
     nav,
     actions,
@@ -40,6 +54,12 @@
     class: className,
   }: AppHeaderProps = $props();
 
+  // Id stable du tiroir : prop fournie sinon compteur module (SSR-safe, sans
+  // crypto). Capturé une seule fois (untrack) : un id stable ne doit pas réagir.
+  const resolvedDrawerId = untrack(
+    () => drawerId ?? `st-appHeader-drawer-${nextAppHeaderId()}`,
+  );
+
   const classes = () => ["st-appHeader", className].filter(Boolean).join(" ");
 </script>
 
@@ -54,6 +74,7 @@
           onclick={onMenuToggle}
           aria-label={menuLabel}
           aria-expanded={menuOpen}
+          aria-controls={resolvedDrawerId}
           aria-haspopup="menu"
         >
           {#if menuOpen}
@@ -90,7 +111,7 @@
     aria-label={menuLabel}
     onclick={onMenuToggle}
   ></button>
-  <aside class="st-appHeader__drawer">
+  <aside id={resolvedDrawerId} class="st-appHeader__drawer">
     {@render drawer()}
   </aside>
 {/if}

package/dist/AppHeader.svelte.d.ts

@@ -11,6 +11,11 @@ export interface AppHeaderProps {
     onMenuToggle?: () => void;
     /** aria-label du bouton burger. */
     menuLabel?: string;
+    /**
+     * Id du tiroir, partagé entre `aria-controls` (burger) et `id` (drawer).
+     * Auto-généré et stable si non fourni.
+     */
+    drawerId?: string;
     /** Logo (décision actée : logo SENT + sous-titre). */
     logo?: Snippet;
     /** Liens de navigation (rendus dans le <nav> desktop). */

package/dist/AppHeader.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppHeader.svelte.d.ts","sourceRoot":"","sources":["../src/lib/AppHeader.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,0DAA0D;IAC1D,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wEAAwE;IACxE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAqEH,QAAA,MAAM,SAAS,oDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}
+{"version":3,"file":"AppHeader.svelte.d.ts","sourceRoot":"","sources":["../src/lib/AppHeader.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sDAAsD;IACtD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,0DAA0D;IAC1D,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wEAAwE;IACxE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAqFH,QAAA,MAAM,SAAS,oDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/IdentityMenu.svelte

@@ -10,8 +10,18 @@
     user?: IdentityUser | null;
     /** État d'authentification (contrôlé : aucun état auth interne). */
     isAuthenticated?: boolean;
-    /** État ouvert du dropdown (optionnellement contrôlé). */
+    /**
+     * État ouvert du dropdown (optionnellement contrôlé). Si fourni, le
+     * composant suit la valeur du parent ; sinon il gère un état interne.
+     * Reste $bindable pour l'idiome Svelte.
+     */
     open?: boolean;
+    /**
+     * Notifié à chaque demande de changement d'état ouvert (pattern
+     * contrôlé/non-contrôlé, aligné React/Vue). Le composant met aussi à jour
+     * `open` (bindable) quand il est non contrôlé.
+     */
+    onOpenChange?: (open: boolean) => void;
     /** Notifié au clic « Se connecter ». */
     onLogin?: () => void;
     /** Notifié au clic « Se déconnecter ». */
@@ -50,7 +60,8 @@
   let {
     user = null,
     isAuthenticated = false,
-    open = $bindable(false),
+    open = $bindable(),
+    onOpenChange,
     onLogin,
     onLogout,
     devicesHref = "#",
@@ -66,6 +77,20 @@
   let root: HTMLDivElement | undefined = $state();
   let triggerEl: HTMLButtonElement | undefined = $state();
 
+  // Pattern contrôlé/non-contrôlé, IDENTIQUE aux 3 fw : si `open` est fourni en
+  // prop, le parent contrôle ; sinon un état interne prend le relais.
+  let internalOpen = $state(false);
+  const isOpen = $derived(open ?? internalOpen);
+  // Quel item focuser à la prochaine ouverture : "first" (défaut) ou "last"
+  // (ArrowUp depuis le trigger). Lu par l'$effect d'ouverture.
+  let pendingFocus: "first" | "last" = "first";
+
+  function setOpen(next: boolean) {
+    if (open === undefined) internalOpen = next;
+    else open = next; // bindable : reflète aussi côté parent en mode contrôlé
+    onOpenChange?.(next);
+  }
+
   const classes = () => ["st-identityMenu", className].filter(Boolean).join(" ");
   const initial = $derived(identityInitial(user));
   const displayName = $derived(user?.displayName || user?.email || "User");
@@ -85,25 +110,33 @@
   }
 
   function toggle() {
-    open = !open;
+    setOpen(!isOpen);
   }
 
   function closeAndFocusTrigger() {
-    open = false;
+    setOpen(false);
     triggerEl?.focus();
   }
 
   function onTriggerKeydown(event: KeyboardEvent) {
     if (event.key === "ArrowDown" || event.key === "Enter" || event.key === " ") {
       event.preventDefault();
-      if (!open) open = true;
-      queueMicrotask(() => focusItem(0));
+      pendingFocus = "first";
+      if (!isOpen) setOpen(true);
+      else queueMicrotask(() => focusItem(0));
       return;
     }
     if (event.key === "ArrowUp") {
       event.preventDefault();
-      if (!open) open = true;
-      queueMicrotask(() => focusItem(-1));
+      pendingFocus = "last";
+      if (!isOpen) setOpen(true);
+      else queueMicrotask(() => focusItem(-1));
+      return;
+    }
+    if (event.key === "Escape" && isOpen) {
+      // Esc ferme aussi depuis le trigger (global au composant ouvert).
+      event.preventDefault();
+      closeAndFocusTrigger();
     }
   }
 
@@ -130,21 +163,57 @@
       focusItem(items.length - 1);
       return;
     }
+    if (event.key === "Tab") {
+      // Piège de focus : Tab/Shift+Tab bouclent DANS le menu.
+      if (!items.length) return;
+      event.preventDefault();
+      focusItem(current + (event.shiftKey ? -1 : 1));
+      return;
+    }
     if (event.key === "Escape") {
       event.preventDefault();
       closeAndFocusTrigger();
     }
   }
 
+  // Enter/Space activent l'item courant. Sur un <a>, on suit le href en
+  // déclenchant un clic natif (preventDefault sur Space pour éviter le scroll).
+  function onItemKeydown(event: KeyboardEvent) {
+    if (event.key === "Enter" || event.key === " ") {
+      event.preventDefault();
+      (event.currentTarget as HTMLElement).click();
+    }
+  }
+
+  function selectAndClose() {
+    setOpen(false);
+    triggerEl?.focus();
+  }
+
   function handleLogout() {
-    open = false;
+    setOpen(false);
+    triggerEl?.focus();
     onLogout?.();
   }
+
+  // À l'ouverture : focus le 1er item (ou le dernier sur ArrowUp). Client-only
+  // (guard typeof document). Restaure `pendingFocus` à "first" ensuite.
+  $effect(() => {
+    if (isOpen && typeof document !== "undefined") {
+      const which = pendingFocus;
+      queueMicrotask(() => focusItem(which === "last" ? -1 : 0));
+      pendingFocus = "first";
+    }
+  });
 </script>
 
 <svelte:window
   onpointerdown={(e) => {
-    if (open && root && e.target instanceof Node && !root.contains(e.target)) open = false;
+    if (isOpen && root && e.target instanceof Node && !root.contains(e.target)) {
+      // Clic extérieur : ferme ET restaure le focus sur le trigger.
+      setOpen(false);
+      triggerEl?.focus();
+    }
   }}
 />
 
@@ -159,7 +228,7 @@
       class="st-identityMenu__trigger"
       bind:this={triggerEl}
       aria-haspopup="menu"
-      aria-expanded={open}
+      aria-expanded={isOpen}
       aria-label={`Compte de ${displayName}`}
       onclick={toggle}
       onkeydown={onTriggerKeydown}
@@ -172,13 +241,13 @@
         {/if}
       </span>
       <ChevronDown
-        class={`st-identityMenu__chevron${open ? " st-identityMenu__chevron--open" : ""}`}
+        class={`st-identityMenu__chevron${isOpen ? " st-identityMenu__chevron--open" : ""}`}
         size={16}
         aria-hidden="true"
       />
     </button>
 
-    {#if open}
+    {#if isOpen}
       <div
         class="st-identityMenu__menu"
         role="menu"
@@ -191,7 +260,8 @@
           class="st-identityMenu__item"
           role="menuitem"
           tabindex="-1"
-          onclick={() => (open = false)}
+          onclick={selectAndClose}
+          onkeydown={onItemKeydown}
         >
           {devicesLabel}
         </a>
@@ -200,7 +270,8 @@
           class="st-identityMenu__item"
           role="menuitem"
           tabindex="-1"
-          onclick={() => (open = false)}
+          onclick={selectAndClose}
+          onkeydown={onItemKeydown}
         >
           {settingsLabel}
         </a>

package/dist/IdentityMenu.svelte.d.ts

@@ -8,8 +8,18 @@ export interface IdentityMenuProps {
     user?: IdentityUser | null;
     /** État d'authentification (contrôlé : aucun état auth interne). */
     isAuthenticated?: boolean;
-    /** État ouvert du dropdown (optionnellement contrôlé). */
+    /**
+     * État ouvert du dropdown (optionnellement contrôlé). Si fourni, le
+     * composant suit la valeur du parent ; sinon il gère un état interne.
+     * Reste $bindable pour l'idiome Svelte.
+     */
     open?: boolean;
+    /**
+     * Notifié à chaque demande de changement d'état ouvert (pattern
+     * contrôlé/non-contrôlé, aligné React/Vue). Le composant met aussi à jour
+     * `open` (bindable) quand il est non contrôlé.
+     */
+    onOpenChange?: (open: boolean) => void;
     /** Notifié au clic « Se connecter ». */
     onLogin?: () => void;
     /** Notifié au clic « Se déconnecter ». */

package/dist/IdentityMenu.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IdentityMenu.svelte.d.ts","sourceRoot":"","sources":["../src/lib/IdentityMenu.svelte.ts"],"names":[],"mappings":"AAGE,MAAM,WAAW,YAAY;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,iBAAiB;IAChC,2DAA2D;IAC3D,IAAI,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;IAC3B,oEAAoE;IACpE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,0DAA0D;IAC1D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wCAAwC;IACxC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2BAA2B;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sCAAsC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6BAA6B;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8BAA8B;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,0EAA0E;AAC1E,wBAAgB,eAAe,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAG7E;AAmJH,QAAA,MAAM,YAAY,2DAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}
+{"version":3,"file":"IdentityMenu.svelte.d.ts","sourceRoot":"","sources":["../src/lib/IdentityMenu.svelte.ts"],"names":[],"mappings":"AAGE,MAAM,WAAW,YAAY;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,iBAAiB;IAChC,2DAA2D;IAC3D,IAAI,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;IAC3B,oEAAoE;IACpE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,wCAAwC;IACxC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2BAA2B;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sCAAsC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6BAA6B;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8BAA8B;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,0EAA0E;AAC1E,wBAAgB,eAAe,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAG7E;AA8MH,QAAA,MAAM,YAAY,2DAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/LanguageToggle.svelte

@@ -1,6 +1,12 @@
 <script lang="ts" module>
   export type LanguageToggleLocale = "fr" | "en";
 
+  // Compteur module pour un id de <select> stable, déterministe et SSR-safe.
+  let languageToggleIdCounter = 0;
+  function nextLanguageToggleId(): number {
+    return ++languageToggleIdCounter;
+  }
+
   export interface LanguageToggleProps {
     /** Langue courante (contrôlé). */
     locale?: LanguageToggleLocale;
@@ -10,8 +16,10 @@
     frLabel?: string;
     /** Libellé EN (i18n-agnostique : fourni par le parent). */
     enLabel?: string;
-    /** aria-label du sélecteur. */
+    /** Libellé du sélecteur (associé via <label for> + aria-label). */
     label?: string;
+    /** Id du <select> ; auto-généré et stable si non fourni. */
+    selectId?: string;
     /**
      * Variante d'affichage :
      * - `select` (défaut) : le <select> de la source (header desktop).
@@ -25,6 +33,7 @@
 </script>
 
 <script lang="ts">
+  import { untrack } from "svelte";
   import { ChevronDown } from "@lucide/svelte";
 
   let {
@@ -33,11 +42,17 @@
     frLabel = "FR",
     enLabel = "EN",
     label = "Langue",
+    selectId,
     variant = "select",
     accordionLabel = "Langue",
     class: className,
   }: LanguageToggleProps = $props();
 
+  // Capturé une seule fois (untrack) : un id stable ne doit pas réagir.
+  const resolvedSelectId = untrack(
+    () => selectId ?? `st-languageToggle-${nextLanguageToggleId()}`,
+  );
+
   let open = $state(false);
 
   const classes = () => ["st-languageToggle", className].filter(Boolean).join(" ");
@@ -91,7 +106,9 @@
     {/if}
   </div>
 {:else}
+  <label class="st-languageToggle__srLabel" for={resolvedSelectId}>{label}</label>
   <select
+    id={resolvedSelectId}
     class={`st-languageToggle__select${className ? ` ${className}` : ""}`}
     value={locale}
     aria-label={label}
@@ -107,6 +124,19 @@
     width: 100%;
   }
 
+  /* Label associé au <select>, masqué visuellement (a11y : <label for>). */
+  .st-languageToggle__srLabel {
+    border: 0;
+    clip: rect(0 0 0 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    white-space: nowrap;
+    width: 1px;
+  }
+
   /* Variante <select> — calque du <select> source (header desktop). */
   .st-languageToggle__select {
     background: var(--st-semantic-surface-default);

package/dist/LanguageToggle.svelte.d.ts

@@ -8,8 +8,10 @@ export interface LanguageToggleProps {
     frLabel?: string;
     /** Libellé EN (i18n-agnostique : fourni par le parent). */
     enLabel?: string;
-    /** aria-label du sélecteur. */
+    /** Libellé du sélecteur (associé via <label for> + aria-label). */
     label?: string;
+    /** Id du <select> ; auto-généré et stable si non fourni. */
+    selectId?: string;
     /**
      * Variante d'affichage :
      * - `select` (défaut) : le <select> de la source (header desktop).

package/dist/LanguageToggle.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LanguageToggle.svelte.d.ts","sourceRoot":"","sources":["../src/lib/LanguageToggle.svelte.ts"],"names":[],"mappings":"AAGE,MAAM,MAAM,oBAAoB,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/C,MAAM,WAAW,mBAAmB;IAClC,kCAAkC;IAClC,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,uCAAuC;IACvC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACxD,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IACjC,qCAAqC;IACrC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA+DH,QAAA,MAAM,cAAc,yDAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}
+{"version":3,"file":"LanguageToggle.svelte.d.ts","sourceRoot":"","sources":["../src/lib/LanguageToggle.svelte.ts"],"names":[],"mappings":"AAGE,MAAM,MAAM,oBAAoB,GAAG,IAAI,GAAG,IAAI,CAAC;AAQ/C,MAAM,WAAW,mBAAmB;IAClC,kCAAkC;IAClC,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,uCAAuC;IACvC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACxD,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IACjC,qCAAqC;IACrC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAwEH,QAAA,MAAM,cAAc,yDAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sentropic/design-system-svelte",
-  "version": "0.25.0",
+  "version": "0.25.1",
   "type": "module",
   "publishConfig": {
     "access": "public"