@sentropic/design-system-svelte 0.34.52 → 0.34.57

package/dist/AppChrome.svelte

@@ -663,7 +663,7 @@
     color: var(--st-semantic-text-on-emphasis, var(--st-semantic-surface-default));
   }
 
-  @media (max-width: 768px) {
+  @media (max-width: 767px) {
     .st-appChrome__utilityNav {
       display: none;
     }
@@ -676,4 +676,10 @@
       display: flex;
     }
   }
+
+  @media (min-width: 768px) {
+    .st-appChrome__burgerTrigger {
+      display: none;
+    }
+  }
 </style>

package/dist/AppHeader.svelte

@@ -43,6 +43,12 @@
     actions?: Snippet;
     /** Contenu du tiroir compact (nav + langue + identité en accordéon). */
     drawer?: Snippet;
+    /**
+     * Alignement de la nav desktop.
+     * - `"start"` (défaut) : la nav occupe l'espace restant et pousse les actions à droite.
+     * - `"center"` : la nav est centrée absolument entre le logo et les actions.
+     */
+    navAlign?: "start" | "center";
     class?: string;
   }
 
@@ -74,6 +80,7 @@
     nav,
     actions,
     drawer,
+    navAlign = "start",
     class: className,
   }: AppHeaderProps = $props();
 
@@ -93,10 +100,18 @@
   );
 
   const classes = () => ["st-appHeader", className].filter(Boolean).join(" ");
+  const barClasses = () =>
+    ["st-appHeader__bar", navAlign === "center" ? "st-appHeader__bar--navCenter" : null]
+      .filter(Boolean)
+      .join(" ");
+  const navClasses = () =>
+    ["st-appHeader__nav", navAlign === "center" ? "st-appHeader__nav--center" : null]
+      .filter(Boolean)
+      .join(" ");
 </script>
 
 <header class={classes()}>
-  <div class="st-appHeader__bar">
+  <div class={barClasses()}>
     <!-- Logo SENT à GAUCHE (+ sous-titre). -->
     {#if logo}
       <div class="st-appHeader__logo">{@render logo()}</div>
@@ -116,7 +131,7 @@
 
     <!-- Nav desktop (masquée en mode compact). -->
     {#if !compact}
-      <nav class="st-appHeader__nav" aria-label="Primary">
+      <nav class={navClasses()} aria-label="Primary">
         {#if nav}{@render nav()}{/if}
       </nav>
 
@@ -172,7 +187,7 @@
     align-items: center;
     display: flex;
     gap: var(--st-spacing-4, 1rem);
-    height: 3.5rem;
+    height: var(--st-component-appHeader-height, 3.5rem);
     justify-content: space-between;
     margin: 0 auto;
     max-width: 80rem;
@@ -180,6 +195,11 @@
     width: 100%;
   }
 
+  /* Quand navAlign="center" : position relative sur la bar pour ancrer la nav. */
+  .st-appHeader__bar--navCenter {
+    position: relative;
+  }
+
   .st-appHeader__nav {
     align-items: center;
     display: flex;
@@ -191,6 +211,14 @@
     min-width: 0;
   }
 
+  /* Nav centrée absolument : ne participe plus au flux flex. */
+  .st-appHeader__nav--center {
+    flex: 0 0 auto;
+    left: 50%;
+    position: absolute;
+    transform: translateX(-50%);
+  }
+
   .st-appHeader__burger {
     align-items: center;
     display: flex;

package/dist/AppHeader.svelte.d.ts

@@ -41,6 +41,12 @@ export interface AppHeaderProps {
     actions?: Snippet;
     /** Contenu du tiroir compact (nav + langue + identité en accordéon). */
     drawer?: Snippet;
+    /**
+     * Alignement de la nav desktop.
+     * - `"start"` (défaut) : la nav occupe l'espace restant et pousse les actions à droite.
+     * - `"center"` : la nav est centrée absolument entre le logo et les actions.
+     */
+    navAlign?: "start" | "center";
     class?: string;
 }
 declare const AppHeader: import("svelte").Component<AppHeaderProps, {}, "">;

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;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mFAAmF;IACnF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kFAAkF;IAClF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6FAA6F;IAC7F,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;AA+GH,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;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mFAAmF;IACnF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kFAAkF;IAClF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6FAA6F;IAC7F,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;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAwHH,QAAA,MAAM,SAAS,oDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/DataTable.svelte

@@ -52,6 +52,7 @@
     sortBy?: DataTableSort | null;
     pageSize?: number;
     page?: number;
+    locale?: string;
     selectAllLabel?: string;
     selectRowLabel?: string;
     sortAscendingLabel?: string;
@@ -78,13 +79,14 @@
     sortBy = $bindable<DataTableSort | null>(null),
     pageSize,
     page = $bindable(1),
+    locale = "fr-FR",
     selectAllLabel = "Select all rows",
     selectRowLabel = "Select row",
     sortAscendingLabel = "Sorted ascending",
     sortDescendingLabel = "Sorted descending",
     sortNoneLabel = "Not sorted",
-    previousLabel = "Previous",
-    nextLabel = "Next",
+    previousLabel,
+    nextLabel,
     paginationLabel = "Pagination",
     rangeLabel = ({ start, end, total }) => `${start}–${end} of ${total}`,
     emptyLabel = "No data",
@@ -93,6 +95,10 @@
     ...rest
   }: DataTableProps = $props();
 
+  const isFr = $derived(locale.toLowerCase().startsWith("fr"));
+  const resolvedPreviousLabel = $derived(previousLabel ?? (isFr ? "Précédent" : "Previous"));
+  const resolvedNextLabel = $derived(nextLabel ?? (isFr ? "Suivant" : "Next"));
+
   const classes = () =>
     ["st-dataTable", `st-dataTable--${size}`, className].filter(Boolean).join(" ");
 
@@ -381,7 +387,7 @@
           disabled={safePage <= 1}
           onclick={() => goToPage(safePage - 1)}
         >
-          {previousLabel}
+          {resolvedPreviousLabel}
         </button>
         <span class="st-dataTable__pagerStatus" aria-live="polite">
           {safePage} / {pageCount}
@@ -392,7 +398,7 @@
           disabled={safePage >= pageCount}
           onclick={() => goToPage(safePage + 1)}
         >
-          {nextLabel}
+          {resolvedNextLabel}
         </button>
       </nav>
     </div>

package/dist/DataTable.svelte.d.ts

@@ -40,6 +40,7 @@ type DataTableProps = Omit<HTMLTableAttributes, "class"> & {
     sortBy?: DataTableSort | null;
     pageSize?: number;
     page?: number;
+    locale?: string;
     selectAllLabel?: string;
     selectRowLabel?: string;
     sortAscendingLabel?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"DataTable.svelte.d.ts","sourceRoot":"","sources":["../src/lib/DataTable.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE1D,YAAY,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAEhF,MAAM,WAAW,eAAe,CAAC,CAAC,GAAG,YAAY;IAC/C,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACxC;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,cAAc,GAAG,IAAI,CAAC;CACnF;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC;AAEjE,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,KAAK,GAAG,MAAM,CAAC;CAC3B;AAGH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAKzD,KAAK,cAAc,GAAG,IAAI,CAAC,mBAAmB,EAAE,OAAO,CAAC,GAAG;IACzD,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC;IAC7D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,CAAC;IAC9E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAwSJ,QAAA,MAAM,SAAS,mFAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}
+{"version":3,"file":"DataTable.svelte.d.ts","sourceRoot":"","sources":["../src/lib/DataTable.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE1D,YAAY,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAEhF,MAAM,WAAW,eAAe,CAAC,CAAC,GAAG,YAAY;IAC/C,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACxC;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,cAAc,GAAG,IAAI,CAAC;CACnF;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC;AAEjE,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,KAAK,GAAG,MAAM,CAAC;CAC3B;AAGH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAKzD,KAAK,cAAc,GAAG,IAAI,CAAC,mBAAmB,EAAE,OAAO,CAAC,GAAG;IACzD,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC;IAC7D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,CAAC;IAC9E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AA6SJ,QAAA,MAAM,SAAS,mFAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/InlineLoading.svelte

@@ -5,24 +5,27 @@
   type InlineLoadingProps = Omit<HTMLAttributes<HTMLDivElement>, "class"> & {
     label?: string;
     status?: "active" | "success" | "error" | "inactive";
+    locale?: string;
     class?: string;
   };
 
-  const FALLBACK_LABELS = {
-    active: "Loading",
-    success: "Completed",
-    error: "Error",
-    inactive: "Inactive"
-  } as const;
-
   let {
     label,
     status = "active",
+    locale = "fr-FR",
     class: className,
     "aria-label": ariaLabel,
     ...rest
   }: InlineLoadingProps = $props();
 
+  const isFr = $derived(locale.toLowerCase().startsWith("fr"));
+  const FALLBACK_LABELS = $derived({
+    active: isFr ? "Chargement" : "Loading",
+    success: isFr ? "Terminé" : "Completed",
+    error: isFr ? "Erreur" : "Error",
+    inactive: isFr ? "Inactif" : "Inactive",
+  });
+
   const classes = () =>
     ["st-inlineLoading", `st-inlineLoading--${status}`, className].filter(Boolean).join(" ");
 

package/dist/InlineLoading.svelte.d.ts

@@ -2,6 +2,7 @@ import type { HTMLAttributes } from "svelte/elements";
 type InlineLoadingProps = Omit<HTMLAttributes<HTMLDivElement>, "class"> & {
     label?: string;
     status?: "active" | "success" | "error" | "inactive";
+    locale?: string;
     class?: string;
 };
 declare const InlineLoading: import("svelte").Component<InlineLoadingProps, {}, "">;

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

@@ -1 +1 @@
-{"version":3,"file":"InlineLoading.svelte.d.ts","sourceRoot":"","sources":["../src/lib/InlineLoading.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAIpD,KAAK,kBAAkB,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,GAAG;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AA+CJ,QAAA,MAAM,aAAa,wDAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}
+{"version":3,"file":"InlineLoading.svelte.d.ts","sourceRoot":"","sources":["../src/lib/InlineLoading.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAIpD,KAAK,kBAAkB,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,GAAG;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;IACrD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAiDJ,QAAA,MAAM,aAAa,wDAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/MultiSelect.svelte

@@ -143,7 +143,7 @@
       {#if selectedOptions.length === 0}
         <span class="st-multiSelect__placeholder">{resolvedPlaceholder}</span>
       {:else}
-        <span class="st-multiSelect__count">{selectedOptions.length} selected</span>
+        <span class="st-multiSelect__count">{selectedOptions.length} {isFr ? "sélectionné(s)" : "selected"}</span>
       {/if}
       <span class="st-multiSelect__caret" aria-hidden="true">
         <ChevronDown

package/dist/Notification.svelte

@@ -8,6 +8,7 @@
     message?: string;
     dismissible?: boolean;
     dismissLabel?: string;
+    locale?: string;
     onDismiss?: () => void;
     class?: string;
     actions?: Snippet;
@@ -19,7 +20,8 @@
     title,
     message,
     dismissible = false,
-    dismissLabel = "Dismiss",
+    dismissLabel,
+    locale = "fr-FR",
     onDismiss,
     class: className,
     actions,
@@ -27,6 +29,9 @@
     ...rest
   }: NotificationProps = $props();
 
+  const isFr = $derived(locale.toLowerCase().startsWith("fr"));
+  const resolvedDismissLabel = $derived(dismissLabel ?? (isFr ? "Fermer" : "Dismiss"));
+
   const classes = () =>
     ["st-notification", `st-notification--${tone}`, className].filter(Boolean).join(" ");
 
@@ -54,8 +59,8 @@
       <button
         type="button"
         class="st-notification__close"
-        aria-label={dismissLabel}
-        title={dismissLabel}
+        aria-label={resolvedDismissLabel}
+        title={resolvedDismissLabel}
         onclick={onDismissClick}
       >
         ×

package/dist/Notification.svelte.d.ts

@@ -6,6 +6,7 @@ type NotificationProps = Omit<HTMLAttributes<HTMLElement>, "class"> & {
     message?: string;
     dismissible?: boolean;
     dismissLabel?: string;
+    locale?: string;
     onDismiss?: () => void;
     class?: string;
     actions?: Snippet;

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

@@ -1 +1 @@
-{"version":3,"file":"Notification.svelte.d.ts","sourceRoot":"","sources":["../src/lib/Notification.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGpD,KAAK,iBAAiB,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,GAAG;IACpE,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAsDJ,QAAA,MAAM,YAAY,uDAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}
+{"version":3,"file":"Notification.svelte.d.ts","sourceRoot":"","sources":["../src/lib/Notification.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGpD,KAAK,iBAAiB,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,GAAG;IACpE,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AA0DJ,QAAA,MAAM,YAAY,uDAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/Pagination.svelte

@@ -4,6 +4,7 @@
   type PaginationProps = Omit<HTMLAttributes<HTMLElement>, "class"> & {
     page: number;
     pageCount: number;
+    locale?: string;
     previousLabel?: string;
     nextLabel?: string;
     class?: string;
@@ -13,13 +14,18 @@
   let {
     page,
     pageCount,
-    previousLabel = "Previous",
-    nextLabel = "Next",
+    locale = "fr-FR",
+    previousLabel,
+    nextLabel,
     class: className,
     onpagechange,
     ...rest
   }: PaginationProps = $props();
 
+  const isFr = $derived(locale.toLowerCase().startsWith("fr"));
+  const resolvedPreviousLabel = $derived(previousLabel ?? (isFr ? "Précédent" : "Previous"));
+  const resolvedNextLabel = $derived(nextLabel ?? (isFr ? "Suivant" : "Next"));
+
   const classes = () => ["st-pagination", className].filter(Boolean).join(" ");
   const pages = () => Array.from({ length: pageCount }, (_, index) => index + 1);
   const go = (target: number) => {
@@ -28,7 +34,7 @@
 </script>
 
 <nav {...rest} class={classes()} aria-label="Pagination">
-  <button type="button" disabled={page <= 1} onclick={() => go(page - 1)}>{previousLabel}</button>
+  <button type="button" disabled={page <= 1} onclick={() => go(page - 1)}>{resolvedPreviousLabel}</button>
   {#each pages() as item}
     <button
       type="button"
@@ -40,7 +46,7 @@
       {item}
     </button>
   {/each}
-  <button type="button" disabled={page >= pageCount} onclick={() => go(page + 1)}>{nextLabel}</button>
+  <button type="button" disabled={page >= pageCount} onclick={() => go(page + 1)}>{resolvedNextLabel}</button>
 </nav>
 
 <style>

package/dist/Pagination.svelte.d.ts

@@ -2,6 +2,7 @@ import type { HTMLAttributes } from "svelte/elements";
 type PaginationProps = Omit<HTMLAttributes<HTMLElement>, "class"> & {
     page: number;
     pageCount: number;
+    locale?: string;
     previousLabel?: string;
     nextLabel?: string;
     class?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.svelte.d.ts","sourceRoot":"","sources":["../src/lib/Pagination.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGpD,KAAK,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,GAAG;IAClE,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,CAAC;AAoCJ,QAAA,MAAM,UAAU,qDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}
+{"version":3,"file":"Pagination.svelte.d.ts","sourceRoot":"","sources":["../src/lib/Pagination.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGpD,KAAK,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,GAAG;IAClE,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,CAAC;AAyCJ,QAAA,MAAM,UAAU,qDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/SkeletonText.svelte

@@ -6,6 +6,8 @@
     width?: string;
     heading?: boolean;
     paragraph?: boolean;
+    locale?: string;
+    loadingLabel?: string;
     class?: string;
   };
 
@@ -14,10 +16,15 @@
     width,
     heading = false,
     paragraph = false,
+    locale = "fr-FR",
+    loadingLabel,
     class: className,
     ...rest
   }: SkeletonTextProps = $props();
 
+  const isFr = $derived(locale.toLowerCase().startsWith("fr"));
+  const resolvedLoadingLabel = $derived(loadingLabel ?? (isFr ? "Chargement…" : "Loading…"));
+
   const wrapperClasses = () => ["st-skeleton", className].filter(Boolean).join(" ");
   const lineClasses = () =>
     ["st-skeleton__line", heading ? "st-skeleton__line--heading" : null].filter(Boolean).join(" ");
@@ -30,7 +37,7 @@
   }
 </script>
 
-<div {...rest} class={wrapperClasses()} role="status" aria-label="Loading…" aria-busy="true">
+<div {...rest} class={wrapperClasses()} role="status" aria-label={resolvedLoadingLabel} aria-busy="true">
   {#each Array.from({ length: lineCount() }) as _, i (i)}
     <span class={lineClasses()} style={lineWidth(i, lineCount()) ? `width:${lineWidth(i, lineCount())}` : undefined}></span>
   {/each}

package/dist/SkeletonText.svelte.d.ts

@@ -4,6 +4,8 @@ type SkeletonTextProps = Omit<HTMLAttributes<HTMLDivElement>, "class"> & {
     width?: string;
     heading?: boolean;
     paragraph?: boolean;
+    locale?: string;
+    loadingLabel?: string;
     class?: string;
 };
 declare const SkeletonText: import("svelte").Component<SkeletonTextProps, {}, "">;

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

@@ -1 +1 @@
-{"version":3,"file":"SkeletonText.svelte.d.ts","sourceRoot":"","sources":["../src/lib/SkeletonText.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGpD,KAAK,iBAAiB,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,GAAG;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAoCJ,QAAA,MAAM,YAAY,uDAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}
+{"version":3,"file":"SkeletonText.svelte.d.ts","sourceRoot":"","sources":["../src/lib/SkeletonText.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGpD,KAAK,iBAAiB,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,GAAG;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAyCJ,QAAA,MAAM,YAAY,uDAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/package.json

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