@apple-pie/slice 0.1.29 → 0.1.31

package/dist/esm/chunks/Toast-CoioLlEG.mjs

@@ -1,181 +0,0 @@
-'use client';
-import { a as __rest } from "./tslib.es6-C-olHjXV.mjs";
-
-import { jsx, jsxs } from "react/jsx-runtime";
-
-import { AnimatePresence, motion } from "motion/react";
-
-import React, { useState, useRef, useEffect, useMemo, useCallback } from "react";
-
-import { useTheme } from "../hooks/useTheme.mjs";
-
-import "../theme/colors.mjs";
-
-import { s as setStyle, f as filterClasses, a as accessibleKeyDown } from "./misc-Bjbro8Xe.mjs";
-
-import "../hooks/useWindow.mjs";
-
-import { I as Icon } from "./Icon-BOJAk-hM.mjs";
-
-import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
-
-var ToastType, css = {
-    wrapper: "Toast-module_wrapper__1uj9O flexBox-module_rowBetween__5FEvi",
-    close: "Toast-module_close__i10-s flexBox-module_row__z24tF",
-    s: "Toast-module_s__kc5Ef type-module_body-s-regular__vRHSP",
-    m: "Toast-module_m__JtmLz type-module_body-m-regular__LuQBA",
-    l: "Toast-module_l__-W0PD type-module_body-l-regular__lOYbg"
-};
-
-styleInject(".flexBox-module_row__z24tF {\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__5FEvi {\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__4tcxS {\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__rVdVm {\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__ezvMq {\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__C7P44 {\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__PKcrG {\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__ERfp7 {\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__lLJuc {\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__ZAFft {\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__s3KvF {\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__Lhqqq {\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__vRHSP {\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__tjdFc {\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__Iy-VX {\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__LuQBA {\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__uW1on {\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__UBcvQ {\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__lOYbg {\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__BqRC7 {\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__Fh2dt {\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__pF2kC {\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__BeyrH {\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__Ruknj {\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__z8L3G {\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__0O3g6 {\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__KXxEB {\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__cJeEA {\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__eRe05 {\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__Xmwtf {\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__5q1m3 {\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__k9VFV {\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__1uj9O {\n\tpadding: var(--toast-padding) !important;\n\tcolor: var(--toast-color);\n\tposition: var(--toast-position);\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__i10-s {\n\tmin-height: 20px;\n\tmax-height: 20px;\n\tmin-width: 20px;\n\tmax-width: 20px;\n\tcursor: pointer;\n}\n\n.Toast-module_s__kc5Ef {\n}\n\n.Toast-module_m__JtmLz {\n}\n.Toast-module_l__-W0PD {\n}\n"), 
-function(ToastType) {
-    ToastType.Success = "success", ToastType.Error = "error", ToastType.Warning = "warning", 
-    ToastType.Info = "info";
-}(ToastType || (ToastType = {}));
-
-const ToastBase = React.forwardRef((props, ref) => {
-    const {message: message = null, size: size = "m", border: border = !0, padding: padding, radius: radius = 8, container: container = "window", showDelay: showDelay = 0, duration: duration = 5e3, position: position = "bottom", offset: offset = 24, close: close = !0, type: type = ToastType.Info, didHide: didHide = () => null} = props, divAttributes = __rest(props, [ "message", "size", "border", "padding", "radius", "container", "showDelay", "duration", "position", "offset", "close", "type", "didHide" ]), theme = useTheme(), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? `${className}` : "", [ready, setReady] = useState(!1), [content, setContent] = useState(null), timer = useRef(null);
-    useEffect(() => {
-        timer.current && clearTimeout(timer.current);
-        return message && message.length > 0 ? timer.current = setTimeout(() => {
-            setContent(message), timer.current && clearTimeout(timer.current), "Infinite" !== duration && (timer.current = setTimeout(() => {
-                setReady(!1);
-            }, duration));
-        }, showDelay) : setContent(null), () => {
-            timer.current && clearTimeout(timer.current);
-        };
-    }, [ message, showDelay, duration ]), useEffect(() => setReady(null !== content), [ content ]);
-    const defaultPadding = useMemo(() => close ? "10px 12px 10px 16px" : "10px 16px", [ close ]), colorScheme = 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 ]), cssVars = useMemo(() => ({
-        "--toast-padding": setStyle(padding, defaultPadding),
-        "--toast-background": colorScheme.bg,
-        "--toast-color": colorScheme.text,
-        "--toast-border": border ? `1px solid ${colorScheme.border}` : "unset",
-        "--toast-border-radius": setStyle(radius, 4),
-        "--toast-position": "window" === container ? "fixed" : "absolute"
-    }), [ padding, border, colorScheme, radius, defaultPadding, container ]), variants = useMemo(() => {
-        const positionShow = "bottom" === position ? {
-            bottom: offset
-        } : {
-            top: offset
-        }, positionHide = "bottom" === position ? {
-            bottom: -offset
-        } : {
-            top: -offset
-        }, transition = {
-            ease: "easeInOut",
-            duration: .25
-        };
-        return {
-            initial: Object.assign({
-                opacity: 0
-            }, positionHide),
-            animate: Object.assign(Object.assign({
-                opacity: 1
-            }, positionShow), {
-                transition: transition
-            }),
-            exit: Object.assign(Object.assign({
-                opacity: 0
-            }, positionHide), {
-                transition: transition
-            })
-        };
-    }, [ position, offset ]), classNames = useMemo(() => filterClasses([ css.wrapper, css[size], divClass ]), [ size, divClass ]), handleClose = useCallback(() => {
-        setReady(!1);
-    }, []), handleMouseOver = useCallback(() => {
-        timer.current && clearTimeout(timer.current);
-    }, []), handleMouseOut = useCallback(() => {
-        timer.current && clearTimeout(timer.current), "Infinite" !== duration && (timer.current = setTimeout(() => {
-            setContent(null);
-        }, duration));
-    }, [ duration ]), iconColor = useMemo(() => {
-        switch (type) {
-          case ToastType.Error:
-            return theme.current.colors["feedback-warning"];
-
-          case ToastType.Success:
-            return theme.current.colors["array-land-label"];
-
-          case ToastType.Warning:
-            return theme.current.colors["array-orange-label"];
-
-          default:
-            return theme.current.colors["core-text-primary"];
-        }
-    }, [ type, theme ]);
-    return jsx(AnimatePresence, {
-        onExitComplete: () => didHide(),
-        initial: !1,
-        children: ready && jsxs(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: [ jsx("div", {
-                role: "status",
-                "aria-live": "polite",
-                className: css.message,
-                children: content
-            }), ("Infinite" === duration || close) && jsx("div", {
-                className: css.close,
-                tabIndex: 0,
-                role: "button",
-                "aria-label": "dismiss message",
-                onKeyDown: e => accessibleKeyDown(e, handleClose),
-                onClick: handleClose,
-                children: jsx(Icon, {
-                    name: "x",
-                    size: 20,
-                    strokeColor: iconColor
-                })
-            }) ]
-        }))
-    });
-});
-
-ToastBase.displayName = "Toast";
-
-const Toast = React.memo(ToastBase);
-
-export { Toast as T, ToastType as a };

package/dist/esm/chunks/ToggleButton-CwTm8Yx0.mjs

@@ -1,51 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-
-import { useMemo } from "react";
-
-import { I as IconButton } from "./IconButton-Ck0IMn4i.mjs";
-
-import { L as Label } from "./Label-DSfCcKtQ.mjs";
-
-import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
-
-var css_toggleButton = "ToggleButton-module_toggleButton__H7KgI flexBox-module_rowStart__4tcxS";
-
-function ToggleButton(props) {
-    const {label: label, textSize: textSize, icon: icon, selected: selected = !1, iconColor: iconColor = "var(--core-text-primary)", iconColorOn: iconColorOn = "var(--core-surface-primary)", bgColor: bgColor = "var(--core-surface-secondary)", bgColorOn: bgColorOn = "var(--core-link-primary)", iconSize: iconSize = 20, buttonSize: buttonSize = "m", tooltip: tooltip, gap: gap = 4, unselect: unselect = !0, fill: fill = !1, disabled: disabled = !1, onChange: onChange, onSelect: onSelect, onToolTip: onToolTip, children: children} = props, handleClick = () => {
-        if (!unselect && selected) return;
-        const newState = !selected;
-        null == onChange || onChange(newState), newState && (null == onSelect || onSelect());
-    }, cssVars = useMemo(() => ({
-        "--tb-gap": `${gap}px`
-    }), [ gap ]);
-    return jsxs("div", {
-        className: css_toggleButton,
-        style: cssVars,
-        children: [ icon && jsx(IconButton, {
-            icon: icon,
-            buttonSize: buttonSize,
-            tooltip: tooltip,
-            toggle: !selected,
-            isToggled: selected,
-            bgColorOn: bgColorOn,
-            bgColor: bgColor,
-            iconColor: iconColor,
-            iconColorOn: iconColorOn,
-            onClick: handleClick,
-            iconSize: iconSize,
-            iconFill: fill,
-            disabled: disabled,
-            onToolTip: onToolTip
-        }), (children || label) && jsx(Label, {
-            textSize: textSize,
-            borderSize: 0,
-            padding: 0,
-            onClick: handleClick,
-            children: null != children ? children : label
-        }) ]
-    });
-}
-
-styleInject(".flexBox-module_row__z24tF {\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__5FEvi {\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__4tcxS {\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__rVdVm {\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__ezvMq {\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__C7P44 {\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__PKcrG {\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__ERfp7 {\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__lLJuc {\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}.ToggleButton-module_toggleButton__H7KgI {\n\twidth: min-content;\n\tgap: var(--tb-gap);\n}\n");
-
-export { ToggleButton as T };

package/dist/esm/chunks/UploadArea-DAwoJxtr.mjs

@@ -1,139 +0,0 @@
-'use client';
-import { jsxs, jsx } from "react/jsx-runtime";
-
-import React, { useState, useRef, useId, useCallback, useMemo } from "react";
-
-import { s as setStyle, a as accessibleKeyDown } from "./misc-Bjbro8Xe.mjs";
-
-import { F as FileList } from "./FileList-CxHaEEUi.mjs";
-
-import { I as Icon } from "./Icon-BOJAk-hM.mjs";
-
-import { P as ProgressIndicator } from "./ProgressIndicator-d2JGUDW_.mjs";
-
-import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
-
-var css = {
-    wrapper: "UploadArea-module_wrapper__aircC flexBox-module_column__ezvMq",
-    icon: "UploadArea-module_icon__M7n-m flexBox-module_row__z24tF",
-    title: "UploadArea-module_title__VbNGq type-module_body-l-bold__Fh2dt",
-    message: "UploadArea-module_message__U1ZVM flexBox-module_row__z24tF",
-    files: "UploadArea-module_files__Q796x flexBox-module_column__ezvMq",
-    xs: "UploadArea-module_xs__-AoM7 type-module_body-xs-regular__ZAFft",
-    s: "UploadArea-module_s__wy1zN type-module_body-s-regular__vRHSP",
-    m: "UploadArea-module_m__bKuFN type-module_body-m-regular__LuQBA",
-    l: "UploadArea-module_l__KG9YN type-module_body-l-regular__lOYbg"
-};
-
-styleInject(".flexBox-module_row__z24tF {\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__5FEvi {\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__4tcxS {\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__rVdVm {\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__ezvMq {\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__C7P44 {\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__PKcrG {\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__ERfp7 {\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__lLJuc {\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__ZAFft {\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__s3KvF {\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__Lhqqq {\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__vRHSP {\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__tjdFc {\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__Iy-VX {\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__LuQBA {\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__uW1on {\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__UBcvQ {\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__lOYbg {\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__BqRC7 {\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__Fh2dt {\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__pF2kC {\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__BeyrH {\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__Ruknj {\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__z8L3G {\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__0O3g6 {\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__KXxEB {\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__cJeEA {\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__eRe05 {\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__Xmwtf {\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__5q1m3 {\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__k9VFV {\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__aircC {\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__M7n-m {\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__VbNGq {\n\tpointer-events: none;\n}\n\n.UploadArea-module_message__U1ZVM {\n\tcolor: var(--core-text-tertiary);\n\tpointer-events: none;\n\tgap: 8px;\n}\n\n.UploadArea-module_files__Q796x {\n\tmargin-top: 16px !important;\n\twidth: 100%;\n}\n\n.UploadArea-module_xs__-AoM7 {\n}\n\n.UploadArea-module_s__wy1zN {\n}\n\n.UploadArea-module_m__bKuFN {\n}\n\n.UploadArea-module_l__KG9YN {\n}\n");
-
-const imageTypes = [ "png", "jpg", "jpeg", "gif", "svg", "heic", "heif" ], videoTypes = [ "mp4", "avi", "mov", "wmv", "flv" ], documentTypes = [ "pdf", "doc", "docx", "xls", "xlsx", "ppt", "pptx" ], audioTypes = [ "mp3", "wav", "ogg", "aac", "flac" ], textTypes = [ "txt", "rtf", "md", "csv", "json", "xml" ], 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: icon = "upload", iconColor: iconColor = "var(--core-text-primary)", iconColorHover: iconColorHover = "var(--core-text-special)", title: title = "Upload Files", width: width = "100%", height: height = "auto", message: message = "Drag and drop files here or click to upload", busyMessage: busyMessage = "Uploading in progress", iconSize: iconSize = 24, textSize: textSize = "m", borderWidth: borderWidth, border: border = 1, borderStyle: borderStyle = "dashed", borderColor: borderColor = "var(--core-outline-primary)", borderColorHover: borderColorHover = "var(--core-outline-special)", borderRadius: borderRadius, radius: radius = 8, padding: padding = 32, backgroundColor: backgroundColor, backgroundColorHover: backgroundColorHover, bgColor: bgColor = "var(--core-surface-secondary)", bgColorHover: bgColorHover = "var(--core-surface-special)", acceptedTypes: acceptedTypes = allTypes, multiple: multiple = !0, busy: busy = !1, canRemove: canRemove = !0, showProgress: showProgress = !0, files: files = [], onUpload: onUpload} = props, [hovered, setHovered] = useState(!1), inputRef = useRef(null), dragDepth = useRef(0), inputId = useId(), titleId = useId(), messageId = useId(), isInteractive = !busy && files.length < 1, resolvedBorderWidth = null != borderWidth ? borderWidth : border, resolvedBorderRadius = null != borderRadius ? borderRadius : radius, resolvedBackgroundColor = null != backgroundColor ? backgroundColor : bgColor, resolvedBackgroundColorHover = null != backgroundColorHover ? backgroundColorHover : bgColorHover, handleClickUpload = useCallback(() => {
-        var _a;
-        isInteractive && (null == inputRef ? void 0 : inputRef.current) && (inputRef.current.value = "", 
-        null === (_a = inputRef.current) || void 0 === _a || _a.click());
-    }, [ isInteractive ]), handleFileInputChange = useCallback(e => {
-        busy || e.target.files && (null == onUpload || onUpload(Array.from(e.target.files)));
-    }, [ busy, onUpload ]), hasFilesInDrag = useCallback(e => {
-        var _a, _b;
-        return Array.from(null !== (_b = null === (_a = e.dataTransfer) || void 0 === _a ? void 0 : _a.types) && void 0 !== _b ? _b : []).includes("Files");
-    }, []), handleDragEnter = useCallback(e => {
-        e.preventDefault(), !busy && hasFilesInDrag(e) && (dragDepth.current += 1, 1 === dragDepth.current && setHovered(!0));
-    }, [ busy, hasFilesInDrag ]), handleDragLeave = useCallback(e => {
-        e.preventDefault(), busy || (dragDepth.current = Math.max(0, dragDepth.current - 1), 
-        0 === dragDepth.current && setHovered(!1));
-    }, [ busy ]), handleDrop = useCallback(e => {
-        var _a;
-        if (e.preventDefault(), busy) return;
-        dragDepth.current = 0, setHovered(!1);
-        const files = Array.from(null !== (_a = e.dataTransfer.files) && void 0 !== _a ? _a : []);
-        null == onUpload || onUpload(files);
-    }, [ busy, onUpload ]), iconStrokeColor = useMemo(() => hovered ? iconColorHover : iconColor, [ hovered, iconColor, iconColorHover ]), cssVars = useMemo(() => ({
-        "--ua-border": `${resolvedBorderWidth}px`,
-        "--ua-border-style": borderStyle,
-        "--ua-border-color": hovered || busy ? borderColorHover : borderColor,
-        "--ua-radius": `${resolvedBorderRadius}px`,
-        "--ua-padding": setStyle(padding),
-        "--ua-bg-color": hovered ? resolvedBackgroundColorHover : resolvedBackgroundColor,
-        "--ua-icon-size": `${iconSize}px`,
-        "--ua-cursor": busy || files.length > 0 ? "default" : "pointer",
-        "--ua-width": setStyle(width),
-        "--ua-height": setStyle(height)
-    }), [ resolvedBorderWidth, borderStyle, borderColor, borderColorHover, resolvedBorderRadius, padding, resolvedBackgroundColor, resolvedBackgroundColorHover, iconSize, busy, hovered, height, files.length, width ]);
-    return jsxs("div", {
-        className: css.wrapper,
-        style: cssVars,
-        ref: ref,
-        role: isInteractive ? "button" : void 0,
-        "aria-label": isInteractive ? "Click to upload files" : void 0,
-        "aria-describedby": `${titleId} ${messageId}`,
-        "aria-disabled": !isInteractive,
-        tabIndex: isInteractive ? 0 : -1,
-        onClick: isInteractive ? handleClickUpload : void 0,
-        onKeyDown: isInteractive ? e => accessibleKeyDown(e, () => handleClickUpload()) : void 0,
-        onDragEnter: handleDragEnter,
-        onDragOver: e => {
-            e.preventDefault();
-        },
-        onDragLeave: handleDragLeave,
-        onDrop: handleDrop,
-        children: [ jsx("div", {
-            className: css.icon,
-            children: jsx(Icon, {
-                size: iconSize,
-                name: icon,
-                strokeColor: iconStrokeColor,
-                pointer: !1
-            })
-        }), jsx("div", {
-            id: titleId,
-            className: css.title,
-            children: title
-        }), jsxs("div", {
-            id: messageId,
-            className: `${css.message} ${css[textSize]}`,
-            children: [ busy && showProgress && jsx(ProgressIndicator, {
-                show: !0,
-                size: 20,
-                inline: !0,
-                color: iconStrokeColor
-            }), busy ? busyMessage : message ]
-        }), files.length > 0 && jsx("div", {
-            className: css.files,
-            children: jsx(FileList, {
-                files: files,
-                bgColor: "var(--core-surface-primary)",
-                size: "m",
-                direction: "column",
-                gap: 8,
-                iconSize: 24,
-                padding: "10px",
-                canRemove: canRemove
-            })
-        }), jsx("input", {
-            id: inputId,
-            ref: inputRef,
-            type: "file",
-            hidden: !0,
-            disabled: busy,
-            multiple: multiple,
-            accept: acceptedTypes ? acceptedTypes.join(", ") : void 0,
-            onChange: handleFileInputChange
-        }) ]
-    });
-});
-
-UploadAreaBase.displayName = "UploadArea";
-
-const UploadArea = React.memo(UploadAreaBase);
-
-export { UploadArea as U, allTypes as a, audioTypes as b, documentTypes as d, imageTypes as i, textTypes as t, videoTypes as v };

package/dist/esm/chunks/style-inject.es-D0BjEaN8.mjs

@@ -1,11 +0,0 @@
-function styleInject(css, ref) {
-    void 0 === ref && (ref = {});
-    var insertAt = ref.insertAt;
-    if (css && "undefined" != typeof document) {
-        var head = document.head || document.getElementsByTagName("head")[0], style = document.createElement("style");
-        style.type = "text/css", "top" === insertAt && head.firstChild ? head.insertBefore(style, head.firstChild) : head.appendChild(style), 
-        style.styleSheet ? style.styleSheet.cssText = css : style.appendChild(document.createTextNode(css));
-    }
-}
-
-export { styleInject as s };