@sentropic/design-system-react 0.2.0 → 0.4.0

package/dist/Sparkline.js

@@ -1,2 +1,33 @@
-export { Sparkline } from "./catalog.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { classNames } from "./classNames.js";
+const PADDING = 2;
+export function Sparkline({ data, width = 120, height = 28, tone = "neutral", strokeWidth = 1.5, area = false, label, className, ...rest }) {
+    const geometry = (() => {
+        if (!data || data.length === 0) {
+            return { line: "", area: "" };
+        }
+        const min = Math.min(...data);
+        const max = Math.max(...data);
+        const span = max - min || 1;
+        const innerWidth = Math.max(width - PADDING * 2, 1);
+        const innerHeight = Math.max(height - PADDING * 2, 1);
+        const step = data.length > 1 ? innerWidth / (data.length - 1) : 0;
+        const points = data.map((value, index) => {
+            const x = PADDING + step * index;
+            const normalised = (value - min) / span;
+            const y = PADDING + (1 - normalised) * innerHeight;
+            return { x, y };
+        });
+        const line = points
+            .map((p, i) => `${i === 0 ? "M" : "L"}${p.x.toFixed(2)},${p.y.toFixed(2)}`)
+            .join(" ");
+        const baseline = height - PADDING;
+        const first = points[0];
+        const last = points[points.length - 1];
+        const areaPath = `${line} L${last.x.toFixed(2)},${baseline.toFixed(2)} L${first.x.toFixed(2)},${baseline.toFixed(2)} Z`;
+        return { line, area: areaPath };
+    })();
+    return (_jsx("span", { ...rest, className: classNames("st-sparkline", `st-sparkline--${tone}`, className), role: "img", "aria-label": label, children: _jsxs("svg", { width: width, height: height, viewBox: `0 0 ${width} ${height}`, preserveAspectRatio: "none", "aria-hidden": label ? "true" : undefined, focusable: "false", children: [area && geometry.area ? _jsx("path", { d: geometry.area, className: "st-sparkline__area" }) : null, geometry.line ? (_jsx("path", { d: geometry.line, className: "st-sparkline__line", fill: "none", strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })) : null] }) }));
+}
 //# sourceMappingURL=Sparkline.js.map

package/dist/Sparkline.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sparkline.js","sourceRoot":"","sources":["../src/Sparkline.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"Sparkline.js","sourceRoot":"","sources":["../src/Sparkline.tsx"],"names":[],"mappings":"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"}

package/dist/StackedBarChart.d.ts

@@ -1,3 +1,21 @@
-export { StackedBarChart } from "./catalog.js";
-export type { StackedBarChartProps, StackedBarDatum, StackedBarSegment, StackedBarTone } from "./catalog.js";
+import React from "react";
+export type StackedBarTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type StackedBarSegment = {
+    label: string;
+    value: number;
+    tone?: StackedBarTone;
+};
+export type StackedBarDatum = {
+    label: string;
+    segments: StackedBarSegment[];
+};
+export type StackedBarChartProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
+    data: StackedBarDatum[];
+    width?: number;
+    height?: number;
+    label: string;
+    showLegend?: boolean;
+    className?: string;
+};
+export declare function StackedBarChart({ data, width, height, label, showLegend, className, ...rest }: StackedBarChartProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=StackedBarChart.d.ts.map

package/dist/StackedBarChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StackedBarChart.d.ts","sourceRoot":"","sources":["../src/StackedBarChart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,YAAY,EAAE,oBAAoB,EAAE,eAAe,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"StackedBarChart.d.ts","sourceRoot":"","sources":["../src/StackedBarChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,cAAc,GACtB,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,iBAAiB,EAAE,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,GAAG;IAC3F,IAAI,EAAE,eAAe,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AA4BF,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,KAAW,EACX,MAAY,EACZ,KAAK,EACL,UAAiB,EACjB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,oBAAoB,2CAkKtB"}

package/dist/StackedBarChart.js

@@ -1,2 +1,79 @@
-export { StackedBarChart } from "./catalog.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { classNames } from "./classNames.js";
+import { ChartDataList, formatTick, niceTicks, scaleLinear } from "./chartScale.js";
+const MARGIN = { top: 14, right: 16, bottom: 34, left: 44 };
+const TONES = [
+    "category1",
+    "category2",
+    "category3",
+    "category4",
+    "category5",
+    "category6",
+    "category7",
+    "category8",
+];
+export function StackedBarChart({ data, width = 480, height = 260, label, showLegend = true, className, ...rest }) {
+    const [hovered, setHovered] = React.useState(null);
+    // Légende : tones par label de série (ordre de la 1re barre).
+    const legend = (() => {
+        const seen = new Map();
+        data.forEach((bar) => bar.segments.forEach((seg, i) => {
+            if (!seen.has(seg.label))
+                seen.set(seg.label, seg.tone ?? TONES[i % TONES.length]);
+        }));
+        return [...seen.entries()].map(([seriesLabel, tone]) => ({ seriesLabel, tone }));
+    })();
+    const totals = data.map((b) => b.segments.reduce((s, x) => s + Math.max(x.value, 0), 0));
+    const ticks = niceTicks(0, Math.max(0, ...totals));
+    const domainMax = ticks[ticks.length - 1];
+    const plotW = Math.max(width - MARGIN.left - MARGIN.right, 1);
+    const plotH = Math.max(height - MARGIN.top - MARGIN.bottom, 1);
+    const bars = (() => {
+        if (data.length === 0)
+            return [];
+        const band = plotW / data.length;
+        const barWidth = band * 0.6;
+        return data.map((bar, bi) => {
+            const x = MARGIN.left + band * bi + (band - barWidth) / 2;
+            let acc = 0;
+            const segs = bar.segments.map((seg, si) => {
+                const v = Math.max(seg.value, 0);
+                const yTop = MARGIN.top + scaleLinear(acc + v, 0, domainMax, plotH, 0);
+                const yBottom = MARGIN.top + scaleLinear(acc, 0, domainMax, plotH, 0);
+                acc += v;
+                return {
+                    x,
+                    y: yTop,
+                    width: barWidth,
+                    height: Math.max(yBottom - yTop, 0),
+                    seg,
+                    tone: seg.tone ?? TONES[si % TONES.length],
+                    cx: x + barWidth / 2,
+                    cy: yTop + (yBottom - yTop) / 2,
+                };
+            });
+            return { x, band, label: bar.label, segs, cxLabel: MARGIN.left + band * (bi + 0.5) };
+        });
+    })();
+    const dataValueItems = data.flatMap((bar) => bar.segments.map((seg) => `${bar.label}, ${seg.label}: ${seg.value}`));
+    function handleLeave() {
+        setHovered(null);
+    }
+    function handleVisualPointerMove(event) {
+        const target = event.target;
+        if (!(target instanceof Element)) {
+            setHovered(null);
+            return;
+        }
+        const bar = Number(target.getAttribute("data-bar-index"));
+        const seg = Number(target.getAttribute("data-segment-index"));
+        setHovered(Number.isInteger(bar) && Number.isInteger(seg) ? { bar, seg } : null);
+    }
+    const hoveredSeg = hovered && bars[hovered.bar]?.segs[hovered.seg];
+    return (_jsxs("div", { ...rest, className: classNames("st-stackedBar", className), children: [_jsx("div", { className: "st-stackedBar__visual", role: "img", "aria-label": label, onPointerMove: handleVisualPointerMove, onPointerLeave: handleLeave, children: _jsxs("svg", { viewBox: `0 0 ${width} ${height}`, preserveAspectRatio: "xMidYMid meet", width: "100%", height: "100%", focusable: "false", "aria-hidden": "true", children: [ticks.map((t) => {
+                            const y = MARGIN.top + scaleLinear(t, 0, domainMax, plotH, 0);
+                            return (_jsxs(React.Fragment, { children: [_jsx("line", { className: "st-stackedBar__grid", x1: MARGIN.left, x2: width - MARGIN.right, y1: y, y2: y }), _jsx("text", { className: "st-stackedBar__tick", x: MARGIN.left - 6, y: y, textAnchor: "end", dominantBaseline: "middle", children: formatTick(t) })] }, t));
+                        }), _jsx("line", { className: "st-stackedBar__axis", x1: MARGIN.left, x2: MARGIN.left, y1: MARGIN.top, y2: height - MARGIN.bottom }), _jsx("line", { className: "st-stackedBar__axis", x1: MARGIN.left, x2: width - MARGIN.right, y1: height - MARGIN.bottom, y2: height - MARGIN.bottom }), bars.map((bar, bi) => (_jsxs(React.Fragment, { children: [_jsx("text", { className: "st-stackedBar__categoryLabel", x: bar.cxLabel, y: height - MARGIN.bottom + 16, textAnchor: "middle", children: bar.label }), bar.segs.map((s, si) => (_jsx("rect", { className: classNames("st-stackedBar__seg", `st-stackedBar__seg--${s.tone}`, hovered !== null && !(hovered.bar === bi && hovered.seg === si) && "st-stackedBar__seg--dim"), x: s.x, y: s.y, width: s.width, height: s.height, "data-bar-index": bi, "data-segment-index": si }, s.seg.label)))] }, bar.label)))] }) }), _jsx(ChartDataList, { label: label, items: dataValueItems }), hoveredSeg ? (_jsxs("div", { className: "st-stackedBar__tooltip", role: "presentation", style: { left: `${(hoveredSeg.cx / width) * 100}%`, top: `${(hoveredSeg.cy / height) * 100}%` }, children: [_jsx("span", { className: "st-stackedBar__tooltipLabel", children: hoveredSeg.seg.label }), _jsx("span", { className: "st-stackedBar__tooltipValue", children: hoveredSeg.seg.value })] })) : null, showLegend && legend.length > 0 ? (_jsx("ul", { className: "st-stackedBar__legend", children: legend.map((item) => (_jsxs("li", { className: "st-stackedBar__legendItem", children: [_jsx("span", { className: classNames("st-stackedBar__legendSwatch", `st-stackedBar__legendSwatch--${item.tone}`), "aria-hidden": "true" }), item.seriesLabel] }, item.seriesLabel))) })) : null] }));
+}
 //# sourceMappingURL=StackedBarChart.js.map

package/dist/StackedBarChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackedBarChart.js","sourceRoot":"","sources":["../src/StackedBarChart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"StackedBarChart.js","sourceRoot":"","sources":["../src/StackedBarChart.tsx"],"names":[],"mappings":"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"}

package/dist/TableOfContents.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+export interface TableOfContentsItem {
+    id: string;
+    label: string;
+    level?: number;
+}
+export type TableOfContentsProps = Omit<React.HTMLAttributes<HTMLElement>, "className" | "items"> & {
+    title?: string;
+    items: TableOfContentsItem[];
+    activeId?: string;
+    className?: string;
+};
+export declare const TableOfContents: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement>, "className" | "items"> & {
+    title?: string;
+    items: TableOfContentsItem[];
+    activeId?: string;
+    className?: string;
+} & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=TableOfContents.d.ts.map

package/dist/TableOfContents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableOfContents.d.ts","sourceRoot":"","sources":["../src/TableOfContents.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,GAAG;IAClG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAIF,eAAO,MAAM,eAAe;YARlB,MAAM;WACP,mBAAmB,EAAE;eACjB,MAAM;gBACL,MAAM;qCA6CnB,CAAC"}

package/dist/TableOfContents.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { classNames } from "./classNames.js";
+const normalizeItemId = (value) => value.replace(/^#/, "");
+export const TableOfContents = React.forwardRef(({ title, items, activeId = "", className, ...rest }, ref) => {
+    const normalizedActive = normalizeItemId(activeId);
+    const normalizedItems = items.map((item) => ({
+        ...item,
+        id: normalizeItemId(item.id),
+        level: Math.max(item.level ?? 1, 1),
+    }));
+    return (_jsxs("nav", { ...rest, ref: ref, className: classNames("st-tableOfContents", className), "aria-label": title ?? "Table des matières", children: [title ? _jsx("p", { className: "st-tableOfContents__title", children: title }) : null, _jsx("ol", { className: "st-tableOfContents__list", children: normalizedItems.map((item) => {
+                    const isActive = item.id === normalizedActive;
+                    return (_jsx("li", { className: "st-tableOfContents__item", style: { "--st-tableOfContents-level": item.level - 1 }, children: _jsx("a", { className: "st-tableOfContents__link", href: `#${item.id}`, "aria-current": isActive ? "location" : undefined, children: item.label }) }, item.id));
+                }) })] }));
+});
+TableOfContents.displayName = "TableOfContents";
+//# sourceMappingURL=TableOfContents.js.map

package/dist/TableOfContents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableOfContents.js","sourceRoot":"","sources":["../src/TableOfContents.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAe7C,MAAM,eAAe,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AAEnE,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAC7C,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,GAAG,EAAE,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IAC3D,MAAM,gBAAgB,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;IACnD,MAAM,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QAC3C,GAAG,IAAI;QACP,EAAE,EAAE,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC;QAC5B,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC;KACpC,CAAC,CAAC,CAAC;IAEJ,OAAO,CACL,kBACM,IAAI,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CAAC,oBAAoB,EAAE,SAAS,CAAC,gBAC1C,KAAK,IAAI,oBAAoB,aAExC,KAAK,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,2BAA2B,YAAE,KAAK,GAAK,CAAC,CAAC,CAAC,IAAI,EACpE,aAAI,SAAS,EAAC,0BAA0B,YACrC,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;oBAC5B,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,KAAK,gBAAgB,CAAC;oBAC9C,OAAO,CACL,aAEE,SAAS,EAAC,0BAA0B,EACpC,KAAK,EAAE,EAAE,4BAA4B,EAAE,IAAI,CAAC,KAAK,GAAG,CAAC,EAAyB,YAE9E,YACE,SAAS,EAAC,0BAA0B,EACpC,IAAI,EAAE,IAAI,IAAI,CAAC,EAAE,EAAE,kBACL,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,YAE9C,IAAI,CAAC,KAAK,GACT,IAVC,IAAI,CAAC,EAAE,CAWT,CACN,CAAC;gBACJ,CAAC,CAAC,GACC,IACD,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC"}

package/dist/Transcription.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+export type TranscriptionSegment = {
+    speaker?: string;
+    startTime?: string;
+    endTime?: string;
+    text: string;
+};
+export type TranscriptionProps = Omit<React.HTMLAttributes<HTMLElement>, "className"> & {
+    title?: string;
+    segments?: TranscriptionSegment[];
+    text?: string;
+    className?: string;
+    open?: boolean;
+    showTimestamps?: boolean;
+};
+export declare const Transcription: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement>, "className"> & {
+    title?: string;
+    segments?: TranscriptionSegment[];
+    text?: string;
+    className?: string;
+    open?: boolean;
+    showTimestamps?: boolean;
+} & React.RefAttributes<HTMLDetailsElement>>;
+//# sourceMappingURL=Transcription.d.ts.map

package/dist/Transcription.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Transcription.d.ts","sourceRoot":"","sources":["../src/Transcription.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,oBAAoB,GAAG;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC,GAAG;IACtF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,aAAa;YARhB,MAAM;eACH,oBAAoB,EAAE;WAC1B,MAAM;gBACD,MAAM;WACX,OAAO;qBACG,OAAO;4CAgEzB,CAAC"}

package/dist/Transcription.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { classNames } from "./classNames.js";
+export const Transcription = React.forwardRef(({ title = "Transcription", segments, text, open = false, showTimestamps = true, className, ...rest }, ref) => {
+    const resolvedSegments = (segments ?? []).filter((segment) => Boolean(segment.text?.trim()));
+    const hasSegments = resolvedSegments.length > 0;
+    const hasText = Boolean(text && text.trim().length);
+    const formatInterval = (segment) => {
+        if (!showTimestamps || (!segment.startTime && !segment.endTime))
+            return "";
+        if (!segment.startTime)
+            return segment.endTime ? `- ${segment.endTime}` : "";
+        if (!segment.endTime)
+            return `${segment.startTime} -`;
+        return `${segment.startTime} - ${segment.endTime}`;
+    };
+    return (_jsxs("details", { ...rest, ref: ref, open: open, className: classNames("st-transcription", className), children: [_jsx("summary", { children: title }), _jsx("div", { className: "st-transcription__content", children: hasSegments ? (_jsx("ol", { className: "st-transcription__list", children: resolvedSegments.map((segment, index) => {
+                        const interval = formatInterval(segment);
+                        return (_jsxs("li", { className: "st-transcription__item", children: [_jsxs("p", { className: "st-transcription__meta", children: [segment.speaker ? (_jsx("span", { className: "st-transcription__speaker", children: segment.speaker })) : null, segment.speaker && interval ? _jsx("span", { "aria-hidden": "true", children: "\u00A0\u2022\u00A0" }) : null, interval ? (_jsxs("time", { children: [_jsxs("span", { className: "st-transcription__sr-only", children: ["Horodatage ", interval] }), _jsx("span", { "aria-hidden": "true", children: interval })] })) : null] }), _jsx("p", { className: "st-transcription__text", children: segment.text })] }, index));
+                    }) })) : hasText ? (_jsx("p", { className: "st-transcription__text", children: text })) : (_jsx("p", { className: "st-transcription__text", children: "Aucun contenu de transcription fourni." })) })] }));
+});
+Transcription.displayName = "Transcription";
+//# sourceMappingURL=Transcription.js.map

package/dist/Transcription.js.map

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

package/dist/catalog.d.ts

@@ -4,9 +4,11 @@ export type Tone = "neutral" | "info" | "success" | "warning" | "error";
 export type DataTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
 type ActionItem = {
     id?: string;
+    value?: string;
     label: React.ReactNode;
     disabled?: boolean;
     variant?: "default" | "danger";
+    danger?: boolean;
     onClick?: () => void;
 };
 type OptionItem = {
@@ -25,9 +27,13 @@ export type AccordionProps = React.HTMLAttributes<HTMLDivElement> & {
     openIds?: string[];
     defaultOpenIds?: string[];
     allowMultiple?: boolean;
+    /** Svelte-canonical alias for `defaultOpenIds` (initially open item ids). */
+    open?: string[];
+    /** Svelte-canonical alias for `allowMultiple`. */
+    multiple?: boolean;
     onChange?: (openIds: string[]) => void;
 };
-export declare function Accordion({ items, openIds, defaultOpenIds, allowMultiple, onChange, className, ...rest }: AccordionProps): import("react/jsx-runtime").JSX.Element;
+export declare function Accordion({ items, openIds, defaultOpenIds, open: openAlias, allowMultiple, multiple, onChange, className, ...rest }: AccordionProps): import("react/jsx-runtime").JSX.Element;
 export type AlertProps = React.HTMLAttributes<HTMLElement> & {
     tone?: Exclude<Tone, "neutral">;
     title: React.ReactNode;
@@ -35,56 +41,6 @@ export type AlertProps = React.HTMLAttributes<HTMLElement> & {
     actions?: React.ReactNode;
 };
 export declare function Alert({ tone, title, message, actions, children, className, ...rest }: AlertProps): import("react/jsx-runtime").JSX.Element;
-export type ChartDatum = {
-    label?: string;
-    x?: string | number;
-    y?: number;
-    value?: number;
-    tone?: DataTone;
-};
-export type AreaChartDatum = ChartDatum;
-export type AreaChartTone = DataTone;
-export type BarChartDatum = ChartDatum;
-export type BarChartTone = DataTone;
-export type LineChartDatum = ChartDatum;
-export type LineChartTone = DataTone;
-export type DonutChartDatum = ChartDatum;
-export type DonutChartTone = DataTone;
-export type ScatterPlotDatum = {
-    x: number;
-    y: number;
-    label?: string;
-    tone?: DataTone;
-};
-export type ScatterPlotTone = DataTone;
-export type StackedBarSegment = {
-    label: string;
-    value: number;
-    tone?: DataTone;
-};
-export type StackedBarDatum = {
-    label: string;
-    segments: StackedBarSegment[];
-};
-export type StackedBarTone = DataTone;
-type ChartProps<T> = React.HTMLAttributes<HTMLElement> & {
-    data: T[];
-    label?: string;
-    width?: number;
-    height?: number;
-};
-export type AreaChartProps = ChartProps<AreaChartDatum>;
-export type BarChartProps = ChartProps<BarChartDatum>;
-export type DonutChartProps = ChartProps<DonutChartDatum>;
-export type LineChartProps = ChartProps<LineChartDatum>;
-export type ScatterPlotProps = ChartProps<ScatterPlotDatum>;
-export type StackedBarChartProps = ChartProps<StackedBarDatum>;
-export declare function AreaChart(props: ChartProps<AreaChartDatum>): import("react/jsx-runtime").JSX.Element;
-export declare function LineChart(props: ChartProps<LineChartDatum>): import("react/jsx-runtime").JSX.Element;
-export declare function BarChart({ data, label, width, height, className, ...rest }: ChartProps<BarChartDatum>): import("react/jsx-runtime").JSX.Element;
-export declare function DonutChart({ data, label, className, ...rest }: ChartProps<DonutChartDatum>): import("react/jsx-runtime").JSX.Element;
-export declare function ScatterPlot({ data, label, className, ...rest }: ChartProps<ScatterPlotDatum>): import("react/jsx-runtime").JSX.Element;
-export declare function StackedBarChart({ data, label, className, ...rest }: ChartProps<StackedBarDatum>): import("react/jsx-runtime").JSX.Element;
 export type AspectRatioProps = React.HTMLAttributes<HTMLDivElement> & {
     ratio?: number | string;
 };
@@ -168,9 +124,10 @@ export type ContentSwitcherProps = React.HTMLAttributes<HTMLDivElement> & {
     value?: string;
     activeId?: string;
     onChange?: (value: string) => void;
+    onchange?: (value: string) => void;
     size?: Size;
 };
-export declare function ContentSwitcher({ items, value, activeId, onChange, size, className, ...rest }: ContentSwitcherProps): import("react/jsx-runtime").JSX.Element;
+export declare function ContentSwitcher({ items, value, activeId, onChange, onchange, size, className, ...rest }: ContentSwitcherProps): import("react/jsx-runtime").JSX.Element;
 export type CopyButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "value"> & {
     text?: string;
     value?: string;
@@ -179,33 +136,6 @@ export type CopyButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>
     size?: Size;
 };
 export declare function CopyButton({ text: copyText, value, label, copiedLabel, size, className, onClick, ...rest }: CopyButtonProps): import("react/jsx-runtime").JSX.Element;
-export interface DataTableColumn<R = DataTableRow> {
-    key: string;
-    label: React.ReactNode;
-    sortable?: boolean;
-    align?: "start" | "center" | "end";
-    width?: string;
-    render?: (row: R, column: DataTableColumn<R>) => React.ReactNode;
-}
-export interface DataTableRow {
-    id: string;
-    [key: string]: unknown;
-}
-export type DataTableSelectMode = "none" | "single" | "multiple";
-export interface DataTableSort {
-    key: string;
-    direction: "asc" | "desc";
-}
-export type DataTableProps<R extends DataTableRow = DataTableRow> = React.TableHTMLAttributes<HTMLTableElement> & {
-    columns: Array<DataTableColumn<R>>;
-    rows: R[];
-    caption?: React.ReactNode;
-    size?: Size;
-    pageSize?: number;
-    page?: number;
-    totalItems?: number;
-};
-export declare function DataTable<R extends DataTableRow = DataTableRow>({ columns, rows, caption, size, className, pageSize, page, totalItems, ...rest }: DataTableProps<R>): import("react/jsx-runtime").JSX.Element;
 export type DatePickerRange = {
     start?: string | Date | null;
     end?: string | Date | null;
@@ -228,15 +158,16 @@ export type DrawerProps = React.HTMLAttributes<HTMLElement> & {
 export declare function Drawer({ open, title, description, footer, placement, onClose, children, className, ...rest }: DrawerProps): import("react/jsx-runtime").JSX.Element | null;
 export interface DropdownOption extends OptionItem {
 }
-export type DropdownProps = React.HTMLAttributes<HTMLDivElement> & {
+export type DropdownProps = Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect"> & {
     label?: React.ReactNode;
     options: DropdownOption[];
     value?: string;
     open?: boolean;
     placeholder?: React.ReactNode;
     onSelect?: (value: string) => void;
+    onselect?: (value: string) => void;
 };
-export declare function Dropdown({ label, options, value, open: controlledOpen, placeholder, onSelect, className, ...rest }: DropdownProps): import("react/jsx-runtime").JSX.Element;
+export declare function Dropdown({ label, options, value, open: controlledOpen, placeholder, onSelect, onselect, className, ...rest }: DropdownProps): import("react/jsx-runtime").JSX.Element;
 export type EmptyStateProps = React.HTMLAttributes<HTMLElement> & {
     title: React.ReactNode;
     message?: React.ReactNode;
@@ -244,10 +175,19 @@ export type EmptyStateProps = React.HTMLAttributes<HTMLElement> & {
 };
 export declare function EmptyState({ title, message, action, children, className, ...rest }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
 export type FileUploadStatus = "idle" | "uploading" | "complete" | "error";
+/**
+ * Accepts both the flat React/Vue shape (`{ name, size }`) and the Svelte
+ * canonical shape (`{ file: { name, size } }`). When `file` is present it takes
+ * precedence so a consumer can pass the exact same item array used in Svelte.
+ */
 export type FileUploadItem = {
     id?: string;
-    name: string;
+    name?: string;
     size?: number;
+    file?: {
+        name: string;
+        size?: number;
+    };
     status?: FileUploadStatus;
     error?: React.ReactNode;
 };
@@ -450,14 +390,16 @@ export type LoadingStateProps = React.HTMLAttributes<HTMLElement> & {
 export declare function LoadingState({ label, title, variant, className, ...rest }: LoadingStateProps): import("react/jsx-runtime").JSX.Element;
 export type MenuActionItem = ActionItem;
 export type MenuDividerItem = {
-    type: "divider";
+    type?: "divider";
+    kind?: "divider";
     id?: string;
 };
 export type MenuGroupItem = {
-    type: "group";
+    type?: "group";
+    kind?: "group";
     id?: string;
     label: React.ReactNode;
-    items: MenuActionItem[];
+    items?: MenuActionItem[];
 };
 export type MenuItem = MenuActionItem | MenuDividerItem | MenuGroupItem;
 export type MenuProps = React.HTMLAttributes<HTMLDivElement> & {
@@ -475,10 +417,18 @@ export type MenuPopoverProps = React.HTMLAttributes<HTMLDivElement> & {
 export declare function MenuPopover({ trigger, items, open, placement, children, className, ...rest }: MenuPopoverProps): import("react/jsx-runtime").JSX.Element;
 export type MenuTriggerButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
     open?: boolean;
+    expanded?: boolean;
 };
-export declare function MenuTriggerButton({ open, type, className, children, ...rest }: MenuTriggerButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function MenuTriggerButton({ open, expanded, type, className, children, ...rest }: MenuTriggerButtonProps): import("react/jsx-runtime").JSX.Element;
 export type MessageActionVariant = "default" | "danger";
-export type MessageAction = ActionItem & {
+/**
+ * `label` (React/Vue) is rendered when present; otherwise `icon` (the
+ * Svelte-canonical content) is rendered. `label` is always used for the
+ * accessible name when provided. At least one of `label`/`icon` should be set.
+ */
+export type MessageAction = Omit<ActionItem, "label"> & {
+    label?: React.ReactNode;
+    icon?: React.ReactNode;
     variant?: MessageActionVariant;
 };
 export type MessageActionsProps = React.HTMLAttributes<HTMLElement> & {
@@ -549,10 +499,11 @@ export declare function Pagination({ page, pageSize, totalItems, totalPages, pag
 export type PaginationNavProps = React.HTMLAttributes<HTMLElement> & {
     page?: number;
     totalPages?: number;
+    pageCount?: number;
     previousHref?: string;
     nextHref?: string;
 };
-export declare function PaginationNav({ page, totalPages, previousHref, nextHref, className, ...rest }: PaginationNavProps): import("react/jsx-runtime").JSX.Element;
+export declare function PaginationNav({ page, totalPages, pageCount, previousHref, nextHref, className, ...rest }: PaginationNavProps): import("react/jsx-runtime").JSX.Element;
 export type PasswordInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & {
     label?: React.ReactNode;
     helperText?: React.ReactNode;
@@ -633,12 +584,6 @@ export type SliderProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "siz
     size?: Size;
 };
 export declare function Slider({ label, size, value, defaultValue, min, max, className, ...rest }: SliderProps): import("react/jsx-runtime").JSX.Element;
-export type SparklineProps = React.HTMLAttributes<HTMLElement> & {
-    data: number[];
-    label?: string;
-    tone?: "neutral" | "success" | "warning" | "error";
-};
-export declare function Sparkline({ data, label, tone, className, ...rest }: SparklineProps): import("react/jsx-runtime").JSX.Element;
 export type StreamingMessageEvent = {
     id: string;
     label: React.ReactNode;
@@ -693,8 +638,9 @@ export type TabsProps = React.HTMLAttributes<HTMLElement> & {
     activeId?: string;
     label?: string;
     onChange?: (value: string) => void;
+    onchange?: (value: string) => void;
 };
-export declare function Tabs({ items, activeValue, activeId, label, onChange, className, ...rest }: TabsProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tabs({ items, activeValue, activeId, label, onChange, onchange, className, ...rest }: TabsProps): import("react/jsx-runtime").JSX.Element;
 export type TagProps = React.HTMLAttributes<HTMLSpanElement> & {
     tone?: Tone;
     size?: "sm" | "md";