entangle-ui 0.8.2 → 0.10.0

package/dist/esm/components/feedback/LogView/useLogSelection.js

@@ -0,0 +1,113 @@
+"use client";
+import { useRef, useCallback } from 'react';
+import { useLatest } from '../../../hooks/useLatest/useLatest.js';
+
+/**
+ * Row selection + keyboard behavior for the LogView body.
+ *
+ * - Click selects (single), Cmd/Ctrl+click toggles, Shift+click extends a range
+ *   from the anchor (multiple).
+ * - Enter/Space activate the focused row; Cmd/Ctrl+C copies the selection (when
+ *   present and no text is selected); Cmd/Ctrl+A selects all visible; Escape
+ *   clears.
+ * - A drag-to-select-text gesture is never treated as a row click.
+ *
+ * Consumer values are read through `useLatest` so the returned handlers stay
+ * identity-stable (they never have to be memoized by the caller). Colocated
+ * with LogView (single consumer); promote to `src/hooks/` only if a second
+ * component needs it.
+ */
+function useLogSelection({ selectionMode, selectedIds, setSelectedIds, filtered, onEntryClick, isTextSelected, onCopyShortcut, }) {
+    const anchorRef = useRef(null);
+    const filteredRef = useLatest(filtered);
+    const selectedIdsRef = useLatest(selectedIds);
+    const onEntryClickRef = useLatest(onEntryClick);
+    const isTextSelectedRef = useLatest(isTextSelected);
+    const onCopyShortcutRef = useLatest(onCopyShortcut);
+    const handleRowClick = useCallback((entry, index, event) => {
+        // Don't treat a drag-to-select-text gesture as a row click.
+        if (isTextSelectedRef.current())
+            return;
+        onEntryClickRef.current?.(entry, index);
+        if (selectionMode === false)
+            return;
+        const { id } = entry;
+        if (selectionMode === 'single') {
+            anchorRef.current = index;
+            setSelectedIds(new Set([id]));
+            return;
+        }
+        if (event.shiftKey && anchorRef.current !== null) {
+            const list = filteredRef.current;
+            const from = Math.min(anchorRef.current, index);
+            const to = Math.max(anchorRef.current, index);
+            const range = new Set();
+            for (let i = from; i <= to; i += 1) {
+                const rangeEntry = list[i];
+                if (rangeEntry)
+                    range.add(rangeEntry.id);
+            }
+            setSelectedIds(range);
+        }
+        else if (event.metaKey || event.ctrlKey) {
+            const next = new Set(selectedIdsRef.current);
+            if (next.has(id))
+                next.delete(id);
+            else
+                next.add(id);
+            anchorRef.current = index;
+            setSelectedIds(next);
+        }
+        else {
+            anchorRef.current = index;
+            setSelectedIds(new Set([id]));
+        }
+    }, [
+        selectionMode,
+        setSelectedIds,
+        filteredRef,
+        selectedIdsRef,
+        onEntryClickRef,
+        isTextSelectedRef,
+    ]);
+    const handleRowKeyDown = useCallback((entry, index, event) => {
+        if (event.key === 'Enter' || event.key === ' ') {
+            event.preventDefault();
+            handleRowClick(entry, index, event);
+            return;
+        }
+        const meta = event.metaKey || event.ctrlKey;
+        if (meta && (event.key === 'c' || event.key === 'C')) {
+            // Let the browser copy an active text selection instead.
+            if (isTextSelectedRef.current() || selectedIdsRef.current.size === 0) {
+                return;
+            }
+            event.preventDefault();
+            onCopyShortcutRef.current();
+            return;
+        }
+        if (selectionMode === false)
+            return;
+        if (meta && (event.key === 'a' || event.key === 'A')) {
+            event.preventDefault();
+            setSelectedIds(new Set(filteredRef.current.map(item => item.id)));
+            return;
+        }
+        if (event.key === 'Escape' && selectedIdsRef.current.size > 0) {
+            event.preventDefault();
+            setSelectedIds(new Set());
+        }
+    }, [
+        handleRowClick,
+        selectionMode,
+        setSelectedIds,
+        filteredRef,
+        selectedIdsRef,
+        isTextSelectedRef,
+        onCopyShortcutRef,
+    ]);
+    return { handleRowClick, handleRowKeyDown };
+}
+
+export { useLogSelection };
+//# sourceMappingURL=useLogSelection.js.map

package/dist/esm/components/feedback/LogView/useLogSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLogSelection.js","sources":["../../../../../../src/components/feedback/LogView/useLogSelection.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAyCA;;;;;;;;;;;;;;AAcG;;AAUD;AACA;AACA;AACA;AACA;AACA;;;;;;;;AAaI;AACA;AACE;;;;;AAMA;AACA;AACA;AACA;AACA;AACE;AACA;AAAgB;;;;;;AAKlB;AAAkB;;AACb;AACL;;;;AAGA;;;AAGJ;;;;;;;AAQC;;AASC;;AAEE;;;;AAIF;;AAEE;;;;;;;;;AAQF;;;;;AAKA;;AAEE;;AAEJ;;;;;;;;AASC;AAGH;AACF;;"}

package/dist/esm/components/feedback/ProgressBar/CircularProgress.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import React from 'react';
 import { assignInlineVars } from '@vanilla-extract/dynamic';
+import React from 'react';
 import { vars } from '../../../theme/contract.css.js';
 import { cx } from '../../../utils/cx.js';
 import { progressColorVar, circularSvgStyle, circularTrackCircleStyle, circularIndeterminateStyle, circularFillCircleStyle, circularLabelStyle, circularRootStyle } from './ProgressBar.css.js';

package/dist/esm/components/feedback/ProgressBar/CircularProgress.js.map

@@ -1 +1 @@
-{"version":3,"file":"CircularProgress.js","sources":["../../../../../../src/components/feedback/ProgressBar/CircularProgress.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;AAqBA;AACE;AACA;AACA;AACA;AACA;;AAGF;AACE;AACA;AACA;AACA;AACA;;AAGF;AACE;AACA;AACA;AACA;AACA;;AAGF;AACE;AACA;AACA;AACA;;AAGF;AACE;AACF;AAEA;AACE;AACF;AAEA;;AACmB;AACjB;AACF;AAEA;;AAImC;;AACF;;AACA;AAC/B;AACF;AAEA;;;;;;;;;;;;;;AAcG;AACI;AAkBH;AACA;;AAEA;AACA;;;;;;;;;AAUC;;AAGD;AACA;AAEA;AACE;AACA;AACA;;;AAGA;;AAEA;AACE;;;;AAUE;AACA;AACA;AACA;;AAqCM;AACA;AAcd;AAGF;;"}
+{"version":3,"file":"CircularProgress.js","sources":["../../../../../../src/components/feedback/ProgressBar/CircularProgress.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;AAwBA;AACE;AACA;AACA;AACA;AACA;;AAGF;AACE;AACA;AACA;AACA;AACA;;AAGF;AACE;AACA;AACA;AACA;AACA;;AAGF;AACE;AACA;AACA;AACA;;AAGF;AACE;AACF;AAEA;AACE;AACF;AAEA;;AACmB;AACjB;AACF;AAEA;;AAImC;;AACF;;AACA;AAC/B;AACF;AAEA;;;;;;;;;;;;;;AAcG;AACI;AAkBH;AACA;;AAEA;AACA;;;;;;;;;AAUC;;AAGD;AACA;AAEA;AACE;AACA;AACA;;;AAGA;;AAEA;AACE;;;;AAUE;AACA;AACA;AACA;;AAqCM;AACA;AAcd;AAGF;;"}

package/dist/esm/components/feedback/ProgressBar/ProgressBar.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import React from 'react';
 import { assignInlineVars } from '@vanilla-extract/dynamic';
+import React from 'react';
 import { vars } from '../../../theme/contract.css.js';
 import { cx } from '../../../utils/cx.js';
 import { progressFillWidthVar, progressColorVar, progressFillStripedAnimatedStyle, progressFillStripedStyle, progressFillBaseStyle, progressIndeterminateStyle, progressOverlayLabelStyle, progressTrackRecipe, progressInlineLabelStyle, progressRootStyle } from './ProgressBar.css.js';

package/dist/esm/components/feedback/ProgressBar/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","sources":["../../../../../../src/components/feedback/ProgressBar/ProgressBar.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;AAoBA;AACE;AACA;AACA;AACA;;AAGF;AACE;AACF;AAEA;AACE;AACF;AAEA;;AACmB;AACjB;AACF;AAEA;;AAImC;;AACF;;AACA;AAC/B;AACF;AAEA;;;;;;;;;;;;;;;AAeG;AACI;AAmBH;AACA;;AAEA;;;AAIE;AACD;AAED;;AAOA;AAEA;AACE;AACA;AACA;;;AAGA;;AAEA;AACE;;;AAIJ;AA0BF;AAGF;;"}
+{"version":3,"file":"ProgressBar.js","sources":["../../../../../../src/components/feedback/ProgressBar/ProgressBar.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;AAuBA;AACE;AACA;AACA;AACA;;AAGF;AACE;AACF;AAEA;AACE;AACF;AAEA;;AACmB;AACjB;AACF;AAEA;;AAImC;;AACF;;AACA;AAC/B;AACF;AAEA;;;;;;;;;;;;;;;AAeG;AACI;AAmBH;AACA;;AAEA;;;AAIE;AACD;AAED;;AAOA;AAEA;AACE;AACA;AACA;;;AAGA;;AAEA;AACE;;;AAIJ;AA0BF;AAGF;;"}

package/dist/esm/components/feedback/Skeleton/Skeleton.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import React from 'react';
 import { assignInlineVars } from '@vanilla-extract/dynamic';
+import React from 'react';
 import { vars } from '../../../theme/contract.css.js';
 import { cx } from '../../../utils/cx.js';
 import { devWarn } from '../../../utils/devWarn.js';

package/dist/esm/components/feedback/Skeleton/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","sources":["../../../../../../src/components/feedback/Skeleton/Skeleton.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;AAeA;AAEA;AACE;AACA;AACA;;AAGF;;AAG2B;AACzB;AACF;AAEA;;AAQE;AACA;AACE;;;AAEO;;;;;;;;;AAWP;AACA;AACA;;AAEJ;AAEA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AAeD;AACA;;AAGA;;;;;;;AAiBD;;AAeH;AAGF;;"}
+{"version":3,"file":"Skeleton.js","sources":["../../../../../../src/components/feedback/Skeleton/Skeleton.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;AAkBA;AAEA;AACE;AACA;AACA;;AAGF;;AAG2B;AACzB;AACF;AAEA;;AAQE;AACA;AACE;;;AAEO;;;;;;;;;AAWP;AACA;AACA;;AAEJ;AAEA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AAeD;AACA;;AAGA;;;;;;;AAiBD;;AAeH;AAGF;;"}

package/dist/esm/components/feedback/Skeleton/SkeletonGroup.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import React from 'react';
 import { assignInlineVars } from '@vanilla-extract/dynamic';
+import React from 'react';
 import { vars } from '../../../theme/contract.css.js';
 import { cx } from '../../../utils/cx.js';
 import { Skeleton } from './Skeleton.js';

package/dist/esm/components/feedback/Skeleton/SkeletonGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonGroup.js","sources":["../../../../../../src/components/feedback/Skeleton/SkeletonGroup.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;AAUA;;;;;;;;;;AAWA;;AACiC;;;;AAIjC;AAEA;;;;;;;;;;;;;;;;;;;AAmBG;AACI;;AAcD;AACD;;AAIC;AAIF;AAaF;AAGF;;"}
+{"version":3,"file":"SkeletonGroup.js","sources":["../../../../../../src/components/feedback/Skeleton/SkeletonGroup.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;AAaA;;;;;;;;;;AAWA;;AACiC;;;;AAIjC;AAEA;;;;;;;;;;;;;;;;;;;AAmBG;AACI;;AAcD;AACD;;AAIC;AAIF;AAaF;AAGF;;"}

package/dist/esm/components/feedback/Skeleton/SkeletonLayout.css.js

@@ -0,0 +1,18 @@
+import './../../../assets/src/components/feedback/Skeleton/SkeletonLayout.css.ts.vanilla-Db7bpqiI.css';
+
+var cardBodyStyle = 'SkeletonLayout_cardBodyStyle__1kvkgdl2';
+var cardLayoutStyle = 'SkeletonLayout_cardLayoutStyle__1kvkgdl1';
+var chatBubbleStyle = 'SkeletonLayout_chatBubbleStyle__1kvkgdlc';
+var chatLayoutStyle = 'SkeletonLayout_chatLayoutStyle__1kvkgdl9';
+var chatRowEndStyle = 'SkeletonLayout_chatRowEndStyle__1kvkgdlb';
+var chatRowStyle = 'SkeletonLayout_chatRowStyle__1kvkgdla';
+var gridLayoutStyle = 'SkeletonLayout_gridLayoutStyle__1kvkgdl8';
+var layoutColumnsVar = 'var(--layoutColumnsVar__1kvkgdl0)';
+var listLayoutStyle = 'SkeletonLayout_listLayoutStyle__1kvkgdl3';
+var listRowBodyStyle = 'SkeletonLayout_listRowBodyStyle__1kvkgdl5';
+var listRowStyle = 'SkeletonLayout_listRowStyle__1kvkgdl4';
+var tableHeaderCellStyle = 'SkeletonLayout_tableHeaderCellStyle__1kvkgdl7';
+var tableLayoutStyle = 'SkeletonLayout_tableLayoutStyle__1kvkgdl6';
+
+export { cardBodyStyle, cardLayoutStyle, chatBubbleStyle, chatLayoutStyle, chatRowEndStyle, chatRowStyle, gridLayoutStyle, layoutColumnsVar, listLayoutStyle, listRowBodyStyle, listRowStyle, tableHeaderCellStyle, tableLayoutStyle };
+//# sourceMappingURL=SkeletonLayout.css.js.map

package/dist/esm/components/feedback/Skeleton/SkeletonLayout.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonLayout.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/feedback/Skeleton/SkeletonLayout.js

@@ -0,0 +1,95 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { assignInlineVars } from '@vanilla-extract/dynamic';
+import React from 'react';
+import { cx } from '../../../utils/cx.js';
+import { Skeleton } from './Skeleton.js';
+import { chatLayoutStyle, chatBubbleStyle, chatRowEndStyle, chatRowStyle, gridLayoutStyle, layoutColumnsVar, tableLayoutStyle, tableHeaderCellStyle, listLayoutStyle, listRowStyle, listRowBodyStyle, cardLayoutStyle, cardBodyStyle } from './SkeletonLayout.css.js';
+
+const DEFAULT_COUNT = {
+    card: 1,
+    list: 5,
+    table: 5,
+    grid: 12,
+    chat: 4,
+};
+const DEFAULT_ANIMATION = {
+    card: 'pulse',
+    list: 'pulse',
+    table: 'pulse',
+    grid: 'none',
+    chat: 'pulse',
+};
+const DEFAULT_COLUMNS = 4;
+function renderCard(animation) {
+    return (jsxs("div", { className: cardLayoutStyle, children: [jsx(Skeleton, { shape: "circle", width: 40, animation: animation }), jsxs("div", { className: cardBodyStyle, children: [jsx(Skeleton, { shape: "line", width: "70%", animation: animation }), jsx(Skeleton, { shape: "line", width: "100%", animation: animation }), jsx(Skeleton, { shape: "line", width: "50%", animation: animation }), jsx(Skeleton, { width: "100%", height: 80, animation: animation })] })] }));
+}
+function renderList(count, animation) {
+    return (jsx("div", { className: listLayoutStyle, children: Array.from({ length: count }, (_, i) => (jsxs("div", { className: listRowStyle, children: [jsx(Skeleton, { shape: "circle", width: 32, animation: animation }), jsxs("div", { className: listRowBodyStyle, children: [jsx(Skeleton, { shape: "line", width: "60%", animation: animation }), jsx(Skeleton, { shape: "line", width: "90%", animation: animation })] })] }, i))) }));
+}
+function renderTable(rows, columns, animation) {
+    const totalCells = (rows + 1) * columns;
+    return (jsx("div", { className: tableLayoutStyle, style: assignInlineVars({ [layoutColumnsVar]: String(columns) }), children: Array.from({ length: totalCells }, (_, i) => {
+            const isHeader = i < columns;
+            return (jsx("div", { className: isHeader ? tableHeaderCellStyle : undefined, children: jsx(Skeleton, { shape: "line", width: isHeader ? '50%' : '80%', animation: animation }) }, i));
+        }) }));
+}
+function renderGrid(count, columns, animation) {
+    return (jsx("div", { className: gridLayoutStyle, style: assignInlineVars({ [layoutColumnsVar]: String(columns) }), children: Array.from({ length: count }, (_, i) => (jsx(Skeleton, { width: "100%", height: 80, animation: animation }, i))) }));
+}
+const CHAT_BUBBLE_WIDTHS = ['85%', '60%', '95%', '70%', '50%', '80%'];
+function renderChat(count, animation) {
+    return (jsx("div", { className: chatLayoutStyle, children: Array.from({ length: count }, (_, i) => {
+            const isOutgoing = i % 2 === 1;
+            const bubbleWidth = CHAT_BUBBLE_WIDTHS[i % CHAT_BUBBLE_WIDTHS.length];
+            return (jsxs("div", { className: cx(chatRowStyle, isOutgoing && chatRowEndStyle), children: [jsx(Skeleton, { shape: "circle", width: 28, animation: animation }), jsxs("div", { className: chatBubbleStyle, children: [jsx(Skeleton, { shape: "line", width: bubbleWidth, animation: animation }), i % 3 === 0 ? (jsx(Skeleton, { shape: "line", width: "40%", animation: animation })) : null] })] }, i));
+        }) }));
+}
+/**
+ * Pre-built skeleton layouts for common loading patterns — card, list, table,
+ * grid, and chat. Drop one in when the surrounding UI shape is known and you
+ * want the placeholder structure to mirror it without composing every block
+ * by hand.
+ *
+ * Each variant uses the base `Skeleton` primitive underneath, so animation
+ * and reduced-motion behavior match the rest of the library. Use `count` to
+ * scale the number of rows/cells, `columns` for `grid` and `table`, and
+ * `animation` to opt out of motion for dense surfaces.
+ *
+ * @example
+ * ```tsx
+ * <SkeletonLayout variant="card" />
+ * <SkeletonLayout variant="list" count={8} />
+ * <SkeletonLayout variant="table" columns={5} count={6} />
+ * <SkeletonLayout variant="grid" columns={3} count={9} />
+ * <SkeletonLayout variant="chat" count={6} />
+ * ```
+ */
+const SkeletonLayout = /*#__PURE__*/ React.memo(({ variant, count, columns = DEFAULT_COLUMNS, animation, width = '100%', className, style, testId, ref, ...rest }) => {
+    const resolvedCount = count ?? DEFAULT_COUNT[variant];
+    const resolvedAnimation = animation ?? DEFAULT_ANIMATION[variant];
+    const resolvedWidth = typeof width === 'number' ? `${width}px` : width;
+    let content;
+    switch (variant) {
+        case 'card':
+            content = renderCard(resolvedAnimation);
+            break;
+        case 'list':
+            content = renderList(resolvedCount, resolvedAnimation);
+            break;
+        case 'table':
+            content = renderTable(resolvedCount, columns, resolvedAnimation);
+            break;
+        case 'grid':
+            content = renderGrid(resolvedCount, columns, resolvedAnimation);
+            break;
+        case 'chat':
+            content = renderChat(resolvedCount, resolvedAnimation);
+            break;
+    }
+    return (jsx("div", { ref: ref, "aria-hidden": "true", "aria-busy": "true", className: cx(className), style: { width: resolvedWidth, ...style }, "data-testid": testId, "data-variant": variant, ...rest, children: content }));
+});
+SkeletonLayout.displayName = 'SkeletonLayout';
+
+export { SkeletonLayout };
+//# sourceMappingURL=SkeletonLayout.js.map

package/dist/esm/components/feedback/Skeleton/SkeletonLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonLayout.js","sources":["../../../../../../src/components/feedback/Skeleton/SkeletonLayout.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;AA8BA;AACE;AACA;AACA;AACA;AACA;;AAGF;AACE;AACA;AACA;AACA;AACA;;AAGF;AAEA;;AAYA;AAEA;AAIE;AAaF;AAEA;;AAME;AAMM;AACA;;AAYR;AAEA;AAKE;AAUF;AAEA;AAEA;;AAOQ;;AAEA;;AAqBR;AAEA;;;;;;;;;;;;;;;;;;;AAmBG;AACI;;;AAeH;AAEA;;AAEE;AACE;;AAEF;AACE;;AAEF;;;AAGA;;;AAGA;AACE;;;AAIJ;AAcF;AAGF;;"}

package/dist/esm/components/feedback/Spinner/Spinner.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
-import React from 'react';
 import { assignInlineVars } from '@vanilla-extract/dynamic';
+import React from 'react';
 import { vars } from '../../../theme/contract.css.js';
 import { cx } from '../../../utils/cx.js';
 import { spinnerSizeVar, spinnerColorVar, spinnerRingStyle, spinnerPulseStyle, spinnerDotsSizerStyle, spinnerDotRecipe, spinnerLabelStyle, visuallyHiddenStyle, spinnerRootStyle } from './Spinner.css.js';

package/dist/esm/components/feedback/Spinner/Spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.js","sources":["../../../../../../src/components/feedback/Spinner/Spinner.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;AAmBA;AACE;AACA;AACA;AACA;;AAGF;AACE;AACA;AACA;AACA;;AAGF;AACE;AACF;AAEA;;;;;;;;;;;;AAYG;;AAcC;AACA;;;;AAKC;AAED;AAaA;AAmBF;AAGF;;"}
+{"version":3,"file":"Spinner.js","sources":["../../../../../../src/components/feedback/Spinner/Spinner.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;AAsBA;AACE;AACA;AACA;AACA;;AAGF;AACE;AACA;AACA;AACA;;AAGF;AACE;AACF;AAEA;;;;;;;;;;;;AAYG;;AAcC;AACA;;;;AAKC;AAED;AAaA;AAmBF;AAGF;;"}

package/dist/esm/components/feedback/Stat/Stat.css.js

@@ -0,0 +1,15 @@
+import './../../../assets/src/components/feedback/Stat/Stat.css.ts.vanilla-GBk3JAMB.css';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
+
+var statContentStyle = 'Stat_statContentStyle__cv0db96';
+var statDeltaColorVar = 'var(--statDeltaColorVar__cv0db90)';
+var statDeltaIconStyle = 'Stat_statDeltaIconStyle__cv0db9d';
+var statDeltaStyle = 'Stat_statDeltaStyle__cv0db9c';
+var statHelperStyle = 'Stat_statHelperStyle__cv0db9e';
+var statIconStyle = 'Stat_statIconStyle__cv0db95';
+var statLabelStyle = 'Stat_statLabelStyle__cv0db97';
+var statRoot = createRuntimeFn({defaultClassName:'Stat_statRoot__cv0db91',variantClassNames:{size:{sm:'Stat_statRoot_size_sm__cv0db92',md:'Stat_statRoot_size_md__cv0db93',lg:'Stat_statRoot_size_lg__cv0db94'}},defaultVariants:{size:'md'},compoundVariants:[]});
+var statValueRecipe = createRuntimeFn({defaultClassName:'Stat_statValueRecipe__cv0db98',variantClassNames:{size:{sm:'Stat_statValueRecipe_size_sm__cv0db99',md:'Stat_statValueRecipe_size_md__cv0db9a',lg:'Stat_statValueRecipe_size_lg__cv0db9b'}},defaultVariants:{size:'md'},compoundVariants:[]});
+
+export { statContentStyle, statDeltaColorVar, statDeltaIconStyle, statDeltaStyle, statHelperStyle, statIconStyle, statLabelStyle, statRoot, statValueRecipe };
+//# sourceMappingURL=Stat.css.js.map

package/dist/esm/components/feedback/Stat/Stat.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stat.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/esm/components/feedback/Stat/Stat.js

@@ -0,0 +1,55 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { assignInlineVars } from '@vanilla-extract/dynamic';
+import { vars } from '../../../theme/contract.css.js';
+import { cx } from '../../../utils/cx.js';
+import { statIconStyle, statContentStyle, statLabelStyle, statValueRecipe, statHelperStyle, statRoot, statDeltaStyle, statDeltaColorVar, statDeltaIconStyle } from './Stat.css.js';
+
+const ARROW_PATHS = {
+    up: 'M6 2 L10 7 L7 7 L7 10 L5 10 L5 7 L2 7 Z',
+    down: 'M6 10 L2 5 L5 5 L5 2 L7 2 L7 5 L10 5 Z',
+    neutral: 'M2 6 L10 6 L10 7 L2 7 Z',
+};
+function deltaColor(direction, semantics) {
+    if (semantics === 'neutral' || direction === 'neutral') {
+        return vars.colors.text.muted;
+    }
+    const isUpGood = semantics === 'positive';
+    const upColor = isUpGood
+        ? vars.colors.accent.success
+        : vars.colors.accent.error;
+    const downColor = isUpGood
+        ? vars.colors.accent.error
+        : vars.colors.accent.success;
+    return direction === 'up' ? upColor : downColor;
+}
+function DeltaIcon({ direction }) {
+    return (jsx("svg", { className: statDeltaIconStyle, viewBox: "0 0 12 12", "aria-hidden": "true", focusable: "false", children: jsx("path", { d: ARROW_PATHS[direction], fill: "currentColor" }) }));
+}
+function DeltaDisplay({ delta }) {
+    const semantics = delta.semantics ?? 'positive';
+    const color = deltaColor(delta.direction, semantics);
+    return (jsxs("span", { className: statDeltaStyle, style: assignInlineVars({ [statDeltaColorVar]: color }), children: [jsx(DeltaIcon, { direction: delta.direction }), delta.value] }));
+}
+/**
+ * KPI / metric display: label + value + optional trend delta.
+ *
+ * Use `delta.semantics` to indicate whether "up" is good. Errors and
+ * latency, for example, want `semantics: "negative"` so an upward
+ * direction shows red.
+ *
+ * @example
+ * ```tsx
+ * <Stat
+ *   label="MRR"
+ *   value="$12,400"
+ *   delta={{ value: '+8.2%', direction: 'up' }}
+ *   helper="vs. last month"
+ * />
+ * ```
+ */
+const Stat = ({ label, value, delta, helper, icon, size = 'md', className, style, testId, ref, ...rest }) => (jsxs("div", { ref: ref, className: cx(statRoot({ size }), className), style: style, "data-testid": testId, ...rest, children: [icon && jsx("div", { className: statIconStyle, children: icon }), jsxs("div", { className: statContentStyle, children: [jsx("p", { className: statLabelStyle, children: label }), jsx("p", { className: statValueRecipe({ size }), children: value }), delta && jsx(DeltaDisplay, { delta: delta }), helper && jsx("p", { className: statHelperStyle, children: helper })] })] }));
+Stat.displayName = 'Stat';
+
+export { Stat };
+//# sourceMappingURL=Stat.js.map

package/dist/esm/components/feedback/Stat/Stat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stat.js","sources":["../../../../../../src/components/feedback/Stat/Stat.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AA2BA;AACE;AACA;AACA;;AAGF;;AAKI;;AAEF;;AAEE;;;AAGA;;;AAGJ;AAEA;AACE;AAUF;AAEA;AACE;;AAEA;AASF;AAEA;;;;;;;;;;;;;;;;AAgBG;AACI;AA8BP;;"}

package/dist/esm/components/feedback/Toast/ToastContainer.js

@@ -2,8 +2,8 @@
 import { jsx } from 'react/jsx-runtime';
 import { assignInlineVars } from '@vanilla-extract/dynamic';
 import { cx } from '../../../utils/cx.js';
-import { ToastItem } from './ToastItem.js';
 import { zIndexVar, gapVar, containerReverse, containerNormal, container } from './ToastContainer.css.js';
+import { ToastItem } from './ToastItem.js';
 
 // --- Position style map ---
 const POSITION_STYLES = {

package/dist/esm/components/feedback/Toast/ToastContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastContainer.js","sources":["../../../../../../src/components/feedback/Toast/ToastContainer.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAeA;AAEA;;;AAGE;;;AAGA;;AAaF;;;AAGG;AACI;;AAQL;;AAGE;AACA;AACD;;AAMK;AACA;AACD;AASP;AAEA;;"}
+{"version":3,"file":"ToastContainer.js","sources":["../../../../../../src/components/feedback/Toast/ToastContainer.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAkBA;AAEA;;;AAGE;;;AAGA;;AAaF;;;AAGG;AACI;;AAQL;;AAGE;AACA;AACD;;AAMK;AACA;AACD;AASP;AAEA;;"}

package/dist/esm/components/feedback/Toast/ToastItem.js

@@ -1,28 +1,25 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useRef, useCallback, useEffect } from 'react';
 import { assignInlineVars } from '@vanilla-extract/dynamic';
+import { useState, useRef, useCallback, useEffect } from 'react';
+import { CloseIcon } from '../../Icons/CloseIcon.js';
+import { ErrorIcon } from '../../Icons/ErrorIcon.js';
+import { InfoIcon } from '../../Icons/InfoIcon.js';
+import { SuccessIcon } from '../../Icons/SuccessIcon.js';
+import { WarningIcon } from '../../Icons/WarningIcon.js';
 import { content, iconWrapper, textContent, titleStyle, message, actionButton, closeButton, progressDurationVar, progressBar, toast } from './ToastItem.css.js';
 
-// --- Severity icons (inline SVGs) ---
-const SeverityIcon = ({ severity, color, }) => {
-    const size = 16;
-    const commonProps = {
-        width: size,
-        height: size,
-        viewBox: '0 0 16 16',
-        fill: 'none',
-        'aria-hidden': true,
-    };
+// --- Severity icons ---
+const SeverityIcon = ({ severity }) => {
     switch (severity) {
         case 'info':
-            return (jsxs("svg", { ...commonProps, children: [jsx("circle", { cx: "8", cy: "8", r: "7", stroke: color, strokeWidth: "1.5" }), jsx("line", { x1: "8", y1: "7", x2: "8", y2: "11", stroke: color, strokeWidth: "1.5", strokeLinecap: "round" }), jsx("circle", { cx: "8", cy: "5", r: "0.75", fill: color })] }));
+            return jsx(InfoIcon, { size: "md", color: "currentColor", decorative: true });
         case 'success':
-            return (jsxs("svg", { ...commonProps, children: [jsx("circle", { cx: "8", cy: "8", r: "7", stroke: color, strokeWidth: "1.5" }), jsx("path", { d: "M5 8L7 10L11 6", stroke: color, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }));
+            return jsx(SuccessIcon, { size: "md", color: "currentColor", decorative: true });
         case 'warning':
-            return (jsxs("svg", { ...commonProps, children: [jsx("path", { d: "M8 2L14.5 13H1.5L8 2Z", stroke: color, strokeWidth: "1.5", strokeLinejoin: "round" }), jsx("line", { x1: "8", y1: "6", x2: "8", y2: "9", stroke: color, strokeWidth: "1.5", strokeLinecap: "round" }), jsx("circle", { cx: "8", cy: "11", r: "0.75", fill: color })] }));
+            return jsx(WarningIcon, { size: "md", color: "currentColor", decorative: true });
         case 'error':
-            return (jsxs("svg", { ...commonProps, children: [jsx("circle", { cx: "8", cy: "8", r: "7", stroke: color, strokeWidth: "1.5" }), jsx("line", { x1: "5.5", y1: "5.5", x2: "10.5", y2: "10.5", stroke: color, strokeWidth: "1.5", strokeLinecap: "round" }), jsx("line", { x1: "10.5", y1: "5.5", x2: "5.5", y2: "10.5", stroke: color, strokeWidth: "1.5", strokeLinecap: "round" })] }));
+            return jsx(ErrorIcon, { size: "md", color: "currentColor", decorative: true });
     }
 };
 /**
@@ -38,7 +35,9 @@ const ToastItem = ({ toast: toastData, onDismiss, }) => {
     const [paused, setPaused] = useState(false);
     const timerRef = useRef(null);
     const remainingRef = useRef(duration);
-    const startRef = useRef(Date.now());
+    // Seeded on mount by startTimer(); 0 is a safe placeholder and avoids calling
+    // the impure Date.now() during render.
+    const startRef = useRef(0);
     const isAlert = severity === 'warning' || severity === 'error';
     const role = isAlert ? 'alert' : 'status';
     const ariaLive = isAlert ? 'assertive' : 'polite';
@@ -74,7 +73,9 @@ const ToastItem = ({ toast: toastData, onDismiss, }) => {
         startTimer();
         return clearTimer;
     }, [startTimer, clearTimer]);
-    return (jsxs("div", { className: toast({ severity }), role: role, "aria-live": ariaLive, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, "data-testid": `toast-${id}`, children: [jsxs("div", { className: content, children: [jsx("div", { className: iconWrapper, children: icon ?? jsx(SeverityIcon, { severity: severity, color: "currentColor" }) }), jsxs("div", { className: textContent, children: [title && jsx("div", { className: titleStyle, children: title }), jsx("div", { className: message, children: msg }), action && (jsx("button", { className: actionButton({ severity }), onClick: action.onClick, type: "button", children: action.label }))] }), closable && (jsx("button", { className: closeButton, onClick: () => onDismiss(id), "aria-label": "Dismiss notification", type: "button", children: jsxs("svg", { width: 12, height: 12, viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: [jsx("line", { x1: "2", y1: "2", x2: "10", y2: "10", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }), jsx("line", { x1: "10", y1: "2", x2: "2", y2: "10", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })] }) }))] }), showProgress && duration > 0 && (jsx("div", { className: progressBar({ severity, paused }), style: assignInlineVars({
+    return (jsxs("div", { className: toast({ severity }), role: role, "aria-live": ariaLive, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, "data-testid": `toast-${id}`, children: [jsxs("div", { className: content, children: [jsx("div", { className: iconWrapper, children: icon ?? jsx(SeverityIcon, { severity: severity }) }), jsxs("div", { className: textContent, children: [title && jsx("div", { className: titleStyle, children: title }), jsx("div", { className: message, children: msg }), action && (jsx("button", { className: actionButton({ severity }), onClick: action.onClick, type: "button", children: action.label }))] }), closable && (jsx("button", { className: closeButton, onClick: () => {
+                            onDismiss(id);
+                        }, "aria-label": "Dismiss notification", type: "button", children: jsx(CloseIcon, { size: "sm", decorative: true }) }))] }), showProgress && duration > 0 && (jsx("div", { className: progressBar({ severity, paused }), style: assignInlineVars({
                     [progressDurationVar]: `${duration}ms`,
                 }), "data-testid": `toast-progress-${id}` }))] }));
 };

package/dist/esm/components/feedback/Toast/ToastItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastItem.js","sources":["../../../../../../src/components/feedback/Toast/ToastItem.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAkBA;AAEA;;AAKE;AACE;AACA;AACA;AACA;AACA;;;AAIA;AACE;AAeF;;AAaA;AACE;AAoBF;AACE;;AAwBN;AASA;;;;;;;AAOG;AACI;;;AAiBL;AACA;;;;;AAOA;AACE;AACE;AACA;;;AAIJ;;;AAEE;AACA;AACA;;AAEA;;AAGF;;;;AAGE;;AAEF;AAEA;;;;AAGE;AACF;;AAGE;AACA;AACF;;AAoEU;;AAOZ;AAEA;;"}
+{"version":3,"file":"ToastItem.js","sources":["../../../../../../src/components/feedback/Toast/ToastItem.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;AA0BA;AAEA;;AAEI;AACE;AACF;AACE;AACF;AACE;AACF;AACE;;AAEN;AASA;;;;;;;AAOG;AACI;;;AAiBL;AACA;;;AAGA;;;;AAMA;AACE;AACE;AACA;;;AAIJ;;;AAEE;AACA;AACA;;AAEA;;AAGF;;;;AAGE;;AAEF;AAEA;;;;AAGE;AACF;;AAGE;AACA;AACF;;;AAiCU;AAYA;;AAOZ;AAEA;;"}

package/dist/esm/components/feedback/Toast/ToastProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastProvider.js","sources":["../../../../../../src/components/feedback/Toast/ToastProvider.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAsBE;AAEF;AAEA;AAIE;AACE;;AAEA;AACE;AACF;AACE;AACF;AACE;;AAEN;AAEA;;;;;;;;;;;;AAYG;AACI;AAQL;;;AASA;;AAEA;AAEA;AAIM;AAYR;AAEA;;"}
+{"version":3,"file":"ToastProvider.js","sources":["../../../../../../src/components/feedback/Toast/ToastProvider.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAwBE;AAEF;AAEA;AAIE;AACE;;AAEA;AACE;AACF;AACE;AACF;AACE;;AAEN;AAEA;;;;;;;;;;;;AAYG;AACI;AAQL;;;AASA;;AAEA;AAEA;AAIM;AAYR;AAEA;;"}

package/dist/esm/components/feedback/Toast/useToast.js.map

@@ -1 +1 @@
-{"version":3,"file":"useToast.js","sources":["../../../../../../src/components/feedback/Toast/useToast.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAUA;;;;;;;;;;;;;;;;AAgBG;;AAED;;AAEE;;AAGF;AACA;AAEA;AACE;;;AAIF;;AAGI;AACE;;AAEA;AACA;AACA;AACA;AACA;;;AAGF;;AAKJ;AAMA;AAMA;AAMA;AAMA;;AAGE;AAIF;AACE;AACF;AAEA;AACF;;"}
+{"version":3,"file":"useToast.js","sources":["../../../../../../src/components/feedback/Toast/useToast.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAYA;;;;;;;;;;;;;;;;AAgBG;;AAED;;AAEE;;AAGF;AACA;AAEA;AACE;;;AAIF;;AAGI;AACE;;AAEA;AACA;AACA;AACA;AACA;;;AAGF;;AAKJ;AAMA;AAMA;AAMA;AAMA;;AAGE;AAIF;AACE;AACF;AAEA;AACF;;"}

package/dist/esm/components/form/FormHelperText.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormHelperText.js","sources":["../../../../../src/components/form/FormHelperText.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAuBA;;;;;;;;;;;;;;AAcG;AACI;AAEH;AAUF;AAGF;;"}
+{"version":3,"file":"FormHelperText.js","sources":["../../../../../src/components/form/FormHelperText.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AA0BA;;;;;;;;;;;;;;AAcG;AACI;AAEH;AAUF;AAGF;;"}

package/dist/esm/components/form/FormLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormLabel.js","sources":["../../../../../src/components/form/FormLabel.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAkCA;;;;;;;;;;;;;AAaG;AACI;AAWH;AAYF;AAGF;;"}
+{"version":3,"file":"FormLabel.js","sources":["../../../../../src/components/form/FormLabel.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAqCA;;;;;;;;;;;;;AAaG;AACI;AAWH;AAYF;AAGF;;"}

package/dist/esm/components/form/InputWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputWrapper.js","sources":["../../../../../src/components/form/InputWrapper.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AA4CA;;;;;;;;;;;;;;;;;;AAkBG;AACI;AAYH;AAaF;AAGF;;"}
+{"version":3,"file":"InputWrapper.js","sources":["../../../../../src/components/form/InputWrapper.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AA+CA;;;;;;;;;;;;;;;;;;AAkBG;AACI;AAYH;AAaF;AAGF;;"}

package/dist/esm/components/layout/Accordion/Accordion.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
+import { assignInlineVars } from '@vanilla-extract/dynamic';
 import { useId, useState, useCallback, createContext, useContext } from 'react';
 import { cx } from '../../../utils/cx.js';
-import { assignInlineVars } from '@vanilla-extract/dynamic';
 import { accordionGapVar, accordionRoot } from './Accordion.css.js';
 
 // --- Contexts ---
@@ -50,7 +50,7 @@ function normalizeValue(value) {
  * </Accordion>
  * ```
  */
-const Accordion = ({ value: valueProp, defaultValue, multiple = false, collapsible = false, variant = 'default', size = 'md', gap = 0, children, onChange, className, style, testId, ref, ...rest }) => {
+const Accordion = ({ value: valueProp, defaultValue, multiple = false, collapsible = false, variant = 'default', size = 'md', gap = 0, width = '100%', children, onChange, className, style, testId, ref, ...rest }) => {
     const autoId = useId();
     const [internalValue, setInternalValue] = useState(normalizeValue(defaultValue));
     const isControlled = valueProp !== undefined;
@@ -94,6 +94,7 @@ const Accordion = ({ value: valueProp, defaultValue, multiple = false, collapsib
         ...assignInlineVars({
             [accordionGapVar]: `${gap}px`,
         }),
+        width: typeof width === 'number' ? `${width}px` : width,
         ...style,
     };
     return (jsx(AccordionContext.Provider, { value: contextValue, children: jsx("div", { ref: ref, className: cx(accordionRoot, className), style: mergedStyle, "data-testid": testId, ...rest, children: children }) }));

package/dist/esm/components/layout/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../../../../../src/components/layout/Accordion/Accordion.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAkBA;AAEA;AACE;AACF;AACE;;AAGA;;AAEE;;AAIF;AACF;;AAGE;;AAEE;;AAIF;AACF;AAIA;AAEA;;AAC2B;AACzB;AAA0B;;AAE5B;AAEA;AAEA;;;;;;;;;;;;;;;;AAgBG;;AAiBD;AAEA;AAGA;;AAEE;;AAGF;;AAII;;AAGE;AACE;AACA;;;;;;;AAKA;;;;;;;AASF;;;;;AAIJ;AAIF;;;;;AAKE;;AAGF;AACE;AACE;;AAEF;;AAGF;AAaF;AAEA;;"}
+{"version":3,"file":"Accordion.js","sources":["../../../../../../src/components/layout/Accordion/Accordion.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAqBA;AAEA;AACE;AACF;AACE;;AAGA;;AAEE;;AAIF;AACF;;AAGE;;AAEE;;AAIF;AACF;AAIA;AAEA;;AAC2B;AACzB;AAA0B;;AAE5B;AAEA;AAEA;;;;;;;;;;;;;;;;AAgBG;AACI;AAiBL;AAEA;AAGA;;AAEE;;AAGF;;AAII;;AAGE;AACE;AACA;;;;;;;AAKA;;;;;;;AASF;;;;;AAIJ;AAIF;;;;;AAKE;;AAGF;AACE;AACE;;AAEF;AACA;;AAGF;AAaF;AAEA;;"}

package/dist/esm/components/layout/Accordion/AccordionContent.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { useAccordionContext, useAccordionItemContext } from './Accordion.js';
 import { cx } from '../../../utils/cx.js';
+import { useAccordionContext, useAccordionItemContext } from './Accordion.js';
 import { contentInner, contentBody, contentWrapperExpanded, contentWrapperCollapsed, contentWrapper } from './Accordion.css.js';
 
 // --- Component ---

package/dist/esm/components/layout/Accordion/AccordionContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionContent.js","sources":["../../../../../../src/components/layout/Accordion/AccordionContent.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAcA;AAEO;;;AAYL;AACA;AAEA;AACE;;AAGF;AAwBF;AAEA;;"}
+{"version":3,"file":"AccordionContent.js","sources":["../../../../../../src/components/layout/Accordion/AccordionContent.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAiBA;AAEO;;;AAYL;AACA;AAEA;AACE;;AAGF;AAwBF;AAEA;;"}

package/dist/esm/components/layout/Accordion/AccordionItem.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { useAccordionContext, AccordionItemContext } from './Accordion.js';
 import { cx } from '../../../utils/cx.js';
+import { useAccordionContext, AccordionItemContext } from './Accordion.js';
 import { accordionItem } from './Accordion.css.js';
 
 // --- Component ---

package/dist/esm/components/layout/Accordion/AccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.js","sources":["../../../../../../src/components/layout/Accordion/AccordionItem.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAWA;AAEO;AAUL;;AAGA;;;AAGE;;AAGF;AAaF;AAEA;;"}
+{"version":3,"file":"AccordionItem.js","sources":["../../../../../../src/components/layout/Accordion/AccordionItem.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAcA;AAEO;AAUL;;AAGA;;;AAGE;;AAGF;AAaF;AAEA;;"}