@sentropic/design-system-svelte 0.34.57 → 0.34.58

package/dist/IdentityMenu.svelte

@@ -44,6 +44,11 @@
      * - `accordion` : déclencheur + liste inline (tiroir mobile).
      */
     variant?: "dropdown" | "accordion";
+    /**
+     * Mode compact : n'affiche que l'avatar (2 initiales) sans nom ni chevron.
+     * Idéal pour les headers où l'espace est limité.
+     */
+    compact?: boolean;
     class?: string;
   }
 
@@ -52,6 +57,12 @@
     const source = user?.displayName || user?.email || "U";
     return source.charAt(0).toUpperCase();
   }
+
+  /** Deux initiales (1re lettre de chaque mot, jusqu'à 2 mots) pour le mode compact. */
+  export function identityInitials(user: IdentityUser | null | undefined): string {
+    const source = user?.displayName || user?.email || "U";
+    return source.trim().split(/\s+/).map((w) => w[0]).slice(0, 2).join("").toUpperCase();
+  }
 </script>
 
 <script lang="ts">
@@ -71,6 +82,7 @@
     settingsLabel = "Paramètres",
     logoutLabel = "Se déconnecter",
     variant = "dropdown",
+    compact = false,
     class: className,
   }: IdentityMenuProps = $props();
 
@@ -91,8 +103,11 @@
     onOpenChange?.(next);
   }
 
-  const classes = () => ["st-identityMenu", className].filter(Boolean).join(" ");
-  const initial = $derived(identityInitial(user));
+  const classes = () =>
+    ["st-identityMenu", compact ? "st-identityMenu--compact" : null, className]
+      .filter(Boolean)
+      .join(" ");
+  const initial = $derived(compact ? identityInitials(user) : identityInitial(user));
   const displayName = $derived(user?.displayName || user?.email || "User");
 
   function getMenuItems(): HTMLElement[] {
@@ -234,17 +249,19 @@
       onkeydown={onTriggerKeydown}
     >
       <span class="st-identityMenu__avatar" aria-hidden="true">{initial}</span>
-      <span class="st-identityMenu__meta">
-        <span class="st-identityMenu__name">{displayName}</span>
-        {#if variant === "accordion" && user.email}
-          <span class="st-identityMenu__email">{user.email}</span>
-        {/if}
-      </span>
-      <ChevronDown
-        class={`st-identityMenu__chevron${isOpen ? " st-identityMenu__chevron--open" : ""}`}
-        size={16}
-        aria-hidden="true"
-      />
+      {#if !compact}
+        <span class="st-identityMenu__meta">
+          <span class="st-identityMenu__name">{displayName}</span>
+          {#if variant === "accordion" && user.email}
+            <span class="st-identityMenu__email">{user.email}</span>
+          {/if}
+        </span>
+        <ChevronDown
+          class={`st-identityMenu__chevron${isOpen ? " st-identityMenu__chevron--open" : ""}`}
+          size={16}
+          aria-hidden="true"
+        />
+      {/if}
     </button>
 
     {#if isOpen}
@@ -309,6 +326,10 @@
     width: 100%;
   }
 
+  .st-identityMenu--compact .st-identityMenu__trigger {
+    padding: var(--st-spacing-1, 0.25rem);
+  }
+
   .st-identityMenu__trigger {
     align-items: center;
     background: transparent;

package/dist/IdentityMenu.svelte.d.ts

@@ -42,10 +42,17 @@ export interface IdentityMenuProps {
      * - `accordion` : déclencheur + liste inline (tiroir mobile).
      */
     variant?: "dropdown" | "accordion";
+    /**
+     * Mode compact : n'affiche que l'avatar (2 initiales) sans nom ni chevron.
+     * Idéal pour les headers où l'espace est limité.
+     */
+    compact?: boolean;
     class?: string;
 }
 /** Première lettre du displayName, en majuscule (calque de la source). */
 export declare function identityInitial(user: IdentityUser | null | undefined): string;
+/** Deux initiales (1re lettre de chaque mot, jusqu'à 2 mots) pour le mode compact. */
+export declare function identityInitials(user: IdentityUser | null | undefined): string;
 declare const IdentityMenu: import("svelte").Component<IdentityMenuProps, {}, "open">;
 type IdentityMenu = ReturnType<typeof IdentityMenu>;
 export default IdentityMenu;

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;;;;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"}
+{"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;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,0EAA0E;AAC1E,wBAAgB,eAAe,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAG7E;AAED,sFAAsF;AACtF,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAG9E;AAoNH,QAAA,MAAM,YAAY,2DAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/Menu.svelte

@@ -8,7 +8,7 @@
     class?: string;
   } & Record<`data-${string}`, unknown>;
 
-  export type MenuIcon = Component<MenuIconProps>;
+  export type MenuIcon = Component<MenuIconProps> | string;
 
   export interface MenuActionItem {
     kind?: "item";
@@ -158,7 +158,11 @@
         >
           {#if Icon}
             <span class="st-menu__itemIcon" aria-hidden="true">
-              <Icon size={16} strokeWidth={2} />
+              {#if typeof Icon === "string"}
+                {Icon}
+              {:else}
+                <Icon size={16} strokeWidth={2} />
+              {/if}
             </span>
           {/if}
           <span class="st-menu__itemLabel">{item.label}</span>
@@ -201,6 +205,7 @@
     cursor: pointer;
     display: flex;
     font: inherit;
+    font-size: var(--st-component-menu-fontSize, 0.875rem);
     gap: var(--st-spacing-2, 0.5rem);
     padding: var(--st-spacing-2, 0.5rem) var(--st-spacing-3, 0.75rem);
     text-align: left;
@@ -239,6 +244,8 @@
     display: inline-flex;
     flex: 0 0 auto;
     justify-content: center;
+    line-height: 1;
+    width: 1rem;
   }
 
   .st-menu__itemLabel {

package/dist/Menu.svelte.d.ts

@@ -5,7 +5,7 @@ export type MenuIconProps = {
     color?: string;
     class?: string;
 } & Record<`data-${string}`, unknown>;
-export type MenuIcon = Component<MenuIconProps>;
+export type MenuIcon = Component<MenuIconProps> | string;
 export interface MenuActionItem {
     kind?: "item";
     label: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.svelte.d.ts","sourceRoot":"","sources":["../src/lib/Menu.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,MAAM,CAAC,QAAQ,MAAM,EAAE,EAAE,OAAO,CAAC,CAAC;AAEtC,MAAM,MAAM,QAAQ,GAAG,SAAS,CAAC,aAAa,CAAC,CAAC;AAEhD,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,SAAS,CAAC;CACjB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,QAAQ,GAAG,cAAc,GAAG,eAAe,GAAG,aAAa,CAAC;AAS1E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGpD,KAAK,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,GAAG;IAC5E,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AA+HJ,QAAA,MAAM,IAAI,kCAAwC,CAAC;AACnD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpC,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Menu.svelte.d.ts","sourceRoot":"","sources":["../src/lib/Menu.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,MAAM,CAAC,QAAQ,MAAM,EAAE,EAAE,OAAO,CAAC,CAAC;AAEtC,MAAM,MAAM,QAAQ,GAAG,SAAS,CAAC,aAAa,CAAC,GAAG,MAAM,CAAC;AAEzD,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,SAAS,CAAC;CACjB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,QAAQ,GAAG,cAAc,GAAG,eAAe,GAAG,aAAa,CAAC;AAS1E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGpD,KAAK,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,GAAG;IAC5E,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAmIJ,QAAA,MAAM,IAAI,kCAAwC,CAAC;AACnD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpC,eAAe,IAAI,CAAC"}

package/dist/OverflowMenu.svelte

@@ -8,7 +8,7 @@
     class?: string;
   } & Record<`data-${string}`, unknown>;
 
-  export type OverflowMenuIcon = Component<OverflowMenuIconProps>;
+  export type OverflowMenuIcon = Component<OverflowMenuIconProps> | string;
 
   export interface OverflowMenuActionItem {
     kind?: "item";
@@ -66,6 +66,37 @@
   let host: HTMLDivElement | undefined = $state();
   let list: HTMLUListElement | undefined = $state();
 
+  // Cap viewport-aware (aligné sur MenuPopover) : sans ça, une longue liste
+  // (~12+ items) déborde du viewport en mobile <768px sans scroll. On borne la
+  // hauteur du panneau à l'espace réellement disponible sous (ou au-dessus, en
+  // placement `top`) le déclencheur, et `overflow-y:auto` (CSS) rend scrollable.
+  let maxHeight = $state(0);
+  const VIEWPORT_GAP = 4;
+  const VIEWPORT_MARGIN = 8;
+  const MIN_PANEL_HEIGHT = 160;
+
+  function computeMaxHeight() {
+    if (!host || typeof window === "undefined") return;
+    const rect = host.getBoundingClientRect();
+    const up = placement === "top-start" || placement === "top-end";
+    maxHeight = up
+      ? Math.max(rect.top - VIEWPORT_GAP - VIEWPORT_MARGIN, MIN_PANEL_HEIGHT)
+      : Math.max(window.innerHeight - rect.bottom - VIEWPORT_GAP - VIEWPORT_MARGIN, MIN_PANEL_HEIGHT);
+  }
+
+  // À l'ouverture : calcule la hauteur dispo et suit scroll/resize tant qu'ouvert.
+  $effect(() => {
+    if (!open) return;
+    computeMaxHeight();
+    const recompute = () => computeMaxHeight();
+    window.addEventListener("scroll", recompute, true);
+    window.addEventListener("resize", recompute);
+    return () => {
+      window.removeEventListener("scroll", recompute, true);
+      window.removeEventListener("resize", recompute);
+    };
+  });
+
   function getFocusableItems(): HTMLButtonElement[] {
     return Array.from(
       list?.querySelectorAll<HTMLButtonElement>('[role="menuitem"]:not(:disabled)') ?? []
@@ -196,7 +227,13 @@
     <Ellipsis size={18} strokeWidth={2.25} aria-hidden="true" />
   </button>
   {#if open}
-    <ul bind:this={list} class="st-overflowMenu__list" role="menu" aria-label={label}>
+    <ul
+      bind:this={list}
+      class="st-overflowMenu__list"
+      role="menu"
+      aria-label={label}
+      style={maxHeight ? `max-height: ${maxHeight}px` : undefined}
+    >
       {#each items as item, index (index)}
         {#if isAction(item)}
           {@const Icon = item.icon}
@@ -214,7 +251,11 @@
             >
               {#if Icon}
                 <span class="st-overflowMenu__itemIcon" aria-hidden="true">
-                  <Icon size={16} strokeWidth={2} />
+                  {#if typeof Icon === "string"}
+                    {Icon}
+                  {:else}
+                    <Icon size={16} strokeWidth={2} />
+                  {/if}
                 </span>
               {/if}
               <span class="st-overflowMenu__itemLabel">{item.label}</span>
@@ -277,6 +318,10 @@
     margin: 0;
     min-width: var(--st-component-menu-minWidth, 12rem);
     max-width: var(--st-component-menu-maxWidth, 18rem);
+    /* Fallback CSS si le calcul JS n'a pas encore posé le max-height inline ;
+       overflow-y:auto rend la liste scrollable quand elle dépasse le viewport. */
+    max-height: calc(100vh - 2rem);
+    overflow-y: auto;
     padding: var(--st-spacing-1, 0.25rem);
     position: absolute;
     z-index: var(--st-component-popover-zIndex, 80);

package/dist/OverflowMenu.svelte.d.ts

@@ -5,7 +5,7 @@ export type OverflowMenuIconProps = {
     color?: string;
     class?: string;
 } & Record<`data-${string}`, unknown>;
-export type OverflowMenuIcon = Component<OverflowMenuIconProps>;
+export type OverflowMenuIcon = Component<OverflowMenuIconProps> | string;
 export interface OverflowMenuActionItem {
     kind?: "item";
     value: string;

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

@@ -1 +1 @@
-{"version":3,"file":"OverflowMenu.svelte.d.ts","sourceRoot":"","sources":["../src/lib/OverflowMenu.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,MAAM,CAAC,QAAQ,MAAM,EAAE,EAAE,OAAO,CAAC,CAAC;AAEtC,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAC,qBAAqB,CAAC,CAAC;AAEhE,MAAM,WAAW,sBAAsB;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,SAAS,CAAC;CACjB;AAED,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,gBAAgB,GACxB,sBAAsB,GACtB,uBAAuB,GACvB,qBAAqB,CAAC;AAI5B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAIpD,KAAK,iBAAiB,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,GAAG;IACpF,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,cAAc,GAAG,YAAY,GAAG,WAAW,GAAG,SAAS,CAAC;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AA8KJ,QAAA,MAAM,YAAY,0CAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}
+{"version":3,"file":"OverflowMenu.svelte.d.ts","sourceRoot":"","sources":["../src/lib/OverflowMenu.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,MAAM,CAAC,QAAQ,MAAM,EAAE,EAAE,OAAO,CAAC,CAAC;AAEtC,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAC,qBAAqB,CAAC,GAAG,MAAM,CAAC;AAEzE,MAAM,WAAW,sBAAsB;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,SAAS,CAAC;CACjB;AAED,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,gBAAgB,GACxB,sBAAsB,GACtB,uBAAuB,GACvB,qBAAqB,CAAC;AAI5B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAIpD,KAAK,iBAAiB,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,GAAG;IACpF,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,cAAc,GAAG,YAAY,GAAG,WAAW,GAAG,SAAS,CAAC;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAiNJ,QAAA,MAAM,YAAY,0CAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/ScoreCard.svelte

@@ -44,7 +44,7 @@
     Array.from({ length: max }, (_, i) => i < filled)
   );
   const ariaLabel = $derived(
-    `${title}, ${score.toFixed(1)} ${unit}, ${filled} sur ${max}`
+    `${title}, ${(score ?? 0).toFixed(1)} ${unit}, ${filled} sur ${max}`
   );
 
   const classes = $derived(
@@ -80,7 +80,7 @@
       {/each}
     </div>
     <span class="st-scoreCard__score">
-      {score.toFixed(1)} {unit}
+      {(score ?? 0).toFixed(1)} {unit}
     </span>
   </div>
 </article>

package/package.json

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