@apple-pie/slice 0.1.30 → 0.1.32

package/dist/cjs/chunks/{FlexDiv-D4aSJC_G.js → FlexDiv-B5Pi0-aJ.js}

@@ -1,9 +1,8 @@
 'use client';
 "use strict";
 
-var Size, Preset, tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css_flexDiv = "FlexDiv-module_flexDiv__EY5A- type-module_body-m-regular__LuQBA";
+var Size, Preset, tslib_es6 = require("./tslib.es6-DsF7Wv4Y.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), css_flexDiv = "FlexDiv-module_flexDiv__EY5A- type-module_body-m-regular__LuQBA";
 
-styleInject_es.styleInject(".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}.FlexDiv-module_flexDiv__EY5A- {\n\t&::-webkit-scrollbar {\n\t\tbackground-color: var(--flex-div-bg);\n\t\twidth: 6px;\n\t}\n\n\t&::-webkit-scrollbar-track {\n\t\tbackground-color: var(--flex-div-bg);\n\t\twidth: 6px;\n\t}\n\n\t&::-webkit-scrollbar-thumb {\n\t\tbackground-color: var(--flex-div-scroll-handle);\n\t\tborder-radius: 20px;\n\t\tborder: 1px solid var(--flex-div-bg);\n\t}\n\n\t&::-webkit-scrollbar-thumb:hover {\n\t\tbackground-color: var(--flex-div-scroll-handle-hover);\n\t\tborder-radius: 20px;\n\t\tborder: 1px solid var(--flex-div-bg);\n\t}\n}\n"), 
 exports.Size = void 0, (Size = exports.Size || (exports.Size = {})).Grow = "grow", 
 Size.Fill = "fill", Size.Fit = "fit", Size.Viewport = "viewport", Size.Auto = "auto", 
 exports.Preset = void 0, (Preset = exports.Preset || (exports.Preset = {})).FillScroll = "fill-scroll", 
@@ -165,7 +164,7 @@ const FlexDiv = React.memo(React.forwardRef((props, ref) => {
         id: divId,
         ref: ref,
         className: `${css_flexDiv} ${null != className ? className : ""}`,
-        style: Object.assign(Object.assign({}, wrapperStyle), style),
+        style: Object.assign(Object.assign({}, style), wrapperStyle),
         transition: transition,
         variants: variants,
         initial: enter,

package/dist/cjs/chunks/Grouper-DKZkTlow.js

@@ -0,0 +1,61 @@
+'use client';
+"use strict";
+
+var tslib_es6 = require("./tslib.es6-DsF7Wv4Y.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
+
+require("../theme/colors.js"), require("../hooks/useWindow.js");
+
+var Badge = require("./Badge-4tBynWZe.js"), Icon = require("./Icon-BVYVJp9J.js"), css_header = "Grouper-module_header__D5fV0 flexBox-module_rowBetween__5FEvi", css_title = "Grouper-module_title__ZKqTP flexBox-module_rowBetween__5FEvi type-module_body-m-regular__LuQBA", css_content = "Grouper-module_content__Mof50 flexBox-module_rowBetween__5FEvi", css_icon = "Grouper-module_icon__14Jis flexBox-module_row__z24tF";
+
+const Grouper = React.memo(props => {
+    const theme = hooks_useTheme.useTheme(), {title: title = "Group Title", toggle: toggle = !0, open: open = !0, hasIcon: hasIcon = !0, iconName: iconName = "chevron down", iconSize: iconSize = 18, frameSize: frameSize = 64, border: border = 0, count: count = 0, unframed: unframed = !1, hideNull: hideNull = !0, showFilterBadge: showFilterBadge = !1, onChange: onChange = () => null, onClick: onClick = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "title", "toggle", "open", "hasIcon", "iconName", "iconSize", "frameSize", "border", "count", "unframed", "hideNull", "showFilterBadge", "onChange", "onClick" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [state, setState] = React.useState(open), [icon, animateIcon] = react.useAnimate();
+    React.useEffect(() => setState(open), [ open ]);
+    const animate = React.useCallback(state => {
+        const animation = {
+            rotate: state ? 0 : 180
+        };
+        animateIcon(icon.current, Object.assign({}, animation), {
+            ease: "easeInOut",
+            duration: .25
+        });
+    }, [ animateIcon, icon ]), handleToggle = React.useCallback(() => {
+        toggle && (onClick(), onChange(!state), animate(!state), setState(!state));
+    }, [ toggle, onClick, onChange, state, animate ]), cssVars = React.useMemo(() => ({
+        "--grouper-height": unframed ? "auto" : `${frameSize}px`,
+        "--grouper-border": border ? `${border}px` : "0",
+        "--grouper-icon-size": `${iconSize}px`
+    }), [ frameSize, iconSize, border, unframed ]);
+    return jsxRuntime.jsx("button", Object.assign({
+        id: divId,
+        type: "button",
+        className: `${css_header}${divClass}`,
+        style: Object.assign(Object.assign({}, divStyle), cssVars),
+        onClick: handleToggle,
+        "aria-expanded": state
+    }, rest, {
+        children: jsxRuntime.jsxs("div", {
+            className: css_content,
+            children: [ jsxRuntime.jsxs("div", {
+                className: css_title,
+                children: [ title, jsxRuntime.jsx(Badge.Badge, {
+                    hideNull: hideNull,
+                    count: count,
+                    variant: "light"
+                }), showFilterBadge && jsxRuntime.jsx(Icon.Icon, {
+                    name: "filter",
+                    size: 16,
+                    strokeColor: theme.current.colors["core-text-disabled"]
+                }) ]
+            }), hasIcon && jsxRuntime.jsx("div", {
+                ref: icon,
+                className: css_icon,
+                children: jsxRuntime.jsx(Icon.Icon, {
+                    name: iconName,
+                    size: iconSize
+                })
+            }) ]
+        })
+    }));
+});
+
+exports.Grouper = Grouper;

package/dist/cjs/chunks/{Icon-BtcHXeqE.js → Icon-BVYVJp9J.js}

@@ -1,23 +1,20 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
+var tslib_es6 = require("./tslib.es6-DsF7Wv4Y.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
 
 require("../theme/colors.js");
 
-var misc = require("./misc-QpU0XEOW.js");
+var misc = require("./misc-4xyXRU2K.js");
 
 require("../hooks/useWindow.js");
 
-var styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css_icon = "Icon-module_icon__szG-X";
-
-styleInject_es.styleInject(".Icon-module_icon__szG-X {\n\tcursor: var(--cursor);\n\tuser-select: none;\n\tpointer-events: var(--pointer-events);\n\t--webkit-user-select: none;\n\t-webkit-tap-highlight-color: transparent;\n\toutline: none;\n\tborder: 0;\n\ttransition: stroke, fill var(--motion-water-duration) var(--motion-water);\n}\n\npath,\ncircle,\nrect,\npolyline,\npolygon,\nline {\n\ttransition: stroke, fill var(--motion-water-duration) var(--motion-water);\n}\n");
+var css_icon = "Icon-module_icon__szG-X";
 
 /**
  * Static icon registry created once at module load.
  * Each entry stores only icon line content renderers.
- */
-const STATIC_ICON_REGISTRY = new Map([ [ "talk", {
+ */ const STATIC_ICON_REGISTRY = new Map([ [ "talk", {
     line: ({strokeColor: strokeColor, fillColor: fillColor}) => jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [ jsxRuntime.jsx("path", {
             d: "M10,2.5c4.14,0,7.5,3.36,7.5,7.5s-3.36,7.5-7.5,7.5-7.5-3.36-7.5-7.5,3.36-7.5,7.5-7.5M10,1C5.03,1,1,5.03,1,10s4.03,9,9,9,9-4.03,9-9S14.97,1,10,1h0Z",

package/dist/cjs/chunks/IconButton-CP1Wsvsx.js

@@ -0,0 +1,82 @@
+'use client';
+"use strict";
+
+var tslib_es6 = require("./tslib.es6-DsF7Wv4Y.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), Badge = require("./Badge-4tBynWZe.js"), Dot = require("./Dot-BeWDLajy.js"), Icon = require("./Icon-BVYVJp9J.js"), sharedTypes = require("./sharedTypes-C0ZHzH_T.js"), css_button = "IconButton-module_button__rziqa flexBox-module_row__z24tF", css_label = "IconButton-module_label__qWGFD flexBox-module_row__z24tF type-module_body-l-regular__lOYbg", css_icon = "IconButton-module_icon__2DDWy flexBox-module_row__z24tF", css_count = "IconButton-module_count__6r373 flexBox-module_row__z24tF";
+
+const IconButton = React.memo(props => {
+    const {frameSize: frameSize = 36, iconSize: iconSize = 20, round: round = !0, icon: icon = "more", borderRadius: borderRadius = 4, border: border = !1, tooltip: tooltip, color: color, colorOn: colorOn, iconFill: iconFill = !1, bgColor: bgColor = "var(--core-surface-secondary)", bgColorHover: bgColorHover = "var(--core-outline-primary)", bgColorOn: bgColorOn = "var(--core-outline-primary)", iconColor: iconColor = "var(--core-text-primary)", iconColorOn: iconColorOn = "var(--core-text-primary)", iconColorHover: iconColorHover = "var(--core-text-primary)", transition: transition, variants: variants, initial: initial, animate: animate, exit: exit, fillColor: fillColor, label: label, hover: hover = !0, count: count = 0, toggle: toggle = !1, toggleIcon: toggleIcon = !1, isToggled: isToggled = !1, disabled: disabled = !1, showDot: showDot = !1, buttonSize: buttonSize = "m", onClick: onClick = () => null, onToolTip: onToolTip = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "frameSize", "iconSize", "round", "icon", "borderRadius", "border", "tooltip", "color", "colorOn", "iconFill", "bgColor", "bgColorHover", "bgColorOn", "iconColor", "iconColorOn", "iconColorHover", "transition", "variants", "initial", "animate", "exit", "fillColor", "label", "hover", "count", "toggle", "toggleIcon", "isToggled", "disabled", "showDot", "buttonSize", "onClick", "onToolTip" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", ref = React.useRef(null), [on, setOn] = React.useState(isToggled), [hovered, setHovered] = React.useState(!1);
+    React.useEffect(() => setOn(isToggled), [ isToggled ]);
+    const handleClick = React.useCallback(e => {
+        disabled || (tooltip && onToolTip(null), toggle && setOn(!on), onClick(e));
+    }, [ disabled, tooltip, onToolTip, on, onClick, toggle ]), handleMouseEnter = React.useCallback(e => {
+        if (setHovered(!0), !(null == ref ? void 0 : ref.current) || !tooltip) return;
+        const tip = {
+            type: sharedTypes.ToolTipType.button,
+            payload: {
+                label: tooltip
+            },
+            event: e,
+            ref: ref
+        };
+        onToolTip(tip);
+    }, [ tooltip, onToolTip ]), handleMouseLeave = React.useCallback(() => {
+        setHovered(!1), tooltip && onToolTip(null);
+    }, [ tooltip, onToolTip ]), bgColorNormal = React.useMemo(() => on ? bgColorOn : null != bgColor ? bgColor : "var(--core-surface-secondary)", [ bgColorOn, bgColor, on ]), bgHoverColor = React.useMemo(() => hover && on ? bgColorOn : hover ? bgColorHover : null != bgColor ? bgColor : "transparent", [ hover, bgColor, bgColorOn, bgColorHover, on ]), textColor = React.useMemo(() => on ? colorOn : null != color ? color : "var(--core-text-primary)", [ on, colorOn, color ]), setIconColor = React.useMemo(() => on ? iconColorOn : hovered ? iconColorHover : null != iconColor ? iconColor : "var(--core-text-primary)", [ on, iconColorOn, iconColor, iconColorHover, hovered ]), size = React.useMemo(() => buttonSize ? "s" === buttonSize ? 24 : "m" === buttonSize ? 36 : "l" === buttonSize ? 44 : "xl" === buttonSize ? 56 : void 0 : frameSize, [ frameSize, buttonSize ]), cssVars = React.useMemo(() => ({
+        "--ib-bg-color": bgColorNormal,
+        "--ib-bg-color-hover": disabled ? bgColorNormal : bgHoverColor,
+        "--ib-icon-size": `${null != iconSize ? iconSize : 0}px`,
+        "--ib-button-size": `${null != size ? size : 0}px`,
+        "--ib-border-radius": round ? "100%" : `${null != borderRadius ? borderRadius : 0}px`,
+        "--ib-border": border ? "1px" : 0,
+        "--ib-color": textColor,
+        "--ib-cursor": disabled ? "default" : "pointer"
+    }), [ bgColorNormal, bgHoverColor, textColor, border, size, borderRadius, iconSize, round, disabled ]);
+    return jsxRuntime.jsxs(react.motion.button, Object.assign({
+        id: divId,
+        type: "button",
+        className: `${css_button}${divClass}`,
+        style: Object.assign(Object.assign({}, divStyle), cssVars),
+        onClick: e => handleClick(e),
+        onMouseOutCapture: handleMouseLeave,
+        onMouseOverCapture: handleMouseEnter,
+        transition: transition,
+        variants: variants,
+        initial: initial,
+        animate: animate,
+        exit: exit,
+        disabled: disabled,
+        "aria-disabled": disabled,
+        ref: ref
+    }, rest, {
+        children: [ jsxRuntime.jsx("div", {
+            className: css_icon,
+            style: {
+                opacity: disabled ? .3 : 1
+            },
+            children: jsxRuntime.jsx(Icon.Icon, {
+                name: icon,
+                strokeColor: setIconColor,
+                fillColor: fillColor,
+                disabled: disabled,
+                size: iconSize,
+                fill: iconFill,
+                toggle: !!toggleIcon && on,
+                pointer: !0
+            })
+        }), label && jsxRuntime.jsx("div", {
+            className: css_label,
+            children: label
+        }), jsxRuntime.jsx(Dot.Dot, {
+            show: showDot
+        }), 0 !== count && jsxRuntime.jsx("div", {
+            className: css_count,
+            children: jsxRuntime.jsx(Badge.Badge, {
+                variant: "light",
+                count: count,
+                hideNull: !0
+            })
+        }) ]
+    }));
+});
+
+exports.IconButton = IconButton;

package/dist/cjs/chunks/{IndexedDB-BaVmQgkK.js → IndexedDB-CeiVT55Z.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-C8dZW5nY.js");
+var tslib_es6 = require("./tslib.es6-DsF7Wv4Y.js");
 
 exports.IndexedDB = class {
     constructor(storeName, options = {}) {

package/dist/cjs/chunks/Label-DIs1rOey.js

@@ -0,0 +1,102 @@
+'use client';
+"use strict";
+
+var LabelBackground, tslib_es6 = require("./tslib.es6-DsF7Wv4Y.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-4xyXRU2K.js"), css = {
+    label: "Label-module_label__RaRvM",
+    button: "Label-module_button__N8bcQ type-module_body-m-regular__LuQBA",
+    xs: "Label-module_xs__K9Ai6 type-module_body-xs-regular__ZAFft",
+    s: "Label-module_s__Zh8Gp type-module_body-s-regular__vRHSP",
+    m: "Label-module_m__BJtGL type-module_body-m-regular__LuQBA",
+    l: "Label-module_l__t70tt type-module_body-l-regular__lOYbg"
+};
+
+function resolveSemanticBackground(backgroundColor) {
+    if (!backgroundColor || "string" != typeof backgroundColor) return;
+    const semanticKey = backgroundColor;
+    return exports.LabelBackground[semanticKey] ? exports.LabelBackground[semanticKey] : Object.values(exports.LabelBackground).find(value => value === backgroundColor);
+}
+
+exports.LabelBackground = void 0, (LabelBackground = exports.LabelBackground || (exports.LabelBackground = {})).red = "red", 
+LabelBackground.yellow = "yellow", LabelBackground.green = "green", LabelBackground.blue = "blue", 
+LabelBackground.grey = "grey", LabelBackground.lightGrey = "lightGrey", LabelBackground.white = "white", 
+exports.Label = function(props) {
+    const {children: children, label: label, backgroundColor: backgroundColor, borderWidth: borderWidth, borderSize: borderSize = 1, borderColor: borderColor = "var(--core-outline-primary)", bgColor: bgColor = "transparent", borderRadius: borderRadius = 4, padding: padding, textColor: textColor = "var(--core-text-primary)", textSize: textSize = "s", onClick: onClick} = props, divAttributes = tslib_es6.__rest(props, [ "children", "label", "backgroundColor", "borderWidth", "borderSize", "borderColor", "bgColor", "borderRadius", "padding", "textColor", "textSize", "onClick" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", isInteractive = Boolean(onClick), resolvedBackgroundColor = null != backgroundColor ? backgroundColor : bgColor, resolvedBorderWidth = null != borderWidth ? borderWidth : borderSize, handleClick = React.useCallback(e => {
+        isInteractive && (null == onClick || onClick(e));
+    }, [ isInteractive, onClick ]), setBgColor = React.useMemo(() => {
+        if (!resolvedBackgroundColor) return "transparent";
+        const fill = resolveSemanticBackground(resolvedBackgroundColor);
+        if (!fill) return resolvedBackgroundColor;
+        switch (fill) {
+          case "red":
+            return "var(--feedback-warning)";
+
+          case "green":
+            return "var(--feedback-positive)";
+
+          case "yellow":
+            return "var(--array-yellow)";
+
+          case "grey":
+          case "white":
+            return "var(--core-surface-secondary)";
+
+          case "lightGrey":
+            return "var(--core-button-disabled)";
+
+          case "blue":
+            return "var(--core-button-primary)";
+
+          default:
+            return "var(--core-surface-primary)";
+        }
+    }, [ resolvedBackgroundColor ]), setBorderColor = React.useMemo(() => {
+        if (!resolvedBackgroundColor) return borderColor;
+        const fill = resolveSemanticBackground(resolvedBackgroundColor);
+        if (!fill) return borderColor;
+        switch (fill) {
+          case "red":
+            return "var(--feedback-warning)";
+
+          case "green":
+            return "var(--feedback-positive)";
+
+          case "yellow":
+            return "var(--array-yellow-label)";
+
+          case "grey":
+          case "lightGrey":
+          case "white":
+            return "var(--core-outline-primary)";
+
+          case "blue":
+            return "var(--core-button-primary)";
+
+          default:
+            return "var(--core-surface-primary)";
+        }
+    }, [ resolvedBackgroundColor, borderColor ]), setPadding = React.useMemo(() => padding ? misc.setStyle(padding) : "2px 4px", [ padding ]), cssVars = React.useMemo(() => ({
+        "--label-padding": setPadding,
+        "--label-border-radius": misc.setStyle(borderRadius),
+        "--label-cursor": onClick ? "pointer" : "default",
+        "--label-color": textColor,
+        "--label-bg-color": setBgColor,
+        "--label-border-size": misc.setStyle(resolvedBorderWidth),
+        "--label-border-color": setBorderColor
+    }), [ setPadding, borderRadius, onClick, textColor, setBorderColor, setBgColor, resolvedBorderWidth ]);
+    return isInteractive ? jsxRuntime.jsx("button", Object.assign({
+        id: divId,
+        type: "button",
+        className: `${css.button} ${css[textSize]}${divClass}`,
+        style: Object.assign(Object.assign({}, divStyle), cssVars),
+        "aria-label": "Label button",
+        onClick: e => handleClick(e)
+    }, rest, {
+        children: null != children ? children : label
+    })) : jsxRuntime.jsx("span", Object.assign({
+        id: divId,
+        className: `${css.label} ${css[textSize]}${divClass}`,
+        style: Object.assign(Object.assign({}, divStyle), cssVars)
+    }, rest, {
+        children: null != children ? children : label
+    }));
+};

package/dist/cjs/chunks/Level-3yxetsco.js

@@ -0,0 +1,58 @@
+"use strict";
+
+var tslib_es6 = require("./tslib.es6-DsF7Wv4Y.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-4xyXRU2K.js"), audioVisualizer = require("./audioVisualizer-BxPvUj4h.js"), css_wrapper = "Level-module_wrapper__yOfXw", css_barContainer = "Level-module_barContainer__QMUdv", css_bar = "Level-module_bar__MnApX";
+
+const Level = React.memo(function(props) {
+    const {width: width = 100, height: height = 4, gap: gap = 0, audioStream: audioStream, playing: playing = !1, minIntensity: minIntensity = 0, maxIntensity: maxIntensity = 5, intensity: intensity = 3.5, peakIntensity: peakIntensity = .5, risePerSeconds: risePerSeconds = 4, releasePerSeconds: releasePerSeconds, ReleasePerSeconds: ReleasePerSeconds = 1.5, borderRadius: borderRadius = 4, borderColor: borderColor = "transparent", borderWidth: borderWidth = 0, colorActive: colorActive = "var(--feedback-positive)", backgroundColor: backgroundColor = "var(--core-surface-primary-tint)"} = props, divAttributes = tslib_es6.__rest(props, [ "width", "height", "gap", "audioStream", "playing", "minIntensity", "maxIntensity", "intensity", "peakIntensity", "risePerSeconds", "releasePerSeconds", "ReleasePerSeconds", "borderRadius", "borderColor", "borderWidth", "colorActive", "backgroundColor" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", visualizerRef = React.useRef(null), [normalizedIntensity, setNormalizedIntensity] = React.useState(0), totalBars = Math.max(1, Math.floor(maxIntensity)), minBars = Math.max(0, Math.min(Math.floor(minIntensity), totalBars)), releaseRate = null != releasePerSeconds ? releasePerSeconds : ReleasePerSeconds, intensityIntervals = React.useMemo(() => new Array(totalBars).fill(0).map((_, index) => index), [ totalBars ]), activeBars = React.useMemo(() => {
+        const scaledBars = Math.round(minBars + normalizedIntensity * (totalBars - minBars));
+        return Math.max(minBars, Math.min(scaledBars, totalBars));
+    }, [ minBars, normalizedIntensity, totalBars ]), visualizerSettings = React.useMemo(() => ({
+        intensityMultiplier: intensity,
+        peakIntensity: peakIntensity,
+        risePerSecond: risePerSeconds,
+        releasePerSecond: releaseRate,
+        onUpdate: ({intensity: nextIntensity}) => setNormalizedIntensity(nextIntensity)
+    }), [ intensity, peakIntensity, releaseRate, risePerSeconds ]);
+    React.useEffect(() => {
+        var _a;
+        if (null === (_a = visualizerRef.current) || void 0 === _a || _a.dispose(), visualizerRef.current = null, 
+        !audioStream) return void setNormalizedIntensity(0);
+        const visualizer = new audioVisualizer.AudioVisualizer(audioStream, visualizerSettings);
+        return visualizerRef.current = visualizer, playing && visualizer.start(), () => {
+            visualizer.dispose(), visualizerRef.current === visualizer && (visualizerRef.current = null);
+        };
+    }, [ audioStream, playing, visualizerSettings ]), React.useEffect(() => {
+        visualizerRef.current && (playing ? visualizerRef.current.start() : (visualizerRef.current.stop(), 
+        setNormalizedIntensity(0)));
+    }, [ playing ]);
+    const cssVars = React.useMemo(() => ({
+        "--level-width": misc.setStyle(width),
+        "--level-height": misc.setStyle(height),
+        "--level-gap": misc.setStyle(gap),
+        "--level-bar-border-radius": misc.setStyle(borderRadius),
+        "--level-border-color": borderColor,
+        "--level-border-width": misc.setStyle(borderWidth),
+        "--level-color": colorActive,
+        "--level-bg-color": backgroundColor
+    }), [ width, height, gap, borderRadius, borderColor, borderWidth, colorActive, backgroundColor ]);
+    return jsxRuntime.jsx("div", Object.assign({
+        id: divId,
+        className: `${css_wrapper}${divClass}`,
+        style: Object.assign(Object.assign({}, cssVars), divStyle)
+    }, rest, {
+        children: intensityIntervals.map(barIndex => {
+            const isActive = barIndex < activeBars;
+            return jsxRuntime.jsx("div", {
+                className: css_barContainer,
+                children: jsxRuntime.jsx("div", {
+                    className: css_bar,
+                    style: {
+                        opacity: isActive ? 1 : 0
+                    }
+                })
+            }, barIndex);
+        })
+    }));
+});
+
+exports.Level = Level;

package/dist/cjs/chunks/{MdStreamBuffer-CvLO7CVi.js → MdStreamBuffer-BudWFoNw.js}

@@ -134,18 +134,19 @@ function hasMeaningfulInlineContent(value, repeatedCharacter) {
 
 exports.MdBuffer = class {
     constructor(options) {
-        var _a, _b, _c, _d, _e, rules;
-        this.committedRaw = "", this.activeRaw = "", this.frameHandle = null, this.completeSignal = !1, 
-        this.endOfStreamToken = null == options ? void 0 : options.endOfStreamToken, this.healthyEndMarker = null == options ? void 0 : options.healthyEndMarker, 
-        this.htmlHandling = null !== (_a = null == options ? void 0 : options.htmlHandling) && void 0 !== _a ? _a : "ignore", 
+        var _a, _b, _c, _d, _e, _f, rules;
+        this.committedRaw = "", this.activeRaw = "", this.frameHandle = null, this.flushTimer = null, 
+        this.lastFlushAt = 0, this.lastFlushedRawLength = 0, this.completeSignal = !1, this.endOfStreamToken = null == options ? void 0 : options.endOfStreamToken, 
+        this.healthyEndMarker = null == options ? void 0 : options.healthyEndMarker, this.htmlHandling = null !== (_a = null == options ? void 0 : options.htmlHandling) && void 0 !== _a ? _a : "ignore", 
         this.includeLinksAndImages = null !== (_b = null == options ? void 0 : options.includeLinksAndImages) && void 0 !== _b && _b, 
-        this.onFlush = null == options ? void 0 : options.onFlush, this.requestFrame = null !== (_c = null == options ? void 0 : options.requestFrame) && void 0 !== _c ? _c : function() {
+        this.flushDelayMs = Math.max(0, null !== (_c = null == options ? void 0 : options.flushDelayMs) && void 0 !== _c ? _c : 0), 
+        this.onFlush = null == options ? void 0 : options.onFlush, this.requestFrame = null !== (_d = null == options ? void 0 : options.requestFrame) && void 0 !== _d ? _d : function() {
             if ("undefined" != typeof globalThis && "function" == typeof globalThis.requestAnimationFrame) return globalThis.requestAnimationFrame.bind(globalThis);
             return callback => globalThis.setTimeout(() => callback(Date.now()), 16);
-        }(), this.cancelFrame = null !== (_d = null == options ? void 0 : options.cancelFrame) && void 0 !== _d ? _d : function() {
+        }(), this.cancelFrame = null !== (_e = null == options ? void 0 : options.cancelFrame) && void 0 !== _e ? _e : function() {
             if ("undefined" != typeof globalThis && "function" == typeof globalThis.cancelAnimationFrame) return globalThis.cancelAnimationFrame.bind(globalThis);
             return handle => globalThis.clearTimeout(handle);
-        }(), this.watchedMarkers = (rules = null !== (_e = null == options ? void 0 : options.watchedMarkers) && void 0 !== _e ? _e : DEFAULT_WATCHED_MARKERS, 
+        }(), this.watchedMarkers = (rules = null !== (_f = null == options ? void 0 : options.watchedMarkers) && void 0 !== _f ? _f : DEFAULT_WATCHED_MARKERS, 
         [ ...rules ].sort((left, right) => right.open.length - left.open.length));
     }
     /**
@@ -158,6 +159,11 @@ exports.MdBuffer = class {
      */    get healthy() {
         return this.buildHealthyOutput();
     }
+    /**
+     * Characters appended since the last emitted snapshot.
+     */    get pendingCharacters() {
+        return Math.max(0, this.raw.length - this.lastFlushedRawLength);
+    }
     /**
      * Append a streamed Markdown token and schedule a frame flush.
      */    append(chunk) {
@@ -169,11 +175,15 @@ exports.MdBuffer = class {
      * Emit the current snapshot immediately.
      */    flush(reason = "manual") {
         var _a;
+        this.clearScheduledFlush();
+        const raw = this.committedRaw + this.activeRaw, healthy = this.buildHealthyOutput();
+        this.lastFlushAt = Date.now(), this.lastFlushedRawLength = raw.length;
         const snapshot = {
-            raw: this.committedRaw + this.activeRaw,
-            healthy: this.buildHealthyOutput(),
+            raw: raw,
+            healthy: healthy,
             reason: reason,
-            isComplete: this.completeSignal
+            isComplete: this.completeSignal,
+            pendingCharacters: this.pendingCharacters
         };
         return null === (_a = this.onFlush) || void 0 === _a || _a.call(this, snapshot), 
         snapshot;
@@ -181,14 +191,13 @@ exports.MdBuffer = class {
     /**
      * Mark the stream as complete and flush one final snapshot.
      */    complete() {
-        return null !== this.frameHandle && (this.cancelFrame(this.frameHandle), this.frameHandle = null), 
-        this.completeSignal = !0, this.flush("complete");
+        return this.clearScheduledFlush(), this.completeSignal = !0, this.flush("complete");
     }
     /**
      * Clear the buffered state and cancel any pending frame.
      */    reset() {
-        null !== this.frameHandle && (this.cancelFrame(this.frameHandle), this.frameHandle = null), 
-        this.committedRaw = "", this.activeRaw = "", this.completeSignal = !1;
+        this.clearScheduledFlush(), this.committedRaw = "", this.activeRaw = "", this.lastFlushAt = 0, 
+        this.lastFlushedRawLength = 0, this.completeSignal = !1;
     }
     /**
      * Cancel future work and release the retained state.
@@ -204,10 +213,23 @@ exports.MdBuffer = class {
         return this.dispose(), snapshot;
     }
     scheduleFlush() {
-        null === this.frameHandle && (this.frameHandle = this.requestFrame(() => {
-            this.frameHandle = null, this.flush("raf");
+        null === this.frameHandle && null === this.flushTimer && (this.frameHandle = this.requestFrame(() => {
+            this.frameHandle = null;
+            const remainingDelay = this.getRemainingFlushDelay();
+            remainingDelay <= 0 ? this.flush("raf") : this.flushTimer = setTimeout(() => {
+                this.flushTimer = null, this.flush("raf");
+            }, remainingDelay);
         }));
     }
+    getRemainingFlushDelay() {
+        if (this.flushDelayMs <= 0) return 0;
+        const elapsed = Date.now() - this.lastFlushAt;
+        return Math.max(0, this.flushDelayMs - elapsed);
+    }
+    clearScheduledFlush() {
+        null !== this.frameHandle && (this.cancelFrame(this.frameHandle), this.frameHandle = null), 
+        null !== this.flushTimer && (clearTimeout(this.flushTimer), this.flushTimer = null);
+    }
     commitStableLines() {
         if (this.buildHealthyTail(this.activeRaw) !== this.activeRaw) return;
         const lastNewlineIndex = this.activeRaw.lastIndexOf("\n");

package/dist/cjs/chunks/Modal-CjpQdoOe.js

@@ -0,0 +1,127 @@
+'use client';
+"use strict";
+
+var tslib_es6 = require("./tslib.es6-DsF7Wv4Y.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-4xyXRU2K.js"), Button = require("./Button-QJ5lsSAz.js"), Icon = require("./Icon-BVYVJp9J.js"), IconButton = require("./IconButton-CP1Wsvsx.js"), css = {
+    wrapper: "Modal-module_wrapper__34Hds flexBox-module_columnBetween__ERfp7",
+    title: "Modal-module_title__A5OeE flexBox-module_rowBetween__5FEvi",
+    titleBlock: "Modal-module_titleBlock__HUepX flexBox-module_rowStart__4tcxS",
+    titleIcon: "Modal-module_titleIcon__xJYzy flexBox-module_row__z24tF",
+    contentWrapper: "Modal-module_contentWrapper__Swyjx flexBox-module_columnStart__C7P44",
+    content: "Modal-module_content__dWO-B flexBox-module_columnStart__C7P44",
+    actions: "Modal-module_actions__hY6zi flexBox-module_rowBetween__5FEvi",
+    leftActions: "Modal-module_leftActions__-M-DM flexBox-module_rowStart__4tcxS",
+    rightActions: "Modal-module_rightActions__IFgrN flexBox-module_rowEnd__rVdVm",
+    xs: "Modal-module_xs__iPcS9 type-module_body-xs-medium__s3KvF",
+    s: "Modal-module_s__31sYS type-module_body-s-medium__tjdFc",
+    m: "Modal-module_m__Iz82L type-module_body-m-medium__uW1on",
+    l: "Modal-module_l__pntdS type-module_body-l-medium__BqRC7",
+    xl: "Modal-module_xl__MR-68 type-module_body-xl-medium__BeyrH"
+};
+
+const Modal = React.memo(props => {
+    const {children: children, id: id, className: className, style: style, minWidth: minWidth = 300, minHeight: minHeight = 200, maxHeight: maxHeight = 400, maxWidth: maxWidth = 400, padding: padding, close: close = !0, title: title, titleSize: titleSize = "l", contentSize: contentSize = "m", actions: actions, titleIcon: titleIcon, titleIconFill: titleIconFill = !0, titleBorderColor: titleBorderColor = "var(--core-outline-primary)", titleBorderWidth: titleBorderWidth = 0, actionsBorderColor: actionsBorderColor = "var(--core-outline-primary)", actionsBorderWidth: actionsBorderWidth = 0, autoBorderBottom: autoBorderBottom = !0, onAction: onAction, onReject: onReject, onResolve: onResolve, onClose: onClose, onToolTip: onToolTip, onDragPointerDown: onDragPointerDown, backgroundColor: backgroundColor = "var(--core-surface-secondary)", scrollHandleColor: scrollHandleColor = "var(--core-text-disabled)", scrollHandleColorHover: scrollHandleColorHover = "var(--core-text-disabled)", titleColor: titleColor = "var(--core-text-special)", borderColor: borderColor = "var(--core-outline-primary)", borderRadius: borderRadius = 8, borderWidth: borderWidth = 1} = props, rest = tslib_es6.__rest(props, [ "children", "id", "className", "style", "minWidth", "minHeight", "maxHeight", "maxWidth", "padding", "close", "title", "titleSize", "contentSize", "actions", "titleIcon", "titleIconFill", "titleBorderColor", "titleBorderWidth", "actionsBorderColor", "actionsBorderWidth", "autoBorderBottom", "onAction", "onReject", "onResolve", "onClose", "onToolTip", "onDragPointerDown", "backgroundColor", "scrollHandleColor", "scrollHandleColorHover", "titleColor", "borderColor", "borderRadius", "borderWidth" ]), contentWrapperRef = React.useRef(null), modalStyle = null != style ? style : {}, modalClass = className ? ` ${className}` : "", [scrolls, setScrolls] = React.useState(!1), getScrolls = React.useCallback(() => {
+        var _a, _b;
+        const height = null === (_a = contentWrapperRef.current) || void 0 === _a ? void 0 : _a.offsetHeight, scrollHeight = null === (_b = contentWrapperRef.current) || void 0 === _b ? void 0 : _b.scrollHeight;
+        return !(!height || !scrollHeight) && height < scrollHeight;
+    }, []), setActionBorderWidth = React.useMemo(() => scrolls && 0 === actionsBorderWidth && autoBorderBottom ? "1px" : misc.setStyle(actionsBorderWidth), [ actionsBorderWidth, scrolls, autoBorderBottom ]), setContentPaddingTops = React.useMemo(() => {
+        if (scrolls && autoBorderBottom) {
+            if ("string" == typeof padding) {
+                return padding.split(" ")[0];
+            }
+            return misc.setStyle(padding, "16px");
+        }
+        return "0";
+    }, [ scrolls, padding, autoBorderBottom ]), cssVars = React.useMemo(() => ({
+        "--modal-min-width": misc.setStyle(minWidth),
+        "--modal-min-height": misc.setStyle(minHeight),
+        "--modal-max-height": misc.setStyle(maxHeight),
+        "--modal-max-width": misc.setStyle(maxWidth),
+        "--modal-border-color": borderColor,
+        "--modal-title-color": titleColor,
+        "--modal-border-radius": misc.setStyle(borderRadius),
+        "--modal-border-width": misc.setStyle(borderWidth),
+        "--modal-padding": misc.setStyle(padding, "16px 24px"),
+        "--modal-background-color": backgroundColor,
+        "--modal-title-border-color": titleBorderColor,
+        "--modal-title-border-width": misc.setStyle(titleBorderWidth),
+        "--modal-actions-border-color": actionsBorderColor,
+        "--modal-scroll-handle": misc.setStyle(scrollHandleColor),
+        "--modal-scroll-handle-hover": misc.setStyle(scrollHandleColorHover),
+        "--modal-actions-border-width": setActionBorderWidth,
+        "--modal-content-padding-tops": setContentPaddingTops
+    }), [ minWidth, minHeight, maxHeight, maxWidth, borderColor, titleColor, borderRadius, borderWidth, padding, titleBorderWidth, titleBorderColor, actionsBorderColor, backgroundColor, scrollHandleColor, scrollHandleColorHover, setContentPaddingTops, setActionBorderWidth ]);
+    React.useEffect(() => {
+        children && maxHeight && setScrolls(getScrolls());
+    }, [ children, maxHeight, getScrolls ]);
+    const renderActions = position => null == actions ? void 0 : actions.map((action, index) => action.position || "left" !== position ? action.position && position !== action.position ? null : jsxRuntime.jsx(Button.Button, {
+        variant: action.primary ? "solid" : "outline",
+        label: action.label,
+        onClick: e => (action => {
+            const resolves = !action.promise || "resolve" === action.promise, rejects = "reject" === action.promise;
+            null == onAction || onAction(action.value), resolves && (null == onResolve || onResolve(action.value)), 
+            rejects && (null == onReject || onReject(new Error("Modal rejected", {
+                cause: action.value
+            })));
+        })(action),
+        round: !0 === action.round,
+        iconLeft: action.iconLeft,
+        iconRight: action.iconRight,
+        tooltip: action.tooltip,
+        onToolTip: tip => null == onToolTip ? void 0 : onToolTip(tip)
+    }, `${action.id}_${index}`) : null);
+    return jsxRuntime.jsxs("div", Object.assign({
+        id: id,
+        className: `${css.wrapper}${modalClass}`,
+        style: Object.assign(Object.assign({}, modalStyle), cssVars)
+    }, rest, {
+        children: [ (title || close) && jsxRuntime.jsxs("div", {
+            className: `${css.title} ${css[titleSize]}`,
+            onPointerDown: onDragPointerDown,
+            children: [ jsxRuntime.jsxs("div", {
+                className: css.titleBlock,
+                children: [ titleIcon && jsxRuntime.jsx("div", {
+                    className: css.titleIcon,
+                    children: jsxRuntime.jsx(Icon.Icon, {
+                        name: titleIcon,
+                        fill: titleIconFill,
+                        size: 20
+                    })
+                }), title ]
+            }), close && jsxRuntime.jsx("div", {
+                className: css.close,
+                children: jsxRuntime.jsx("div", {
+                    className: css.titleIcon,
+                    children: jsxRuntime.jsx(IconButton.IconButton, {
+                        tooltip: "close",
+                        icon: "x",
+                        onClick: () => {
+                            null == onReject || onReject(new Error("Modal was closed", {
+                                cause: "user action"
+                            })), null == onClose || onClose();
+                        },
+                        onToolTip: tip => null == onToolTip ? void 0 : onToolTip(tip)
+                    })
+                })
+            }) ]
+        }), jsxRuntime.jsx("div", {
+            className: css.contentWrapper,
+            ref: contentWrapperRef,
+            children: jsxRuntime.jsx("div", {
+                className: `${css.content} ${css[contentSize]}`,
+                children: children
+            })
+        }), actions && actions.length > 0 && jsxRuntime.jsxs("div", {
+            className: css.actions,
+            onPointerDown: onDragPointerDown,
+            children: [ jsxRuntime.jsx("div", {
+                className: css.leftActions,
+                children: renderActions("left")
+            }), jsxRuntime.jsx("div", {
+                className: css.rightActions,
+                children: renderActions("right")
+            }) ]
+        }) ]
+    }));
+});
+
+exports.Modal = Modal;

package/dist/cjs/chunks/{ModalController-13xmvKnm.js → ModalController-Cp2PXOOS.js}

@@ -1,8 +1,6 @@
 "use strict";
 
-var jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), Overlay = require("./Overlay-GXu6nMnw.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), modalStore = require("./modalStore-7VjHHM8X.js"), css_wrapper = "ModalController-module_wrapper__HkOoX flexBox-module_row__z24tF";
-
-styleInject_es.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}.ModalController-module_wrapper__HkOoX {\n\tposition: absolute;\n\tz-index: var(--elevation-confirm);\n}\n");
+var jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), Overlay = require("./Overlay-DRpHYZek.js"), modalStore = require("./modalStore-CFsfK3ba.js"), css_wrapper = "ModalController-module_wrapper__HkOoX flexBox-module_row__z24tF";
 
 const defaultTransition = {
     ease: "easeOut",