@apple-pie/slice 0.1.31 → 0.1.32

package/dist/cjs/chunks/{IconButton-CgsuJIuF.js → IconButton-CP1Wsvsx.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CzpRaW14.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), Badge = require("./Badge-D2TbyfJS.js"), Dot = require("./Dot-C0MvSJOl.js"), Icon = require("./Icon-BFZ_5Qv3.js"), sharedTypes = require("./sharedTypes-CthHPjrO.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";
+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);

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

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

package/dist/cjs/chunks/{Label-BuyhcJbF.js → Label-DIs1rOey.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var LabelBackground, tslib_es6 = require("./tslib.es6-CzpRaW14.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-DZAbObFp.js"), css = {
+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",

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-CbG_VeRI.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-ByRyv3wy.js → Modal-CjpQdoOe.js}

@@ -1,10 +1,12 @@
+'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CzpRaW14.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-DZAbObFp.js"), Button = require("./Button-CTsHZBEB.js"), Icon = require("./Icon-BFZ_5Qv3.js"), IconButton = require("./IconButton-CgsuJIuF.js"), css = {
+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",
@@ -17,7 +19,19 @@ var tslib_es6 = require("./tslib.es6-CzpRaW14.js"), jsxRuntime = require("react/
 };
 
 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, onAction: onAction, onReject: onReject, onResolve: onResolve, onClose: onClose, onToolTip: onToolTip, onDragPointerDown: onDragPointerDown, backgroundColor: backgroundColor = "var(--core-surface-secondary)", 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", "onAction", "onReject", "onResolve", "onClose", "onToolTip", "onDragPointerDown", "backgroundColor", "titleColor", "borderColor", "borderRadius", "borderWidth" ]), modalStyle = null != style ? style : {}, modalClass = className ? ` ${className}` : "", cssVars = React.useMemo(() => ({
+    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),
@@ -26,13 +40,20 @@ const Modal = React.memo(props => {
         "--modal-title-color": titleColor,
         "--modal-border-radius": misc.setStyle(borderRadius),
         "--modal-border-width": misc.setStyle(borderWidth),
-        "--modal-padding": misc.setStyle(padding, 16),
+        "--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-actions-border-width": misc.setStyle(actionsBorderWidth)
-    }), [ minWidth, minHeight, maxHeight, maxWidth, borderColor, titleColor, borderRadius, borderWidth, padding, titleBorderWidth, titleBorderColor, actionsBorderWidth, actionsBorderColor, backgroundColor ]), renderActions = position => null == actions ? void 0 : actions.map((action, index) => action.position || "left" !== position ? action.position && position !== action.position ? null : jsxRuntime.jsx(Button.Button, {
+        "--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 => {
@@ -55,9 +76,9 @@ const Modal = React.memo(props => {
     }, rest, {
         children: [ (title || close) && jsxRuntime.jsxs("div", {
             className: `${css.title} ${css[titleSize]}`,
+            onPointerDown: onDragPointerDown,
             children: [ jsxRuntime.jsxs("div", {
                 className: css.titleBlock,
-                onPointerDown: onDragPointerDown,
                 children: [ titleIcon && jsxRuntime.jsx("div", {
                     className: css.titleIcon,
                     children: jsxRuntime.jsx(Icon.Icon, {
@@ -83,10 +104,15 @@ const Modal = React.memo(props => {
                 })
             }) ]
         }), jsxRuntime.jsx("div", {
-            className: `${css.content} ${css[contentSize]}`,
-            children: children
+            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")

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

@@ -1,6 +1,6 @@
 "use strict";
 
-var jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), Overlay = require("./Overlay-FooE9M_s.js"), modalStore = require("./modalStore-D4bOjuWd.js"), css_wrapper = "ModalController-module_wrapper__HkOoX flexBox-module_row__z24tF";
+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",

package/dist/cjs/chunks/{Overlay-FooE9M_s.js → Overlay-DRpHYZek.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CzpRaW14.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), css_overlay = "Overlay-module_overlay__EkbfA";
+var tslib_es6 = require("./tslib.es6-DsF7Wv4Y.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), css_overlay = "Overlay-module_overlay__EkbfA";
 
 const defaultTransition = {
     ease: "easeOut",

package/dist/cjs/chunks/{Pager-B-cuwffo.js → Pager-ChnTKwml.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CzpRaW14.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-DZAbObFp.js"), css_wrapper = "Pager-module_wrapper__eutVg flexBox-module_row__z24tF", css_bullet = "Pager-module_bullet__TxyR5 flexBox-module_row__z24tF", css_selected = "Pager-module_selected__C6xbR";
+var tslib_es6 = require("./tslib.es6-DsF7Wv4Y.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-4xyXRU2K.js"), css_wrapper = "Pager-module_wrapper__eutVg flexBox-module_row__z24tF", css_bullet = "Pager-module_bullet__TxyR5 flexBox-module_row__z24tF", css_selected = "Pager-module_selected__C6xbR";
 
 const Pager = React.memo(props => {
     const {size: size = 8, index: index = 0, color: color, colorHover: colorHover, colorOn: colorOn, pages: pages = 2, gap: gap = 4, onChange: onChange = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "size", "index", "color", "colorHover", "colorOn", "pages", "gap", "onChange" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [selected, setSelected] = React.useState(index), bullets = React.useMemo(() => Array.from({

package/dist/cjs/chunks/{ProgressIndicator-ByZ_aYAZ.js → ProgressIndicator-CFiAU-aF.js}

@@ -5,11 +5,11 @@ var jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_u
 
 require("../theme/colors.js");
 
-var tslib_es6 = require("./tslib.es6-CzpRaW14.js");
+var tslib_es6 = require("./tslib.es6-DsF7Wv4Y.js");
 
 require("../hooks/useWindow.js");
 
-var Icon = require("./Icon-BFZ_5Qv3.js"), react = require("motion/react"), css$1_wrapper = "DoneCheck-module_wrapper__AlISD flexBox-module_row__z24tF", css$1_icon = "DoneCheck-module_icon__bKaFp flexBox-module_row__z24tF";
+var Icon = require("./Icon-BVYVJp9J.js"), react = require("motion/react"), css$1_wrapper = "DoneCheck-module_wrapper__AlISD flexBox-module_row__z24tF", css$1_icon = "DoneCheck-module_icon__bKaFp flexBox-module_row__z24tF";
 
 const DoneCheck = React.memo(props => {
     const theme = hooks_useTheme.useTheme(), {size: size = 88, stroke: stroke = 1.5, color: color = theme.current.colors["feedback-positive"], play: play = !0, delay: delay = 5, duration: duration = 1, didStart: didStart, didEnd: didEnd} = props, [playing, setPlaying] = React.useState(!play);

package/dist/cjs/chunks/{PromptInput--grtHPvy.js → PromptInput-BFWR0TaP.js}

@@ -3,9 +3,9 @@
 
 var jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
 
-require("../theme/colors.js"), require("./tslib.es6-CzpRaW14.js"), require("../hooks/useWindow.js");
+require("../theme/colors.js"), require("./tslib.es6-DsF7Wv4Y.js"), require("../hooks/useWindow.js");
 
-var Button = require("./Button-CTsHZBEB.js"), FileList = require("./FileList-CDcfKIV6.js"), css = {
+var Button = require("./Button-QJ5lsSAz.js"), FileList = require("./FileList-Dc1nfpR2.js"), css = {
     wrapperBg: "PromptInput-module_wrapperBg__zabZq flexBox-module_columnStart__C7P44",
     bgRotate: "PromptInput-module_bgRotate__Um720",
     textareaWrapper: "PromptInput-module_textareaWrapper__KusiV flexBox-module_columnStart__C7P44",

package/dist/cjs/chunks/{RadioButton-DP2X1dA_.js → RadioButton-Bi-FP41j.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CzpRaW14.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-DZAbObFp.js"), Icon = require("./Icon-BFZ_5Qv3.js"), css_wrapper = "RadioButton-module_wrapper__-pWRe flexBox-module_row__z24tF", css_radioIcon = "RadioButton-module_radioIcon__I27Xv flexBox-module_column__ezvMq", css_radioTitle = "RadioButton-module_radioTitle__zCQII flexBox-module_rowStart__4tcxS type-module_body-m-regular__LuQBA", css_radioContent = "RadioButton-module_radioContent__38xVx flexBox-module_columnStart__C7P44";
+var tslib_es6 = require("./tslib.es6-DsF7Wv4Y.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-4xyXRU2K.js"), Icon = require("./Icon-BVYVJp9J.js"), css_wrapper = "RadioButton-module_wrapper__-pWRe flexBox-module_row__z24tF", css_radioIcon = "RadioButton-module_radioIcon__I27Xv flexBox-module_column__ezvMq", css_radioTitle = "RadioButton-module_radioTitle__zCQII flexBox-module_rowStart__4tcxS type-module_body-m-regular__LuQBA", css_radioContent = "RadioButton-module_radioContent__38xVx flexBox-module_columnStart__C7P44";
 
 function RadioButtonComponent(props) {
     const {label: label, children: children, fieldName: fieldName, value: value, selected: selected = !1, controlType: controlType = "radio", deselect: deselect = !0, tabIndex: tabIndex = 0, wrap: wrap = !1, list: list = !1, hideRadio: hideRadio = !1, noFrame: noFrame = !0, icon: icon = "circle", checkedIcon: checkedIcon = "check circle", iconColor: iconColor, gap: gap = 6, onChange: onChange = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "label", "children", "fieldName", "value", "selected", "controlType", "deselect", "tabIndex", "wrap", "list", "hideRadio", "noFrame", "icon", "checkedIcon", "iconColor", "gap", "onChange" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [isSelected, setIsSelected] = React.useState(selected);

package/dist/cjs/chunks/{RadioButtonList-COGNW5y3.js → RadioButtonList-JHPKMCoX.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CzpRaW14.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-DZAbObFp.js"), RadioButton = require("./RadioButton-DP2X1dA_.js"), css_wrapper = "RadioButtonList-module_wrapper__wnq1-", css_column = "RadioButtonList-module_column__Bq16e flexBox-module_columnStart__C7P44", css_row = "RadioButtonList-module_row__D3szq flexBox-module_rowStart__4tcxS";
+var tslib_es6 = require("./tslib.es6-DsF7Wv4Y.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-4xyXRU2K.js"), RadioButton = require("./RadioButton-Bi-FP41j.js"), css_wrapper = "RadioButtonList-module_wrapper__wnq1-", css_column = "RadioButtonList-module_column__Bq16e flexBox-module_columnStart__C7P44", css_row = "RadioButtonList-module_row__D3szq flexBox-module_rowStart__4tcxS";
 
 function RadioButtonListComponent(props) {
     const {width: width = "min-content", options: options = [], selectedIndexes: selectedIndexes = null, selectedOptions: selectedOptions = null, label: label = null, deselect: deselect = !1, multiSelect: multiSelect = !1, wrap: wrap = !1, tabIndexSeed: tabIndexSeed = 0, spacer: spacer = "none", custom: custom = 0, gap: gap = 16, hideRadio: hideRadio = !1, noFrame: noFrame = !0, toggleIcon: toggleIcon = !0, iconColor: iconColor, icon: icon = "circle", checkedIcon: checkedIcon = "check circle", iconSelectedColor: iconSelectedColor, onChange: onChange = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "width", "options", "selectedIndexes", "selectedOptions", "label", "deselect", "multiSelect", "wrap", "tabIndexSeed", "spacer", "custom", "gap", "hideRadio", "noFrame", "toggleIcon", "iconColor", "icon", "checkedIcon", "iconSelectedColor", "onChange" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", labelId = React.useId(), [selected, setSelected] = React.useState(selectedIndexes);

package/dist/cjs/chunks/{Slider-G1a8UKef.js → Slider-D97ws1Cl.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CzpRaW14.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useObserveResize = require("../hooks/useObserveResize.js"), misc = require("./misc-DZAbObFp.js"), debounce = require("./debounce-CaoYvh12.js"), css_wrapper = "Slider-module_wrapper__KCCs1", css_trackBg = "Slider-module_trackBg__7zfqm flexBox-module_rowStart__4tcxS", css_track = "Slider-module_track__kaJkL flexBox-module_rowStart__4tcxS", css_trackHead = "Slider-module_trackHead__W-UdG", css_trackWrapper = "Slider-module_trackWrapper__Ot0Wh flexBox-module_rowStart__4tcxS";
+var tslib_es6 = require("./tslib.es6-DsF7Wv4Y.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useObserveResize = require("../hooks/useObserveResize.js"), debounce = require("./debounce-_IK-La-Z.js"), misc = require("./misc-4xyXRU2K.js"), css_wrapper = "Slider-module_wrapper__KCCs1", css_trackBg = "Slider-module_trackBg__7zfqm flexBox-module_rowStart__4tcxS", css_track = "Slider-module_track__kaJkL flexBox-module_rowStart__4tcxS", css_trackHead = "Slider-module_trackHead__W-UdG", css_trackWrapper = "Slider-module_trackWrapper__Ot0Wh flexBox-module_rowStart__4tcxS";
 
 const Slider = React.memo(props => {
     const {value: value = 25, scaleMin: scaleMin = 0, scaleMax: scaleMax = 100, width: width, height: height = 2, touchHeight: touchHeight = 24, trackHeadSize: trackHeadSize = 7, step: step, disabled: disabled = !1, disabledOpacity: disabledOpacity = .5, cursor: cursor = "default", headColor: headColor = "var(--core-text-light)", trackColor: trackColor = "var(--core-surface-secondary)", progressColor: progressColor = "var(--core-text-tertiary)", trackHeadBorderSize: trackHeadBorderSize = 1, trackHeadBorderColor: trackHeadBorderColor = "var(--core-outline-secondary)", onChange: onChange = () => null, onDragChange: onDragChange = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "value", "scaleMin", "scaleMax", "width", "height", "touchHeight", "trackHeadSize", "step", "disabled", "disabledOpacity", "cursor", "headColor", "trackColor", "progressColor", "trackHeadBorderSize", "trackHeadBorderColor", "onChange", "onDragChange" ]), {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), track = React.useRef(null), head = React.useRef(null), [currentValue, setCurrentValue] = React.useState(value), absProgressRef = React.useRef(value), relativeProgressRef = React.useRef(0), didMount = React.useRef(!1), size = hooks_useObserveResize.useObserveResize(ref, {

package/dist/cjs/chunks/{Spacer-CsRCleXv.js → Spacer-DvI2M1wZ.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CzpRaW14.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react");
+var tslib_es6 = require("./tslib.es6-DsF7Wv4Y.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react");
 
 const Spacer = React.memo(props => {
     const {size: size = 8} = props, divAttributes = tslib_es6.__rest(props, [ "size" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), spacerStyle = React.useMemo(() => ({

package/dist/cjs/chunks/{Switch-OBVHKn_D.js → Switch-DDSSprb7.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CzpRaW14.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), css_wrapper = "Switch-module_wrapper__kudO9 flexBox-module_row__z24tF", css_knob = "Switch-module_knob__vKNOc flexBox-module_row__z24tF";
+var tslib_es6 = require("./tslib.es6-DsF7Wv4Y.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), css_wrapper = "Switch-module_wrapper__kudO9 flexBox-module_row__z24tF", css_knob = "Switch-module_knob__vKNOc flexBox-module_row__z24tF";
 
 function SwitchComponent(props) {
     const {fieldName: fieldName, state: state = !1, value: value, height: height = 22, width: width = 44, padding: padding = 3, backgroundColorOn: backgroundColorOn, backgroundColorOff: backgroundColorOff, bgColorOn: bgColorOn = "var(--feedback-positive)", bgColorOff: bgColorOff = "var(--core-text-disabled)", knobColor: knobColor = "var(--core-surface-primary)", onChange: onChange = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "fieldName", "state", "value", "height", "width", "padding", "backgroundColorOn", "backgroundColorOff", "bgColorOn", "bgColorOff", "knobColor", "onChange" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [on, setOn] = React.useState(state), resolvedBackgroundColorOn = null != backgroundColorOn ? backgroundColorOn : bgColorOn, resolvedBackgroundColorOff = null != backgroundColorOff ? backgroundColorOff : bgColorOff;

package/dist/cjs/chunks/{TabBar-C1HkBaxE.js → TabBar-TllSeSzb.js}

@@ -1,11 +1,11 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CzpRaW14.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"), require("../hooks/useWindow.js");
 
-var Badge = require("./Badge-D2TbyfJS.js"), Icon = require("./Icon-BFZ_5Qv3.js"), IconButton = require("./IconButton-CgsuJIuF.js"), sharedTypes = require("./sharedTypes-CthHPjrO.js"), css_wrapper = "TabBar-module_wrapper__cyOR1 flexBox-module_rowStart__4tcxS", css_option = "TabBar-module_option__gYjDf flexBox-module_row__z24tF type-module_body-m-regular__LuQBA", css_icon = "TabBar-module_icon__JDgG3 flexBox-module_row__z24tF", css_close = "TabBar-module_close__bvSBh flexBox-module_row__z24tF";
+var Badge = require("./Badge-4tBynWZe.js"), Icon = require("./Icon-BVYVJp9J.js"), IconButton = require("./IconButton-CP1Wsvsx.js"), sharedTypes = require("./sharedTypes-C0ZHzH_T.js"), css_wrapper = "TabBar-module_wrapper__cyOR1 flexBox-module_rowStart__4tcxS", css_option = "TabBar-module_option__gYjDf flexBox-module_row__z24tF type-module_body-m-regular__LuQBA", css_icon = "TabBar-module_icon__JDgG3 flexBox-module_row__z24tF", css_close = "TabBar-module_close__bvSBh flexBox-module_row__z24tF";
 
 const placeholderOptions = [ {
     name: "Light",

package/dist/cjs/chunks/{TextArea-BEmNI_HZ.js → TextArea-DjZRDixt.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CzpRaW14.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), Button = require("./Button-CTsHZBEB.js"), css_wrapper = "TextArea-module_wrapper__O0sWP flexBox-module_columnStart__C7P44", css_textarea = "TextArea-module_textarea__-R2n0", css_send = "TextArea-module_send__Cub13", css_xs = "TextArea-module_xs__5e748 type-module_body-xs-regular__ZAFft", css_s = "TextArea-module_s__Ac-fq type-module_body-s-regular__vRHSP", css_m = "TextArea-module_m__dod4R type-module_body-m-regular__LuQBA", css_l = "TextArea-module_l__-uLCG type-module_body-l-regular__lOYbg";
+var tslib_es6 = require("./tslib.es6-DsF7Wv4Y.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), Button = require("./Button-QJ5lsSAz.js"), css_wrapper = "TextArea-module_wrapper__O0sWP flexBox-module_columnStart__C7P44", css_textarea = "TextArea-module_textarea__-R2n0", css_send = "TextArea-module_send__Cub13", css_xs = "TextArea-module_xs__5e748 type-module_body-xs-regular__ZAFft", css_s = "TextArea-module_s__Ac-fq type-module_body-s-regular__vRHSP", css_m = "TextArea-module_m__dod4R type-module_body-m-regular__LuQBA", css_l = "TextArea-module_l__-uLCG type-module_body-l-regular__lOYbg";
 
 const TextArea = React.memo(props => {
     const {value: value = "", name: name = "text_area", width: width = "100%", focused: focused = !1, placeholder: placeholder = "Enter text here...", rows: rows = 6, border: border = !0, borderRadius: borderRadius = 4, padding: padding = "16px 4px 16px 16px", error: error = !1, resizable: resizable = !0, hasSend: hasSend = !1, sendOffset: sendOffset = {

package/dist/cjs/chunks/{TextField-D9_COA9H.js → TextField-CKA3K0AN.js}

@@ -1,15 +1,15 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CzpRaW14.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
+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");
 
-var misc = require("./misc-DZAbObFp.js");
+var misc = require("./misc-4xyXRU2K.js");
 
 require("../hooks/useWindow.js");
 
-var Button = require("./Button-CTsHZBEB.js"), Icon = require("./Icon-BFZ_5Qv3.js"), IconButton = require("./IconButton-CgsuJIuF.js"), css = {
+var Button = require("./Button-QJ5lsSAz.js"), Icon = require("./Icon-BVYVJp9J.js"), IconButton = require("./IconButton-CP1Wsvsx.js"), css = {
     wrapper: "TextField-module_wrapper__qZ-p- flexBox-module_rowStart__4tcxS",
     container: "TextField-module_container__5U9yK flexBox-module_rowStart__4tcxS",
     label: "TextField-module_label__jD8MR flexBox-module_rowStart__4tcxS",

package/dist/cjs/chunks/{Tip-2W0u_oQN.js → Tip-BdGXN-TQ.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CzpRaW14.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), misc = require("./misc-DZAbObFp.js"), css = {
+var tslib_es6 = require("./tslib.es6-DsF7Wv4Y.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), misc = require("./misc-4xyXRU2K.js"), css = {
     wrapper: "Tip-module_wrapper__D7ACT flexBox-module_rowStart__4tcxS",
     xs: "Tip-module_xs__wsz9y type-module_body-xs-regular__ZAFft",
     s: "Tip-module_s__Wvz3q type-module_body-s-regular__vRHSP",

package/dist/cjs/chunks/{Toast-B9jX6ioq.js → Toast-COrDS_50.js}

@@ -1,15 +1,15 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CzpRaW14.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
+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");
 
-var misc = require("./misc-DZAbObFp.js");
+var misc = require("./misc-4xyXRU2K.js");
 
 require("../hooks/useWindow.js");
 
-var ToastType, Icon = require("./Icon-BFZ_5Qv3.js"), ProgressIndicator = require("./ProgressIndicator-ByZ_aYAZ.js"), css = {
+var ToastType, Icon = require("./Icon-BVYVJp9J.js"), ProgressIndicator = require("./ProgressIndicator-CFiAU-aF.js"), css = {
     wrapper: "Toast-module_wrapper__1uj9O flexBox-module_rowBetween__5FEvi",
     close: "Toast-module_close__i10-s flexBox-module_row__z24tF",
     message: "Toast-module_message__3dP0P flexBox-module_rowStart__4tcxS",
@@ -23,7 +23,7 @@ exports.ToastType = void 0, (ToastType = exports.ToastType || (exports.ToastType
 ToastType.Error = "error", ToastType.Warning = "warning", ToastType.Info = "info";
 
 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, progress: progress, type: type = exports.ToastType.Info, didHide: didHide = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "message", "size", "border", "padding", "radius", "container", "showDelay", "duration", "position", "offset", "close", "progress", "type", "didHide" ]), theme = hooks_useTheme.useTheme(), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? `${className}` : "", [ready, setReady] = React.useState(!1), [content, setContent] = React.useState(null), timer = React.useRef(null);
+    const {notifId: notifId, 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, progress: progress, type: type = exports.ToastType.Info, didHide: didHide = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "notifId", "message", "size", "border", "padding", "radius", "container", "showDelay", "duration", "position", "offset", "close", "progress", "type", "didHide" ]), theme = hooks_useTheme.useTheme(), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? `${className}` : "", [ready, setReady] = React.useState(!1), [content, setContent] = React.useState(null), timer = React.useRef(null);
     React.useEffect(() => {
         timer.current && clearTimeout(timer.current);
         return message && message.length > 0 ? timer.current = setTimeout(() => {
@@ -166,7 +166,7 @@ const ToastBase = React.forwardRef((props, ref) => {
                     strokeColor: iconColor
                 })
             }) ]
-        }))
+        }), notifId)
     });
 });
 

package/dist/cjs/chunks/{ToggleButton-C_Gu5dYR.js → ToggleButton-hoOMzBZc.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var jsxRuntime = require("react/jsx-runtime"), React = require("react"), IconButton = require("./IconButton-CgsuJIuF.js"), Label = require("./Label-BuyhcJbF.js"), css_toggleButton = "ToggleButton-module_toggleButton__H7KgI flexBox-module_rowStart__4tcxS";
+var jsxRuntime = require("react/jsx-runtime"), React = require("react"), IconButton = require("./IconButton-CP1Wsvsx.js"), Label = require("./Label-DIs1rOey.js"), css_toggleButton = "ToggleButton-module_toggleButton__H7KgI flexBox-module_rowStart__4tcxS";
 
 exports.ToggleButton = function(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-text-special)", 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 = () => {

package/dist/cjs/chunks/{UploadArea-ENFAf4tE.js → UploadArea-ClG8ZgRZ.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-DZAbObFp.js"), Icon = require("./Icon-BFZ_5Qv3.js"), ProgressIndicator = require("./ProgressIndicator-ByZ_aYAZ.js"), FileList = require("./FileList-CDcfKIV6.js"), css = {
+var jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-4xyXRU2K.js"), Icon = require("./Icon-BVYVJp9J.js"), ProgressIndicator = require("./ProgressIndicator-CFiAU-aF.js"), FileList = require("./FileList-Dc1nfpR2.js"), 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",

package/dist/cjs/chunks/{WSConnection-CZ22tcLz.js → WSConnection-Brxc2hEv.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CzpRaW14.js");
+var tslib_es6 = require("./tslib.es6-DsF7Wv4Y.js");
 
 /**
  * Manage a WebSocket connection with optional unified events, retries, and keep-alive pings.