@sentropic/design-system-svelte 0.34.50 → 0.34.52

package/dist/EventFeedPanel.svelte.d.ts

@@ -32,7 +32,7 @@ export type EventFeedPanelEvent = {
     /** Message principal affiché. */
     message: string;
 };
-type EventFeedPanelProps = {
+export type EventFeedPanelProps = {
     data: EventFeedPanelEvent[];
     label?: string;
     maxHeight?: number;

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

@@ -1 +1 @@
-{"version":3,"file":"EventFeedPanel.svelte.d.ts","sourceRoot":"","sources":["../src/lib/EventFeedPanel.svelte.ts"],"names":[],"mappings":"AAGE;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,MAAM,sBAAsB,GAC9B,MAAM,GACN,SAAS,GACT,SAAS,GACT,OAAO,GACP,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAElB,MAAM,MAAM,mBAAmB,GAAG;IAChC,oEAAoE;IACpE,EAAE,EAAE,MAAM,CAAC;IACX,+DAA+D;IAC/D,IAAI,EAAE,MAAM,CAAC;IACb,mEAAmE;IACnE,QAAQ,EAAE,sBAAsB,CAAC;IACjC,iCAAiC;IACjC,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,IAAI,EAAE,mBAAmB,EAAE,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AA+EJ,QAAA,MAAM,cAAc,yDAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}
+{"version":3,"file":"EventFeedPanel.svelte.d.ts","sourceRoot":"","sources":["../src/lib/EventFeedPanel.svelte.ts"],"names":[],"mappings":"AAGE;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,MAAM,sBAAsB,GAC9B,MAAM,GACN,SAAS,GACT,SAAS,GACT,OAAO,GACP,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAElB,MAAM,MAAM,mBAAmB,GAAG;IAChC,oEAAoE;IACpE,EAAE,EAAE,MAAM,CAAC;IACX,+DAA+D;IAC/D,IAAI,EAAE,MAAM,CAAC;IACb,mEAAmE;IACnE,QAAQ,EAAE,sBAAsB,CAAC;IACjC,iCAAiC;IACjC,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,mBAAmB,EAAE,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AA8EJ,QAAA,MAAM,cAAc,yDAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/FileUploader.svelte

@@ -236,7 +236,7 @@
             {/if}
           </span>
           <span class="st-fileUploader__itemMeta">
-            <span class="st-fileUploader__itemName">{item.file.name}</span>
+            <span class="st-fileUploader__itemName st-fileUploader__name">{item.file.name}</span>
             <span class="st-fileUploader__itemSize">{formatSize(item.file.size)}</span>
             {#if item.status === "error" && item.error}
               <span class="st-fileUploader__itemError">{item.error}</span>
@@ -274,7 +274,7 @@
             {/if}
           </span>
           <span class="st-fileUploader__itemMeta">
-            <span class="st-fileUploader__itemName">{file.name}</span>
+            <span class="st-fileUploader__itemName st-fileUploader__name">{file.name}</span>
             <span class="st-fileUploader__itemSize">{formatSize(file.size)}</span>
             {#if itemError}
               <span class="st-fileUploader__itemError">{itemError}</span>
@@ -407,7 +407,10 @@
   }
 
   .st-fileUploader__trigger:hover:not(:disabled) {
-    background: var(--st-component-control-hoverBackground, var(--st-semantic-surface-subtle));
+    background: var(
+      --st-component-button-anatomy-states-hover-bg,
+      color-mix(in srgb, var(--st-semantic-action-primary) 85%, black)
+    );
   }
 
   .st-fileUploader__trigger:focus-visible {
@@ -491,6 +494,7 @@
 
   .st-fileUploader__itemMeta {
     display: grid;
+    flex: 1 1 0;
     gap: 0.125rem;
     min-width: 0;
   }

package/dist/Footer.svelte

@@ -2,18 +2,23 @@
   import type { Snippet } from "svelte";
   import type { HTMLAttributes } from "svelte/elements";
 
+  type LinkItem = { label: string; href: string };
+  type ColumnItem = { title?: string; links: LinkItem[] };
+
   type FooterProps = Omit<HTMLAttributes<HTMLElement>, "class"> & {
     /** Texte de copyright (bas de pied de page). */
     copyright?: string;
     /** aria-label de la région contentinfo. */
     label?: string;
     class?: string;
-    /** Marque / logo (zone de tête, à gauche). */
-    brand?: Snippet;
-    /** Colonnes de liens (zone de tête). */
-    columns?: Snippet;
-    /** Liens légaux (barre du bas, à droite du copyright). */
-    legal?: Snippet;
+    /** Marque / logo : Snippet OU chaîne de texte. */
+    brand?: Snippet | string;
+    /** Colonnes de liens : Snippet OU tableau de données. */
+    columns?: Snippet | ColumnItem[];
+    /** Liens légaux : Snippet OU tableau de données. */
+    legal?: Snippet | LinkItem[];
+    /** Alias data-driven pour les liens légaux (parité React). */
+    legalLinks?: LinkItem[];
     /** Contenu libre additionnel sous la barre du bas. */
     children?: Snippet;
   };
@@ -25,23 +30,50 @@
     brand,
     columns,
     legal,
+    legalLinks,
     children,
     ...rest
   }: FooterProps = $props();
 
+  const isSnippet = (v: unknown): v is Snippet => typeof v === "function";
+
+  // Résoudre la zone légale : prop `legal` OU prop `legalLinks`
+  const resolvedLegal = $derived(legal ?? legalLinks);
+
   const classes = () => ["st-footer", className].filter(Boolean).join(" ");
   const hasTop = () => Boolean(brand || columns);
-  const hasBottom = () => Boolean(copyright || legal);
+  const hasBottom = () => Boolean(copyright || resolvedLegal);
 </script>
 
 <footer {...rest} class={classes()} aria-label={label}>
   {#if hasTop()}
     <div class="st-footer__top">
       {#if brand}
-        <div class="st-footer__brand">{@render brand()}</div>
+        <div class="st-footer__brand">
+          {#if isSnippet(brand)}
+            {@render brand()}
+          {:else}
+            {brand}
+          {/if}
+        </div>
       {/if}
       {#if columns}
-        <div class="st-footer__columns">{@render columns()}</div>
+        <div class="st-footer__columns">
+          {#if isSnippet(columns)}
+            {@render columns()}
+          {:else if Array.isArray(columns)}
+            {#each columns as col}
+              <nav>
+                {#if col.title}<h2 class="st-footer__col-title">{col.title}</h2>{/if}
+                <ul class="st-footer__col-links">
+                  {#each col.links as link}
+                    <li><a href={link.href}>{link.label}</a></li>
+                  {/each}
+                </ul>
+              </nav>
+            {/each}
+          {/if}
+        </div>
       {/if}
     </div>
   {/if}
@@ -51,9 +83,15 @@
       {#if copyright}
         <span class="st-footer__copyright">{copyright}</span>
       {/if}
-      {#if legal}
+      {#if resolvedLegal}
         <nav class="st-footer__legal" aria-label="Liens légaux">
-          {@render legal()}
+          {#if isSnippet(resolvedLegal)}
+            {@render resolvedLegal()}
+          {:else if Array.isArray(resolvedLegal)}
+            {#each resolvedLegal as link}
+              <a href={link.href}>{link.label}</a>
+            {/each}
+          {/if}
         </nav>
       {/if}
     </div>
@@ -121,4 +159,30 @@
     gap: var(--st-spacing-4, 1rem);
     font-size: 0.8125rem;
   }
+
+  .st-footer__col-title {
+    font-size: 0.875rem;
+    font-weight: 600;
+    margin: 0 0 var(--st-spacing-2, 0.5rem);
+    color: var(--st-semantic-text-primary);
+  }
+
+  .st-footer__col-links {
+    display: flex;
+    flex-direction: column;
+    gap: var(--st-spacing-2, 0.5rem);
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+
+  .st-footer__col-links a {
+    color: inherit;
+    font-size: 0.875rem;
+    text-decoration: none;
+  }
+
+  .st-footer__col-links a:hover {
+    text-decoration: underline;
+  }
 </style>

package/dist/Footer.svelte.d.ts

@@ -1,17 +1,27 @@
 import type { Snippet } from "svelte";
 import type { HTMLAttributes } from "svelte/elements";
+type LinkItem = {
+    label: string;
+    href: string;
+};
+type ColumnItem = {
+    title?: string;
+    links: LinkItem[];
+};
 type FooterProps = Omit<HTMLAttributes<HTMLElement>, "class"> & {
     /** Texte de copyright (bas de pied de page). */
     copyright?: string;
     /** aria-label de la région contentinfo. */
     label?: string;
     class?: string;
-    /** Marque / logo (zone de tête, à gauche). */
-    brand?: Snippet;
-    /** Colonnes de liens (zone de tête). */
-    columns?: Snippet;
-    /** Liens légaux (barre du bas, à droite du copyright). */
-    legal?: Snippet;
+    /** Marque / logo : Snippet OU chaîne de texte. */
+    brand?: Snippet | string;
+    /** Colonnes de liens : Snippet OU tableau de données. */
+    columns?: Snippet | ColumnItem[];
+    /** Liens légaux : Snippet OU tableau de données. */
+    legal?: Snippet | LinkItem[];
+    /** Alias data-driven pour les liens légaux (parité React). */
+    legalLinks?: LinkItem[];
     /** Contenu libre additionnel sous la barre du bas. */
     children?: Snippet;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Footer.svelte.d.ts","sourceRoot":"","sources":["../src/lib/Footer.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGpD,KAAK,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,GAAG;IAC9D,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,wCAAwC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAwDJ,QAAA,MAAM,MAAM,iDAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Footer.svelte.d.ts","sourceRoot":"","sources":["../src/lib/Footer.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGpD,KAAK,QAAQ,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAChD,KAAK,UAAU,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,QAAQ,EAAE,CAAA;CAAE,CAAC;AAExD,KAAK,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,GAAG;IAC9D,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,yDAAyD;IACzD,OAAO,CAAC,EAAE,OAAO,GAAG,UAAU,EAAE,CAAC;IACjC,oDAAoD;IACpD,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,EAAE,CAAC;IAC7B,8DAA8D;IAC9D,UAAU,CAAC,EAAE,QAAQ,EAAE,CAAC;IACxB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AA2FJ,QAAA,MAAM,MAAM,iDAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}

package/dist/ForceGraph.svelte

@@ -273,6 +273,10 @@
      * `id`. Receives the same pair so the consumer can drop `from` from the data.
      */
     onMergeComplete?: (pair: { id: string; from: string; into: string }) => void;
+    /** Accessible label for the reset-view button (shown when zoomed/panned). */
+    resetViewLabel?: string;
+    /** Accessible label for the legend overlay. */
+    legendLabel?: string;
     class?: string;
   };
 
@@ -296,6 +300,8 @@
     onNodeHover,
     mergePair = null,
     onMergeComplete,
+    resetViewLabel = "Reset view",
+    legendLabel = "Graph legend",
     class: className
   }: ForceGraphProps = $props();
 
@@ -1051,7 +1057,7 @@
         >
           {#if p.shapePath}
             <path
-              class="st-forceGraph__dot"
+              class="st-forceGraph__shape st-forceGraph__dot"
               d={p.shapePath}
               tabindex="0"
               role="button"
@@ -1134,7 +1140,7 @@
     <button
       class="st-forceGraph__resetBtn"
       type="button"
-      aria-label="Reset view"
+      aria-label={resetViewLabel}
       onclick={resetView}
     >
       ↺
@@ -1143,7 +1149,7 @@
 
   <!-- Legend overlay -->
   {#if legend && legend.length > 0}
-    <div class="st-forceGraph__legend" aria-label="Graph legend">
+    <div class="st-forceGraph__legend" aria-label={legendLabel}>
       {#each legend as entry}
         {@const swatchPath = entry.shape !== undefined ? nodeShapePath(entry.shape, 7) : null}
         {@const swatchTone = entry.tone ?? "category1"}

package/dist/ForceGraph.svelte.d.ts

@@ -170,6 +170,10 @@ type ForceGraphProps = {
         from: string;
         into: string;
     }) => void;
+    /** Accessible label for the reset-view button (shown when zoomed/panned). */
+    resetViewLabel?: string;
+    /** Accessible label for the legend overlay. */
+    legendLabel?: string;
     class?: string;
 };
 declare const ForceGraph: import("svelte").Component<ForceGraphProps, {}, "">;

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

@@ -1 +1 @@
-{"version":3,"file":"ForceGraph.svelte.d.ts","sourceRoot":"","sources":["../src/lib/ForceGraph.svelte.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ForceGraph.svelte.d.ts","sourceRoot":"","sources":["../src/lib/ForceGraph.svelte.ts"],"names":[],"mappings":"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"}

package/dist/HeatmapChart.svelte

@@ -1,12 +1,13 @@
 <script lang="ts" module>
   /**
-   * HeatmapChart - API canonique (référence Svelte, React/Vue doivent s'aligner)
+   * HeatmapChart - API canonique (référence Svelte, React/Vue/Angular doivent s'aligner)
    *
    * Props obligatoires :
    *   data   HeatmapChartDatum[]  - tableau {x, y, value, tone?}
    *   label  string               - aria-label du graphique
    *
    * Props optionnelles :
+   *   scale   "categorical" | "sequential" (défaut categorical)
    *   legend  boolean  (défaut false) - affiche le gradient Low→High
    *   width   number   (défaut 480)   - largeur du viewBox en px
    *   height  number   (défaut 300)   - hauteur du viewBox en px
@@ -25,6 +26,8 @@
     | "category7"
     | "category8";
 
+  export type HeatmapChartScale = "categorical" | "sequential";
+
   export type HeatmapChartDatum = {
     x: string;
     y: string;
@@ -39,6 +42,7 @@
   type HeatmapChartProps = {
     data: HeatmapChartDatum[];
     label: string;
+    scale?: HeatmapChartScale;
     legend?: boolean;
     width?: number;
     height?: number;
@@ -48,6 +52,7 @@
   let {
     data,
     label,
+    scale = "categorical",
     legend = false,
     width = 480,
     height = 300,
@@ -78,6 +83,10 @@
     return out;
   }
 
+  function normalizedScale(value: HeatmapChartScale | undefined): HeatmapChartScale {
+    return value === "sequential" ? "sequential" : "categorical";
+  }
+
   function toneForValue(value: number, min: number, max: number): HeatmapChartTone {
     if (!Number.isFinite(value) || max <= min) return "category1";
     const index = Math.max(0, Math.min(TONES.length - 1, Math.floor(((value - min) / (max - min)) * TONES.length)));
@@ -86,6 +95,7 @@
 
   let hoveredIndex: number | null = $state(null);
 
+  const resolvedScale = $derived(normalizedScale(scale));
   const xLabels = $derived(uniqueInOrder(data.map((d) => d.x)));
   const yLabels = $derived(uniqueInOrder(data.map((d) => d.y)));
   const plotWidth = $derived(Math.max(width - MARGIN.left - MARGIN.right, 1));
@@ -104,7 +114,7 @@
       return {
         datum,
         index,
-        tone: datum.tone ?? toneForValue(datum.value, min, max),
+        tone: resolvedScale === "sequential" ? toneForValue(datum.value, min, max) : datum.tone ?? toneForValue(datum.value, min, max),
         x: MARGIN.left + xIndex * cellWidth,
         y: MARGIN.top + yIndex * cellHeight,
         width: Math.max(cellWidth - 2, 1),
@@ -134,7 +144,7 @@
     hoveredIndex = Number.isInteger(index) ? index : null;
   }
 
-  const classes = () => ["st-heatmapChart", className].filter(Boolean).join(" ");
+  const classes = () => ["st-heatmapChart", `st-heatmapChart--${resolvedScale}`, className].filter(Boolean).join(" ");
 </script>
 
 <div class={classes()}>
@@ -228,6 +238,15 @@
 
 <style>
   .st-heatmapChart {
+    --st-heatmapChart-ramp-base: var(--st-semantic-data-category1);
+    --st-heatmapChart-ramp-1: color-mix(in srgb, var(--st-semantic-surface-default, Canvas) 86%, var(--st-heatmapChart-ramp-base) 14%);
+    --st-heatmapChart-ramp-2: color-mix(in srgb, var(--st-semantic-surface-default, Canvas) 74%, var(--st-heatmapChart-ramp-base) 26%);
+    --st-heatmapChart-ramp-3: color-mix(in srgb, var(--st-semantic-surface-default, Canvas) 62%, var(--st-heatmapChart-ramp-base) 38%);
+    --st-heatmapChart-ramp-4: color-mix(in srgb, var(--st-semantic-surface-default, Canvas) 50%, var(--st-heatmapChart-ramp-base) 50%);
+    --st-heatmapChart-ramp-5: color-mix(in srgb, var(--st-semantic-surface-default, Canvas) 38%, var(--st-heatmapChart-ramp-base) 62%);
+    --st-heatmapChart-ramp-6: color-mix(in srgb, var(--st-semantic-surface-default, Canvas) 26%, var(--st-heatmapChart-ramp-base) 74%);
+    --st-heatmapChart-ramp-7: color-mix(in srgb, var(--st-semantic-surface-default, Canvas) 14%, var(--st-heatmapChart-ramp-base) 86%);
+    --st-heatmapChart-ramp-8: var(--st-heatmapChart-ramp-base);
     color: var(--st-semantic-text-secondary);
     display: block;
     font-family: inherit;
@@ -287,6 +306,23 @@
   .st-heatmapChart__cell--category8,
   .st-heatmapChart__legendSwatch--category8 { fill: var(--st-semantic-data-category8); background: var(--st-semantic-data-category8); }
 
+  .st-heatmapChart--sequential .st-heatmapChart__cell--category1,
+  .st-heatmapChart--sequential .st-heatmapChart__legendSwatch--category1 { fill: var(--st-heatmapChart-ramp-1); background: var(--st-heatmapChart-ramp-1); }
+  .st-heatmapChart--sequential .st-heatmapChart__cell--category2,
+  .st-heatmapChart--sequential .st-heatmapChart__legendSwatch--category2 { fill: var(--st-heatmapChart-ramp-2); background: var(--st-heatmapChart-ramp-2); }
+  .st-heatmapChart--sequential .st-heatmapChart__cell--category3,
+  .st-heatmapChart--sequential .st-heatmapChart__legendSwatch--category3 { fill: var(--st-heatmapChart-ramp-3); background: var(--st-heatmapChart-ramp-3); }
+  .st-heatmapChart--sequential .st-heatmapChart__cell--category4,
+  .st-heatmapChart--sequential .st-heatmapChart__legendSwatch--category4 { fill: var(--st-heatmapChart-ramp-4); background: var(--st-heatmapChart-ramp-4); }
+  .st-heatmapChart--sequential .st-heatmapChart__cell--category5,
+  .st-heatmapChart--sequential .st-heatmapChart__legendSwatch--category5 { fill: var(--st-heatmapChart-ramp-5); background: var(--st-heatmapChart-ramp-5); }
+  .st-heatmapChart--sequential .st-heatmapChart__cell--category6,
+  .st-heatmapChart--sequential .st-heatmapChart__legendSwatch--category6 { fill: var(--st-heatmapChart-ramp-6); background: var(--st-heatmapChart-ramp-6); }
+  .st-heatmapChart--sequential .st-heatmapChart__cell--category7,
+  .st-heatmapChart--sequential .st-heatmapChart__legendSwatch--category7 { fill: var(--st-heatmapChart-ramp-7); background: var(--st-heatmapChart-ramp-7); }
+  .st-heatmapChart--sequential .st-heatmapChart__cell--category8,
+  .st-heatmapChart--sequential .st-heatmapChart__legendSwatch--category8 { fill: var(--st-heatmapChart-ramp-8); background: var(--st-heatmapChart-ramp-8); }
+
   .st-heatmapChart__legend {
     align-items: center;
     display: flex;

package/dist/HeatmapChart.svelte.d.ts

@@ -1,11 +1,12 @@
 /**
- * HeatmapChart - API canonique (référence Svelte, React/Vue doivent s'aligner)
+ * HeatmapChart - API canonique (référence Svelte, React/Vue/Angular doivent s'aligner)
  *
  * Props obligatoires :
  *   data   HeatmapChartDatum[]  - tableau {x, y, value, tone?}
  *   label  string               - aria-label du graphique
  *
  * Props optionnelles :
+ *   scale   "categorical" | "sequential" (défaut categorical)
  *   legend  boolean  (défaut false) - affiche le gradient Low→High
  *   width   number   (défaut 480)   - largeur du viewBox en px
  *   height  number   (défaut 300)   - hauteur du viewBox en px
@@ -15,6 +16,7 @@
  *   Number.isFinite). Tableau vide ou tout-NaN → rendu vide sans crash.
  */
 export type HeatmapChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type HeatmapChartScale = "categorical" | "sequential";
 export type HeatmapChartDatum = {
     x: string;
     y: string;
@@ -24,6 +26,7 @@ export type HeatmapChartDatum = {
 type HeatmapChartProps = {
     data: HeatmapChartDatum[];
     label: string;
+    scale?: HeatmapChartScale;
     legend?: boolean;
     width?: number;
     height?: number;

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

@@ -1 +1 @@
-{"version":3,"file":"HeatmapChart.svelte.d.ts","sourceRoot":"","sources":["../src/lib/HeatmapChart.svelte.ts"],"names":[],"mappings":"AAGE;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,gBAAgB,GACxB,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,gBAAgB,CAAC;CACzB,CAAC;AAMF,KAAK,iBAAiB,GAAG;IACvB,IAAI,EAAE,iBAAiB,EAAE,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAqJJ,QAAA,MAAM,YAAY,uDAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}
+{"version":3,"file":"HeatmapChart.svelte.d.ts","sourceRoot":"","sources":["../src/lib/HeatmapChart.svelte.ts"],"names":[],"mappings":"AAGE;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,gBAAgB,GACxB,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAAG,YAAY,CAAC;AAE7D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,gBAAgB,CAAC;CACzB,CAAC;AAMF,KAAK,iBAAiB,GAAG;IACvB,IAAI,EAAE,iBAAiB,EAAE,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AA2JJ,QAAA,MAAM,YAAY,uDAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/KanbanBoard.svelte

@@ -0,0 +1,144 @@
+<script lang="ts" module>
+  export type KanbanBoardTone = "neutral" | "info" | "success" | "warning" | "error";
+
+  export interface KanbanBoardCard {
+    id: string;
+    title: string;
+    subtitle?: string;
+    owner?: string;
+    badgeLabel?: string;
+    badgeTone?: KanbanBoardTone;
+    progress?: number;
+  }
+
+  export interface KanbanBoardColumn {
+    label: string;
+    badgeTone?: KanbanBoardTone;
+    cards: KanbanBoardCard[];
+  }
+
+  export type KanbanBoardProps = {
+    columns: KanbanBoardColumn[];
+    progressLabel?: string;
+  };
+</script>
+
+<script lang="ts">
+  import Badge from "./Badge.svelte";
+  import Card from "./Card.svelte";
+  import Avatar from "./Avatar.svelte";
+  import ProgressBar from "./ProgressBar.svelte";
+
+  let { columns, progressLabel }: KanbanBoardProps = $props();
+</script>
+
+<div class="st-kb">
+  {#each columns as col}
+    <div class="st-kb__column">
+      <div class="st-kb__head">
+        <span class="st-kb__colLabel">{col.label}</span>
+        <Badge tone={col.badgeTone ?? "neutral"}>{col.cards.length}</Badge>
+      </div>
+      <div class="st-kb__body">
+        {#each col.cards as card (card.id)}
+          <Card class="st-kb__card">
+            <div class="st-kb__cardInner">
+              <div class="st-kb__cardTop">
+                <span class="st-kb__cardTitle">{card.title}</span>
+                {#if card.badgeLabel}
+                  <Badge tone={card.badgeTone ?? "neutral"}>{card.badgeLabel}</Badge>
+                {/if}
+              </div>
+              {#if card.subtitle}
+                <span class="st-kb__cardSubtitle">{card.subtitle}</span>
+              {/if}
+              {#if card.progress !== undefined}
+                <ProgressBar
+                  value={card.progress}
+                  max={100}
+                  label={progressLabel ?? "Progression"}
+                  showValue
+                  size="sm"
+                />
+              {/if}
+              {#if card.owner}
+                <div class="st-kb__cardOwner">
+                  <Avatar name={card.owner} size="sm" />
+                  <span class="st-kb__ownerName">{card.owner}</span>
+                </div>
+              {/if}
+            </div>
+          </Card>
+        {/each}
+      </div>
+    </div>
+  {/each}
+</div>
+
+<style>
+  .st-kb {
+    display: flex;
+    gap: var(--st-spacing-4, 1rem);
+    padding: var(--st-spacing-6, 1.5rem);
+    overflow-x: auto;
+    align-items: flex-start;
+    background: var(--st-semantic-surface-default);
+    min-block-size: 100%;
+  }
+  .st-kb__column {
+    display: flex;
+    flex-direction: column;
+    gap: var(--st-spacing-3, 0.75rem);
+    min-inline-size: 18rem;
+    flex-shrink: 0;
+  }
+  .st-kb__head {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: var(--st-spacing-2, 0.5rem) var(--st-spacing-3, 0.75rem);
+    background: var(--st-semantic-surface-raised);
+    border: 1px solid var(--st-semantic-border-subtle);
+    border-radius: var(--st-radius-md, 0.5rem);
+  }
+  .st-kb__colLabel {
+    font-weight: 650;
+    font-size: 0.875rem;
+    color: var(--st-semantic-text-primary);
+  }
+  .st-kb__body {
+    display: flex;
+    flex-direction: column;
+    gap: var(--st-spacing-2, 0.5rem);
+  }
+  .st-kb__cardInner {
+    display: flex;
+    flex-direction: column;
+    gap: var(--st-spacing-2, 0.5rem);
+    padding: var(--st-spacing-3, 0.75rem);
+  }
+  .st-kb__cardTop {
+    display: flex;
+    align-items: flex-start;
+    justify-content: space-between;
+    gap: var(--st-spacing-2, 0.5rem);
+  }
+  .st-kb__cardTitle {
+    font-weight: 600;
+    font-size: 0.875rem;
+    color: var(--st-semantic-text-primary);
+  }
+  .st-kb__cardSubtitle {
+    font-size: 0.75rem;
+    color: var(--st-semantic-text-secondary);
+  }
+  .st-kb__cardOwner {
+    display: flex;
+    align-items: center;
+    gap: var(--st-spacing-2, 0.5rem);
+  }
+  .st-kb__ownerName {
+    font-size: 0.75rem;
+    color: var(--st-semantic-text-secondary);
+  }
+</style>

package/dist/KanbanBoard.svelte.d.ts

@@ -0,0 +1,23 @@
+export type KanbanBoardTone = "neutral" | "info" | "success" | "warning" | "error";
+export interface KanbanBoardCard {
+    id: string;
+    title: string;
+    subtitle?: string;
+    owner?: string;
+    badgeLabel?: string;
+    badgeTone?: KanbanBoardTone;
+    progress?: number;
+}
+export interface KanbanBoardColumn {
+    label: string;
+    badgeTone?: KanbanBoardTone;
+    cards: KanbanBoardCard[];
+}
+export type KanbanBoardProps = {
+    columns: KanbanBoardColumn[];
+    progressLabel?: string;
+};
+declare const KanbanBoard: import("svelte").Component<KanbanBoardProps, {}, "">;
+type KanbanBoard = ReturnType<typeof KanbanBoard>;
+export default KanbanBoard;
+//# sourceMappingURL=KanbanBoard.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"KanbanBoard.svelte.d.ts","sourceRoot":"","sources":["../src/lib/KanbanBoard.svelte.ts"],"names":[],"mappings":"AAGE,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAEnF,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,KAAK,EAAE,eAAe,EAAE,CAAC;CAC1B;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AA4DJ,QAAA,MAAM,WAAW,sDAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}