@mindlogic-ai/logician-ui 4.0.0-alpha.9 → 4.0.0

package/dist/components/ExpandableText/useExpandableText.mjs

@@ -1,83 +1,85 @@
 "use client";
-import { useState, useMemo, useCallback, isValidElement } from 'react';
+import { useRef, useState, useLayoutEffect, useEffect, useCallback } from 'react';
+import { MOTION_DURATION_MS } from '../../theme/motion.mjs';
 
-// Utility function to extract text content from ReactNode
-const getTextContent = (node) => {
-    if (typeof node === 'string' || typeof node === 'number') {
-        return String(node);
-    }
-    if (Array.isArray(node)) {
-        return node.map(getTextContent).join('');
-    }
-    if (isValidElement(node)) {
-        return getTextContent(node.props.children);
-    }
-    return '';
-};
-// Utility function to truncate ReactNode content while preserving structure
-const truncateReactNode = (node, charLimit, currentLength = 0) => {
-    if (currentLength >= charLimit) {
-        return { truncated: null, length: currentLength };
-    }
-    if (typeof node === 'string' || typeof node === 'number') {
-        const text = String(node);
-        const remainingChars = charLimit - currentLength;
-        if (text.length <= remainingChars) {
-            return { truncated: node, length: currentLength + text.length };
-        }
-        return {
-            truncated: text.slice(0, remainingChars) + '…',
-            length: charLimit,
-        };
-    }
-    if (Array.isArray(node)) {
-        const truncatedChildren = [];
-        let totalLength = currentLength;
-        for (const child of node) {
-            if (totalLength >= charLimit)
-                break;
-            const { truncated, length } = truncateReactNode(child, charLimit, totalLength);
-            if (truncated !== null) {
-                truncatedChildren.push(truncated);
-            }
-            totalLength = length;
-        }
-        return { truncated: truncatedChildren, length: totalLength };
-    }
-    if (isValidElement(node)) {
-        const { truncated: truncatedChildren, length } = truncateReactNode(node.props.children, charLimit, currentLength);
-        if (truncatedChildren === null) {
-            return { truncated: null, length };
-        }
-        return {
-            truncated: {
-                ...node,
-                props: {
-                    ...node.props,
-                    children: truncatedChildren,
-                },
-            },
-            length,
-        };
-    }
-    return { truncated: node, length: currentLength };
-};
-const useExpandableText = (children, charLimit = 100) => {
+/**
+ * Whether the OS is asking for less movement, read when it matters rather than
+ * subscribed to — this only decides how long to wait before tidying up, and a
+ * member who flips the setting mid-click is not a case worth a listener for.
+ */
+const prefersReducedMotion = () => typeof window !== 'undefined' &&
+    window.matchMedia?.('(prefers-reduced-motion: reduce)').matches;
+/** Two frames, so React has committed the first value before the second lands. */
+const afterPaint = (fn) => requestAnimationFrame(() => requestAnimationFrame(fn));
+/**
+ * Collapsed/expanded state for text clipped to a number of lines.
+ *
+ * Both states render the same children and the clipping is a `max-height`, which
+ * is what makes the change animatable at all — the previous character-count
+ * version swapped one node tree for another, so there was never anything on the
+ * page for a transition to reveal.
+ *
+ * ## Why not `-webkit-line-clamp`
+ *
+ * The clamp would give the cut line an ellipsis, but it takes the height with
+ * it: under a clamp `scrollHeight` collapses to the clipped height, so there is
+ * no way left to ask whether anything is hidden, and the link that opens the
+ * text can never appear. A `max-height` of whole `lh` units cuts on the same
+ * line boundary, keeps `scrollHeight` honest, and is the thing being animated
+ * anyway.
+ *
+ * ## Why two commits per direction
+ *
+ * `max-height` only animates between two lengths, and each direction begins on a
+ * value that is not one. Opening ends at `none` so a later reflow — a resize, a
+ * font swap — is not trapped under a stale pixel count; closing therefore has to
+ * pin the height it is leaving for one frame before releasing it.
+ */
+const useExpandableText = (lineClamp) => {
+    const contentRef = useRef(null);
+    const settleTimer = useRef(undefined);
     const [isExpanded, setIsExpanded] = useState(false);
-    const textContent = useMemo(() => getTextContent(children), [children]);
-    const isLong = textContent.length > charLimit;
-    const displayText = useMemo(() => {
-        if (isExpanded || !isLong)
-            return children;
-        const { truncated } = truncateReactNode(children, charLimit);
-        return truncated;
-    }, [isExpanded, isLong, children, charLimit]);
+    /** `undefined` means "rest at the line multiple" — see the component. */
+    const [maxHeight, setMaxHeight] = useState();
+    /** Until we know something is hidden, no link is offered. */
+    const [isOverflowing, setIsOverflowing] = useState(false);
+    useLayoutEffect(() => {
+        const el = contentRef.current;
+        if (!el)
+            return;
+        // Only meaningful while collapsed; open, the two heights are equal.
+        const check = () => {
+            if (!isExpanded)
+                setIsOverflowing(el.scrollHeight > el.clientHeight + 1);
+        };
+        check();
+        // How many lines the text takes depends on width, so a resize can create or
+        // remove the overflow entirely.
+        const observer = new ResizeObserver(check);
+        observer.observe(el);
+        return () => observer.disconnect();
+    }, [lineClamp, isExpanded]);
+    useEffect(() => () => clearTimeout(settleTimer.current), []);
     const handleToggle = useCallback((event) => {
         event.preventDefault();
         event.stopPropagation();
-        setIsExpanded((prev) => !prev);
+        const el = contentRef.current;
+        if (!el)
+            return;
+        clearTimeout(settleTimer.current);
+        const settle = prefersReducedMotion() ? 0 : MOTION_DURATION_MS.base;
+        setIsExpanded((wasExpanded) => {
+            if (wasExpanded) {
+                setMaxHeight(`${el.scrollHeight}px`); // pin the height being left
+                afterPaint(() => setMaxHeight(undefined)); // → line multiple; animates
+                return false;
+            }
+            setMaxHeight(`${el.scrollHeight}px`); // full height; animates open
+            settleTimer.current = setTimeout(() => setMaxHeight('none'), settle);
+            return true;
+        });
     }, []);
-    return { isExpanded, isLong, displayText, handleToggle };
+    return { contentRef, isExpanded, isOverflowing, maxHeight, handleToggle };
 };
 
 export { useExpandableText };

package/dist/components/ExpandableText/useExpandableText.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useExpandableText.mjs","sources":["../../../src/components/ExpandableText/useExpandableText.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
+{"version":3,"file":"useExpandableText.mjs","sources":["../../../src/components/ExpandableText/useExpandableText.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAUA;;;;AAIG;AACH,MAAM,oBAAoB,GAAG,MAC3B,OAAO,MAAM,KAAK,WAAW;IAC7B,MAAM,CAAC,UAAU,GAAG,kCAAkC,CAAC,CAAC,OAAO;AAEjE;AACA,MAAM,UAAU,GAAG,CAAC,EAAc,KAChC,qBAAqB,CAAC,MAAM,qBAAqB,CAAC,EAAE,CAAC,CAAC;AAExD;;;;;;;;;;;;;;;;;;;;;;;AAuBG;AACI,MAAM,iBAAiB,GAAG,CAAC,SAAiB,KAAI;AACrD,IAAA,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC;AAC/C,IAAA,MAAM,WAAW,GAAG,MAAM,CAAgC,SAAS,CAAC;IAEpE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;;IAEnD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,EAAU;;IAEpD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAEzD,eAAe,CAAC,MAAK;AACnB,QAAA,MAAM,EAAE,GAAG,UAAU,CAAC,OAAO;AAC7B,QAAA,IAAI,CAAC,EAAE;YAAE;;QAGT,MAAM,KAAK,GAAG,MAAK;AACjB,YAAA,IAAI,CAAC,UAAU;gBAAE,gBAAgB,CAAC,EAAE,CAAC,YAAY,GAAG,EAAE,CAAC,YAAY,GAAG,CAAC,CAAC;AAC1E,QAAA,CAAC;AACD,QAAA,KAAK,EAAE;;;AAIP,QAAA,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,KAAK,CAAC;AAC1C,QAAA,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;AACpB,QAAA,OAAO,MAAM,QAAQ,CAAC,UAAU,EAAE;AACpC,IAAA,CAAC,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;AAE3B,IAAA,SAAS,CAAC,MAAM,MAAM,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC;AAE5D,IAAA,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,KAAuB,KAAI;QAC3D,KAAK,CAAC,cAAc,EAAE;QACtB,KAAK,CAAC,eAAe,EAAE;AAEvB,QAAA,MAAM,EAAE,GAAG,UAAU,CAAC,OAAO;AAC7B,QAAA,IAAI,CAAC,EAAE;YAAE;AACT,QAAA,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC;AAEjC,QAAA,MAAM,MAAM,GAAG,oBAAoB,EAAE,GAAG,CAAC,GAAG,kBAAkB,CAAC,IAAI;AAEnE,QAAA,aAAa,CAAC,CAAC,WAAW,KAAI;YAC5B,IAAI,WAAW,EAAE;gBACf,YAAY,CAAC,GAAG,EAAE,CAAC,YAAY,CAAA,EAAA,CAAI,CAAC,CAAC;gBACrC,UAAU,CAAC,MAAM,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC;AAC1C,gBAAA,OAAO,KAAK;YACd;YAEA,YAAY,CAAC,GAAG,EAAE,CAAC,YAAY,CAAA,EAAA,CAAI,CAAC,CAAC;AACrC,YAAA,WAAW,CAAC,OAAO,GAAG,UAAU,CAAC,MAAM,YAAY,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;AACpE,YAAA,OAAO,IAAI;AACb,QAAA,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC;IAEN,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,EAAE,YAAY,EAAE;AAC3E;;;;"}

package/dist/components/FileInput/FileInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileInput.d.ts","sourceRoot":"","sources":["../../../src/components/FileInput/FileInput.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,SAAS;;;;;;oDA8FrB,CAAC"}
+{"version":3,"file":"FileInput.d.ts","sourceRoot":"","sources":["../../../src/components/FileInput/FileInput.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,SAAS;;;;;;oDA0GrB,CAAC"}

package/dist/components/FileInput/FileInput.js

@@ -6,6 +6,7 @@ var React = require('react');
 var react = require('@chakra-ui/react');
 var index = require('../Icon/index.js');
 var Spinner = require('../Spinner/Spinner.js');
+require('../Typography/Caption.js');
 require('../Typography/H1.js');
 require('../Typography/H2.js');
 require('../Typography/H3.js');
@@ -23,7 +24,16 @@ const FileInput = React.forwardRef(({ fileInputLabel, containerStyle = {}, bgIma
     const handleChange = (event) => {
         onChange(event.currentTarget.files);
     };
-    return (jsxRuntime.jsx(react.Flex, { role: "button", w: "100%", h: "100%", maxH: 32, flexDir: "column", align: "center", justify: "center", border: "1px dashed", borderColor: "border.default", position: "relative", overflow: "hidden", borderRadius: "md", ...containerStyle, children: jsxRuntime.jsxs("label", { role: "group", style: { width: '100%', height: '100%', cursor: 'pointer' }, children: [bgImage && (jsxRuntime.jsx(react.Box, { position: "absolute", top: "0", left: "0", right: "0", bottom: "0", backgroundImage: bgImage, backgroundSize: "cover", backgroundPosition: "center", filter: "grayscale(50%) brightness(80%)", zIndex: "-1" })), jsxRuntime.jsx(react.Input, { type: "file", hidden: true, ref: ref, onChange: handleChange, ...rest }), jsxRuntime.jsx(react.Flex, { w: "100%", h: "100%", p: 7, flexDir: "column", justify: "center", align: "center", bgColor: "color-mix(in srgb, var(--chakra-colors-bg-surface) 85%, transparent)", opacity: bgImage ? 0 : 1, transition: "ease-in", _groupHover: { opacity: 1 }, children: isLoading ? (jsxRuntime.jsx(Spinner.Spinner, {})) : (jsxRuntime.jsxs(react.Flex, { w: "100%", flexDir: "column", align: "center", justify: "center", children: [jsxRuntime.jsx(react.Box, { borderRadius: "lg", bgColor: bgImage ? 'transparent' : 'bg.muted', p: 3, mb: 2, w: "fit-content", children: jsxRuntime.jsx(index.LuUpload, { color: bgImage ? 'fg.default' : 'fg.subtle' }) }), jsxRuntime.jsx(Text.Text, { color: bgImage ? 'fg.default' : 'fg.subtle', children: fileInputLabel || translate('upload_your_file') })] })) })] }) }));
+    return (
+    // No `role="button"` on this wrapper. It is not a button — the `<label>`
+    // inside is what activates the file input — and claiming the role put an
+    // interactive element inside another (axe `nested-interactive`), which is
+    // a state screen readers have no sensible way to announce
+    // (KWCAG 2.1 5.4.2.1 웹 애플리케이션 접근성 준수).
+    jsxRuntime.jsx(react.Flex, { w: "100%", h: "100%", maxH: 32, flexDir: "column", align: "center", justify: "center", border: "1px dashed", borderColor: "border.default", position: "relative", overflow: "hidden", borderRadius: "md", ...containerStyle, children: jsxRuntime.jsxs("label", { className: "group", style: { width: '100%', height: '100%', cursor: 'pointer' }, children: [bgImage && (jsxRuntime.jsx(react.Box, { position: "absolute", top: "0", left: "0", right: "0", bottom: "0", backgroundImage: bgImage, backgroundSize: "cover", backgroundPosition: "center", filter: "grayscale(50%) brightness(80%)", zIndex: "-1" })), jsxRuntime.jsx(react.Input, { type: "file", hidden: true, ref: ref, onChange: handleChange, ...rest }), jsxRuntime.jsx(react.Flex, { w: "100%", h: "100%", p: 7, flexDir: "column", justify: "center", align: "center", bgColor: "color-mix(in srgb, var(--chakra-colors-bg-surface) 85%, transparent)", opacity: bgImage ? 0 : 1, 
+                    // Was `transition="ease-in"` — a shorthand with only a timing
+                    // function resolves to 0s, so the hover fade snapped in one frame.
+                    animationStyle: "feedback", transitionProperty: "opacity", _groupHover: { opacity: 1 }, children: isLoading ? (jsxRuntime.jsx(Spinner.Spinner, {})) : (jsxRuntime.jsxs(react.Flex, { w: "100%", flexDir: "column", align: "center", justify: "center", children: [jsxRuntime.jsx(react.Box, { borderRadius: "lg", bgColor: bgImage ? 'transparent' : 'bg.muted', p: 3, mb: 2, w: "fit-content", children: jsxRuntime.jsx(index.UploadIcon, { color: bgImage ? 'fg.default' : 'fg.subtle' }) }), jsxRuntime.jsx(Text.Text, { color: bgImage ? 'fg.default' : 'fg.subtle', children: fileInputLabel || translate('upload_your_file') })] })) })] }) }));
 });
 FileInput.displayName = 'FileInput';
 

package/dist/components/FileInput/FileInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileInput.js","sources":["../../../src/components/FileInput/FileInput.tsx"],"sourcesContent":[null],"names":["forwardRef","useTranslate","_jsx","Flex","_jsxs","Box","Input","Spinner","LuUpload","Text"],"mappings":"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"}
+{"version":3,"file":"FileInput.js","sources":["../../../src/components/FileInput/FileInput.tsx"],"sourcesContent":[null],"names":["forwardRef","useTranslate","_jsx","Flex","_jsxs","Box","Input","Spinner","UploadIcon","Text"],"mappings":"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"}

package/dist/components/FileInput/FileInput.mjs

@@ -2,8 +2,9 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Flex, Box, Input } from '@chakra-ui/react';
-import { LuUpload } from '../Icon/index.mjs';
+import { UploadIcon } from '../Icon/index.mjs';
 import { Spinner } from '../Spinner/Spinner.mjs';
+import '../Typography/Caption.mjs';
 import '../Typography/H1.mjs';
 import '../Typography/H2.mjs';
 import '../Typography/H3.mjs';
@@ -21,7 +22,16 @@ const FileInput = forwardRef(({ fileInputLabel, containerStyle = {}, bgImage, on
     const handleChange = (event) => {
         onChange(event.currentTarget.files);
     };
-    return (jsx(Flex, { role: "button", w: "100%", h: "100%", maxH: 32, flexDir: "column", align: "center", justify: "center", border: "1px dashed", borderColor: "border.default", position: "relative", overflow: "hidden", borderRadius: "md", ...containerStyle, children: jsxs("label", { role: "group", style: { width: '100%', height: '100%', cursor: 'pointer' }, children: [bgImage && (jsx(Box, { position: "absolute", top: "0", left: "0", right: "0", bottom: "0", backgroundImage: bgImage, backgroundSize: "cover", backgroundPosition: "center", filter: "grayscale(50%) brightness(80%)", zIndex: "-1" })), jsx(Input, { type: "file", hidden: true, ref: ref, onChange: handleChange, ...rest }), jsx(Flex, { w: "100%", h: "100%", p: 7, flexDir: "column", justify: "center", align: "center", bgColor: "color-mix(in srgb, var(--chakra-colors-bg-surface) 85%, transparent)", opacity: bgImage ? 0 : 1, transition: "ease-in", _groupHover: { opacity: 1 }, children: isLoading ? (jsx(Spinner, {})) : (jsxs(Flex, { w: "100%", flexDir: "column", align: "center", justify: "center", children: [jsx(Box, { borderRadius: "lg", bgColor: bgImage ? 'transparent' : 'bg.muted', p: 3, mb: 2, w: "fit-content", children: jsx(LuUpload, { color: bgImage ? 'fg.default' : 'fg.subtle' }) }), jsx(Text, { color: bgImage ? 'fg.default' : 'fg.subtle', children: fileInputLabel || translate('upload_your_file') })] })) })] }) }));
+    return (
+    // No `role="button"` on this wrapper. It is not a button — the `<label>`
+    // inside is what activates the file input — and claiming the role put an
+    // interactive element inside another (axe `nested-interactive`), which is
+    // a state screen readers have no sensible way to announce
+    // (KWCAG 2.1 5.4.2.1 웹 애플리케이션 접근성 준수).
+    jsx(Flex, { w: "100%", h: "100%", maxH: 32, flexDir: "column", align: "center", justify: "center", border: "1px dashed", borderColor: "border.default", position: "relative", overflow: "hidden", borderRadius: "md", ...containerStyle, children: jsxs("label", { className: "group", style: { width: '100%', height: '100%', cursor: 'pointer' }, children: [bgImage && (jsx(Box, { position: "absolute", top: "0", left: "0", right: "0", bottom: "0", backgroundImage: bgImage, backgroundSize: "cover", backgroundPosition: "center", filter: "grayscale(50%) brightness(80%)", zIndex: "-1" })), jsx(Input, { type: "file", hidden: true, ref: ref, onChange: handleChange, ...rest }), jsx(Flex, { w: "100%", h: "100%", p: 7, flexDir: "column", justify: "center", align: "center", bgColor: "color-mix(in srgb, var(--chakra-colors-bg-surface) 85%, transparent)", opacity: bgImage ? 0 : 1, 
+                    // Was `transition="ease-in"` — a shorthand with only a timing
+                    // function resolves to 0s, so the hover fade snapped in one frame.
+                    animationStyle: "feedback", transitionProperty: "opacity", _groupHover: { opacity: 1 }, children: isLoading ? (jsx(Spinner, {})) : (jsxs(Flex, { w: "100%", flexDir: "column", align: "center", justify: "center", children: [jsx(Box, { borderRadius: "lg", bgColor: bgImage ? 'transparent' : 'bg.muted', p: 3, mb: 2, w: "fit-content", children: jsx(UploadIcon, { color: bgImage ? 'fg.default' : 'fg.subtle' }) }), jsx(Text, { color: bgImage ? 'fg.default' : 'fg.subtle', children: fileInputLabel || translate('upload_your_file') })] })) })] }) }));
 });
 FileInput.displayName = 'FileInput';
 

package/dist/components/FileInput/FileInput.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FileInput.mjs","sources":["../../../src/components/FileInput/FileInput.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"FileInput.mjs","sources":["../../../src/components/FileInput/FileInput.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/components/FileItem/FileItem.js

@@ -8,6 +8,7 @@ var index = require('../Icon/index.js');
 var IconButton = require('../IconButton/IconButton.js');
 require('../IconButton/IconButton.styles.js');
 var ProgressBar = require('../ProgressBar/ProgressBar.js');
+require('../Typography/Caption.js');
 require('../Typography/H1.js');
 require('../Typography/H2.js');
 require('../Typography/H3.js');
@@ -36,7 +37,7 @@ const FileItem = ({ fileName, error, onFileDownload, onFileDelete, progress, fil
             left: 0,
             width: '3px',
             backgroundColor: error ? errorColor : 'transparent',
-        }, ...rest, children: [jsxRuntime.jsxs(react.Flex, { w: "60%", alignItems: "center", gap: 2, children: [jsxRuntime.jsx(react.Box, { minW: 5, children: jsxRuntime.jsx(index.CiFileOn, { color: error ? errorColor : 'fg.muted' }) }), jsxRuntime.jsx(Text.Text, { truncate: true, color: error ? errorColor : undefined, children: fileName })] }), jsxRuntime.jsxs(react.Flex, { align: "center", gap: 2, flex: 1, children: [error ? (jsxRuntime.jsx(react.Flex, { w: "100%", justify: "flex-end", align: "center", gap: 2, children: jsxRuntime.jsx(Tooltip.Tooltip, { content: error, placement: "top", children: jsxRuntime.jsx(index.MdError, { color: errorColor }) }) })) : (jsxRuntime.jsx(react.Box, { w: "100%", children: isUploadingFile && (jsxRuntime.jsxs(react.Flex, { align: "center", justify: "flex-end", gap: 2, children: [jsxRuntime.jsxs(Subtext.Subtext, { children: [progress, "%"] }), jsxRuntime.jsx(ProgressBar.ProgressBar, { w: "100%", minW: 3, maxW: 20, value: progress }), jsxRuntime.jsx(Spinner.Spinner, { size: "xs" }), jsxRuntime.jsx(IconButton.IconButton, { "aria-label": 'remove uploading file button', onClick: onFileDelete, size: "2xs", disabled: isDeleting, colorPalette: "neutral", variant: "ghost", children: jsxRuntime.jsx(index.IoClose, { color: "fg.subtle", boxSize: "md" }) })] })) })), !isUploadingFile && isFileUploadComplete && (jsxRuntime.jsxs(React.Fragment, { children: [fileSize && jsxRuntime.jsx(Subtitle.Subtitle, { mr: 4, children: formatFileSize.formatFileSize(fileSize) }), onFileDownload && !error && (jsxRuntime.jsx(jsxRuntime.Fragment, { children: isDownloading ? (jsxRuntime.jsx(Tooltip.Tooltip, { content: translate('downloading'), placement: "top", children: jsxRuntime.jsx(Spinner.Spinner, { size: "xs" }) })) : (jsxRuntime.jsx(Tooltip.Tooltip, { content: translate('download'), placement: "top", children: jsxRuntime.jsx(IconButton.IconButton, { "aria-label": translate('download'), onClick: onFileDownload, size: "2xs", colorPalette: "neutral", variant: "ghost", children: jsxRuntime.jsx(index.LuDownload, { color: "fg.muted" }) }) })) })), onFileDelete && (jsxRuntime.jsx(jsxRuntime.Fragment, { children: isDeleting ? (jsxRuntime.jsx(Tooltip.Tooltip, { content: translate('deleting'), placement: "top", children: jsxRuntime.jsx(Spinner.Spinner, { size: "xs" }) })) : (jsxRuntime.jsx(Tooltip.Tooltip, { content: translate('delete'), placement: "top", children: jsxRuntime.jsx(IconButton.IconButton, { "aria-label": translate('delete'), onClick: onFileDelete, size: "2xs", colorPalette: "neutral", variant: "ghost", children: jsxRuntime.jsx(index.FaRegTrashAlt, { boxSize: "sm", color: "fg.muted" }) }) })) }))] }))] })] }));
+        }, ...rest, children: [jsxRuntime.jsxs(react.Flex, { w: "60%", alignItems: "center", gap: 2, children: [jsxRuntime.jsx(react.Box, { minW: 5, children: jsxRuntime.jsx(index.FileIcon, { color: error ? errorColor : 'fg.muted' }) }), jsxRuntime.jsx(Text.Text, { truncate: true, color: error ? errorColor : undefined, children: fileName })] }), jsxRuntime.jsxs(react.Flex, { align: "center", gap: 2, flex: 1, children: [error ? (jsxRuntime.jsx(react.Flex, { w: "100%", justify: "flex-end", align: "center", gap: 2, children: jsxRuntime.jsx(Tooltip.Tooltip, { content: error, placement: "top", children: jsxRuntime.jsx(index.AlertCircleFilledIcon, { color: errorColor }) }) })) : (jsxRuntime.jsx(react.Box, { w: "100%", children: isUploadingFile && (jsxRuntime.jsxs(react.Flex, { align: "center", justify: "flex-end", gap: 2, children: [jsxRuntime.jsxs(Subtext.Subtext, { children: [progress, "%"] }), jsxRuntime.jsx(ProgressBar.ProgressBar, { w: "100%", minW: 3, maxW: 20, value: progress }), jsxRuntime.jsx(Spinner.Spinner, { size: "xs" }), jsxRuntime.jsx(IconButton.IconButton, { "aria-label": 'remove uploading file button', onClick: onFileDelete, size: "2xs", disabled: isDeleting, colorPalette: "neutral", variant: "ghost", children: jsxRuntime.jsx(index.CloseIcon, { color: "fg.subtle", boxSize: "md" }) })] })) })), !isUploadingFile && isFileUploadComplete && (jsxRuntime.jsxs(React.Fragment, { children: [fileSize && jsxRuntime.jsx(Subtitle.Subtitle, { mr: 4, children: formatFileSize.formatFileSize(fileSize) }), onFileDownload && !error && (jsxRuntime.jsx(jsxRuntime.Fragment, { children: isDownloading ? (jsxRuntime.jsx(Tooltip.Tooltip, { content: translate('downloading'), placement: "top", children: jsxRuntime.jsx(Spinner.Spinner, { size: "xs" }) })) : (jsxRuntime.jsx(Tooltip.Tooltip, { content: translate('download'), placement: "top", children: jsxRuntime.jsx(IconButton.IconButton, { "aria-label": translate('download'), onClick: onFileDownload, size: "2xs", colorPalette: "neutral", variant: "ghost", children: jsxRuntime.jsx(index.DownloadIcon, { color: "fg.muted" }) }) })) })), onFileDelete && (jsxRuntime.jsx(jsxRuntime.Fragment, { children: isDeleting ? (jsxRuntime.jsx(Tooltip.Tooltip, { content: translate('deleting'), placement: "top", children: jsxRuntime.jsx(Spinner.Spinner, { size: "xs" }) })) : (jsxRuntime.jsx(Tooltip.Tooltip, { content: translate('delete'), placement: "top", children: jsxRuntime.jsx(IconButton.IconButton, { "aria-label": translate('delete'), onClick: onFileDelete, size: "2xs", colorPalette: "neutral", variant: "ghost", children: jsxRuntime.jsx(index.TrashIcon, { boxSize: "sm", color: "fg.muted" }) }) })) }))] }))] })] }));
 };
 FileItem.displayName = 'FileItem';
 

package/dist/components/FileItem/FileItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileItem.js","sources":["../../../src/components/FileItem/FileItem.tsx"],"sourcesContent":[null],"names":["useTranslate","_jsxs","Flex","_jsx","Box","CiFileOn","Text","Tooltip","MdError","Subtext","ProgressBar","Spinner","IconButton","IoClose","Fragment","Subtitle","formatFileSize","_Fragment","LuDownload","FaRegTrashAlt"],"mappings":"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"}
+{"version":3,"file":"FileItem.js","sources":["../../../src/components/FileItem/FileItem.tsx"],"sourcesContent":[null],"names":["useTranslate","_jsxs","Flex","_jsx","Box","FileIcon","Text","Tooltip","AlertCircleFilledIcon","Subtext","ProgressBar","Spinner","IconButton","CloseIcon","Fragment","Subtitle","formatFileSize","_Fragment","DownloadIcon","TrashIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAoBO,MAAM,QAAQ,GAAG,CAAC,EACvB,QAAQ,EACR,KAAK,EACL,cAAc,EACd,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,UAAU,GAAG,KAAK,EAClB,aAAa,GAAG,KAAK,EACrB,GAAG,IAAI,EACO,KAAI;AAClB,IAAA,MAAM,SAAS,GAAGA,yBAAY,EAAE;IAChC,MAAM,UAAU,GAAG,aAAa;AAEhC,IAAA,MAAM,eAAe,GACnB,CAAC,KAAK,IAAI,OAAO,QAAQ,KAAK,QAAQ,IAAI,QAAQ,IAAI,CAAC,IAAI,QAAQ,GAAG,GAAG;IAC3E,MAAM,oBAAoB,GAAG,CAAC,QAAQ,IAAI,KAAK,IAAI,QAAQ,KAAK,GAAG;AAEnE,IAAA,QACEC,eAAA,CAACC,UAAI,IACH,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,GAAG,EAAE,CAAC,EACN,cAAc,EAAC,eAAe,EAC9B,UAAU,EAAC,QAAQ,EACnB,MAAM,EAAC,WAAW,EAClB,WAAW,EAAC,eAAe,EAC3B,CAAC,EAAC,MAAM,EACR,QAAQ,EAAC,UAAU,EACnB,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,GAAG,EAAE,CAAC;AACN,YAAA,MAAM,EAAE,CAAC;AACT,YAAA,IAAI,EAAE,CAAC;AACP,YAAA,KAAK,EAAE,KAAK;YACZ,eAAe,EAAE,KAAK,GAAG,UAAU,GAAG,aAAa;SACpD,EAAA,GACG,IAAI,aAERD,eAAA,CAACC,UAAI,IAAC,CAAC,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,EAAA,QAAA,EAAA,CACtCC,cAAA,CAACC,SAAG,EAAA,EAAC,IAAI,EAAE,CAAC,EAAA,QAAA,EACVD,cAAA,CAACE,cAAQ,EAAA,EAAC,KAAK,EAAE,KAAK,GAAG,UAAU,GAAG,UAAU,EAAA,CAAI,GAChD,EACNF,cAAA,CAACG,SAAI,EAAA,EAAC,QAAQ,EAAA,IAAA,EAAC,KAAK,EAAE,KAAK,GAAG,UAAU,GAAG,SAAS,EAAA,QAAA,EACjD,QAAQ,GACJ,CAAA,EAAA,CACF,EACPL,eAAA,CAACC,UAAI,EAAA,EAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAA,QAAA,EAAA,CACjC,KAAK,IACJC,cAAA,CAACD,UAAI,EAAA,EAAC,CAAC,EAAC,MAAM,EAAC,OAAO,EAAC,UAAU,EAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,EAAA,QAAA,EACrDC,eAACI,eAAO,EAAA,EAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAC,KAAK,YACtCJ,cAAA,CAACK,2BAAqB,IAAC,KAAK,EAAE,UAAU,EAAA,CAAI,EAAA,CACpC,EAAA,CAEL,KAEPL,cAAA,CAACC,SAAG,IAAC,CAAC,EAAC,MAAM,EAAA,QAAA,EACV,eAAe,KACdH,eAAA,CAACC,UAAI,EAAA,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,UAAU,EAAC,GAAG,EAAE,CAAC,EAAA,QAAA,EAAA,CAC5CD,eAAA,CAACQ,eAAO,EAAA,EAAA,QAAA,EAAA,CAAE,QAAQ,EAAA,GAAA,CAAA,EAAA,CAAY,EAC9BN,cAAA,CAACO,uBAAW,EAAA,EAAC,CAAC,EAAC,MAAM,EAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAA,CAAI,EAC5DP,cAAA,CAACQ,eAAO,EAAA,EAAC,IAAI,EAAC,IAAI,GAAG,EACrBR,cAAA,CAACS,qBAAU,EAAA,EAAA,YAAA,EACG,8BAA8B,EAC1C,OAAO,EAAE,YAAY,EACrB,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,UAAU,EACpB,YAAY,EAAC,SAAS,EACtB,OAAO,EAAC,OAAO,EAAA,QAAA,EAEfT,cAAA,CAACU,eAAS,EAAA,EAAC,KAAK,EAAC,WAAW,EAAC,OAAO,EAAC,IAAI,EAAA,CAAG,GACjC,CAAA,EAAA,CACR,CACR,GACG,CACP,EACA,CAAC,eAAe,IAAI,oBAAoB,KACvCZ,eAAA,CAACa,cAAQ,EAAA,EAAA,QAAA,EAAA,CACN,QAAQ,IAAIX,eAACY,iBAAQ,EAAA,EAAC,EAAE,EAAE,CAAC,EAAA,QAAA,EAAGC,6BAAc,CAAC,QAAQ,CAAC,EAAA,CAAY,EAClE,cAAc,IAAI,CAAC,KAAK,KACvBb,cAAA,CAAAc,mBAAA,EAAA,EAAA,QAAA,EACG,aAAa,IACZd,cAAA,CAACI,eAAO,EAAA,EAAC,OAAO,EAAE,SAAS,CAAC,aAAa,CAAC,EAAE,SAAS,EAAC,KAAK,YACzDJ,cAAA,CAACQ,eAAO,IAAC,IAAI,EAAC,IAAI,EAAA,CAAG,EAAA,CACb,KAEVR,cAAA,CAACI,eAAO,EAAA,EAAC,OAAO,EAAE,SAAS,CAAC,UAAU,CAAC,EAAE,SAAS,EAAC,KAAK,EAAA,QAAA,EACtDJ,cAAA,CAACS,qBAAU,EAAA,EAAA,YAAA,EACG,SAAS,CAAC,UAAU,CAAW,EAC3C,OAAO,EAAE,cAAc,EACvB,IAAI,EAAC,KAAK,EACV,YAAY,EAAC,SAAS,EACtB,OAAO,EAAC,OAAO,EAAA,QAAA,EAEfT,eAACe,kBAAY,EAAA,EAAC,KAAK,EAAC,UAAU,GAAG,EAAA,CACtB,EAAA,CACL,CACX,EAAA,CACA,CACJ,EACA,YAAY,KACXf,cAAA,CAAAc,mBAAA,EAAA,EAAA,QAAA,EACG,UAAU,IACTd,cAAA,CAACI,eAAO,EAAA,EAAC,OAAO,EAAE,SAAS,CAAC,UAAU,CAAC,EAAE,SAAS,EAAC,KAAK,EAAA,QAAA,EACtDJ,cAAA,CAACQ,eAAO,EAAA,EAAC,IAAI,EAAC,IAAI,EAAA,CAAG,EAAA,CACb,KAEVR,cAAA,CAACI,eAAO,EAAA,EAAC,OAAO,EAAE,SAAS,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAC,KAAK,EAAA,QAAA,EACpDJ,cAAA,CAACS,qBAAU,EAAA,EAAA,YAAA,EACG,SAAS,CAAC,QAAQ,CAAW,EACzC,OAAO,EAAE,YAAY,EACrB,IAAI,EAAC,KAAK,EACV,YAAY,EAAC,SAAS,EACtB,OAAO,EAAC,OAAO,EAAA,QAAA,EAEfT,cAAA,CAACgB,eAAS,IAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,UAAU,EAAA,CAAG,EAAA,CAChC,EAAA,CACL,CACX,EAAA,CACA,CACJ,IACQ,CACZ,CAAA,EAAA,CACI,CAAA,EAAA,CACF;AAEX;AAEA,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}

package/dist/components/FileItem/FileItem.mjs

@@ -2,10 +2,11 @@
 import { jsxs, jsx, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import { Fragment } from 'react';
 import { Flex, Box } from '@chakra-ui/react';
-import { CiFileOn, MdError, IoClose, LuDownload, FaRegTrashAlt } from '../Icon/index.mjs';
+import { FileIcon, AlertCircleFilledIcon, CloseIcon, DownloadIcon, TrashIcon } from '../Icon/index.mjs';
 import { IconButton } from '../IconButton/IconButton.mjs';
 import '../IconButton/IconButton.styles.mjs';
 import { ProgressBar } from '../ProgressBar/ProgressBar.mjs';
+import '../Typography/Caption.mjs';
 import '../Typography/H1.mjs';
 import '../Typography/H2.mjs';
 import '../Typography/H3.mjs';
@@ -34,7 +35,7 @@ const FileItem = ({ fileName, error, onFileDownload, onFileDelete, progress, fil
             left: 0,
             width: '3px',
             backgroundColor: error ? errorColor : 'transparent',
-        }, ...rest, children: [jsxs(Flex, { w: "60%", alignItems: "center", gap: 2, children: [jsx(Box, { minW: 5, children: jsx(CiFileOn, { color: error ? errorColor : 'fg.muted' }) }), jsx(Text, { truncate: true, color: error ? errorColor : undefined, children: fileName })] }), jsxs(Flex, { align: "center", gap: 2, flex: 1, children: [error ? (jsx(Flex, { w: "100%", justify: "flex-end", align: "center", gap: 2, children: jsx(Tooltip, { content: error, placement: "top", children: jsx(MdError, { color: errorColor }) }) })) : (jsx(Box, { w: "100%", children: isUploadingFile && (jsxs(Flex, { align: "center", justify: "flex-end", gap: 2, children: [jsxs(Subtext, { children: [progress, "%"] }), jsx(ProgressBar, { w: "100%", minW: 3, maxW: 20, value: progress }), jsx(Spinner, { size: "xs" }), jsx(IconButton, { "aria-label": 'remove uploading file button', onClick: onFileDelete, size: "2xs", disabled: isDeleting, colorPalette: "neutral", variant: "ghost", children: jsx(IoClose, { color: "fg.subtle", boxSize: "md" }) })] })) })), !isUploadingFile && isFileUploadComplete && (jsxs(Fragment, { children: [fileSize && jsx(Subtitle, { mr: 4, children: formatFileSize(fileSize) }), onFileDownload && !error && (jsx(Fragment$1, { children: isDownloading ? (jsx(Tooltip, { content: translate('downloading'), placement: "top", children: jsx(Spinner, { size: "xs" }) })) : (jsx(Tooltip, { content: translate('download'), placement: "top", children: jsx(IconButton, { "aria-label": translate('download'), onClick: onFileDownload, size: "2xs", colorPalette: "neutral", variant: "ghost", children: jsx(LuDownload, { color: "fg.muted" }) }) })) })), onFileDelete && (jsx(Fragment$1, { children: isDeleting ? (jsx(Tooltip, { content: translate('deleting'), placement: "top", children: jsx(Spinner, { size: "xs" }) })) : (jsx(Tooltip, { content: translate('delete'), placement: "top", children: jsx(IconButton, { "aria-label": translate('delete'), onClick: onFileDelete, size: "2xs", colorPalette: "neutral", variant: "ghost", children: jsx(FaRegTrashAlt, { boxSize: "sm", color: "fg.muted" }) }) })) }))] }))] })] }));
+        }, ...rest, children: [jsxs(Flex, { w: "60%", alignItems: "center", gap: 2, children: [jsx(Box, { minW: 5, children: jsx(FileIcon, { color: error ? errorColor : 'fg.muted' }) }), jsx(Text, { truncate: true, color: error ? errorColor : undefined, children: fileName })] }), jsxs(Flex, { align: "center", gap: 2, flex: 1, children: [error ? (jsx(Flex, { w: "100%", justify: "flex-end", align: "center", gap: 2, children: jsx(Tooltip, { content: error, placement: "top", children: jsx(AlertCircleFilledIcon, { color: errorColor }) }) })) : (jsx(Box, { w: "100%", children: isUploadingFile && (jsxs(Flex, { align: "center", justify: "flex-end", gap: 2, children: [jsxs(Subtext, { children: [progress, "%"] }), jsx(ProgressBar, { w: "100%", minW: 3, maxW: 20, value: progress }), jsx(Spinner, { size: "xs" }), jsx(IconButton, { "aria-label": 'remove uploading file button', onClick: onFileDelete, size: "2xs", disabled: isDeleting, colorPalette: "neutral", variant: "ghost", children: jsx(CloseIcon, { color: "fg.subtle", boxSize: "md" }) })] })) })), !isUploadingFile && isFileUploadComplete && (jsxs(Fragment, { children: [fileSize && jsx(Subtitle, { mr: 4, children: formatFileSize(fileSize) }), onFileDownload && !error && (jsx(Fragment$1, { children: isDownloading ? (jsx(Tooltip, { content: translate('downloading'), placement: "top", children: jsx(Spinner, { size: "xs" }) })) : (jsx(Tooltip, { content: translate('download'), placement: "top", children: jsx(IconButton, { "aria-label": translate('download'), onClick: onFileDownload, size: "2xs", colorPalette: "neutral", variant: "ghost", children: jsx(DownloadIcon, { color: "fg.muted" }) }) })) })), onFileDelete && (jsx(Fragment$1, { children: isDeleting ? (jsx(Tooltip, { content: translate('deleting'), placement: "top", children: jsx(Spinner, { size: "xs" }) })) : (jsx(Tooltip, { content: translate('delete'), placement: "top", children: jsx(IconButton, { "aria-label": translate('delete'), onClick: onFileDelete, size: "2xs", colorPalette: "neutral", variant: "ghost", children: jsx(TrashIcon, { boxSize: "sm", color: "fg.muted" }) }) })) }))] }))] })] }));
 };
 FileItem.displayName = 'FileItem';
 

package/dist/components/FileItem/FileItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FileItem.mjs","sources":["../../../src/components/FileItem/FileItem.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","_Fragment"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAoBO,MAAM,QAAQ,GAAG,CAAC,EACvB,QAAQ,EACR,KAAK,EACL,cAAc,EACd,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,UAAU,GAAG,KAAK,EAClB,aAAa,GAAG,KAAK,EACrB,GAAG,IAAI,EACO,KAAI;AAClB,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;IAChC,MAAM,UAAU,GAAG,aAAa;AAEhC,IAAA,MAAM,eAAe,GACnB,CAAC,KAAK,IAAI,OAAO,QAAQ,KAAK,QAAQ,IAAI,QAAQ,IAAI,CAAC,IAAI,QAAQ,GAAG,GAAG;IAC3E,MAAM,oBAAoB,GAAG,CAAC,QAAQ,IAAI,KAAK,IAAI,QAAQ,KAAK,GAAG;AAEnE,IAAA,QACEA,IAAA,CAAC,IAAI,IACH,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,GAAG,EAAE,CAAC,EACN,cAAc,EAAC,eAAe,EAC9B,UAAU,EAAC,QAAQ,EACnB,MAAM,EAAC,WAAW,EAClB,WAAW,EAAC,eAAe,EAC3B,CAAC,EAAC,MAAM,EACR,QAAQ,EAAC,UAAU,EACnB,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,GAAG,EAAE,CAAC;AACN,YAAA,MAAM,EAAE,CAAC;AACT,YAAA,IAAI,EAAE,CAAC;AACP,YAAA,KAAK,EAAE,KAAK;YACZ,eAAe,EAAE,KAAK,GAAG,UAAU,GAAG,aAAa;SACpD,EAAA,GACG,IAAI,aAERA,IAAA,CAAC,IAAI,IAAC,CAAC,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,EAAA,QAAA,EAAA,CACtCC,GAAA,CAAC,GAAG,EAAA,EAAC,IAAI,EAAE,CAAC,EAAA,QAAA,EACVA,GAAA,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,KAAK,GAAG,UAAU,GAAG,UAAU,EAAA,CAAI,GAChD,EACNA,GAAA,CAAC,IAAI,EAAA,EAAC,QAAQ,EAAA,IAAA,EAAC,KAAK,EAAE,KAAK,GAAG,UAAU,GAAG,SAAS,EAAA,QAAA,EACjD,QAAQ,GACJ,CAAA,EAAA,CACF,EACPD,IAAA,CAAC,IAAI,EAAA,EAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAA,QAAA,EAAA,CACjC,KAAK,IACJC,GAAA,CAAC,IAAI,EAAA,EAAC,CAAC,EAAC,MAAM,EAAC,OAAO,EAAC,UAAU,EAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,EAAA,QAAA,EACrDA,IAAC,OAAO,EAAA,EAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAC,KAAK,YACtCA,GAAA,CAAC,OAAO,IAAC,KAAK,EAAE,UAAU,EAAA,CAAI,EAAA,CACtB,EAAA,CAEL,KAEPA,GAAA,CAAC,GAAG,IAAC,CAAC,EAAC,MAAM,EAAA,QAAA,EACV,eAAe,KACdD,IAAA,CAAC,IAAI,EAAA,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,UAAU,EAAC,GAAG,EAAE,CAAC,EAAA,QAAA,EAAA,CAC5CA,IAAA,CAAC,OAAO,EAAA,EAAA,QAAA,EAAA,CAAE,QAAQ,EAAA,GAAA,CAAA,EAAA,CAAY,EAC9BC,GAAA,CAAC,WAAW,EAAA,EAAC,CAAC,EAAC,MAAM,EAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAA,CAAI,EAC5DA,GAAA,CAAC,OAAO,EAAA,EAAC,IAAI,EAAC,IAAI,GAAG,EACrBA,GAAA,CAAC,UAAU,EAAA,EAAA,YAAA,EACG,8BAA8B,EAC1C,OAAO,EAAE,YAAY,EACrB,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,UAAU,EACpB,YAAY,EAAC,SAAS,EACtB,OAAO,EAAC,OAAO,EAAA,QAAA,EAEfA,GAAA,CAAC,OAAO,EAAA,EAAC,KAAK,EAAC,WAAW,EAAC,OAAO,EAAC,IAAI,EAAA,CAAG,GAC/B,CAAA,EAAA,CACR,CACR,GACG,CACP,EACA,CAAC,eAAe,IAAI,oBAAoB,KACvCD,IAAA,CAAC,QAAQ,EAAA,EAAA,QAAA,EAAA,CACN,QAAQ,IAAIC,IAAC,QAAQ,EAAA,EAAC,EAAE,EAAE,CAAC,EAAA,QAAA,EAAG,cAAc,CAAC,QAAQ,CAAC,EAAA,CAAY,EAClE,cAAc,IAAI,CAAC,KAAK,KACvBA,GAAA,CAAAC,UAAA,EAAA,EAAA,QAAA,EACG,aAAa,IACZD,GAAA,CAAC,OAAO,EAAA,EAAC,OAAO,EAAE,SAAS,CAAC,aAAa,CAAC,EAAE,SAAS,EAAC,KAAK,YACzDA,GAAA,CAAC,OAAO,IAAC,IAAI,EAAC,IAAI,EAAA,CAAG,EAAA,CACb,KAEVA,GAAA,CAAC,OAAO,EAAA,EAAC,OAAO,EAAE,SAAS,CAAC,UAAU,CAAC,EAAE,SAAS,EAAC,KAAK,EAAA,QAAA,EACtDA,GAAA,CAAC,UAAU,EAAA,EAAA,YAAA,EACG,SAAS,CAAC,UAAU,CAAW,EAC3C,OAAO,EAAE,cAAc,EACvB,IAAI,EAAC,KAAK,EACV,YAAY,EAAC,SAAS,EACtB,OAAO,EAAC,OAAO,EAAA,QAAA,EAEfA,IAAC,UAAU,EAAA,EAAC,KAAK,EAAC,UAAU,GAAG,EAAA,CACpB,EAAA,CACL,CACX,EAAA,CACA,CACJ,EACA,YAAY,KACXA,GAAA,CAAAC,UAAA,EAAA,EAAA,QAAA,EACG,UAAU,IACTD,GAAA,CAAC,OAAO,EAAA,EAAC,OAAO,EAAE,SAAS,CAAC,UAAU,CAAC,EAAE,SAAS,EAAC,KAAK,EAAA,QAAA,EACtDA,GAAA,CAAC,OAAO,EAAA,EAAC,IAAI,EAAC,IAAI,EAAA,CAAG,EAAA,CACb,KAEVA,GAAA,CAAC,OAAO,EAAA,EAAC,OAAO,EAAE,SAAS,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAC,KAAK,EAAA,QAAA,EACpDA,GAAA,CAAC,UAAU,EAAA,EAAA,YAAA,EACG,SAAS,CAAC,QAAQ,CAAW,EACzC,OAAO,EAAE,YAAY,EACrB,IAAI,EAAC,KAAK,EACV,YAAY,EAAC,SAAS,EACtB,OAAO,EAAC,OAAO,EAAA,QAAA,EAEfA,GAAA,CAAC,aAAa,IAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,UAAU,EAAA,CAAG,EAAA,CACpC,EAAA,CACL,CACX,EAAA,CACA,CACJ,IACQ,CACZ,CAAA,EAAA,CACI,CAAA,EAAA,CACF;AAEX;AAEA,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
+{"version":3,"file":"FileItem.mjs","sources":["../../../src/components/FileItem/FileItem.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","_Fragment"],"mappings":"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"}

package/dist/components/FileList/FileList.d.ts

@@ -1,6 +1,6 @@
 import { FileGroupProps } from '@/components/FileList/FileList.types';
 export declare const FileList: {
-    ({ files, onFileDelete, onFileDownload, visibleCount, }: FileGroupProps): import("react/jsx-runtime").JSX.Element;
+    ({ files, onFileDelete, onFileDownload, visibleCount, stagger, }: FileGroupProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=FileList.d.ts.map

package/dist/components/FileList/FileList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileList.d.ts","sourceRoot":"","sources":["../../../src/components/FileList/FileList.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAKtE,eAAO,MAAM,QAAQ;6DAKlB,cAAc;;CAuFhB,CAAC"}
+{"version":3,"file":"FileList.d.ts","sourceRoot":"","sources":["../../../src/components/FileList/FileList.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAMtE,eAAO,MAAM,QAAQ;sEAMlB,cAAc;;CAgGhB,CAAC"}

package/dist/components/FileList/FileList.js

@@ -6,6 +6,7 @@ var React = require('react');
 var react = require('@chakra-ui/react');
 var FileItem = require('../FileItem/FileItem.js');
 var index = require('../Icon/index.js');
+require('../Typography/Caption.js');
 require('../Typography/H1.js');
 require('../Typography/H2.js');
 require('../Typography/H3.js');
@@ -17,8 +18,9 @@ require('../Typography/Subtext.js');
 var Subtitle = require('../Typography/Subtitle.js');
 require('../Typography/Text.js');
 var useTranslate = require('../../hooks/useTranslate.js');
+var staggerProps = require('../../utils/staggerProps.js');
 
-const FileList = ({ files, onFileDelete, onFileDownload, visibleCount = 3, }) => {
+const FileList = ({ files, onFileDelete, onFileDownload, visibleCount = 3, stagger = false, }) => {
     const [currentVisibleCount, setCurrentVisibleCount] = React.useState(visibleCount ?? 3);
     const [deletingFileIds, setDeletingFileIds] = React.useState(new Set());
     const translate = useTranslate.useTranslate();
@@ -43,14 +45,20 @@ const FileList = ({ files, onFileDelete, onFileDownload, visibleCount = 3, }) =>
     };
     if (files?.length <= 0)
         return null;
-    return (jsxRuntime.jsxs(react.Box, { w: "100%", border: "1px solid", borderColor: "border.subtle", borderRadius: "md", overflow: "hidden", children: [jsxRuntime.jsx(react.List.Root, { children: files?.slice(0, currentVisibleCount).map((file) => (jsxRuntime.jsx(react.List.Item, { listStyle: "none", children: jsxRuntime.jsx(FileItem.FileItem, { fileName: file.name, onFileDelete: onFileDelete ? () => handleFileDelete(file) : undefined, onFileDownload: onFileDownload && file.fileUrl
+    return (jsxRuntime.jsxs(react.Box, { w: "100%", border: "1px solid", borderColor: "border.subtle", borderRadius: "md", overflow: "hidden", children: [jsxRuntime.jsx(react.List.Root, { children: files?.slice(0, currentVisibleCount).map((file, index) => (
+                // The stagger sits on the row, not on `FileItem`, so a row that is
+                // only revealed by "see more" animates in on its own index rather
+                // than inheriting the delay of the row above it.
+                jsxRuntime.jsx(react.List.Item, { listStyle: "none", ...(stagger ? staggerProps.staggerProps(index) : {}), children: jsxRuntime.jsx(FileItem.FileItem, { fileName: file.name, onFileDelete: onFileDelete ? () => handleFileDelete(file) : undefined, onFileDownload: onFileDownload && file.fileUrl
                             ? () => onFileDownload?.(file)
                             : undefined, border: 0, borderBottom: "1px solid", borderBottomColor: "border.subtle", progress: file.progress, error: file.error, fileSize: file.size, isDeleting: deletingFileIds.has(file.id) }) }, file.id))) }), shouldShowLoadMoreButton && (jsxRuntime.jsxs(react.Button, { onClick: handleFileLoadMore, alignSelf: "stretch", w: "100%", variant: "ghost", display: "flex", gap: 1, css: {
                     all: 'unset',
                     display: 'flex',
+                    width: '100%',
+                    justifyContent: 'center',
                     gap: '0.25rem',
                     cursor: 'pointer',
-                }, children: [jsxRuntime.jsxs(Subtitle.Subtitle, { color: "fg.subtle", children: [translate('see_more'), " (", visibleCount, "/", files.length, ")"] }), jsxRuntime.jsx(index.IoChevronDownOutline, { color: "fg.subtle" })] }))] }));
+                }, children: [jsxRuntime.jsxs(Subtitle.Subtitle, { color: "fg.subtle", children: [translate('see_more'), " (", visibleCount, "/", files.length, ")"] }), jsxRuntime.jsx(index.ChevronDownIcon, { color: "fg.subtle" })] }))] }));
 };
 FileList.displayName = 'FileList';
 

package/dist/components/FileList/FileList.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileList.js","sources":["../../../src/components/FileList/FileList.tsx"],"sourcesContent":[null],"names":["useState","useTranslate","_jsxs","Box","_jsx","List","FileItem","Button","Subtitle","IoChevronDownOutline"],"mappings":"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"}
+{"version":3,"file":"FileList.js","sources":["../../../src/components/FileList/FileList.tsx"],"sourcesContent":[null],"names":["useState","useTranslate","_jsxs","Box","_jsx","List","staggerProps","FileItem","Button","Subtitle","ChevronDownIcon"],"mappings":"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"}

package/dist/components/FileList/FileList.mjs

@@ -3,7 +3,8 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { Box, List, Button } from '@chakra-ui/react';
 import { FileItem } from '../FileItem/FileItem.mjs';
-import { IoChevronDownOutline } from '../Icon/index.mjs';
+import { ChevronDownIcon } from '../Icon/index.mjs';
+import '../Typography/Caption.mjs';
 import '../Typography/H1.mjs';
 import '../Typography/H2.mjs';
 import '../Typography/H3.mjs';
@@ -15,8 +16,9 @@ import '../Typography/Subtext.mjs';
 import { Subtitle } from '../Typography/Subtitle.mjs';
 import '../Typography/Text.mjs';
 import { useTranslate } from '../../hooks/useTranslate.mjs';
+import { staggerProps } from '../../utils/staggerProps.mjs';
 
-const FileList = ({ files, onFileDelete, onFileDownload, visibleCount = 3, }) => {
+const FileList = ({ files, onFileDelete, onFileDownload, visibleCount = 3, stagger = false, }) => {
     const [currentVisibleCount, setCurrentVisibleCount] = useState(visibleCount ?? 3);
     const [deletingFileIds, setDeletingFileIds] = useState(new Set());
     const translate = useTranslate();
@@ -41,14 +43,20 @@ const FileList = ({ files, onFileDelete, onFileDownload, visibleCount = 3, }) =>
     };
     if (files?.length <= 0)
         return null;
-    return (jsxs(Box, { w: "100%", border: "1px solid", borderColor: "border.subtle", borderRadius: "md", overflow: "hidden", children: [jsx(List.Root, { children: files?.slice(0, currentVisibleCount).map((file) => (jsx(List.Item, { listStyle: "none", children: jsx(FileItem, { fileName: file.name, onFileDelete: onFileDelete ? () => handleFileDelete(file) : undefined, onFileDownload: onFileDownload && file.fileUrl
+    return (jsxs(Box, { w: "100%", border: "1px solid", borderColor: "border.subtle", borderRadius: "md", overflow: "hidden", children: [jsx(List.Root, { children: files?.slice(0, currentVisibleCount).map((file, index) => (
+                // The stagger sits on the row, not on `FileItem`, so a row that is
+                // only revealed by "see more" animates in on its own index rather
+                // than inheriting the delay of the row above it.
+                jsx(List.Item, { listStyle: "none", ...(stagger ? staggerProps(index) : {}), children: jsx(FileItem, { fileName: file.name, onFileDelete: onFileDelete ? () => handleFileDelete(file) : undefined, onFileDownload: onFileDownload && file.fileUrl
                             ? () => onFileDownload?.(file)
                             : undefined, border: 0, borderBottom: "1px solid", borderBottomColor: "border.subtle", progress: file.progress, error: file.error, fileSize: file.size, isDeleting: deletingFileIds.has(file.id) }) }, file.id))) }), shouldShowLoadMoreButton && (jsxs(Button, { onClick: handleFileLoadMore, alignSelf: "stretch", w: "100%", variant: "ghost", display: "flex", gap: 1, css: {
                     all: 'unset',
                     display: 'flex',
+                    width: '100%',
+                    justifyContent: 'center',
                     gap: '0.25rem',
                     cursor: 'pointer',
-                }, children: [jsxs(Subtitle, { color: "fg.subtle", children: [translate('see_more'), " (", visibleCount, "/", files.length, ")"] }), jsx(IoChevronDownOutline, { color: "fg.subtle" })] }))] }));
+                }, children: [jsxs(Subtitle, { color: "fg.subtle", children: [translate('see_more'), " (", visibleCount, "/", files.length, ")"] }), jsx(ChevronDownIcon, { color: "fg.subtle" })] }))] }));
 };
 FileList.displayName = 'FileList';
 

package/dist/components/FileList/FileList.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FileList.mjs","sources":["../../../src/components/FileList/FileList.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"FileList.mjs","sources":["../../../src/components/FileList/FileList.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/components/FileList/FileList.types.d.ts

@@ -14,5 +14,14 @@ export interface FileGroupProps {
     onFileDelete?: (file: FileItemData) => void;
     onFileDownload?: (file: FileItemData) => void;
     visibleCount?: number;
+    /**
+     * Deal the rows in one after another as they mount — on first render, and
+     * again for each batch revealed by "see more".
+     *
+     * Opt-in because a file list is often *edited* rather than displayed: a list
+     * the reader is uploading into wants each new row to arrive on its own, not
+     * behind six others.
+     */
+    stagger?: boolean;
 }
 //# sourceMappingURL=FileList.types.d.ts.map

package/dist/components/FileList/FileList.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileList.types.d.ts","sourceRoot":"","sources":["../../../src/components/FileList/FileList.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC5C,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC9C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB"}
+{"version":3,"file":"FileList.types.d.ts","sourceRoot":"","sources":["../../../src/components/FileList/FileList.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC5C,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC9C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

package/dist/components/FlyTo/FlyTo.d.ts

@@ -0,0 +1,35 @@
+import { FlyToProps } from './FlyTo.types';
+/**
+ * Sends a ghost arcing from one rect to another — "this went there". A reward
+ * chip flying into a balance, a file into a folder, a row into a bin.
+ *
+ * Mount it to fly; it calls `onDone` on landing and the caller unmounts it. The
+ * caller owns the lifecycle because only the caller knows what the flight
+ * means: a reward that landed has to update a balance, and that has to happen
+ * when the ghost arrives rather than when it left.
+ *
+ * **JavaScript measures; CSS animates.** The two rects are only knowable at
+ * runtime, so the distance is computed here — but it is handed to the keyframe
+ * as three custom properties, and the arc itself runs on the compositor with no
+ * frame loop and no animation library. FactChat's version drives the same arc
+ * through framer-motion's `animate` arrays; the flight is identical and the
+ * dependency is not needed.
+ *
+ * Under reduced motion nothing flies and `onDone` fires on the next tick, so
+ * whatever the flight was sequencing still completes.
+ *
+ * **Adds nothing where you write it.** Unlike the wrapping primitives here, the
+ * ghost renders into a portal and is positioned against the viewport, so mounting
+ * it never moves the layout it was written into — and it is free to fly across
+ * ancestors that clip or scroll.
+ *
+ * ```tsx
+ * {flight && (
+ *   <FlyTo from={flight.from} to={flight.to} onDone={clearFlight}>
+ *     <RewardChip credit={flight.reward} />
+ *   </FlyTo>
+ * )}
+ * ```
+ */
+export declare const FlyTo: import("react").ForwardRefExoticComponent<FlyToProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=FlyTo.d.ts.map

package/dist/components/FlyTo/FlyTo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlyTo.d.ts","sourceRoot":"","sources":["../../../src/components/FlyTo/FlyTo.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,KAAK,uGA+CjB,CAAC"}