@apple-pie/slice 0.1.29 → 0.1.31

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

@@ -0,0 +1,189 @@
+'use client';
+import { a as __rest } from "./tslib.es6-BX2F90pK.mjs";
+
+import { jsx, jsxs } from "react/jsx-runtime";
+
+import { AnimatePresence, motion } from "motion/react";
+
+import React, { useState, useRef, useEffect, useMemo, useCallback } from "react";
+
+import { useTheme } from "../hooks/useTheme.mjs";
+
+import "../theme/colors.mjs";
+
+import { s as setStyle, f as filterClasses, a as accessibleKeyDown } from "./misc-CTGTuM2J.mjs";
+
+import "../hooks/useWindow.mjs";
+
+import { I as Icon } from "./Icon-DjW0Krm8.mjs";
+
+import { P as ProgressIndicator } from "./ProgressIndicator-BnqZFATV.mjs";
+
+var ToastType, 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",
+    progress: "Toast-module_progress__SWsbA flexBox-module_row__z24tF",
+    s: "Toast-module_s__kc5Ef type-module_body-s-regular__vRHSP",
+    m: "Toast-module_m__JtmLz type-module_body-m-regular__LuQBA",
+    l: "Toast-module_l__-W0PD type-module_body-l-regular__lOYbg"
+};
+
+!function(ToastType) {
+    ToastType.Success = "success", ToastType.Error = "error", ToastType.Warning = "warning", 
+    ToastType.Info = "info";
+}(ToastType || (ToastType = {}));
+
+const ToastBase = React.forwardRef((props, ref) => {
+    const {message: message = null, size: size = "m", border: border = !0, padding: padding, radius: radius = 8, container: container = "window", showDelay: showDelay = 0, duration: duration = 5e3, position: position = "bottom", offset: offset = 24, close: close = !0, progress: progress, type: type = ToastType.Info, didHide: didHide = () => null} = props, divAttributes = __rest(props, [ "message", "size", "border", "padding", "radius", "container", "showDelay", "duration", "position", "offset", "close", "progress", "type", "didHide" ]), theme = useTheme(), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? `${className}` : "", [ready, setReady] = useState(!1), [content, setContent] = useState(null), timer = useRef(null);
+    useEffect(() => {
+        timer.current && clearTimeout(timer.current);
+        return message && message.length > 0 ? timer.current = setTimeout(() => {
+            setContent(message), timer.current && clearTimeout(timer.current), "Infinite" !== duration && (timer.current = setTimeout(() => {
+                setReady(!1);
+            }, duration));
+        }, showDelay) : setContent(null), () => {
+            timer.current && clearTimeout(timer.current);
+        };
+    }, [ message, showDelay, duration ]), useEffect(() => setReady(null !== content), [ content ]);
+    const defaultPadding = useMemo(() => close ? "10px 12px 10px 16px" : "10px 16px", [ close ]), colorScheme = useMemo(() => {
+        switch (type) {
+          case "success":
+            return {
+                border: "var(--array-land-label)",
+                bg: "var(--array-land)",
+                text: "var(--array-land-label)"
+            };
+
+          case "warning":
+            return {
+                border: "var(--array-orange-label)",
+                bg: "var(--array-orange)",
+                text: "var(--array-orange-label)"
+            };
+
+          case "error":
+            return {
+                border: "var(--feedback-warning)",
+                bg: "var(--array-magenta)",
+                text: "var(--feedback-warning)"
+            };
+
+          default:
+            return {
+                border: "var(--core-outline-primary)",
+                bg: "var(--core-surface-secondary)",
+                text: "var(--core-text-primary)"
+            };
+        }
+    }, [ type ]), cssVars = useMemo(() => ({
+        "--toast-padding": setStyle(padding, defaultPadding),
+        "--toast-background": colorScheme.bg,
+        "--toast-color": colorScheme.text,
+        "--toast-border": border ? `1px solid ${colorScheme.border}` : "unset",
+        "--toast-border-radius": setStyle(radius, 4),
+        "--toast-position": "window" === container ? "fixed" : "absolute"
+    }), [ padding, border, colorScheme, radius, defaultPadding, container ]), variants = useMemo(() => {
+        const positionShow = "bottom" === position ? {
+            bottom: offset
+        } : {
+            top: offset
+        }, positionHide = "bottom" === position ? {
+            bottom: -offset
+        } : {
+            top: -offset
+        }, transition = {
+            ease: "easeInOut",
+            duration: .25
+        };
+        return {
+            initial: Object.assign({
+                opacity: 0
+            }, positionHide),
+            animate: Object.assign(Object.assign({
+                opacity: 1
+            }, positionShow), {
+                transition: transition
+            }),
+            exit: Object.assign(Object.assign({
+                opacity: 0
+            }, positionHide), {
+                transition: transition
+            })
+        };
+    }, [ position, offset ]), classNames = useMemo(() => filterClasses([ css.wrapper, css[size], divClass ]), [ size, divClass ]), handleClose = useCallback(() => {
+        setReady(!1);
+    }, []), handleMouseOver = useCallback(() => {
+        timer.current && clearTimeout(timer.current);
+    }, []), handleMouseOut = useCallback(() => {
+        timer.current && clearTimeout(timer.current), "Infinite" !== duration && (timer.current = setTimeout(() => {
+            setContent(null);
+        }, duration));
+    }, [ duration ]), showProgress = useMemo(() => void 0 !== progress ? progress : "Infinite" === duration, [ progress, duration ]), iconColor = useMemo(() => {
+        switch (type) {
+          case ToastType.Error:
+            return theme.current.colors["feedback-warning"];
+
+          case ToastType.Success:
+            return theme.current.colors["array-land-label"];
+
+          case ToastType.Warning:
+            return theme.current.colors["array-orange-label"];
+
+          default:
+            return theme.current.colors["core-text-primary"];
+        }
+    }, [ type, theme ]);
+    return jsx(AnimatePresence, {
+        onExitComplete: () => didHide(),
+        initial: !1,
+        children: ready && jsxs(motion.div, Object.assign({
+            ref: ref,
+            id: divId,
+            className: classNames
+        }, rest, {
+            onMouseEnter: handleMouseOver,
+            onMouseLeave: handleMouseOut,
+            onFocus: handleMouseOver,
+            onBlur: handleMouseOut,
+            style: Object.assign(Object.assign(Object.assign({}, divStyle), cssVars), {
+                visibility: ready ? "visible" : "hidden"
+            }),
+            variants: variants,
+            initial: "initial",
+            animate: "animate",
+            exit: "exit",
+            children: [ jsxs("div", {
+                role: "status",
+                "aria-live": "polite",
+                className: css.message,
+                children: [ showProgress && jsx("div", {
+                    className: css.progress,
+                    children: jsx(ProgressIndicator, {
+                        show: !0,
+                        inline: !0,
+                        color: iconColor
+                    })
+                }), content ]
+            }), ("Infinite" === duration || close) && jsx("div", {
+                className: css.close,
+                tabIndex: 0,
+                role: "button",
+                "aria-label": "dismiss message",
+                onKeyDown: e => accessibleKeyDown(e, handleClose),
+                onClick: handleClose,
+                children: jsx(Icon, {
+                    name: "x",
+                    size: 20,
+                    strokeColor: iconColor
+                })
+            }) ]
+        }))
+    });
+});
+
+ToastBase.displayName = "Toast";
+
+const Toast = React.memo(ToastBase);
+
+export { Toast as T, ToastType as a };

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

@@ -0,0 +1,47 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+
+import { useMemo } from "react";
+
+import { I as IconButton } from "./IconButton-DdLhTUl0.mjs";
+
+import { L as Label } from "./Label-DhmJ_Sln.mjs";
+
+var css_toggleButton = "ToggleButton-module_toggleButton__H7KgI flexBox-module_rowStart__4tcxS";
+
+function ToggleButton(props) {
+    const {label: label, textSize: textSize, icon: icon, selected: selected = !1, iconColor: iconColor = "var(--core-text-primary)", iconColorOn: iconColorOn = "var(--core-surface-primary)", bgColor: bgColor = "var(--core-surface-secondary)", bgColorOn: bgColorOn = "var(--core-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 = () => {
+        if (!unselect && selected) return;
+        const newState = !selected;
+        null == onChange || onChange(newState), newState && (null == onSelect || onSelect());
+    }, cssVars = useMemo(() => ({
+        "--tb-gap": `${gap}px`
+    }), [ gap ]);
+    return jsxs("div", {
+        className: css_toggleButton,
+        style: cssVars,
+        children: [ icon && jsx(IconButton, {
+            icon: icon,
+            buttonSize: buttonSize,
+            tooltip: tooltip,
+            toggle: !selected,
+            isToggled: selected,
+            bgColorOn: bgColorOn,
+            bgColor: bgColor,
+            iconColor: iconColor,
+            iconColorOn: iconColorOn,
+            onClick: handleClick,
+            iconSize: iconSize,
+            iconFill: fill,
+            disabled: disabled,
+            onToolTip: onToolTip
+        }), (children || label) && jsx(Label, {
+            textSize: textSize,
+            borderSize: 0,
+            padding: 0,
+            onClick: handleClick,
+            children: null != children ? children : label
+        }) ]
+    });
+}
+
+export { ToggleButton as T };

package/dist/esm/chunks/UploadArea-D--Nt8Ed.mjs

@@ -0,0 +1,135 @@
+'use client';
+import { jsxs, jsx } from "react/jsx-runtime";
+
+import React, { useState, useRef, useId, useCallback, useMemo } from "react";
+
+import { s as setStyle, a as accessibleKeyDown } from "./misc-CTGTuM2J.mjs";
+
+import { I as Icon } from "./Icon-DjW0Krm8.mjs";
+
+import { P as ProgressIndicator } from "./ProgressIndicator-BnqZFATV.mjs";
+
+import { F as FileList } from "./FileList-C1tOvoc0.mjs";
+
+var css = {
+    wrapper: "UploadArea-module_wrapper__aircC flexBox-module_column__ezvMq",
+    icon: "UploadArea-module_icon__M7n-m flexBox-module_row__z24tF",
+    title: "UploadArea-module_title__VbNGq type-module_body-l-bold__Fh2dt",
+    message: "UploadArea-module_message__U1ZVM flexBox-module_row__z24tF",
+    files: "UploadArea-module_files__Q796x flexBox-module_column__ezvMq",
+    xs: "UploadArea-module_xs__-AoM7 type-module_body-xs-regular__ZAFft",
+    s: "UploadArea-module_s__wy1zN type-module_body-s-regular__vRHSP",
+    m: "UploadArea-module_m__bKuFN type-module_body-m-regular__LuQBA",
+    l: "UploadArea-module_l__KG9YN type-module_body-l-regular__lOYbg"
+};
+
+const imageTypes = [ "png", "jpg", "jpeg", "gif", "svg", "heic", "heif" ], videoTypes = [ "mp4", "avi", "mov", "wmv", "flv" ], documentTypes = [ "pdf", "doc", "docx", "xls", "xlsx", "ppt", "pptx" ], audioTypes = [ "mp3", "wav", "ogg", "aac", "flac" ], textTypes = [ "txt", "rtf", "md", "csv", "json", "xml" ], allTypes = [ ...imageTypes, ...videoTypes, ...documentTypes, ...audioTypes, ...textTypes ];
+
+var FileTypes;
+
+!function(FileTypes) {
+    FileTypes.images = "images", FileTypes.videos = "videos", FileTypes.documents = "documents", 
+    FileTypes.audio = "audio", FileTypes.text = "text", FileTypes.all = "all", FileTypes.custom = "custom";
+}(FileTypes || (FileTypes = {}));
+
+const UploadAreaBase = React.forwardRef((props, ref) => {
+    const {icon: icon = "upload", iconColor: iconColor = "var(--core-text-primary)", iconColorHover: iconColorHover = "var(--core-text-special)", title: title = "Upload Files", width: width = "100%", height: height = "auto", message: message = "Drag and drop files here or click to upload", busyMessage: busyMessage = "Uploading in progress", iconSize: iconSize = 24, textSize: textSize = "m", borderWidth: borderWidth, border: border = 1, borderStyle: borderStyle = "dashed", borderColor: borderColor = "var(--core-outline-primary)", borderColorHover: borderColorHover = "var(--core-outline-special)", borderRadius: borderRadius, radius: radius = 8, padding: padding = 32, backgroundColor: backgroundColor, backgroundColorHover: backgroundColorHover, bgColor: bgColor = "var(--core-surface-secondary)", bgColorHover: bgColorHover = "var(--core-surface-special)", acceptedTypes: acceptedTypes = allTypes, multiple: multiple = !0, busy: busy = !1, canRemove: canRemove = !0, showProgress: showProgress = !0, files: files = [], onUpload: onUpload} = props, [hovered, setHovered] = useState(!1), inputRef = useRef(null), dragDepth = useRef(0), inputId = useId(), titleId = useId(), messageId = useId(), isInteractive = !busy && files.length < 1, resolvedBorderWidth = null != borderWidth ? borderWidth : border, resolvedBorderRadius = null != borderRadius ? borderRadius : radius, resolvedBackgroundColor = null != backgroundColor ? backgroundColor : bgColor, resolvedBackgroundColorHover = null != backgroundColorHover ? backgroundColorHover : bgColorHover, handleClickUpload = useCallback(() => {
+        var _a;
+        isInteractive && (null == inputRef ? void 0 : inputRef.current) && (inputRef.current.value = "", 
+        null === (_a = inputRef.current) || void 0 === _a || _a.click());
+    }, [ isInteractive ]), handleFileInputChange = useCallback(e => {
+        busy || e.target.files && (null == onUpload || onUpload(Array.from(e.target.files)));
+    }, [ busy, onUpload ]), hasFilesInDrag = useCallback(e => {
+        var _a, _b;
+        return Array.from(null !== (_b = null === (_a = e.dataTransfer) || void 0 === _a ? void 0 : _a.types) && void 0 !== _b ? _b : []).includes("Files");
+    }, []), handleDragEnter = useCallback(e => {
+        e.preventDefault(), !busy && hasFilesInDrag(e) && (dragDepth.current += 1, 1 === dragDepth.current && setHovered(!0));
+    }, [ busy, hasFilesInDrag ]), handleDragLeave = useCallback(e => {
+        e.preventDefault(), busy || (dragDepth.current = Math.max(0, dragDepth.current - 1), 
+        0 === dragDepth.current && setHovered(!1));
+    }, [ busy ]), handleDrop = useCallback(e => {
+        var _a;
+        if (e.preventDefault(), busy) return;
+        dragDepth.current = 0, setHovered(!1);
+        const files = Array.from(null !== (_a = e.dataTransfer.files) && void 0 !== _a ? _a : []);
+        null == onUpload || onUpload(files);
+    }, [ busy, onUpload ]), iconStrokeColor = useMemo(() => hovered ? iconColorHover : iconColor, [ hovered, iconColor, iconColorHover ]), cssVars = useMemo(() => ({
+        "--ua-border": `${resolvedBorderWidth}px`,
+        "--ua-border-style": borderStyle,
+        "--ua-border-color": hovered || busy ? borderColorHover : borderColor,
+        "--ua-radius": `${resolvedBorderRadius}px`,
+        "--ua-padding": setStyle(padding),
+        "--ua-bg-color": hovered ? resolvedBackgroundColorHover : resolvedBackgroundColor,
+        "--ua-icon-size": `${iconSize}px`,
+        "--ua-cursor": busy || files.length > 0 ? "default" : "pointer",
+        "--ua-width": setStyle(width),
+        "--ua-height": setStyle(height)
+    }), [ resolvedBorderWidth, borderStyle, borderColor, borderColorHover, resolvedBorderRadius, padding, resolvedBackgroundColor, resolvedBackgroundColorHover, iconSize, busy, hovered, height, files.length, width ]);
+    return jsxs("div", {
+        className: css.wrapper,
+        style: cssVars,
+        ref: ref,
+        role: isInteractive ? "button" : void 0,
+        "aria-label": isInteractive ? "Click to upload files" : void 0,
+        "aria-describedby": `${titleId} ${messageId}`,
+        "aria-disabled": !isInteractive,
+        tabIndex: isInteractive ? 0 : -1,
+        onClick: isInteractive ? handleClickUpload : void 0,
+        onKeyDown: isInteractive ? e => accessibleKeyDown(e, () => handleClickUpload()) : void 0,
+        onDragEnter: handleDragEnter,
+        onDragOver: e => {
+            e.preventDefault();
+        },
+        onDragLeave: handleDragLeave,
+        onDrop: handleDrop,
+        children: [ jsx("div", {
+            className: css.icon,
+            children: jsx(Icon, {
+                size: iconSize,
+                name: icon,
+                strokeColor: iconStrokeColor,
+                pointer: !1
+            })
+        }), jsx("div", {
+            id: titleId,
+            className: css.title,
+            children: title
+        }), jsxs("div", {
+            id: messageId,
+            className: `${css.message} ${css[textSize]}`,
+            children: [ busy && showProgress && jsx(ProgressIndicator, {
+                show: !0,
+                size: 20,
+                inline: !0,
+                color: iconStrokeColor
+            }), busy ? busyMessage : message ]
+        }), files.length > 0 && jsx("div", {
+            className: css.files,
+            children: jsx(FileList, {
+                files: files,
+                bgColor: "var(--core-surface-primary)",
+                size: "m",
+                direction: "column",
+                gap: 8,
+                iconSize: 24,
+                padding: "10px",
+                canRemove: canRemove
+            })
+        }), jsx("input", {
+            id: inputId,
+            ref: inputRef,
+            type: "file",
+            hidden: !0,
+            disabled: busy,
+            multiple: multiple,
+            accept: acceptedTypes ? acceptedTypes.join(", ") : void 0,
+            onChange: handleFileInputChange
+        }) ]
+    });
+});
+
+UploadAreaBase.displayName = "UploadArea";
+
+const UploadArea = React.memo(UploadAreaBase);
+
+export { UploadArea as U, allTypes as a, audioTypes as b, documentTypes as d, imageTypes as i, textTypes as t, videoTypes as v };

package/dist/esm/chunks/{WSConnection-DV7k84B4.mjs → WSConnection-BMXcuW3f.mjs}

@@ -1,4 +1,4 @@
-import { _ as __awaiter } from "./tslib.es6-C-olHjXV.mjs";
+import { _ as __awaiter } from "./tslib.es6-BX2F90pK.mjs";
 
 /**
  * Manage a WebSocket connection with optional unified events, retries, and keep-alive pings.

package/dist/esm/chunks/{localDBStore-Dnpo5nSv.mjs → localDBStore-36E3160Z.mjs}

@@ -1,4 +1,4 @@
-import { _ as __awaiter, a as __rest } from "./tslib.es6-C-olHjXV.mjs";
+import { _ as __awaiter, a as __rest } from "./tslib.es6-BX2F90pK.mjs";
 
 import { useMemo } from "react";
 
@@ -6,7 +6,7 @@ import { create } from "zustand";
 
 import { useShallow } from "zustand/react/shallow";
 
-import { I as IndexedDB } from "./IndexedDB-Dk7a4fPS.mjs";
+import { I as IndexedDB } from "./IndexedDB-DVoDikoA.mjs";
 
 function isValidIDBKey(key) {
     return "string" == typeof key || "number" == typeof key || key instanceof Date || key instanceof ArrayBuffer || (Array.isArray(key) ? key.every(entry => isValidIDBKey(entry)) : ArrayBuffer.isView(key));

package/dist/esm/chunks/{microphoneStore-Dr3lxoWX.mjs → microphoneStore-Cexu82zH.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { _ as __awaiter } from "./tslib.es6-C-olHjXV.mjs";
+import { _ as __awaiter } from "./tslib.es6-BX2F90pK.mjs";
 
 import { useEffect } from "react";
 

package/dist/esm/chunks/{misc-Bjbro8Xe.mjs → misc-CTGTuM2J.mjs}

@@ -1,4 +1,4 @@
-import { _ as __awaiter } from "./tslib.es6-C-olHjXV.mjs";
+import { _ as __awaiter } from "./tslib.es6-BX2F90pK.mjs";
 
 /**
  * Remove scripts, invisible characters, and optional HTML tags from a string.
@@ -21,27 +21,24 @@ import { _ as __awaiter } from "./tslib.es6-C-olHjXV.mjs";
  */ function debug(previous, updated, name = "component") {
     if ("test" === process.env.NODE_ENV) return;
     const props = previous.current.props, mount = previous.current.mount, unmount = previous.current.unmount;
-    if (mount) ; else if (unmount) ; else {
-        (
-        /**
+    return mount || unmount || 
+    /**
  * Build a readable list of prop changes between two prop snapshots.
  */
-        function(props, updated) {
-            const reasons = [];
-            for (const key of Object.keys(updated)) if (updated[key] !== props[key]) try {
-                const propName = `${key}:`, prev = JSON.stringify(props[key]), valueChanged = `${prev} > ${JSON.stringify(updated[key])}`;
-                reasons.push(`${propName} ${valueChanged}`);
-            } catch (error) {
-                let message = "Unknown error";
-                error instanceof Error && (message = error.message), "string" == typeof error && (message = error), 
-                reasons.push(`${key} ${message}`);
-            }
+    function(props, updated) {
+        const reasons = [];
+        for (const key of Object.keys(updated)) if (updated[key] !== props[key]) try {
+            const propName = `${key}:`, prev = JSON.stringify(props[key]), valueChanged = `${prev} > ${JSON.stringify(updated[key])}`;
+            reasons.push(`${propName} ${valueChanged}`);
+        } catch (error) {
+            let message = "Unknown error";
+            error instanceof Error && (message = error.message), "string" == typeof error && (message = error), 
+            reasons.push(`${key} ${message}`);
         }
-        /**
- * Convert a hex color into an RGB string literal.
- */)(props, updated);
     }
-    return {
+    /**
+ * Convert a hex color into an RGB string literal.
+ */ (props, updated), {
         props: updated,
         mount: !1,
         unmount: !1
@@ -90,7 +87,7 @@ const hexToRgb = (hex, opacity) => {
         document.body.appendChild(textArea), textArea.focus(), textArea.select(), document.execCommand("copy"), 
         textArea.remove(), !0;
     } catch (error) {
-        return console.warn("Unable to copy to clipboard:", error), !1;
+        return !1;
     }
 });
 

package/dist/esm/chunks/modalStore-Crg_QmSJ.mjs

@@ -0,0 +1,68 @@
+import { create } from "zustand";
+
+function rejectPendingModal(modal, reason) {
+    var _a;
+    null === (_a = null == modal ? void 0 : modal.reject) || void 0 === _a || _a.call(modal, reason);
+}
+
+const useModalStore = create((set, get) => ({
+    modal: null,
+    actions: {
+        show: modal => {
+            const currentModal = get().modal;
+            currentModal !== modal && (rejectPendingModal(currentModal, new Error("Modal replaced.")), 
+            set({
+                modal: modal ? Object.assign(Object.assign({}, modal), {
+                    resolve: void 0,
+                    reject: void 0
+                }) : null
+            }));
+        },
+        modalResponse: modal => (rejectPendingModal(get().modal, new Error("Modal replaced.")), 
+        new Promise((resolve, reject) => {
+            set({
+                modal: Object.assign(Object.assign({}, modal), {
+                    resolve: value => {
+                        resolve(value), set({
+                            modal: null
+                        });
+                    },
+                    reject: reason => {
+                        reject(reason), set({
+                            modal: null
+                        });
+                    }
+                })
+            });
+        })),
+        hide: reason => {
+            rejectPendingModal(get().modal, null != reason ? reason : new Error("Modal dismissed.")), 
+            set({
+                modal: null
+            });
+        },
+        resolve: value => {
+            var _a;
+            const currentModal = get().modal;
+            null === (_a = null == currentModal ? void 0 : currentModal.resolve) || void 0 === _a || _a.call(currentModal, value), 
+            set({
+                modal: null
+            });
+        },
+        reject: reason => {
+            var _a;
+            const currentModal = get().modal;
+            null === (_a = null == currentModal ? void 0 : currentModal.reject) || void 0 === _a || _a.call(currentModal, reason), 
+            set({
+                modal: null
+            });
+        },
+        clear: () => {
+            rejectPendingModal(get().modal, new Error("Modal cleared.")), set({
+                modal: null
+            });
+        }
+    }
+})), useModal = () => useModalStore(state => state.modal), useModalActions = () => useModalStore(state => state.actions), modalActions = useModalStore.getState().actions, getModal = () => useModalStore.getState().modal;
+
+export { useModalActions as a, useModalStore as b, getModal as g, modalActions as m, useModal as u };

package/dist/esm/chunks/{sseStore-DjrfpNAS.mjs → sseStore-Dow4NXkZ.mjs}

@@ -1,8 +1,8 @@
 import { create } from "zustand";
 
-import "./tslib.es6-C-olHjXV.mjs";
+import "./tslib.es6-BX2F90pK.mjs";
 
-import { S as SSEConnection } from "./SSEConnection-DcA3wFsO.mjs";
+import { S as SSEConnection } from "./SSEConnection-qNnkZUOe.mjs";
 
 const useSSEStore = create((set, get) => ({
     connections: [],

package/dist/esm/chunks/{uploads-worker-7X9EwX9N.mjs → uploads-worker-Dhyp4ot3.mjs}

@@ -1,4 +1,4 @@
-import { _ as __awaiter } from "./tslib.es6-C-olHjXV.mjs";
+import { _ as __awaiter } from "./tslib.es6-BX2F90pK.mjs";
 
 var FileUploadStatus, UploadError, WorkerStatus;
 
@@ -102,7 +102,7 @@ class UploadsWorker {
                     break;
 
                   default:
-                    console.warn(error), upload.error = UploadError.Other;
+                    upload.error = UploadError.Other;
                 }
                 upload.status = FileUploadStatus.failed, this.updateUploadStatus(upload), this.failed.set(upload.id, upload), 
                 this.notifyStatus();

package/dist/esm/chunks/{uploadsStore-B7VECR5Q.mjs → uploadsStore-DT4lFybE.mjs}

@@ -1,6 +1,6 @@
 import { create } from "zustand";
 
-import { W as WorkerStatus } from "./uploads-worker-7X9EwX9N.mjs";
+import { W as WorkerStatus } from "./uploads-worker-Dhyp4ot3.mjs";
 
 let uploadsWorker = null;
 

package/dist/esm/chunks/{volumeStore-GZnCDBMU.mjs → volumeStore-RAxdmQ60.mjs}

@@ -1,4 +1,4 @@
-import { _ as __awaiter } from "./tslib.es6-C-olHjXV.mjs";
+import { _ as __awaiter } from "./tslib.es6-BX2F90pK.mjs";
 
 import { create } from "zustand";
 
@@ -78,9 +78,9 @@ function adjustMediaVolume(media, volume) {
 
 function playFeedbackSound(element, volume) {
     return __awaiter(this, void 0, void 0, function*() {
-        if (Number(volume.toFixed(2)), element) {
+        if (element) {
             !element.paused && !element.ended && element.readyState > 2 && (element.pause(), 
-            element.currentTime = 0), element.volume = Number(volume.toFixed(2)), yield element.play().catch(err => console.warn(err));
+            element.currentTime = 0), element.volume = Number(volume.toFixed(2)), yield element.play().catch(() => null);
         }
     });
 }

package/dist/esm/chunks/{windowStore-CAzx2-QV.mjs → windowStore-C4AZexIa.mjs}

@@ -1,4 +1,4 @@
-import { _ as __awaiter } from "./tslib.es6-C-olHjXV.mjs";
+import { _ as __awaiter } from "./tslib.es6-BX2F90pK.mjs";
 
 import { create } from "zustand";
 

package/dist/esm/components/AudioBubble/index.mjs

@@ -1,6 +1,6 @@
-export { A as AudioBubble } from "../../chunks/AudioBubble-D052QyPH.mjs";
+export { A as AudioBubble } from "../../chunks/AudioBubble-DfrxyTX_.mjs";
 
-import "../../chunks/tslib.es6-C-olHjXV.mjs";
+import "../../chunks/tslib.es6-BX2F90pK.mjs";
 
 import "react/jsx-runtime";
 
@@ -10,8 +10,6 @@ import "../../hooks/useTheme.mjs";
 
 import "../../providers/ThemeProvider.mjs";
 
-import "../../chunks/style-inject.es-D0BjEaN8.mjs";
-
 import "../../theme/themes.mjs";
 
 import "../../theme/colors.mjs";
@@ -26,8 +24,8 @@ import "../../theme/type.mjs";
 
 import "../../hooks/useObserveTheme.mjs";
 
-import "../../chunks/colors-FQ0uNQcW.mjs";
+import "../../chunks/colors-D-qeA9gU.mjs";
 
-import "../../chunks/audioVisualizer-ZgT77nUw.mjs";
+import "../../chunks/audioVisualizer-BUNbarKP.mjs";
 
 import "../../hooks/useWindow.mjs";

package/dist/esm/components/Avatar/index.mjs

@@ -1,11 +1,9 @@
-export { A as Avatar } from "../../chunks/Avatar-Ds6MWC2c.mjs";
+export { A as Avatar } from "../../chunks/Avatar-pA41Pcyl.mjs";
 
-import "../../chunks/tslib.es6-C-olHjXV.mjs";
+import "../../chunks/tslib.es6-BX2F90pK.mjs";
 
 import "react/jsx-runtime";
 
 import "react";
 
-import "../../chunks/misc-Bjbro8Xe.mjs";
-
-import "../../chunks/style-inject.es-D0BjEaN8.mjs";
+import "../../chunks/misc-CTGTuM2J.mjs";

package/dist/esm/components/AvatarGroup/index.mjs

@@ -1,13 +1,11 @@
-export { A as AvatarGroup } from "../../chunks/AvatarGroup-CBGi99eo.mjs";
+export { A as AvatarGroup } from "../../chunks/AvatarGroup-CZBtWjnj.mjs";
 
-import "../../chunks/tslib.es6-C-olHjXV.mjs";
+import "../../chunks/tslib.es6-BX2F90pK.mjs";
 
 import "react/jsx-runtime";
 
 import "react";
 
-import "../../chunks/Avatar-Ds6MWC2c.mjs";
+import "../../chunks/Avatar-pA41Pcyl.mjs";
 
-import "../../chunks/misc-Bjbro8Xe.mjs";
-
-import "../../chunks/style-inject.es-D0BjEaN8.mjs";
+import "../../chunks/misc-CTGTuM2J.mjs";