@sentropic/design-system-vue 0.14.0 → 0.16.0

package/dist/MarimekkoChart.js

@@ -0,0 +1,165 @@
+import { defineComponent, h, ref } from "vue";
+import { classNames } from "./classNames.js";
+import { chartDataList } from "./chartScale.js";
+import { contrastTextForTone } from "./chartContrast.js";
+const TONES = [
+    "category1", "category2", "category3", "category4",
+    "category5", "category6", "category7", "category8",
+];
+const MARGIN = { top: 12, right: 16, bottom: 32, left: 8 };
+export const MarimekkoChart = defineComponent({
+    name: "MarimekkoChart",
+    props: {
+        data: { type: Array, default: () => [] },
+        label: { type: String, required: true },
+        width: { type: Number, default: 480 },
+        height: { type: Number, default: 300 },
+        class: { type: String, default: undefined },
+    },
+    setup(props, { attrs }) {
+        const hoveredKey = ref(null);
+        function handleLeave() {
+            hoveredKey.value = null;
+        }
+        function handlePointerMove(event) {
+            const target = event.target;
+            if (!(target instanceof Element)) {
+                hoveredKey.value = null;
+                return;
+            }
+            hoveredKey.value = target.getAttribute("data-chart-key") ?? null;
+        }
+        return () => {
+            const data = props.data ?? [];
+            const label = props.label;
+            const width = props.width ?? 480;
+            const height = props.height ?? 300;
+            const plotWidth = Math.max(width - MARGIN.left - MARGIN.right, 1);
+            const plotHeight = Math.max(height - MARGIN.top - MARGIN.bottom, 1);
+            // FIX: ignore (skip) non-finite or <=0 widths, NO Math.abs
+            let totalWidth = 0;
+            for (const d of data) {
+                const w = d.width;
+                if (Number.isFinite(w) && w > 0)
+                    totalWidth += w;
+            }
+            if (totalWidth <= 0)
+                totalWidth = 1;
+            const cells = [];
+            let xCursor = MARGIN.left;
+            for (const datum of data) {
+                const safeW = Number.isFinite(datum.width) && datum.width > 0 ? datum.width : 0;
+                // FIX: skip invalid columns
+                if (safeW <= 0)
+                    continue;
+                const colW = (safeW / totalWidth) * plotWidth;
+                const colPct = safeW / totalWidth;
+                // FIX: ignore non-finite or <=0 segments (NO Math.abs, NO 0.5px floor)
+                const validSegs = datum.segments.filter((s) => Number.isFinite(s.value) && s.value > 0);
+                const segSum = validSegs.reduce((acc, s) => acc + s.value, 0);
+                const safeSum = segSum > 0 ? segSum : 1;
+                let yCursor = MARGIN.top;
+                for (let si = 0; si < validSegs.length; si++) {
+                    const seg = validSegs[si];
+                    const pct = seg.value / safeSum;
+                    const segH = pct * plotHeight;
+                    const tone = seg.tone ?? TONES[si % TONES.length];
+                    cells.push({
+                        key: `${datum.label}-${seg.label}`,
+                        catLabel: datum.label,
+                        segLabel: seg.label,
+                        tone,
+                        x: xCursor,
+                        y: yCursor,
+                        // FIX: no floor at 0.5px for zeros (they are filtered)
+                        w: Math.max(colW - 1, 1),
+                        h: Math.max(segH, 1),
+                        cx: xCursor + colW / 2,
+                        cy: yCursor + segH / 2,
+                        pct,
+                        colPct,
+                    });
+                    yCursor += segH;
+                }
+                xCursor += colW;
+            }
+            // FIX a11y: SR includes column width share (colPct) in addition to segment %
+            const dataValueItems = cells.map((c) => `${c.catLabel}, ${c.segLabel}: ${Math.round(c.pct * 100)}% (colonne ${Math.round(c.colPct * 100)}%)`);
+            const svgChildren = [];
+            // axis
+            svgChildren.push(h("line", {
+                class: "st-marimekkoChart__axis",
+                x1: MARGIN.left, x2: width - MARGIN.right,
+                y1: height - MARGIN.bottom, y2: height - MARGIN.bottom,
+            }));
+            // cells
+            for (const cell of cells) {
+                const isDim = hoveredKey.value !== null && hoveredKey.value !== cell.key;
+                svgChildren.push(h("rect", {
+                    key: cell.key,
+                    class: classNames("st-marimekkoChart__cell", `st-marimekkoChart__cell--${cell.tone}`, isDim ? "st-marimekkoChart__cell--dim" : undefined),
+                    x: cell.x, y: cell.y, width: cell.w, height: cell.h,
+                    "data-chart-key": cell.key,
+                }));
+                if (cell.w > 28 && cell.h > 14) {
+                    svgChildren.push(h("text", {
+                        key: `lbl-${cell.key}`,
+                        class: "st-marimekkoChart__cellLabel",
+                        x: cell.cx, y: cell.cy,
+                        "text-anchor": "middle",
+                        "dominant-baseline": "middle",
+                        style: `fill:${contrastTextForTone(cell.tone)}`,
+                        "pointer-events": "none",
+                    }, `${Math.round(cell.pct * 100)}%`));
+                }
+            }
+            // category labels below axis
+            let xCursor2 = MARGIN.left;
+            for (const datum of data) {
+                const safeW = Number.isFinite(datum.width) && datum.width > 0 ? datum.width : 0;
+                if (safeW <= 0)
+                    continue;
+                const colW = (safeW / totalWidth) * plotWidth;
+                const startX = cells.find((c) => c.catLabel === datum.label)?.x ?? MARGIN.left;
+                svgChildren.push(h("text", {
+                    key: `cat-${datum.label}`,
+                    class: "st-marimekkoChart__catLabel",
+                    x: startX + colW / 2,
+                    y: height - MARGIN.bottom + 16,
+                    "text-anchor": "middle",
+                }, datum.label));
+                xCursor2 += colW;
+            }
+            const hoveredCell = hoveredKey.value !== null ? cells.find((c) => c.key === hoveredKey.value) ?? null : null;
+            const children = [
+                h("div", {
+                    class: "st-marimekkoChart__visual",
+                    role: "img",
+                    "aria-label": label,
+                    onPointermove: handlePointerMove,
+                    onPointerleave: handleLeave,
+                }, [
+                    h("svg", {
+                        viewBox: `0 0 ${width} ${height}`,
+                        preserveAspectRatio: "xMidYMid meet",
+                        width: "100%", height: "100%",
+                        focusable: "false", "aria-hidden": "true",
+                    }, svgChildren),
+                ]),
+                chartDataList(label, dataValueItems),
+            ];
+            if (hoveredCell) {
+                children.push(h("div", {
+                    class: "st-marimekkoChart__tooltip",
+                    role: "presentation",
+                    style: `left:${(hoveredCell.cx / width) * 100}%;top:${(hoveredCell.cy / height) * 100}%`,
+                }, [
+                    h("span", { class: "st-marimekkoChart__tooltipLabel" }, `${hoveredCell.catLabel} / ${hoveredCell.segLabel}`),
+                    h("span", { class: "st-marimekkoChart__tooltipValue" }, `${Math.round(hoveredCell.pct * 100)}%`),
+                ]));
+            }
+            return h("div", { ...attrs, class: classNames("st-marimekkoChart", props.class) }, children);
+        };
+    },
+});
+//# sourceMappingURL=MarimekkoChart.js.map

package/dist/MarimekkoChart.js.map

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

package/dist/ParallelCoordinatesChart.d.ts

@@ -0,0 +1,85 @@
+export type ParallelCoordinatesChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type ParallelAxis = {
+    key: string;
+    label: string;
+    min?: number;
+    max?: number;
+};
+export type ParallelCoordinatesChartProps = {
+    axes: ParallelAxis[];
+    data: Record<string, unknown>[];
+    label: string;
+    tones?: ParallelCoordinatesChartTone[];
+    width?: number;
+    height?: number;
+    class?: string;
+};
+export declare const ParallelCoordinatesChart: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    axes: {
+        type: () => ParallelAxis[];
+        default: () => never[];
+    };
+    data: {
+        type: () => Record<string, unknown>[];
+        default: () => never[];
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    tones: {
+        type: () => ParallelCoordinatesChartTone[];
+        default: undefined;
+    };
+    width: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    axes: {
+        type: () => ParallelAxis[];
+        default: () => never[];
+    };
+    data: {
+        type: () => Record<string, unknown>[];
+        default: () => never[];
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    tones: {
+        type: () => ParallelCoordinatesChartTone[];
+        default: undefined;
+    };
+    width: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+    data: Record<string, unknown>[];
+    width: number;
+    height: number;
+    axes: ParallelAxis[];
+    tones: ParallelCoordinatesChartTone[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=ParallelCoordinatesChart.d.ts.map

package/dist/ParallelCoordinatesChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParallelCoordinatesChart.d.ts","sourceRoot":"","sources":["../src/ParallelCoordinatesChart.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,4BAA4B,GACpC,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,YAAY,GAAG;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,6BAA6B,GAAG;IAC1C,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IAEd,KAAK,CAAC,EAAE,4BAA4B,EAAE,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAoDF,eAAO,MAAM,wBAAwB;;cAGV,MAAM,YAAY,EAAE;;;;cACpB,MAAM,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE;;;;;;;;cAG9B,MAAM,4BAA4B,EAAE;;;;;;;;;;;;;;;;;;;cAJrC,MAAM,YAAY,EAAE;;;;cACpB,MAAM,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE;;;;;;;;cAG9B,MAAM,4BAA4B,EAAE;;;;;;;;;;;;;;;;;;;;;;4EA2J9D,CAAC"}

package/dist/ParallelCoordinatesChart.js

@@ -0,0 +1,190 @@
+import { defineComponent, h, ref } from "vue";
+import { classNames } from "./classNames.js";
+import { chartDataList } from "./chartScale.js";
+const TONES = [
+    "category1", "category2", "category3", "category4",
+    "category5", "category6", "category7", "category8",
+];
+const MARGIN = { top: 32, right: 24, bottom: 16, left: 24 };
+function formatTick(v) {
+    if (Math.abs(v) >= 1000)
+        return `${(v / 1000).toFixed(1)}k`;
+    if (Number.isInteger(v))
+        return String(v);
+    return v.toFixed(1);
+}
+// FIX: strict parse of a row value. Returns null if not finite → GAP in path.
+function parseStrictFinite(raw) {
+    if (typeof raw === "number")
+        return Number.isFinite(raw) ? raw : null;
+    if (typeof raw === "string" && raw !== "") {
+        const n = Number(raw);
+        return Number.isFinite(n) ? n : null;
+    }
+    return null;
+}
+/**
+ * Builds an SVG path with GAP (M...L... M...) for null points.
+ */
+function buildPathWithGaps(points) {
+    const parts = [];
+    let segment = [];
+    for (const pt of points) {
+        if (pt === null) {
+            if (segment.length > 0) {
+                parts.push(segment.map((p, i) => `${i === 0 ? "M" : "L"}${p.x.toFixed(2)},${p.y.toFixed(2)}`).join(" "));
+                segment = [];
+            }
+        }
+        else {
+            segment.push(pt);
+        }
+    }
+    if (segment.length > 0) {
+        parts.push(segment.map((p, i) => `${i === 0 ? "M" : "L"}${p.x.toFixed(2)},${p.y.toFixed(2)}`).join(" "));
+    }
+    return parts.join(" ");
+}
+export const ParallelCoordinatesChart = defineComponent({
+    name: "ParallelCoordinatesChart",
+    props: {
+        axes: { type: Array, default: () => [] },
+        data: { type: Array, default: () => [] },
+        label: { type: String, required: true },
+        // FIX: plural tones
+        tones: { type: Array, default: undefined },
+        width: { type: Number, default: 480 },
+        height: { type: Number, default: 300 },
+        class: { type: String, default: undefined },
+    },
+    setup(props, { attrs }) {
+        const hoveredIndex = ref(null);
+        function handleLeave() {
+            hoveredIndex.value = null;
+        }
+        function handlePointerMove(event) {
+            const target = event.target;
+            if (!(target instanceof Element)) {
+                hoveredIndex.value = null;
+                return;
+            }
+            const idx = Number(target.getAttribute("data-chart-index"));
+            hoveredIndex.value = Number.isInteger(idx) ? idx : null;
+        }
+        return () => {
+            const axes = props.axes ?? [];
+            const data = props.data ?? [];
+            const label = props.label;
+            const tonesArr = props.tones ?? [];
+            const width = props.width ?? 480;
+            const height = props.height ?? 300;
+            const plotWidth = Math.max(width - MARGIN.left - MARGIN.right, 1);
+            const plotHeight = Math.max(height - MARGIN.top - MARGIN.bottom, 1);
+            // FIX: per-axis domains with strict parse
+            function axisDomain(axis) {
+                const vals = data
+                    .map((d) => {
+                    const raw = d[axis.key];
+                    if (typeof raw === "number")
+                        return Number.isFinite(raw) ? raw : null;
+                    if (typeof raw === "string" && raw !== "") {
+                        const n = Number(raw);
+                        return Number.isFinite(n) ? n : null;
+                    }
+                    return null;
+                })
+                    .filter((v) => v !== null);
+                const rawMin = vals.length > 0 ? Math.min(...vals) : 0;
+                const rawMax = vals.length > 0 ? Math.max(...vals) : 1;
+                const safeMax = rawMax === rawMin ? rawMin + 1 : rawMax;
+                return {
+                    min: Number.isFinite(axis.min) ? axis.min : rawMin,
+                    max: Number.isFinite(axis.max) ? axis.max : safeMax,
+                };
+            }
+            const axisX = axes.map((_, i) => MARGIN.left +
+                (axes.length <= 1 ? plotWidth / 2 : (i / (axes.length - 1)) * plotWidth));
+            const lines = data.map((row, ri) => {
+                const rowTone = tonesArr[ri] ?? TONES[ri % TONES.length];
+                const points = axes.map((axis, ai) => {
+                    const domain = axisDomain(axis);
+                    // FIX: strict parse → null if invalid
+                    const val = parseStrictFinite(row[axis.key]);
+                    if (val === null)
+                        return null; // GAP
+                    // FIX: clamp to domain bounds
+                    const clamped = Math.min(Math.max(val, domain.min), domain.max);
+                    const t = domain.max === domain.min
+                        ? 0.5
+                        : (clamped - domain.min) / (domain.max - domain.min);
+                    return { x: axisX[ai], y: MARGIN.top + (1 - t) * plotHeight };
+                });
+                return { points, tone: rowTone, index: ri, row, path: buildPathWithGaps(points) };
+            });
+            const dataValueItems = data.map((row) => axes.map((axis) => `${axis.label}: ${row[axis.key] ?? ""}`).join(", "));
+            const svgChildren = [];
+            // polylines
+            for (const line of lines) {
+                const isDim = hoveredIndex.value !== null && hoveredIndex.value !== line.index;
+                const isActive = hoveredIndex.value === line.index;
+                svgChildren.push(h("path", {
+                    key: `line${line.index}`,
+                    class: classNames("st-parallelCoordinatesChart__line", `st-parallelCoordinatesChart__line--${line.tone}`, isDim ? "st-parallelCoordinatesChart__line--dim" : undefined, isActive ? "st-parallelCoordinatesChart__line--active" : undefined),
+                    d: line.path,
+                    fill: "none",
+                    "data-chart-index": line.index,
+                }));
+            }
+            // axes and labels
+            for (let ai = 0; ai < axes.length; ai++) {
+                const axis = axes[ai];
+                const domain = axisDomain(axis);
+                const ax = axisX[ai];
+                svgChildren.push(h("line", {
+                    key: `ax${axis.key}`,
+                    class: "st-parallelCoordinatesChart__axis",
+                    x1: ax, x2: ax,
+                    y1: MARGIN.top, y2: MARGIN.top + plotHeight,
+                }));
+                svgChildren.push(h("text", {
+                    key: `lbl${axis.key}`,
+                    class: "st-parallelCoordinatesChart__axisLabel",
+                    x: ax, y: MARGIN.top - 10,
+                    "text-anchor": "middle",
+                }, axis.label));
+                // min/max ticks
+                svgChildren.push(h("text", {
+                    key: `tmin${axis.key}`,
+                    class: "st-parallelCoordinatesChart__tickLabel",
+                    x: ax + 4, y: MARGIN.top + plotHeight,
+                    "dominant-baseline": "auto",
+                }, formatTick(domain.min)));
+                svgChildren.push(h("text", {
+                    key: `tmax${axis.key}`,
+                    class: "st-parallelCoordinatesChart__tickLabel",
+                    x: ax + 4, y: MARGIN.top,
+                    "dominant-baseline": "hanging",
+                }, formatTick(domain.max)));
+            }
+            const children = [
+                h("div", {
+                    class: "st-parallelCoordinatesChart__visual",
+                    role: "img",
+                    "aria-label": label,
+                    onPointermove: handlePointerMove,
+                    onPointerleave: handleLeave,
+                }, [
+                    h("svg", {
+                        viewBox: `0 0 ${width} ${height}`,
+                        preserveAspectRatio: "xMidYMid meet",
+                        width: "100%", height: "100%",
+                        focusable: "false", "aria-hidden": "true",
+                    }, svgChildren),
+                ]),
+                chartDataList(label, dataValueItems),
+            ];
+            return h("div", { ...attrs, class: classNames("st-parallelCoordinatesChart", props.class) }, children);
+        };
+    },
+});
+//# sourceMappingURL=ParallelCoordinatesChart.js.map

package/dist/ParallelCoordinatesChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParallelCoordinatesChart.js","sourceRoot":"","sources":["../src/ParallelCoordinatesChart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AA8BhD,MAAM,KAAK,GAAmC;IAC5C,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW;IAClD,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW;CACnD,CAAC;AAEF,MAAM,MAAM,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;AAE5D,SAAS,UAAU,CAAC,CAAS;IAC3B,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,IAAI;QAAE,OAAO,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;IAC5D,IAAI,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC;QAAE,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC;IAC1C,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;AACtB,CAAC;AAED,8EAA8E;AAC9E,SAAS,iBAAiB,CAAC,GAAY;IACrC,IAAI,OAAO,GAAG,KAAK,QAAQ;QAAE,OAAO,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;IACtE,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,EAAE,EAAE,CAAC;QAC1C,MAAM,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QACtB,OAAO,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACvC,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED;;GAEG;AACH,SAAS,iBAAiB,CAAC,MAA2C;IACpE,MAAM,KAAK,GAAa,EAAE,CAAC;IAC3B,IAAI,OAAO,GAA+B,EAAE,CAAC;IAE7C,KAAK,MAAM,EAAE,IAAI,MAAM,EAAE,CAAC;QACxB,IAAI,EAAE,KAAK,IAAI,EAAE,CAAC;YAChB,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACvB,KAAK,CAAC,IAAI,CACR,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAC7F,CAAC;gBACF,OAAO,GAAG,EAAE,CAAC;YACf,CAAC;QACH,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACnB,CAAC;IACH,CAAC;IACD,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACvB,KAAK,CAAC,IAAI,CACR,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAC7F,CAAC;IACJ,CAAC;IACD,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACzB,CAAC;AAED,MAAM,CAAC,MAAM,wBAAwB,GAAG,eAAe,CAAC;IACtD,IAAI,EAAE,0BAA0B;IAChC,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,IAAI,EAAE,KAA6B,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE;QAChE,IAAI,EAAE,EAAE,IAAI,EAAE,KAAwC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE;QAC3E,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE;QACvC,oBAAoB;QACpB,KAAK,EAAE,EAAE,IAAI,EAAE,KAA6C,EAAE,OAAO,EAAE,SAAS,EAAE;QAClF,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE;QACrC,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE;QACtC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE;QACpB,MAAM,YAAY,GAAG,GAAG,CAAgB,IAAI,CAAC,CAAC;QAE9C,SAAS,WAAW;YAClB,YAAY,CAAC,KAAK,GAAG,IAAI,CAAC;QAC5B,CAAC;QAED,SAAS,iBAAiB,CAAC,KAAmB;YAC5C,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;YAC5B,IAAI,CAAC,CAAC,MAAM,YAAY,OAAO,CAAC,EAAE,CAAC;gBAAC,YAAY,CAAC,KAAK,GAAG,IAAI,CAAC;gBAAC,OAAO;YAAC,CAAC;YACxE,MAAM,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC,CAAC;YAC5D,YAAY,CAAC,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;QAC1D,CAAC;QAED,OAAO,GAAG,EAAE;YACV,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC;YAC9B,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC;YAC9B,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;YAC1B,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;YACnC,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,GAAG,CAAC;YACjC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,IAAI,GAAG,CAAC;YAEnC,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;YAClE,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;YAEpE,0CAA0C;YAC1C,SAAS,UAAU,CAAC,IAAkB;gBACpC,MAAM,IAAI,GAAG,IAAI;qBACd,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;oBACT,MAAM,GAAG,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;oBACxB,IAAI,OAAO,GAAG,KAAK,QAAQ;wBAAE,OAAO,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;oBACtE,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,EAAE,EAAE,CAAC;wBAC1C,MAAM,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;wBACtB,OAAO,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;oBACvC,CAAC;oBACD,OAAO,IAAI,CAAC;gBACd,CAAC,CAAC;qBACD,MAAM,CAAC,CAAC,CAAC,EAAe,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC;gBAE1C,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBACvD,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBACvD,MAAM,OAAO,GAAG,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;gBAExD,OAAO;oBACL,GAAG,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAE,IAAI,CAAC,GAAc,CAAC,CAAC,CAAC,MAAM;oBAC9D,GAAG,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAE,IAAI,CAAC,GAAc,CAAC,CAAC,CAAC,OAAO;iBAChE,CAAC;YACJ,CAAC;YAED,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CACpB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CACP,MAAM,CAAC,IAAI;gBACX,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,CAC3E,CAAC;YAEF,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,EAAE,EAAE;gBACjC,MAAM,OAAO,GAAG,QAAQ,CAAC,EAAE,CAAC,IAAI,KAAK,CAAC,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;gBACzD,MAAM,MAAM,GAAwC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,EAAE,EAAE;oBACxE,MAAM,MAAM,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;oBAChC,sCAAsC;oBACtC,MAAM,GAAG,GAAG,iBAAiB,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;oBAC7C,IAAI,GAAG,KAAK,IAAI;wBAAE,OAAO,IAAI,CAAC,CAAC,MAAM;oBACrC,8BAA8B;oBAC9B,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC;oBAChE,MAAM,CAAC,GACL,MAAM,CAAC,GAAG,KAAK,MAAM,CAAC,GAAG;wBACvB,CAAC,CAAC,GAAG;wBACL,CAAC,CAAC,CAAC,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;oBACzD,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,UAAU,EAAE,CAAC;gBAChE,CAAC,CAAC,CAAC;gBACH,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,iBAAiB,CAAC,MAAM,CAAC,EAAE,CAAC;YACpF,CAAC,CAAC,CAAC;YAEH,MAAM,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CACtC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,KAAK,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CACvE,CAAC;YAEF,MAAM,WAAW,GAA2B,EAAE,CAAC;YAE/C,YAAY;YACZ,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;gBACzB,MAAM,KAAK,GAAG,YAAY,CAAC,KAAK,KAAK,IAAI,IAAI,YAAY,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC;gBAC/E,MAAM,QAAQ,GAAG,YAAY,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC;gBACnD,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE;oBACzB,GAAG,EAAE,OAAO,IAAI,CAAC,KAAK,EAAE;oBACxB,KAAK,EAAE,UAAU,CACf,mCAAmC,EACnC,sCAAsC,IAAI,CAAC,IAAI,EAAE,EACjD,KAAK,CAAC,CAAC,CAAC,wCAAwC,CAAC,CAAC,CAAC,SAAS,EAC5D,QAAQ,CAAC,CAAC,CAAC,2CAA2C,CAAC,CAAC,CAAC,SAAS,CACnE;oBACD,CAAC,EAAE,IAAI,CAAC,IAAI;oBACZ,IAAI,EAAE,MAAM;oBACZ,kBAAkB,EAAE,IAAI,CAAC,KAAK;iBAC/B,CAAC,CAAC,CAAC;YACN,CAAC;YAED,kBAAkB;YAClB,KAAK,IAAI,EAAE,GAAG,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC;gBACxC,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;gBACtB,MAAM,MAAM,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;gBAChC,MAAM,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC;gBACrB,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE;oBACzB,GAAG,EAAE,KAAK,IAAI,CAAC,GAAG,EAAE;oBACpB,KAAK,EAAE,mCAAmC;oBAC1C,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;oBACd,EAAE,EAAE,MAAM,CAAC,GAAG,EAAE,EAAE,EAAE,MAAM,CAAC,GAAG,GAAG,UAAU;iBAC5C,CAAC,CAAC,CAAC;gBACJ,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE;oBACzB,GAAG,EAAE,MAAM,IAAI,CAAC,GAAG,EAAE;oBACrB,KAAK,EAAE,wCAAwC;oBAC/C,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,MAAM,CAAC,GAAG,GAAG,EAAE;oBACzB,aAAa,EAAE,QAAQ;iBACxB,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;gBAChB,gBAAgB;gBAChB,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE;oBACzB,GAAG,EAAE,OAAO,IAAI,CAAC,GAAG,EAAE;oBACtB,KAAK,EAAE,wCAAwC;oBAC/C,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,GAAG,GAAG,UAAU;oBACrC,mBAAmB,EAAE,MAAM;iBAC5B,EAAE,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;gBAC5B,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE;oBACzB,GAAG,EAAE,OAAO,IAAI,CAAC,GAAG,EAAE;oBACtB,KAAK,EAAE,wCAAwC;oBAC/C,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,GAAG;oBACxB,mBAAmB,EAAE,SAAS;iBAC/B,EAAE,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;YAC9B,CAAC;YAED,MAAM,QAAQ,GAAoC;gBAChD,CAAC,CAAC,KAAK,EAAE;oBACP,KAAK,EAAE,qCAAqC;oBAC5C,IAAI,EAAE,KAAK;oBACX,YAAY,EAAE,KAAK;oBACnB,aAAa,EAAE,iBAAiB;oBAChC,cAAc,EAAE,WAAW;iBAC5B,EAAE;oBACD,CAAC,CAAC,KAAK,EAAE;wBACP,OAAO,EAAE,OAAO,KAAK,IAAI,MAAM,EAAE;wBACjC,mBAAmB,EAAE,eAAe;wBACpC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;wBAC7B,SAAS,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM;qBAC1C,EAAE,WAAW,CAAC;iBAChB,CAAC;gBACF,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC;aACrC,CAAC;YAEF,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,UAAU,CAAC,6BAA6B,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;QACzG,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/dist/SelectionChip.d.ts

@@ -0,0 +1,73 @@
+import type { PropType } from "vue";
+export type SelectionChipTone = "neutral" | "success" | "warning" | "error" | "info";
+export type SelectionChipProps = {
+    /** Libellé de la dimension sélectionnée. */
+    label: string;
+    /** Nombre d'éléments sélectionnés — affiché "(N)" si fourni et Number.isFinite. */
+    count?: number;
+    tone?: SelectionChipTone;
+    /** Callback effacement — affiche le bouton ✕ si fourni. */
+    onClear?: () => void;
+    disabled?: boolean;
+    class?: string;
+};
+export declare const SelectionChip: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    count: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    tone: {
+        type: () => SelectionChipTone;
+        default: string;
+    };
+    onClear: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    count: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    tone: {
+        type: () => SelectionChipTone;
+        default: string;
+    };
+    onClear: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+    disabled: boolean;
+    tone: SelectionChipTone;
+    onClear: () => void;
+    count: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=SelectionChip.d.ts.map

package/dist/SelectionChip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionChip.d.ts","sourceRoot":"","sources":["../src/SelectionChip.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAErF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,mFAAmF;IACnF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAuBF,eAAO,MAAM,aAAa;;;;;;;;;;cAKE,MAAM,iBAAiB;;;;cAClB,QAAQ,CAAC,MAAM,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;cADzB,MAAM,iBAAiB;;;;cAClB,QAAQ,CAAC,MAAM,IAAI,CAAC;;;;;;;;;;;;;;;mBAAL,IAAI;;4EAoDlD,CAAC"}

package/dist/SelectionChip.js

@@ -0,0 +1,60 @@
+import { defineComponent, h } from "vue";
+import { classNames } from "./classNames.js";
+function XIcon(size) {
+    return h("svg", {
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        "stroke-width": "2.5",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        "aria-hidden": "true",
+    }, [
+        h("line", { x1: 18, y1: 6, x2: 6, y2: 18 }),
+        h("line", { x1: 6, y1: 6, x2: 18, y2: 18 }),
+    ]);
+}
+export const SelectionChip = defineComponent({
+    name: "SelectionChip",
+    props: {
+        label: { type: String, required: true },
+        count: { type: Number, default: undefined },
+        tone: { type: String, default: "neutral" },
+        onClear: { type: Function, default: undefined },
+        disabled: { type: Boolean, default: false },
+        class: { type: String, default: undefined },
+    },
+    setup(props) {
+        return () => {
+            const { label, count, tone, onClear, disabled } = props;
+            const showCount = count !== undefined && Number.isFinite(count);
+            function handleClear(e) {
+                e.stopPropagation();
+                if (disabled)
+                    return;
+                onClear?.();
+            }
+            return h("span", {
+                class: classNames("st-selectionChip", `st-selectionChip--${tone}`, disabled ? "st-selectionChip--disabled" : undefined, props.class),
+                "aria-disabled": disabled ? "true" : undefined,
+            }, [
+                h("span", { class: "st-selectionChip__label" }, label),
+                showCount
+                    ? h("span", { class: "st-selectionChip__count", "aria-label": `(${count})` }, `(${count})`)
+                    : null,
+                onClear
+                    ? h("button", {
+                        type: "button",
+                        class: "st-selectionChip__clear",
+                        "aria-label": `Effacer ${label}`,
+                        disabled: disabled,
+                        onClick: handleClear,
+                    }, [XIcon(11)])
+                    : null,
+            ].filter(Boolean));
+        };
+    },
+});
+//# sourceMappingURL=SelectionChip.js.map

package/dist/SelectionChip.js.map

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

package/dist/index.d.ts

@@ -247,4 +247,22 @@ export { SelectableRow, SELECTABLE_LIST_KEY } from "./SelectableRow.js";
 export type { SelectableRowProps, SelectableListContext, } from "./SelectableRow.js";
 export { SelectableList } from "./SelectableList.js";
 export type { SelectableListProps } from "./SelectableList.js";
+export { BulletChart } from "./BulletChart.js";
+export type { BulletChartProps, BulletChartDatum } from "./BulletChart.js";
+export { MarimekkoChart } from "./MarimekkoChart.js";
+export type { MarimekkoChartProps, MarimekkoChartDatum, MarimekkoChartSegment, MarimekkoChartTone, } from "./MarimekkoChart.js";
+export { CandlestickChart } from "./CandlestickChart.js";
+export type { CandlestickChartProps, CandlestickChartDatum } from "./CandlestickChart.js";
+export { CalendarHeatmapChart } from "./CalendarHeatmapChart.js";
+export type { CalendarHeatmapChartProps, CalendarHeatmapChartDatum } from "./CalendarHeatmapChart.js";
+export { ParallelCoordinatesChart } from "./ParallelCoordinatesChart.js";
+export type { ParallelCoordinatesChartProps, ParallelCoordinatesChartTone, ParallelAxis, } from "./ParallelCoordinatesChart.js";
+export { BumpChart } from "./BumpChart.js";
+export type { BumpChartProps, BumpChartSeries, BumpChartTone, } from "./BumpChart.js";
+export { FilterPill } from "./FilterPill.js";
+export type { FilterPillProps, FilterPillTone } from "./FilterPill.js";
+export { FilterBar } from "./FilterBar.js";
+export type { FilterBarProps } from "./FilterBar.js";
+export { SelectionChip } from "./SelectionChip.js";
+export type { SelectionChipProps, SelectionChipTone } from "./SelectionChip.js";
 //# sourceMappingURL=index.d.ts.map