@apple-pie/slice 0.0.6 → 0.0.8

package/dist/cjs/chunks/Toast-CxAEOW4z.js

@@ -1,158 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('./tslib.es6-4H29ixHs.js');
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('motion/react');
-var React = require('react');
-var hooks_useTheme = require('../hooks/useTheme.js');
-require('../theme/colors.js');
-require('../hooks/useWindow.js');
-var utils = require('./utils-BwNacfBU.js');
-var _types = require('./_types-BNlHsGMQ.js');
-var styleInject_es = require('./style-inject.es-XZHJH68X.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.Toast-module_wrapper__WglRd {\n\tpadding: var(--toast-padding) !important;\n\tcolor: var(--toast-color);\n\tposition: fixed;\n\tborder: var(--toast-border);\n\tborder-radius: var(--toast-border-radius);\n\tbackground: var(--toast-background);\n\tz-index: var(--elevation-status);\n\tgap: 16px;\n\tbox-shadow: var(--surface-shadow-soft);\n\tleft: 50%;\n\ttransform: translateX(-50%);\n}\n\n.Toast-module_close__fIkbN {\n\tmin-height: 20px;\n\tmax-height: 20px;\n\tmin-width: 20px;\n\tmax-width: 20px;\n}\n\n.Toast-module_s__eexrd {\n}\n\n.Toast-module_m__eByaG {\n}\n.Toast-module_l__t7hfh {\n}\n";
-var css = {"wrapper":"Toast-module_wrapper__WglRd flexBox-module_rowBetween__27lKK","close":"Toast-module_close__fIkbN flexBox-module_row__PWxbe","s":"Toast-module_s__eexrd type-module_body-s-regular__8-FO-","m":"Toast-module_m__eByaG type-module_body-m-regular__Qtp5G","l":"Toast-module_l__t7hfh type-module_body-l-regular__Ar4d3"};
-styleInject_es.styleInject(css_248z);
-
-exports.ToastType = void 0;
-(function (ToastType) {
-    ToastType["Success"] = "success";
-    ToastType["Error"] = "error";
-    ToastType["Warning"] = "warning";
-    ToastType["Info"] = "info";
-})(exports.ToastType || (exports.ToastType = {}));
-
-const ToastBase = React.forwardRef((props, ref) => {
-    const { message = null, size = 'm', border = true, padding, radius = 8, showDelay = 0, duration = 5000, position = 'bottom', offset = 24, close = true, type = exports.ToastType.Info, didHide = () => null } = props, divAttributes = tslib_es6.__rest(props, ["message", "size", "border", "padding", "radius", "showDelay", "duration", "position", "offset", "close", "type", "didHide"]);
-    const theme = hooks_useTheme.useTheme();
-    // div attributes to add
-    const { id: divId, className, style } = divAttributes, rest = tslib_es6.__rest(divAttributes, ["id", "className", "style"]);
-    const divStyle = style !== null && style !== void 0 ? style : {};
-    const divClass = className ? `${className}` : '';
-    // need the animate set only after the ready state is processed
-    const [ready, setReady] = React.useState(false);
-    const [content, setContent] = React.useState(null);
-    const timer = React.useRef(null);
-    // update show and animation
-    React.useEffect(() => {
-        if (timer.current)
-            clearTimeout(timer.current);
-        const show = message && message.length > 0;
-        if (show) {
-            timer.current = setTimeout(() => {
-                setContent(message);
-                if (timer.current)
-                    clearTimeout(timer.current);
-                if (duration !== 'Infinite') {
-                    timer.current = setTimeout(() => {
-                        setReady(false);
-                    }, duration);
-                }
-            }, showDelay);
-        }
-        else {
-            setContent(null);
-        }
-        // clean up timers
-        return () => {
-            if (timer.current)
-                clearTimeout(timer.current);
-        };
-    }, [message, showDelay, duration]);
-    // ready to animate in/out
-    React.useEffect(() => setReady(content !== null), [content]);
-    // set the default padding accommodating the close icon fix
-    const defaultPadding = React.useMemo(() => {
-        return close ? '10px 12px 10px 16px' : '10px 16px';
-    }, [close]);
-    const colorScheme = React.useMemo(() => {
-        switch (type) {
-            case 'success':
-                return {
-                    border: 'var(--array-land-label)',
-                    bg: 'var(--array-land)',
-                    text: 'var(--array-land-label)',
-                };
-            case 'warning':
-                return {
-                    border: 'var(--array-orange-label)',
-                    bg: 'var(--array-orange)',
-                    text: 'var(--array-orange-label)',
-                };
-            case 'error':
-                return {
-                    border: 'var(--feedback-warning)',
-                    bg: 'var(--array-magenta)',
-                    text: 'var(--feedback-warning)',
-                };
-            default:
-                return {
-                    border: 'var(--core-outline-primary)',
-                    bg: 'var(--core-surface-secondary)',
-                    text: 'var(--core-text-primary)',
-                };
-        }
-    }, [type]);
-    // memo css vars
-    const cssVars = React.useMemo(() => {
-        return {
-            '--toast-padding': utils.setStyle(padding, defaultPadding),
-            '--toast-background': colorScheme.bg,
-            '--toast-color': colorScheme.text,
-            '--toast-border': border ? `1px solid ${colorScheme.border}` : 'unset',
-            '--toast-border-radius': utils.setStyle(radius, 4),
-        };
-    }, [padding, border, colorScheme, radius, defaultPadding]);
-    const variants = React.useMemo(() => {
-        const positionShow = position === 'bottom' ? { bottom: offset } : { top: offset };
-        const positionHide = position === 'bottom' ? { bottom: -offset } : { top: -offset };
-        const transition = { ease: 'easeInOut', duration: 0.25 };
-        return {
-            initial: Object.assign({ opacity: 0 }, positionHide),
-            animate: Object.assign(Object.assign({ opacity: 1 }, positionShow), { transition }),
-            exit: Object.assign(Object.assign({ opacity: 0 }, positionHide), { transition }),
-        };
-    }, [position, offset]);
-    // memo class names
-    const classNames = React.useMemo(() => {
-        return utils.filterClasses([css.wrapper, css[size], divClass]);
-    }, [size, divClass]);
-    // hide on close
-    const handleClose = React.useCallback(() => {
-        setReady(false);
-    }, []);
-    // prevent hide on hover / focus
-    const handleMouseOver = React.useCallback(() => {
-        if (timer.current)
-            clearTimeout(timer.current);
-    }, []);
-    // rest hide on mouse out / blur
-    const handleMouseOut = React.useCallback(() => {
-        if (timer.current)
-            clearTimeout(timer.current);
-        if (duration !== 'Infinite') {
-            timer.current = setTimeout(() => {
-                setContent(null);
-            }, duration);
-        }
-    }, [duration]);
-    // memo icon color based on type
-    const iconColor = React.useMemo(() => {
-        switch (type) {
-            case exports.ToastType.Error:
-                return theme.current.colors['feedback-warning'];
-            case exports.ToastType.Success:
-                return theme.current.colors['array-land-label'];
-            case exports.ToastType.Warning:
-                return theme.current.colors['array-orange-label'];
-            default:
-                return theme.current.colors['core-text-primary'];
-        }
-    }, [type, theme]);
-    return (jsxRuntime.jsx(react.AnimatePresence, { onExitComplete: () => didHide(), initial: false, children: ready && (jsxRuntime.jsxs(react.motion.div, Object.assign({ ref: ref, id: divId, className: classNames }, rest, { onMouseEnter: handleMouseOver, onMouseLeave: handleMouseOut, onFocus: handleMouseOver, onBlur: handleMouseOut, style: Object.assign(Object.assign(Object.assign({}, divStyle), cssVars), { visibility: ready ? 'visible' : 'hidden' }), variants: variants, initial: 'initial', animate: 'animate', exit: 'exit', children: [jsxRuntime.jsx("div", { role: 'status', "aria-live": 'polite', className: css.message, children: content }), (duration === 'Infinite' || close) && (jsxRuntime.jsx("div", { className: css.close, tabIndex: 0, role: 'button', "aria-label": 'dismiss message', onKeyDown: (e) => utils.accessibleKeyDown(e, handleClose), onClick: handleClose, children: jsxRuntime.jsx(_types.Icon, { name: 'x', size: 20, strokeColor: iconColor }) }))] }))) }));
-});
-ToastBase.displayName = 'Toast';
-const Toast = React.memo(ToastBase);
-
-exports.Toast = Toast;

package/dist/cjs/chunks/UploadArea-DunGYE1_.js

@@ -1,155 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var utils = require('./utils-BwNacfBU.js');
-var FileList = require('./FileList-BHMne9Mr.js');
-var _types = require('./_types-BNlHsGMQ.js');
-var ProgressIndicator = require('./ProgressIndicator-BAwAaw58.js');
-var styleInject_es = require('./style-inject.es-XZHJH68X.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.UploadArea-module_wrapper__CRGxX {\n\tpadding: var(--ua-padding) !important;\n\tborder: var(--ua-border) var(--ua-border-style) var(--ua-border-color);\n\tborder-radius: var(--ua-radius);\n\tbackground: var(--ua-bg-color);\n\tgap: 8px;\n\tcursor: var(--ua-cursor);\n\twidth: var(--ua-width);\n\theight: var(--ua-height);\n\tuser-select: none;\n\t-webkit-user-select: none;\n}\n\n.UploadArea-module_icon__BorsB {\n\tmin-height: var(--ua-icon-size);\n\theight: var(--ua-icon-size);\n\tmin-width: var(--ua-icon-size);\n\twidth: var(--ua-icon-size);\n\tpointer-events: none;\n}\n\n.UploadArea-module_title__cHPKW {\n\tpointer-events: none;\n}\n\n.UploadArea-module_message__cnoa7 {\n\tcolor: var(--core-text-tertiary);\n\tpointer-events: none;\n\tgap: 8px;\n}\n\n.UploadArea-module_files__hIz4K {\n\tmargin-top: 16px !important;\n\twidth: 100%;\n}\n\n.UploadArea-module_xs__MTB7z {\n}\n\n.UploadArea-module_s__w0unZ {\n}\n\n.UploadArea-module_m__N4PzX {\n}\n\n.UploadArea-module_l__2GkSv {\n}\n";
-var css = {"wrapper":"UploadArea-module_wrapper__CRGxX flexBox-module_column__MP2Xd","icon":"UploadArea-module_icon__BorsB flexBox-module_row__PWxbe","title":"UploadArea-module_title__cHPKW type-module_body-l-bold__I8Q1v","message":"UploadArea-module_message__cnoa7 flexBox-module_row__PWxbe","files":"UploadArea-module_files__hIz4K flexBox-module_column__MP2Xd","xs":"UploadArea-module_xs__MTB7z type-module_body-xs-regular__QWEzl","s":"UploadArea-module_s__w0unZ type-module_body-s-regular__8-FO-","m":"UploadArea-module_m__N4PzX type-module_body-m-regular__Qtp5G","l":"UploadArea-module_l__2GkSv type-module_body-l-regular__Ar4d3"};
-styleInject_es.styleInject(css_248z);
-
-const imageTypes = ['png', 'jpg', 'jpeg', 'gif', 'svg', 'heic', 'heif'];
-const videoTypes = ['mp4', 'avi', 'mov', 'wmv', 'flv'];
-const documentTypes = [
-    'pdf',
-    'doc',
-    'docx',
-    'xls',
-    'xlsx',
-    'ppt',
-    'pptx',
-];
-const audioTypes = ['mp3', 'wav', 'ogg', 'aac', 'flac'];
-const textTypes = ['txt', 'rtf', 'md', 'csv', 'json', 'xml'];
-const allTypes = [
-    ...imageTypes,
-    ...videoTypes,
-    ...documentTypes,
-    ...audioTypes,
-    ...textTypes,
-];
-var FileTypes;
-(function (FileTypes) {
-    FileTypes["images"] = "images";
-    FileTypes["videos"] = "videos";
-    FileTypes["documents"] = "documents";
-    FileTypes["audio"] = "audio";
-    FileTypes["text"] = "text";
-    FileTypes["all"] = "all";
-    FileTypes["custom"] = "custom";
-})(FileTypes || (FileTypes = {}));
-
-const UploadAreaBase = React.forwardRef((props, ref) => {
-    const { icon = 'upload', iconColor = 'var(--core-text-primary)', iconColorHover = 'var(--core-text-special)', title = 'Upload Files', width = '100%', height = 'auto', message = 'Drag and drop files here or click to upload', busyMessage = 'Uploading in progress', iconSize = 24, textSize = 'm', border = 1, borderStyle = 'dashed', borderColor = 'var(--core-outline-primary)', borderColorHover = 'var(--core-outline-special)', radius = 8, padding = 32, bgColor = 'var(--core-surface-secondary)', bgColorHover = 'var(--core-surface-special)', acceptedTypes = allTypes, multiple = true, busy = false, canRemove = true, showProgress = true, files = [], onUpload, } = props;
-    const [hovered, setHovered] = React.useState(false);
-    const inputRef = React.useRef(null);
-    const dragDepth = React.useRef(0);
-    // set uploading files
-    // *** select files
-    // callback to trigger click
-    const handleClickUpload = React.useCallback(() => {
-        var _a;
-        if (busy)
-            return;
-        if (!(inputRef === null || inputRef === void 0 ? void 0 : inputRef.current))
-            return;
-        inputRef.current.value = '';
-        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click();
-    }, [busy]);
-    // call back on file change
-    const handleFileInputChange = React.useCallback((e) => {
-        if (busy)
-            return;
-        if (!e.target.files)
-            return;
-        onUpload === null || onUpload === void 0 ? void 0 : onUpload(Array.from(e.target.files));
-    }, [busy, onUpload]);
-    // *** drag/drop
-    // check for files to light up hover
-    const hasFilesInDrag = React.useCallback((e) => {
-        var _a, _b;
-        return Array.from((_b = (_a = e.dataTransfer) === null || _a === void 0 ? void 0 : _a.types) !== null && _b !== void 0 ? _b : []).includes('Files');
-    }, []);
-    // use counters for responsive feedback
-    const handleDragEnter = React.useCallback((e) => {
-        e.preventDefault();
-        if (busy || !hasFilesInDrag(e))
-            return;
-        dragDepth.current += 1;
-        if (dragDepth.current === 1)
-            setHovered(true);
-    }, [busy, hasFilesInDrag]);
-    // prevent default since "drop" happens when "over"
-    const handleDragOver = (e) => {
-        e.preventDefault();
-    };
-    // at 0 hover is over
-    const handleDragLeave = React.useCallback((e) => {
-        e.preventDefault();
-        if (busy)
-            return;
-        dragDepth.current = Math.max(0, dragDepth.current - 1);
-        if (dragDepth.current === 0)
-            setHovered(false);
-    }, [busy]);
-    // handle drop
-    const handleDrop = React.useCallback((e) => {
-        var _a;
-        e.preventDefault();
-        if (busy)
-            return;
-        dragDepth.current = 0;
-        setHovered(false);
-        const files = Array.from((_a = e.dataTransfer.files) !== null && _a !== void 0 ? _a : []);
-        onUpload === null || onUpload === void 0 ? void 0 : onUpload(files);
-    }, [busy, onUpload]);
-    // icon color
-    const iconStrokeColor = React.useMemo(() => {
-        if (hovered)
-            return iconColorHover;
-        return iconColor;
-    }, [hovered, iconColor, iconColorHover]);
-    const cssVars = React.useMemo(() => {
-        return {
-            '--ua-border': `${border}px`,
-            '--ua-border-style': borderStyle,
-            '--ua-border-color': hovered || busy ? borderColorHover : borderColor,
-            '--ua-radius': `${radius}px`,
-            '--ua-padding': utils.setStyle(padding),
-            '--ua-bg-color': hovered ? bgColorHover : bgColor,
-            '--ua-icon-size': `${iconSize}px`,
-            '--ua-cursor': busy ? 'default' : 'pointer',
-            '--ua-width': utils.setStyle(width),
-            '--ua-height': utils.setStyle(height),
-        };
-    }, [
-        border,
-        borderStyle,
-        borderColor,
-        borderColorHover,
-        radius,
-        padding,
-        bgColor,
-        bgColorHover,
-        iconSize,
-        busy,
-        hovered,
-        height,
-        width,
-    ]);
-    return (jsxRuntime.jsxs("div", { className: css.wrapper, style: cssVars, ref: ref, role: 'button', "aria-label": 'Click to upload files', tabIndex: 0, onClick: handleClickUpload, onKeyDown: (e) => utils.accessibleKeyDown(e, () => handleClickUpload()), onDragEnter: handleDragEnter, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, children: [jsxRuntime.jsx("div", { className: css.icon, children: jsxRuntime.jsx(_types.Icon, { size: iconSize, name: icon, strokeColor: iconStrokeColor, pointer: false }) }), jsxRuntime.jsx("div", { className: css.title, children: title }), jsxRuntime.jsxs("div", { className: `${css.message} ${css[textSize]}`, children: [busy && showProgress && (jsxRuntime.jsx(ProgressIndicator.ProgressIndicator, { show: true, size: 20, inline: true, color: iconStrokeColor })), busy ? busyMessage : message] }), files.length > 0 && (jsxRuntime.jsx("div", { className: css.files, children: jsxRuntime.jsx(FileList.FileList, { files: files, bgColor: 'var(--core-surface-primary)', size: 'm', direction: 'column', gap: 8, iconSize: 24, padding: '10px', canRemove: canRemove }) })), jsxRuntime.jsx("input", { ref: inputRef, type: "file", hidden: true, disabled: busy, multiple: multiple, accept: acceptedTypes ? acceptedTypes.join(', ') : undefined, onChange: handleFileInputChange })] }));
-});
-UploadAreaBase.displayName = 'UploadArea';
-const UploadArea = React.memo(UploadAreaBase);
-
-exports.UploadArea = UploadArea;
-exports.allTypes = allTypes;
-exports.audioTypes = audioTypes;
-exports.documentTypes = documentTypes;
-exports.imageTypes = imageTypes;
-exports.textTypes = textTypes;
-exports.videoTypes = videoTypes;