entangle-ui 0.9.0 → 0.10.0

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

@@ -0,0 +1,95 @@
+"use client";
+import { useRef, useState, useCallback, useLayoutEffect, useEffect } from 'react';
+import { useLatest } from '../../../hooks/useLatest/useLatest.js';
+
+/**
+ * Follow-tail behavior for a scrollable log body.
+ *
+ * - While `follow` is on, the viewport snaps to the bottom whenever the entry
+ *   count changes (a genuine scroll-position sync → `useLayoutEffect`).
+ * - A manual scroll **up** detaches (`setFollow(false)`); scrolling back to the
+ *   bottom re-attaches. "At bottom" is read from live scroll metrics, never
+ *   from mirrored state, so it can't drift.
+ * - Programmatic snaps are flagged so they don't read as a manual scroll.
+ *
+ * This logic is intentionally colocated with LogView (single consumer); promote
+ * it to `src/hooks/` only if a second component needs it.
+ */
+function useFollowTail({ scrollRef, follow, setFollow, entryCount, threshold = 8, }) {
+    const followRef = useLatest(follow);
+    const setFollowRef = useLatest(setFollow);
+    const entryCountRef = useLatest(entryCount);
+    const isAutoScrollingRef = useRef(false);
+    const resetRafRef = useRef(0);
+    // Entry count captured at the moment of detach; `null` until the user
+    // actually scrolls away (so a consumer starting with follow=false doesn't
+    // miscount every existing line as "new"). The badge shows entryCount - this.
+    const [detachedAtCount, setDetachedAtCount] = useState(null);
+    const performScrollToBottom = useCallback(() => {
+        const el = scrollRef.current;
+        if (!el)
+            return;
+        isAutoScrollingRef.current = true;
+        el.scrollTop = el.scrollHeight;
+        if (typeof requestAnimationFrame === 'function') {
+            cancelAnimationFrame(resetRafRef.current);
+            resetRafRef.current = requestAnimationFrame(() => {
+                isAutoScrollingRef.current = false;
+            });
+        }
+        else {
+            isAutoScrollingRef.current = false;
+        }
+    }, [scrollRef]);
+    // Snap to bottom on mount and whenever the entry count changes while attached.
+    useLayoutEffect(() => {
+        if (!follow)
+            return;
+        performScrollToBottom();
+    }, [follow, entryCount, performScrollToBottom]);
+    // Detach on manual scroll-up; re-attach on scroll-to-bottom. Listener attaches
+    // once and reads live values through refs.
+    useEffect(() => {
+        const el = scrollRef.current;
+        if (!el)
+            return;
+        const handleScroll = () => {
+            if (isAutoScrollingRef.current)
+                return;
+            const atBottom = el.scrollHeight - el.clientHeight - el.scrollTop <= threshold;
+            if (atBottom) {
+                if (!followRef.current) {
+                    setDetachedAtCount(null);
+                    setFollowRef.current(true);
+                }
+            }
+            else if (followRef.current) {
+                setDetachedAtCount(entryCountRef.current);
+                setFollowRef.current(false);
+            }
+        };
+        el.addEventListener('scroll', handleScroll, { passive: true });
+        return () => {
+            el.removeEventListener('scroll', handleScroll);
+        };
+    }, [scrollRef, threshold, followRef, setFollowRef, entryCountRef]);
+    useEffect(() => {
+        return () => {
+            if (typeof cancelAnimationFrame === 'function') {
+                cancelAnimationFrame(resetRafRef.current);
+            }
+        };
+    }, []);
+    const scrollToBottom = useCallback(() => {
+        performScrollToBottom();
+        setDetachedAtCount(null);
+        setFollowRef.current(true);
+    }, [performScrollToBottom, setFollowRef]);
+    const newSinceDetach = follow || detachedAtCount === null
+        ? 0
+        : Math.max(0, entryCount - detachedAtCount);
+    return { scrollToBottom, isDetached: !follow, newSinceDetach };
+}
+
+export { useFollowTail };
+//# sourceMappingURL=useFollowTail.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFollowTail.js","sources":["../../../../../../src/components/feedback/LogView/useFollowTail.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAoCA;;;;;;;;;;;;AAYG;AACG;AAOJ;AACA;AACA;AAEA;AACA;;;;;AAOA;AACE;AACA;;AACA;AACA;AACA;AACE;AACA;AACE;AACF;;;AAEA;;AAEJ;;;AAIE;;AACA;;;;;AAMA;AACA;;;;;AAIE;;AAGE;;AAEE;;;AAEG;AACL;AACA;;AAEJ;AAEA;AACA;AACE;AACF;AACF;;AAGE;AACE;AACE;;AAEJ;;AAGF;AACE;;AAEA;AACF;AAEA;AAEI;;;AAIN;;"}

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.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 { 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';

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

@@ -1 +1 @@
-{"version":3,"file":"SkeletonLayout.js","sources":["../../../../../../src/components/feedback/Skeleton/SkeletonLayout.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;AA2BA;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;;"}
+{"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.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stat.js","sources":["../../../../../../src/components/feedback/Stat/Stat.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAwBA;AACE;AACA;AACA;;AAGF;;AAKI;;AAEF;;AAEE;;;AAGA;;;AAGJ;AAEA;AACE;AAUF;AAEA;AACE;;AAEA;AASF;AAEA;;;;;;;;;;;;;;;;AAgBG;AACI;AA8BP;;"}
+{"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,7 +1,7 @@
 "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';
@@ -35,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';
@@ -71,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 }) }), 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({
+    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":";;;;;;;;;;;AAuBA;AAEA;;AAEI;AACE;AACF;AACE;AACF;AACE;AACF;AACE;;AAEN;AASA;;;;;;;AAOG;AACI;;;AAiBL;AACA;;;;;AAOA;AACE;AACE;AACA;;;AAIJ;;;AAEE;AACA;AACA;;AAEA;;AAGF;;;;AAGE;;AAEF;AAEA;;;;AAGE;AACF;;AAGE;AACA;AACF;AAEA;AAyCU;;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 ---

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;AACI;AAiBL;AAEA;AAGA;;AAEE;;AAGF;;AAII;;AAGE;AACE;AACA;;;;;;;AAKA;;;;;;;AASF;;;;;AAIJ;AAIF;;;;;AAKE;;AAGF;AACE;AACE;;AAEF;AACA;;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;;"}

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

@@ -2,8 +2,8 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useCallback } from 'react';
 import { ChevronRightIcon } from '../../Icons/ChevronRightIcon.js';
-import { useAccordionContext, useAccordionItemContext } from './Accordion.js';
 import { cx } from '../../../utils/cx.js';
+import { useAccordionContext, useAccordionItemContext } from './Accordion.js';
 import { chevronExpanded, chevronCollapsed, chevronStyle, iconArea, actionsArea, triggerButton } from './Accordion.css.js';
 
 const CHEVRON_SIZE_MAP = {
@@ -23,14 +23,19 @@ const AccordionTrigger = ({ children, icon, actions, indicator, className, style
             toggleItem(value);
         }
     }, [isDisabled, toggleItem, value]);
+    // Prevent clicks/keypresses originating from the actions area (which hosts
+    // its own interactive controls) from bubbling up and toggling the accordion.
     const handleActionsClick = useCallback((e) => {
         e.stopPropagation();
     }, []);
+    const handleActionsKeyDown = useCallback((e) => {
+        e.stopPropagation();
+    }, []);
     const showIndicator = indicator !== null;
     return (jsxs("button", { ref: ref, type: "button", id: triggerId, "aria-expanded": isExpanded, "aria-controls": contentId, "aria-disabled": isDisabled || undefined, disabled: isDisabled, onClick: handleClick, className: cx(triggerButton({ variant, size, disabled: isDisabled }), className), style: style, "data-testid": testId, ...rest, children: [showIndicator && (jsx("span", { className: cx(chevronStyle, isExpanded ? chevronExpanded : chevronCollapsed), style: {
                     width: `${sizeConfig.chevronSize}px`,
                     height: `${sizeConfig.chevronSize}px`,
-                }, children: indicator ?? (jsx(ChevronRightIcon, { size: sizeConfig.chevronSize, decorative: true })) })), icon && jsx("span", { className: iconArea, children: icon }), jsx("span", { children: children }), actions && (jsx("span", { className: actionsArea, onClick: handleActionsClick, children: actions }))] }));
+                }, children: indicator ?? (jsx(ChevronRightIcon, { size: sizeConfig.chevronSize, decorative: true })) })), icon && jsx("span", { className: iconArea, children: icon }), jsx("span", { children: children }), actions && (jsx("span", { className: actionsArea, role: "presentation", onClick: handleActionsClick, onKeyDown: handleActionsKeyDown, children: actions }))] }));
 };
 AccordionTrigger.displayName = 'AccordionTrigger';
 

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

@@ -1 +1 @@
-{"version":3,"file":"AccordionTrigger.js","sources":["../../../../../../src/components/layout/Accordion/AccordionTrigger.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;AAsBA;AACE;AACA;AACA;;AAGF;AAEO;AAWL;;AAEA;AAEA;AACA;AAEA;;;;;AAMA;;;AAIA;AAEA;AAyBU;AACA;;AAiBZ;AAEA;;"}
+{"version":3,"file":"AccordionTrigger.js","sources":["../../../../../../src/components/layout/Accordion/AccordionTrigger.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;AAyBA;AACE;AACA;AACA;;AAGF;AAEO;AAWL;;AAEA;AAEA;AACA;AAEA;;;;;;;AAQA;;;AAIA;;;AAIA;AAEA;AAyBU;AACA;;AAsBZ;AAEA;;"}

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useCallback } from 'react';
 import { assignInlineVars } from '@vanilla-extract/dynamic';
+import { useCallback } from 'react';
 import { cx } from '../../../utils/cx.js';
 import { cardRecipe, cardHeaderLeadingStyle, cardHeaderTextStyle, cardHeaderTitleStyle, cardHeaderSubtitleStyle, cardHeaderTrailingStyle, cardHeaderStyle, cardMediaImageStyle, cardMediaAspectVar, cardMediaStyle, cardBodyStyle, cardFooterStyle } from './Card.css.js';
 
@@ -29,7 +29,7 @@ import { cardRecipe, cardHeaderLeadingStyle, cardHeaderTextStyle, cardHeaderTitl
 const CardRoot = ({ variant = 'outlined', onClick, selected = false, disabled = false, className, style, testId, children, ref, ...rest }) => {
     const interactive = onClick !== undefined && !disabled;
     const handleKeyDown = useCallback((event) => {
-        if (!interactive || !onClick)
+        if (!interactive)
             return;
         if (event.key === 'Enter' || event.key === ' ') {
             event.preventDefault();

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

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../../../../../src/components/layout/Card/Card.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAkCA;;;;;;;;;;;;;;;;;;;;AAoBG;AACH;;AAcE;AAEI;;AACA;;;;AAIF;;;;;;AAaK;AAgBT;AAEA;AAEA;AAgCA;AAEA;AAeM;AACA;AACD;AAYL;AAEA;AAmBA;AAEA;AAoBA;;AAGE;AACA;AACA;AACA;AACD;;"}
+{"version":3,"file":"Card.js","sources":["../../../../../../src/components/layout/Card/Card.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAqCA;;;;;;;;;;;;;;;;;;;;AAoBG;AACH;;AAcE;AAEI;;AACA;;;;AAIF;;;;;;AAaK;AAgBT;AAEA;AAEA;AAgCA;AAEA;AAeM;AACA;AACD;AAYL;AAEA;AAmBA;AAEA;AAoBA;;AAGE;AACA;AACA;AACA;AACD;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Divider.js","sources":["../../../../../../src/components/layout/Divider/Divider.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAWA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGF;;AAC6B;;AACM;AACjC;AACF;AAEA;;;;;;;;;;;;;AAaG;AACI;AAYH;AACA;;;AAKA;;;AAgBA;AAWF;AAGF;;"}
+{"version":3,"file":"Divider.js","sources":["../../../../../../src/components/layout/Divider/Divider.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAcA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGF;;AAC6B;;AACM;AACjC;AACF;AAEA;;;;;;;;;;;;;AAaG;AACI;AAYH;AACA;;;AAKA;;;AAgBA;AAWF;AAGF;;"}

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { cx } from '../../../utils/cx.js';
 import { assignInlineVars } from '@vanilla-extract/dynamic';
+import { cx } from '../../../utils/cx.js';
 import { basisVar, shrinkVar, growVar, gapVar, flexRecipe } from './Flex.css.js';
 
 /** Base spacing unit in px */

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

@@ -1 +1 @@
-{"version":3,"file":"Flex.js","sources":["../../../../../../src/components/layout/Flex/Flex.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAkMA;AACA;AAEA;;AAEG;AACH;AACE;AACE;;AAEF;AACF;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DG;AACI;AA0BL;AAEA;AACE;;AAEE;AACA;;;;AAIA;AACI;AAED;;;AAGH;;AAEF;;;;AAKF;AAAQ;AACR;AAAQ;AACR;AAAQ;AACR;AAAQ;;;;;;;;;AAcD;AAWT;AAEA;;"}
+{"version":3,"file":"Flex.js","sources":["../../../../../../src/components/layout/Flex/Flex.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAqMA;AACA;AAEA;;AAEG;AACH;AACE;AACE;;AAEF;AACF;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DG;AACI;AA0BL;AAEA;AACE;;AAEE;AACA;;;;AAIA;AACI;AAED;;;AAGH;;AAEF;;;;AAKF;AAAQ;AACR;AAAQ;AACR;AAAQ;AACR;AAAQ;;;;;;;;;AAcD;AAWT;AAEA;;"}

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { cx } from '../../../utils/cx.js';
 import { assignInlineVars } from '@vanilla-extract/dynamic';
+import { cx } from '../../../utils/cx.js';
 import { columnsVar, gapVar, gridContainer, gridItem } from './Grid.css.js';
 
 /** Base spacing unit in px */

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

@@ -28,7 +28,7 @@ const ListItem = /*#__PURE__*/ React.memo(({ onClick, leading, trailing, selecte
             return;
         if (event.key === 'Enter' || event.key === ' ') {
             event.preventDefault();
-            onClick?.(event);
+            onClick(event);
         }
     }, [clickable, onClick]);
     return (jsxs("div", { ref: ref, role: clickable ? 'button' : undefined, tabIndex: clickable ? 0 : undefined, "aria-disabled": disabled || undefined, "data-disabled": disabled ? 'true' : 'false', "data-selected": selected ? 'true' : undefined, "data-active": active ? 'true' : undefined, onClick: clickable ? onClick : undefined, onKeyDown: handleKeyDown, className: cx(listItemRecipe({

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

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","sources":["../../../../../../src/components/layout/ListItem/ListItem.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAYA;;;;;;;;;;;;;;;;AAgBG;;;AAmBC;AAEI;;AACA;;AAEE;;AAIJ;AAIF;;;;;;AAkBO;AAYT;AAGF;;"}
+{"version":3,"file":"ListItem.js","sources":["../../../../../../src/components/layout/ListItem/ListItem.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAeA;;;;;;;;;;;;;;;;AAgBG;;;AAmBC;AAEI;;AACA;;;;AAIF;AAIF;;;;;;AAkBO;AAYT;AAGF;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"PageHeader.js","sources":["../../../../../../src/components/layout/PageHeader/PageHeader.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAeA;;;;;;;;;;;;;;;AAeG;AACI;;AAsCL;AAGF;;"}
+{"version":3,"file":"PageHeader.js","sources":["../../../../../../src/components/layout/PageHeader/PageHeader.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAkBA;;;;;;;;;;;;;;;AAeG;AACI;;AAsCL;AAGF;;"}

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

@@ -1,10 +1,10 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { assignInlineVars } from '@vanilla-extract/dynamic';
 import { useMemo, createContext, useContext } from 'react';
+import { vars } from '../../../theme/contract.css.js';
 import { cx } from '../../../utils/cx.js';
-import { assignInlineVars } from '@vanilla-extract/dynamic';
 import { backgroundVar, rootBordered, rootNoBorder, rootStyle, footerRecipe, bodyScrollable, bodyHidden, bodyStyle, headerActions, headerRecipe } from './PanelSurface.css.js';
-import { vars } from '../../../theme/contract.css.js';
 
 const PanelSurfaceContext = 
 /*#__PURE__*/ createContext({
@@ -17,7 +17,7 @@ const PanelSurfaceHeader = ({ children, actions, className, style, testId, ref,
 };
 PanelSurfaceHeader.displayName = 'PanelSurface.Header';
 const PanelSurfaceBody = ({ children, scroll = false, padding = 0, className, style, testId, ref, ...rest }) => {
-    const resolvedPadding = typeof padding === 'number' ? `${padding}px` : String(padding);
+    const resolvedPadding = typeof padding === 'number' ? `${padding}px` : padding;
     const mergedStyle = {
         padding: resolvedPadding,
         ...style,

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

@@ -1 +1 @@
-{"version":3,"file":"PanelSurface.js","sources":["../../../../../../src/components/layout/PanelSurface/PanelSurface.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;AA0BA;AACE;AACE;AACD;AAEH;AAEA;AASE;;AAcF;AAEA;AAEA;AAUE;AAGA;AACE;AACA;;AAGF;AAWF;AAEA;AAEA;AAQE;AAEA;AAWF;AAEA;AAEA;AAWE;AAEA;AACE;;;AAGA;;;AAoBJ;AAEA;AAEO;AACL;AACA;AACA;AACD;;"}
+{"version":3,"file":"PanelSurface.js","sources":["../../../../../../src/components/layout/PanelSurface/PanelSurface.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;AA6BA;AACE;AACE;AACD;AAEH;AAEA;AASE;;AAcF;AAEA;AAEA;AAUE;AAGA;AACE;AACA;;AAGF;AAWF;AAEA;AAEA;AAQE;AAEA;AAWF;AAEA;AAEA;AAWE;AAEA;AACE;;;AAGA;;;AAoBJ;AAEA;AAEO;AACL;AACA;AACA;AACD;;"}