@apple-pie/slice 0.0.5 → 0.0.7

package/dist/esm/chunks/DropDown-BDIvYWI-.js

@@ -1,152 +0,0 @@
-import { _ as __rest } from './tslib.es6-0pkUdtrF.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import React, { useState, useRef, useEffect, useCallback, useMemo } from 'react';
-import { useTheme } from '../hooks/useTheme.js';
-import '../theme/colors.js';
-import '../hooks/useWindow.js';
-import { I as Icon } from './_types-RJ7q8S0B.js';
-import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
-
-var css_248z = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__zDf-z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__R5GpK {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__SI-hC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__PUi44 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__1B6fk {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.DropDown-module_wrapper__56asG {\n\tposition: relative;\n\tgap: var(--dd-gap);\n\tmin-width: var(--dd-width);\n\twidth: var(--dd-width);\n\tborder-radius: var(--dd-border-radius);\n\tbackground-color: var(--dd-bg-color);\n\tbox-shadow: 0 0 0 var(--dd-box-shadow-size) var(--dd-border-color);\n\tpadding: var(--dd-padding-tops) var(--dd-padding-left) var(--dd-padding-tops)\n\t\tvar(--dd-padding-right) !important;\n\ttransition: all 0.2s ease-in-out 0s;\n}\n\n.DropDown-module_face__kF56R {\n\tflex: 1;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: 1;\n\t-webkit-box-orient: vertical;\n\ttext-overflow: ellipsis;\n\tword-break: break-all;\n\tcolor: var(--dd-color);\n}\n\n.DropDown-module_small__QYoM4 {\n}\n\n.DropDown-module_medium__FrKVH {\n}\n\n.DropDown-module_large__O1hDm {\n}\n\n.DropDown-module_chevron__upYr7 {\n\tmin-height: var(--dd-icon-size);\n\tmax-height: var(--dd-icon-size);\n\tmin-width: var(--dd-icon-size);\n\tmax-width: var(--dd-icon-size);\n}\n\n.DropDown-module_select__1rQRA {\n\tposition: absolute;\n\topacity: 0;\n\twidth: 100%;\n\theight: 100%;\n\tfont-size: 14px;\n\tbackground-color: #1f99cd;\n\tbackground-position: right 10px center;\n\tbackground-repeat: no-repeat;\n\tbackground-size: auto 50%;\n\tborder: none;\n\toutline: none;\n\t-moz-appearance: none;\n\t-webkit-appearance: none;\n\tappearance: none;\n\t&::-ms-expand {\n\t\tdisplay: none;\n\t}\n}\n";
-var css = {"wrapper":"DropDown-module_wrapper__56asG flexBox-module_rowStart__nJZnW","face":"DropDown-module_face__kF56R flexBox-module_rowStart__nJZnW","small":"DropDown-module_small__QYoM4 type-module_body-s-regular__8-FO-","medium":"DropDown-module_medium__FrKVH type-module_body-m-regular__Qtp5G","large":"DropDown-module_large__O1hDm type-module_body-l-regular__Ar4d3","chevron":"DropDown-module_chevron__upYr7 flexBox-module_rowStart__nJZnW","select":"DropDown-module_select__1rQRA"};
-styleInject(css_248z);
-
-const DropDown = React.memo((props) => {
-    const theme = useTheme();
-    const { name = 'Select', width = '100%', height = 'auto', selectedIndex = 0, selectedValue = '', options = [], placeholder = true, validate = true, borderRadius = 4, bgColor = 'transparent', iconColor = theme.current.colors['core-icon-primary'], paddingLeft = '8px', paddingRight = '12px', paddingTops = '8px', iconSize = 20, disabled = false, unframed = false, focused = false, gap = 0, size = 'medium', onChange = () => null, onValidate = () => null, onFocus = () => null, onBlur = () => null } = props, divAttributes = __rest(props, ["name", "width", "height", "selectedIndex", "selectedValue", "options", "placeholder", "validate", "borderRadius", "bgColor", "iconColor", "paddingLeft", "paddingRight", "paddingTops", "iconSize", "disabled", "unframed", "focused", "gap", "size", "onChange", "onValidate", "onFocus", "onBlur"]);
-    const { id: divId, className, style } = divAttributes, rest = __rest(divAttributes, ["id", "className", "style"]);
-    const divStyle = style !== null && style !== void 0 ? style : {};
-    const divClass = className ? ` ${className}` : '';
-    const [index, setIndex] = useState(selectedIndex);
-    const [selectedText, setSelectedText] = useState('Select an option');
-    const [initiated, setInitiated] = useState(false);
-    const [color, setColor] = useState(iconColor);
-    const ref = useRef(null);
-    useEffect(() => setColor(theme.current.colors['core-icon-primary']), [theme]);
-    // validate selection and if there's a placeholder
-    // with a validate flag, set error state and event error
-    useEffect(() => {
-        let valid = true;
-        if (validate && placeholder && index === 0)
-            valid = false;
-        if (!initiated)
-            valid = true;
-        onValidate(valid);
-    }, [index, validate, placeholder, initiated, onValidate]);
-    // set focus
-    useEffect(() => {
-        if (focused && (ref === null || ref === void 0 ? void 0 : ref.current)) {
-            setInitiated(true);
-            ref.current.click();
-        }
-    }, [focused]);
-    // set selected by index
-    useEffect(() => {
-        if (ref === null || ref === void 0 ? void 0 : ref.current) {
-            if (!(options === null || options === void 0 ? void 0 : options[selectedIndex]))
-                return;
-            const label = options[selectedIndex].label || 'Select an option';
-            setIndex(selectedIndex);
-            setSelectedText(label);
-            ref.current.selectedIndex = selectedIndex;
-        }
-    }, [selectedIndex, options]);
-    // set selected by value - FIXED: potential infinite loop
-    useEffect(() => {
-        if (!options || options.length === 0 || selectedValue === '')
-            return;
-        const foundIndex = options.findIndex((option) => {
-            var _a, _b, _c;
-            return ((_a = option === null || option === void 0 ? void 0 : option.value) === null || _a === void 0 ? void 0 : _a.toLowerCase()) ===
-                selectedValue.toString().toLowerCase() ||
-                ((_b = option === null || option === void 0 ? void 0 : option.label) === null || _b === void 0 ? void 0 : _b.toLowerCase()) ===
-                    selectedValue.toString().toLowerCase() ||
-                ((_c = option === null || option === void 0 ? void 0 : option.alt) === null || _c === void 0 ? void 0 : _c.toLowerCase()) === selectedValue.toString().toLowerCase();
-        });
-        if (foundIndex !== -1) {
-            const label = options[foundIndex].label || 'Select an option';
-            setSelectedText(label);
-            setIndex(foundIndex);
-            if (ref.current)
-                ref.current.selectedIndex = foundIndex;
-        }
-    }, [selectedValue, options]);
-    // memo on change
-    const handleChange = useCallback((i) => {
-        if (!options)
-            return;
-        const label = options[i].label || 'Select an option';
-        setIndex(i);
-        setSelectedText(label);
-        if (index !== i)
-            onChange(i, options[i]);
-        onBlur(options[i].label || '');
-    }, [options, index, onChange, onBlur]);
-    // memo focus
-    const handleFocus = useCallback(() => {
-        setInitiated(true);
-        onFocus();
-    }, [onFocus]);
-    // Memoize renderOptions
-    const renderedOptions = useMemo(() => {
-        if (!options)
-            return null;
-        return options.map((option, i) => (jsx("option", { value: option === null || option === void 0 ? void 0 : option.value, onMouseUp: () => handleChange(i), children: option === null || option === void 0 ? void 0 : option.label }, `${option === null || option === void 0 ? void 0 : option.value}_${i}`)));
-    }, [options, handleChange]);
-    // Memoize displayed text
-    const displayText = useMemo(() => selectedText.replace('-- ', ''), [selectedText]);
-    // Memoize handleMouseDown
-    const handleMouseDown = useCallback((e) => {
-        if (disabled)
-            e.preventDefault();
-        handleFocus();
-    }, [disabled, handleFocus]);
-    // Memoize onChange handler
-    const handleSelectChange = useCallback((e) => {
-        handleChange(e.target.selectedIndex);
-    }, [handleChange]);
-    const getSize = useCallback((value) => {
-        if (typeof value === 'string')
-            return value;
-        return `${value}px`;
-    }, []);
-    const cssVars = useMemo(() => {
-        return {
-            '--dd-gap': `${gap}px`,
-            '--dd-height': `${getSize(height)}`,
-            '--dd-width': `${getSize(width)}`,
-            '--dd-margin': '8px',
-            '--dd-border-radius': borderRadius ? `${borderRadius}px` : '4px',
-            '--dd-box-shadow-size': unframed ? '0' : '1px',
-            '--dd-border-color': unframed
-                ? 'transparent'
-                : 'var(--core-outline-primary)',
-            '--dd-bg-color': bgColor !== null && bgColor !== void 0 ? bgColor : 'transparent',
-            '--dd-padding-left': unframed ? '0' : `${getSize(paddingLeft)}`,
-            '--dd-padding-right': unframed ? '0' : `${getSize(paddingRight)}`,
-            '--dd-padding-tops': unframed ? '0' : `${getSize(paddingTops)}`,
-            '--dd-icon-size': `${iconSize}px`,
-            '--dd-color': placeholder && index === 0
-                ? 'var(--core-text-tertiary)'
-                : 'var(--core-text-primary)',
-        };
-    }, [
-        gap,
-        height,
-        width,
-        borderRadius,
-        bgColor,
-        paddingLeft,
-        paddingRight,
-        paddingTops,
-        unframed,
-        placeholder,
-        iconSize,
-        index,
-        getSize,
-    ]);
-    return (jsxs("div", Object.assign({ id: divId, className: `${css.wrapper}${divClass}`, style: Object.assign(Object.assign({}, divStyle), cssVars) }, rest, { children: [jsx("div", { className: `${css.face} ${css[size]}`, children: displayText }), jsx("div", { className: css.chevron, children: jsx(Icon, { name: "chevron down", size: iconSize, strokeColor: color }) }), jsx("select", { className: css.select, defaultValue: index, ref: ref, onFocus: handleFocus, onMouseDown: handleMouseDown, onChange: handleSelectChange, "aria-label": name, children: renderedOptions })] })));
-});
-DropDown.displayName = 'DropDown';
-
-export { DropDown as D };

package/dist/esm/chunks/ErrorSummary-DzDnacH0.js

@@ -1,40 +0,0 @@
-import { _ as __rest } from './tslib.es6-0pkUdtrF.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { AnimatePresence, motion } from 'motion/react';
-import React, { useMemo } from 'react';
-import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
-
-var css_248z = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__zDf-z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__R5GpK {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__SI-hC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__PUi44 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__1B6fk {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.ErrorSummary-module_errorBox__-R7XM {\n\twidth: 100%;\n\tbackground: var(--core-surface-secondary);\n\tcolor: var(--feedback-warning);\n\tborder: 1px solid var(--feedback-warning);\n\tborder-radius: 4px;\n\tpadding: 0 16px 16px 16px !important;\n\toverflow: hidden;\n\tmargin-bottom: 44px !important;\n}\n\n.ErrorSummary-module_error__YCQLh {\n\twidth: 100%;\n}\n\n.ErrorSummary-module_p__lbLpS {\n\tmargin: 0;\n\tpadding: 16px 0 0 0;\n}\n\n.ErrorSummary-module_strong__XVtAe {\n}\n\n.ErrorSummary-module_ul__d0xoc {\n\tlist-style-type: none;\n\tlist-style-position: outside;\n\tmargin: 0;\n\tpadding: 0;\n}\n\n.ErrorSummary-module_li__jym6S {\n\tmargin: 3px 0 3px 0;\n\tline-height: 1.2em;\n\tpadding: 0;\n}\n";
-var css = {"errorBox":"ErrorSummary-module_errorBox__-R7XM flexBox-module_columnStart__Kg8cV type-module_body-m-regular__Qtp5G","error":"ErrorSummary-module_error__YCQLh flexBox-module_columnStart__Kg8cV","p":"ErrorSummary-module_p__lbLpS type-module_body-m-regular__Qtp5G","strong":"ErrorSummary-module_strong__XVtAe type-module_body-m-bold__0lZ3I","ul":"ErrorSummary-module_ul__d0xoc","li":"ErrorSummary-module_li__jym6S type-module_body-m-regular__Qtp5G"};
-styleInject(css_248z);
-
-const ErrorSummary = React.memo((props) => {
-    const { entries, errors = [] } = props, divAttributes = __rest(props, ["entries", "errors"]);
-    const { id: divId, className, style } = divAttributes, rest = __rest(divAttributes, ["id", "className", "style"]);
-    const divStyle = style !== null && style !== void 0 ? style : {};
-    const divClass = className ? ` ${className}` : '';
-    // memo animation variants
-    const variants = useMemo(() => ({
-        enter: { opacity: 0, maxHeight: 0 },
-        animate: { opacity: 1, maxHeight: 500 },
-        exit: { opacity: 0, maxHeight: 0 },
-    }), []);
-    // memo trans
-    const transition = useMemo(() => ({ ease: 'easeInOut', duration: 0.25 }), []);
-    const renderedErrors = useMemo(() => {
-        if (!entries)
-            return null;
-        return entries.map((error, index) => {
-            var _a;
-            if (errors.includes(index) || errors.includes(error.id)) {
-                return (jsxs("div", { className: css.error, children: [jsx("p", { className: css.p, children: jsx("strong", { className: css.strong, children: error.title }) }), jsx("ul", { className: css.ul, children: (_a = error.bullets) === null || _a === void 0 ? void 0 : _a.map((bullet, index) => {
-                                return (jsx("li", { className: css.li, children: bullet }, `${error.title}_bullet_${index}`));
-                            }) })] }, `${error.id}_${index}`));
-            }
-            return null;
-        });
-    }, [entries, errors]);
-    return (jsx(AnimatePresence, { initial: false, children: entries && errors && errors.length > 0 && (jsx(motion.div, Object.assign({ id: divId, className: `${css.errorBox}${divClass}`, style: divStyle, initial: 'enter', animate: 'animate', exit: 'exit', variants: variants, transition: transition }, rest, { children: renderedErrors }))) }));
-});
-
-export { ErrorSummary as E };

package/dist/esm/chunks/FileIcon-Cxh-QsYb.js

@@ -1,130 +0,0 @@
-import { _ as __rest } from './tslib.es6-0pkUdtrF.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import React, { useMemo, useCallback } from 'react';
-import { useTheme } from '../hooks/useTheme.js';
-import '../theme/colors.js';
-import '../hooks/useWindow.js';
-import { a as accessibleKeyDown } from './utils-CZ1LWeN6.js';
-
-var FileIconNames;
-(function (FileIconNames) {
-    FileIconNames["pdf"] = "pdf";
-    FileIconNames["text"] = "text";
-    FileIconNames["sheet"] = "sheet";
-    FileIconNames["preso"] = "preso";
-    FileIconNames["md"] = "md";
-    FileIconNames["code"] = "code";
-    FileIconNames["image"] = "image";
-    FileIconNames["audio"] = "audio";
-    FileIconNames["video"] = "video";
-    FileIconNames["other"] = "other";
-})(FileIconNames || (FileIconNames = {}));
-const iconColorSchemes = {
-    blue: { dark: '#4084ff', light: '#2d2fff' },
-    red: { dark: '#ff474a', light: '#df0529' },
-    green: { dark: '#2d8c00', light: '#2d8c00' },
-    gray: { dark: '#657d91', light: '#4c6273' },
-    pink: { dark: '#ff3ac2', light: '#df059b' },
-};
-
-const STATIC_FILE_ICONS = new Map([
-    [
-        'pdf',
-        {
-            paths: (theme) => (jsxs(Fragment, { children: [jsx("path", { d: "M3,2v15.99c0,.55.45,1,1,1h11.99c.55,0,1-.45,1-1V5c0-.55-.45-1-1-1h-2v-2c0-.55-.45-1-1-1H4c-.55,0-1,.45-1,1Z", fill: iconColorSchemes.red[theme] }), jsx("path", { d: "M8.53,7c-.39,0-.73.38-.64.77.06.59.44,1.07.74,1.56.03.18-.06.36-.07.54-.19,1.06-.49,2.12-.95,3.09-.56.26-1.2.52-1.53,1.08-.21.39.09.91.52.95.4.05.7-.29.92-.58.23-.31.38-.68.57-1.01,1.15-.46,2.37-.79,3.61-.91.5.36,1.03.78,1.68.81.37,0,.68-.37.63-.74-.02-.34-.32-.57-.63-.63-.5-.15-1.03-.07-1.54-.06-.97-.78-1.87-1.67-2.58-2.7.05-.62.16-1.31-.17-1.88-.12-.18-.33-.3-.55-.28ZM8.55,7.57c.11.02.12.18.15.27.03.18.03.36.02.54-.13-.24-.3-.5-.27-.79.03,0,.06-.02.1-.02ZM9.15,10c.58.72,1.23,1.39,1.93,1.99-.93.14-1.85.38-2.73.7.34-.89.6-1.8.77-2.73.01.01.02.03.04.04ZM12.77,12.43c.23.02.49,0,.67.16.02.14-.15.16-.25.11-.19-.06-.38-.14-.54-.27.04,0,.08,0,.12,0ZM7.15,13.9c-.11.2-.26.39-.43.53-.05.09-.2-.07-.13-.14.14-.22.39-.34.61-.47-.02.03-.03.06-.05.08Z", fill: "#fff" })] })),
-        },
-    ],
-    [
-        'text',
-        {
-            paths: (theme) => (jsxs(Fragment, { children: [jsx("path", { d: "M3,2v15.99c0,.55.45,1,1,1h11.99c.55,0,1-.45,1-1V5c0-.55-.45-1-1-1h-2v-2c0-.55-.45-1-1-1H4c-.55,0-1,.45-1,1Z", fill: iconColorSchemes.blue[theme] }), jsx("rect", { x: "6", y: "8", width: "6", height: "1", fill: "#fff" }), jsx("rect", { x: "6", y: "10.5", width: "8", height: "1", fill: "#fff" }), jsx("rect", { x: "6", y: "13", width: "3.5", height: "1", fill: "#fff" })] })),
-        },
-    ],
-    [
-        'sheet',
-        {
-            paths: (theme) => (jsxs(Fragment, { children: [jsx("path", { d: "M3,2v15.99c0,.55.45,1,1,1h11.99c.55,0,1-.45,1-1V5c0-.55-.45-1-1-1h-2v-2c0-.55-.45-1-1-1H4c-.55,0-1,.45-1,1Z", fill: iconColorSchemes.green[theme] }), jsx("path", { d: "M6,8v6h8v-6H6ZM7,9h1.5v1.5h-1.5v-1.5ZM7,11.5h1.5v1.5h-1.5v-1.5ZM13,13h-3.5v-1.5h3.5v1.5ZM9.5,10.5v-1.5h3.5v1.5h-3.5Z", fill: "#fff" })] })),
-        },
-    ],
-    [
-        'preso',
-        {
-            paths: (theme) => (jsxs(Fragment, { children: [jsx("path", { d: "M3,2v15.99c0,.55.45,1,1,1h11.99c.55,0,1-.45,1-1V5c0-.55-.45-1-1-1h-2v-2c0-.55-.45-1-1-1H4c-.55,0-1,.45-1,1Z", fill: iconColorSchemes.red[theme] }), jsx("path", { d: "M14,7.5H6c-.28,0-.5.22-.5.5v6c0,.28.22.5.5.5h8c.28,0,.5-.22.5-.5v-6c0-.28-.22-.5-.5-.5ZM8.5,12.5c-.83,0-1.5-.67-1.5-1.5s.67-1.5,1.5-1.5c0,0,0,0,0,0v1.5h1.5s0,0,0,0c0,.83-.67,1.5-1.5,1.5ZM13,12.5h-2v-1h2v1ZM13,10.5h-2v-1h2v1Z", fill: "#fff" })] })),
-        },
-    ],
-    [
-        'md',
-        {
-            paths: (theme) => (jsxs(Fragment, { children: [jsx("path", { d: "M3,2v15.99c0,.55.45,1,1,1h11.99c.55,0,1-.45,1-1V5c0-.55-.45-1-1-1h-2v-2c0-.55-.45-1-1-1H4c-.55,0-1,.45-1,1Z", fill: iconColorSchemes.gray[theme] }), jsx("path", { d: "M14,9.13v-1h-1.63v-1.63h-1v1.63h-2.73v-1.63h-1v1.63h-1.63v1h1.63v2.73h-1.63v1h1.63v1.63h1v-1.63h2.73v1.63h1v-1.63h1.63v-1h-1.63v-2.73h1.63ZM11.37,11.87h-2.73v-2.73h2.73v2.73Z", fill: "#fff" })] })),
-        },
-    ],
-    [
-        'code',
-        {
-            paths: (theme) => (jsxs(Fragment, { children: [jsx("path", { d: "M3,2v15.99c0,.55.45,1,1,1h11.99c.55,0,1-.45,1-1V5c0-.55-.45-1-1-1h-2v-2c0-.55-.45-1-1-1H4c-.55,0-1,.45-1,1Z", fill: iconColorSchemes.gray[theme] }), jsx("path", { d: "M7.75,8.47l-2.8,1.6c-.16.09-.25.25-.25.43s.1.34.25.43l2.8,1.6.5-.87-2.04-1.17,2.04-1.17-.5-.87Z", fill: "#fff" }), jsx("path", { d: "M15.28,10.18l-2.4-1.6-.55.83,1.78,1.18-1.78,1.18.55.83,2.4-1.6c.14-.09.22-.25.22-.42s-.08-.32-.22-.42Z", fill: "#fff" }), jsx("rect", { x: "6.53", y: "10", width: "7.43", height: "1", transform: "translate(-1.52 19.26) rotate(-82.36)", fill: "#fff" })] })),
-        },
-    ],
-    [
-        'image',
-        {
-            paths: (theme) => (jsxs(Fragment, { children: [jsx("path", { d: "M3,2v15.99c0,.55.45,1,1,1h11.99c.55,0,1-.45,1-1V5c0-.55-.45-1-1-1h-2v-2c0-.55-.45-1-1-1H4c-.55,0-1,.45-1,1Z", fill: iconColorSchemes.blue[theme] }), jsx("path", { d: "M13.51,7h-7.03c-.54,0-.99.44-.99.99v4.84h0s0,1.68,0,1.68h8.01c.54,0,.99-.44.99-.99v-5.53c0-.54-.44-.99-.99-.99ZM6.49,8h7.01v5.26s-1-1.01-1-1.01l-1.25,1.25h-.01l-3.25-3.79-1.49,1.86v-3.58Z", fill: "#fff" }), jsx("circle", { cx: "11.5", cy: "10", r: "1", fill: "#fff" })] })),
-        },
-    ],
-    [
-        'audio',
-        {
-            paths: (theme) => (jsxs(Fragment, { children: [jsx("path", { d: "M3,2v15.99c0,.55.45,1,1,1h11.99c.55,0,1-.45,1-1V5c0-.55-.45-1-1-1h-2v-2c0-.55-.45-1-1-1H4c-.55,0-1,.45-1,1Z", fill: iconColorSchemes.pink[theme] }), jsx("path", { d: "M9.14,8.39c-.09.07-.2.11-.31.11h-1.32c-.28,0-.5.23-.5.5v2.49c0,.28.23.5.5.5h1.32c.11,0,.22.04.31.11l1.86,1.89h1v-7.5h-1l-1.86,1.89Z", fill: "#fff" })] })),
-        },
-    ],
-    [
-        'video',
-        {
-            paths: (theme) => (jsxs(Fragment, { children: [jsx("path", { d: "M3,2v15.99c0,.55.45,1,1,1h11.99c.55,0,1-.45,1-1V5c0-.55-.45-1-1-1h-2v-2c0-.55-.45-1-1-1H4c-.55,0-1,.45-1,1Z", fill: iconColorSchemes.pink[theme] }), jsx("rect", { x: "6", y: "7.75", width: "5.5", height: "5.5", rx: ".75", ry: ".75", fill: "#fff" }), jsx("path", { d: "M13.87,8.03c-.08-.04-.18-.04-.26.01l-1.5,1c-.07.05-.11.12-.11.21v2.5c0,.08.04.16.11.21l1.5,1s.09.04.14.04c.04,0,.08,0,.12-.03.08-.04.13-.13.13-.22v-4.5c0-.09-.05-.18-.13-.22Z", fill: "#fff" })] })),
-        },
-    ],
-    [
-        'other',
-        {
-            paths: (theme) => (jsxs(Fragment, { children: [jsx("path", { d: "M3,2v15.99c0,.55.45,1,1,1h11.99c.55,0,1-.45,1-1V5c0-.55-.45-1-1-1h-2v-2c0-.55-.45-1-1-1H4c-.55,0-1,.45-1,1Z", fill: iconColorSchemes.gray[theme] }), jsx("rect", { x: "6", y: "8", width: "6", height: "1", fill: "#fff" }), jsx("rect", { x: "6", y: "10.5", width: "8", height: "1", fill: "#fff" }), jsx("rect", { x: "6", y: "13", width: "3.5", height: "1", fill: "#fff" })] })),
-        },
-    ],
-]);
-
-const FileIcon = React.memo((props) => {
-    const { name = 'pdf', size = 24, pointer = false, disabled = false, onClick } = props, svgAttributes = __rest(props, ["name", "size", "pointer", "disabled", "onClick"]);
-    const { id: svgId, className, style } = svgAttributes, rest = __rest(svgAttributes, ["id", "className", "style"]);
-    const { isDark } = useTheme();
-    // memo cursor style
-    const cursor = useMemo(() => {
-        if (disabled)
-            return 'default';
-        return pointer ? 'pointer' : 'inherit';
-    }, [disabled, pointer]);
-    // memo icon style
-    const iconStyle = useMemo(() => {
-        return {
-            cursor,
-            userSelect: 'none',
-            WebkitUserSelect: 'none',
-            WebkitTapHighlightColor: 'transparent',
-            outline: 'none',
-            border: 0,
-        };
-    }, [cursor]);
-    const handleClick = useCallback((e) => {
-        if (!disabled)
-            onClick === null || onClick === void 0 ? void 0 : onClick(e);
-    }, [onClick, disabled]);
-    const definition = STATIC_FILE_ICONS.get(name);
-    const paths = definition === null || definition === void 0 ? void 0 : definition.paths(isDark ? 'dark' : 'light');
-    if (!paths)
-        return null;
-    return (jsxs("svg", Object.assign({ id: svgId, className: className, xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 20 20", style: Object.assign(Object.assign({}, style), iconStyle), onClick: handleClick, role: pointer ? 'button' : 'img', "aria-label": `${name} icon`, "aria-disabled": pointer ? disabled : undefined, tabIndex: pointer && !disabled ? 0 : -1, onKeyDown: (e) => {
-            if (!pointer || disabled)
-                return;
-            accessibleKeyDown(e, () => handleClick(e));
-        }, opacity: disabled ? 0.5 : 1 }, rest, { children: [jsx("title", {}), paths] })));
-});
-FileIcon.displayName = 'FileIcon';
-
-export { FileIcon as F, FileIconNames as a };

package/dist/esm/chunks/FileList-yo_u1Kvw.js

@@ -1,161 +0,0 @@
-import { _ as __rest } from './tslib.es6-0pkUdtrF.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import React, { useCallback, useMemo } from 'react';
-import { s as setStyle, a as accessibleKeyDown } from './utils-CZ1LWeN6.js';
-import { F as FileIcon } from './FileIcon-Cxh-QsYb.js';
-import { I as Icon } from './_types-RJ7q8S0B.js';
-import { P as ProgressIndicator } from './ProgressIndicator-uI9BZwBB.js';
-import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
-
-function nameAndExtension(fileName) {
-    var _a;
-    const ext = (_a = fileName.split('.').pop()) !== null && _a !== void 0 ? _a : 'unknown';
-    return { name: fileName, ext };
-}
-function fileIconName(extension) {
-    switch (extension) {
-        case 'png':
-        case 'jpeg':
-        case 'jpg':
-        case 'gif':
-        case 'heic':
-            return 'image';
-        case 'docx':
-        case 'doc':
-        case 'txt':
-            return 'text';
-        case 'md':
-            return 'md';
-        case 'html':
-        case 'js':
-        case 'ts':
-        case 'tsx':
-        case 'json':
-        case 'py':
-            return 'code';
-        case 'xls':
-        case 'xlsx':
-        case 'csv':
-            return 'sheet';
-        case 'ppt':
-        case 'pptx':
-            return 'preso';
-        case 'pdf':
-            return 'pdf';
-        case 'mp3':
-        case 'aif':
-        case 'wav':
-            return 'audio';
-        case 'mp4':
-        case 'mov':
-            return 'video';
-        case 'clipboard':
-            return 'clipboard';
-        default:
-            return 'other';
-    }
-}
-
-var css_248z = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__zDf-z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__R5GpK {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__SI-hC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__PUi44 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__1B6fk {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.FileList-module_wrapper__vsmK5 {\n\twidth: 100%;\n\toverflow: hidden;\n\tflex-wrap: var(--file-wrap);\n\tflex-direction: var(--file-direction) !important;\n\talign-items: flex-start !important;\n\tgap: var(--file-gap);\n\tuser-select: none;\n\t-webkit-user-select: none;\n}\n\n.FileList-module_file__TTDb9 {\n\tposition: relative;\n\tpadding: var(--file-padding) !important;\n\tborder: 1px solid var(--file-border-color);\n\tborder-radius: 4px;\n\toverflow: var(--file-overflow);\n\tmax-width: var(--file-max-width);\n\tmin-width: var(--file-min-width);\n\tcolor: var(--core-text-primary);\n\tbackground: transparent;\n\tgap: 4px;\n}\n\n/* file progress bar */\n.FileList-module_file__TTDb9::before {\n\tcontent: \"\";\n\tposition: absolute;\n\tbackground: var(--file-bg-color);\n\ttop: 0;\n\tbottom: 0;\n\tleft: 0;\n\twidth: var(--file-progress);\n\ttransition: width 1s ease-in-out 0s;\n\tz-index: 1;\n}\n\n.FileList-module_fileName__qFumz {\n\twidth: 100%;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n\tword-break: break-all;\n\tdisplay: -webkit-box !important;\n\t-webkit-line-clamp: 1;\n\t-webkit-box-orient: vertical;\n\tz-index: 2;\n}\n\n.FileList-module_meta__cEeZM {\n\tflex: 1;\n\tmin-width: 0;\n\tgap: 2px;\n\tz-index: 2;\n}\n\n.FileList-module_status__gOq0Z {\n\tcolor: var(--core-text-secondary);\n\tline-height: 1.2;\n}\n\n.FileList-module_error__lwFza {\n\tcolor: var(--feedback-warning);\n}\n\n.FileList-module_fileIcon__a-lhL {\n\tmin-width: var(--file-icon-size);\n\tmin-height: var(--file-icon-size);\n\tmax-width: var(--file-icon-size);\n\tmax-height: var(--file-icon-size);\n\tz-index: 2;\n}\n\n.FileList-module_icon__IqQtu {\n\tmargin-left: 4px !important;\n\tmin-width: 20px;\n\tmin-height: 20px;\n\tmax-width: 20px;\n\tmax-height: 20px;\n\tcursor: pointer;\n\tz-index: 2;\n}\n\n.FileList-module_xs__E8BbI {\n}\n\n.FileList-module_s__hk4A- {\n}\n\n.FileList-module_m__3Fc4x {\n}\n\n.FileList-module_l__pS2TK {\n}\n\n.FileList-module_xl__NbbC5 {\n}\n";
-var css = {"wrapper":"FileList-module_wrapper__vsmK5 flexBox-module_rowStart__nJZnW","file":"FileList-module_file__TTDb9 flexBox-module_rowStart__nJZnW","fileName":"FileList-module_fileName__qFumz flexBox-module_row__PWxbe","meta":"FileList-module_meta__cEeZM flexBox-module_columnStart__Kg8cV","status":"FileList-module_status__gOq0Z type-module_body-xs-regular__QWEzl","error":"FileList-module_error__lwFza","fileIcon":"FileList-module_fileIcon__a-lhL flexBox-module_row__PWxbe","icon":"FileList-module_icon__IqQtu flexBox-module_row__PWxbe","xs":"FileList-module_xs__E8BbI type-module_body-xs-regular__QWEzl","s":"FileList-module_s__hk4A- type-module_body-s-regular__8-FO-","m":"FileList-module_m__3Fc4x type-module_body-m-regular__Qtp5G","l":"FileList-module_l__pS2TK type-module_body-l-regular__Ar4d3","xl":"FileList-module_xl__NbbC5 type-module_body-xl-regular__zDf-z"};
-styleInject(css_248z);
-
-/**
- * utility get file name from file item
- */
-function fileNameFromItem(item) {
-    return typeof item.file === 'string' ? item.file : item.file.name;
-}
-/**
- * cal progress as a percentage string
- */
-function normalizeProgress(uploading, progress) {
-    if (progress === undefined || Number.isNaN(progress)) {
-        return uploading ? '0%' : '100%';
-    }
-    const percent = progress <= 1 ? progress * 100 : progress;
-    const clamped = Math.max(0, Math.min(100, percent));
-    return `${Math.round(clamped)}%`;
-}
-/**
- * display the progress indicator if uploading
- */
-function displayProgress(uploading) {
-    if (!uploading)
-        return { display: 'none' };
-    return { display: 'flex' };
-}
-/**
- * display the remove button if not uploading
- */
-function displayClose(uploading) {
-    if (!uploading)
-        return { display: 'flex' };
-    return { display: 'none' };
-}
-const FileList = React.memo((props) => {
-    const { files = [], onChange, onToolTip, maxWidth, minWidth, direction = 'row', padding, gap = 10, size = 's', iconSize = 24, bgColor } = props, divAttributes = __rest(props, ["files", "onChange", "onToolTip", "maxWidth", "minWidth", "direction", "padding", "gap", "size", "iconSize", "bgColor"]);
-    // div attributes to add
-    const { id: divId, className, style } = divAttributes, rest = __rest(divAttributes, ["id", "className", "style"]);
-    const divStyle = style !== null && style !== void 0 ? style : {};
-    const divClass = className ? ` ${className}` : '';
-    // convert file name to file item name, type
-    const fileNameToFileItem = useCallback((fileName) => {
-        const { ext, name } = nameAndExtension(fileName);
-        const icon = fileIconName(ext);
-        return { name, ext, icon };
-    }, []);
-    // memoize ready-to-render list
-    const displayList = useMemo(() => {
-        return files.map((item, index) => {
-            var _a;
-            const fileName = fileNameFromItem(item);
-            const fileMeta = fileNameToFileItem(fileName);
-            const progress = normalizeProgress(item.uploading, item.progress);
-            return Object.assign(Object.assign({}, fileMeta), { key: `${fileMeta.name}-${index}`, index, uploading: (_a = item.uploading) !== null && _a !== void 0 ? _a : false, progress, error: item.error });
-        });
-    }, [files, fileNameToFileItem]);
-    // remove items from the list
-    const handleRemove = useCallback((index) => {
-        const updated = files.filter((_, itemIndex) => itemIndex !== index);
-        onChange === null || onChange === void 0 ? void 0 : onChange(updated);
-    }, [files, onChange]);
-    // show remove tooltip
-    const handleMouseOver = useCallback((e) => {
-        const toolTip = {
-            payload: { label: 'Remove file' },
-            ref: { current: e.currentTarget },
-        };
-        onToolTip === null || onToolTip === void 0 ? void 0 : onToolTip(toolTip);
-    }, [onToolTip]);
-    // hide remove tooltip
-    const handleMouseOut = useCallback(() => {
-        onToolTip === null || onToolTip === void 0 ? void 0 : onToolTip(null);
-    }, [onToolTip]);
-    // memo style vars
-    const cssVars = useMemo(() => {
-        return {
-            '--file-max-width': direction === 'column' ? '100%' : setStyle(maxWidth),
-            '--file-min-width': direction === 'column' && !minWidth ? '100%' : setStyle(minWidth),
-            '--file-gap': setStyle(gap),
-            '--file-direction': direction,
-            '--file-wrap': direction === 'column' ? 'nowrap' : 'wrap',
-            '--file-padding': padding ? setStyle(padding) : '4px 4px 4px 2px',
-            '--file-icon-size': setStyle(iconSize),
-            '--file-overflow': direction === 'column' ? 'unset' : 'hidden',
-            '--file-bg-color': bgColor !== null && bgColor !== void 0 ? bgColor : 'var(--core-surface-secondary)',
-        };
-    }, [maxWidth, gap, direction, minWidth, padding, iconSize, bgColor]);
-    // CSS var for then progress of each file
-    const fileCSSVars = useCallback((progress, error) => {
-        return {
-            '--file-progress': `${progress}`,
-            '--file-border-color': error
-                ? 'var(--feedback-warning)'
-                : 'var(--core-outline-primary)',
-        };
-    }, []);
-    return (jsx("div", Object.assign({ className: `${css.wrapper}${divClass}`, style: Object.assign(Object.assign({}, divStyle), cssVars), id: divId }, rest, { children: displayList.map((i) => (jsxs("div", { className: `${css.file} ${css[size]}`, style: fileCSSVars(i.progress, i.error), children: [jsx("div", { className: css.fileIcon, children: jsx(FileIcon, { name: i.icon, size: iconSize }) }), jsxs("div", { className: css.meta, children: [jsx("div", { className: css.fileName, children: i.name }), i.error && (jsx("div", { className: `${css.status} ${i.error ? css.error : ''}`, children: i.error }))] }), jsx("div", { className: css.icon, style: displayProgress(i.uploading), children: jsx(ProgressIndicator, { inline: true, size: 20, show: i.uploading }) }), jsx("div", { className: css.icon, style: displayClose(i.uploading), role: 'button', "aria-label": 'remove file', onMouseOver: handleMouseOver, onMouseOut: handleMouseOut, onFocus: handleMouseOver, onBlur: handleMouseOut, onClick: () => handleRemove(i.index), onKeyDown: (e) => accessibleKeyDown(e, () => handleRemove(i.index)), tabIndex: 0, children: jsx(Icon, { name: 'x', style: { pointerEvents: 'none' } }) })] }, i.key))) })));
-});
-
-export { FileList as F };