@apple-pie/slice 0.1.2 → 0.1.4

package/dist/esm/chunks/SSEConnection-Dj9P0SWE.mjs

@@ -0,0 +1,140 @@
+class SSEConnection {
+    /**
+     * Whether the underlying EventSource is currently open.
+     */
+    get connected() {
+        var _a;
+        return (null === (_a = this.sseConnection) || void 0 === _a ? void 0 : _a.readyState) === EventSource.OPEN;
+    }
+    /**
+     * Direct access to the underlying EventSource instance.
+     */    get connection() {
+        return this.sseConnection;
+    }
+    /**
+     * Create an SEE connection instance
+     */    constructor(options) {
+        var _a, _b, _c;
+        this.sseConnection = null, this.customEventHandlers = new Map, this.unifiedOnMessage = !1, 
+        /**
+         * One message received
+         */
+        this.onMessage = event => {
+            const data = this.parseEventData(event.data);
+            this.emitUnifiedMessage({
+                type: "message",
+                data: data,
+                event: event
+            }), this.emitParsedMessage(data), this.shouldCloseFromMessage(event.data, data) && this.closeFromConnectionEvent();
+        }, 
+        /**
+         * On error event
+         */
+        this.onError = event => {
+            var _a;
+            null === (_a = this.onErrorCallback) || void 0 === _a || _a.call(this, event), this.emitUnifiedMessage({
+                type: "error",
+                event: event
+            });
+        }, 
+        /**
+         * On open event
+         */
+        this.onOpen = event => {
+            var _a;
+            null === (_a = this.onOpenCallback) || void 0 === _a || _a.call(this, event), this.emitUnifiedMessage({
+                type: "open",
+                event: event
+            });
+        }, 
+        /**
+         * Close the SSE connection and release resources.
+         */
+        this.close = () => {
+            this.sseConnection && (this.detachAllEventListeners(this.sseConnection), this.sseConnection.close(), 
+            this.sseConnection = null);
+        }, this.url = null !== (_a = null == options ? void 0 : options.url) && void 0 !== _a ? _a : "", 
+        this.options = null !== (_b = null == options ? void 0 : options.options) && void 0 !== _b ? _b : void 0, 
+        this.unifiedOnMessage = null !== (_c = null == options ? void 0 : options.unifiedOnMessage) && void 0 !== _c && _c, 
+        this.onMessageCallback = null == options ? void 0 : options.onMessageCallback, this.onErrorCallback = null == options ? void 0 : options.onErrorCallback, 
+        this.onOpenCallback = null == options ? void 0 : options.onOpenCallback, this.onCloseCallback = null == options ? void 0 : options.onCloseCallback, 
+        this.connectionClose = null == options ? void 0 : options.connectionClose, (null == options ? void 0 : options.customEvents) ? this.customEvents = Array.isArray(null == options ? void 0 : options.customEvents) ? options.customEvents : [ options.customEvents ] : this.customEvents = [], 
+        this.sseConnection = new EventSource(this.url, this.options), this.attachDefaultEventListeners(this.sseConnection), 
+        this.customEvents.length > 0 && this.attachCustomEventListeners(this.customEvents);
+    }
+    /**
+     * Safely parse SSE event data. Falls back to the raw string when the payload is not JSON.
+     */    parseEventData(rawData) {
+        try {
+            return JSON.parse(rawData);
+        } catch (_a) {
+            return rawData;
+        }
+    }
+    /**
+     * Attach default SEE events
+     */    attachDefaultEventListeners(connection) {
+        connection.addEventListener("message", this.onMessage), connection.addEventListener("error", this.onError), 
+        connection.addEventListener("open", this.onOpen);
+    }
+    emitParsedMessage(data) {
+        var _a;
+        this.unifiedOnMessage || null === (_a = this.onMessageCallback) || void 0 === _a || _a.call(this, data);
+    }
+    emitUnifiedMessage(message) {
+        var _a;
+        this.unifiedOnMessage && (null === (_a = this.onMessageCallback) || void 0 === _a || _a.call(this, message));
+    }
+    emitCloseEvent(event) {
+        var _a;
+        null === (_a = this.onCloseCallback) || void 0 === _a || _a.call(this, event), this.emitUnifiedMessage({
+            type: "close",
+            event: event
+        });
+    }
+    closeFromConnectionEvent() {
+        const closeEvent = new Event("close");
+        this.emitCloseEvent(closeEvent), this.close();
+    }
+    shouldCloseFromMessage(rawData, data) {
+        var _a;
+        return !!(null === (_a = this.connectionClose) || void 0 === _a ? void 0 : _a.message) && (rawData === this.connectionClose.message || data === this.connectionClose.message);
+    }
+    emitUnifiedCustomMessage(customEvent, data, event) {
+        this.emitUnifiedMessage({
+            type: customEvent.name,
+            data: data,
+            event: event
+        });
+    }
+    /**
+     * Attach custom event listeners to the SSE connection
+     */    attachCustomEventListener(customEvent) {
+        var _a;
+        if (!this.sseConnection) return;
+        const handler = eventInfo => {
+            var _a, _b;
+            const data = this.parseEventData(eventInfo.data);
+            null === (_a = customEvent.handler) || void 0 === _a || _a.call(customEvent, data), 
+            this.emitUnifiedCustomMessage(customEvent, data, eventInfo), (null === (_b = this.connectionClose) || void 0 === _b ? void 0 : _b.event) === customEvent.name && this.closeFromConnectionEvent();
+        }, currentHandlers = null !== (_a = this.customEventHandlers.get(customEvent.name)) && void 0 !== _a ? _a : [];
+        currentHandlers.push(handler), this.customEventHandlers.set(customEvent.name, currentHandlers), 
+        this.sseConnection.addEventListener(customEvent.name, handler);
+    }
+    /**
+     * Attach custom event listeners to the SSE connection
+     */    attachCustomEventListeners(customEvents) {
+        const events = Array.isArray(customEvents) ? customEvents : [ customEvents ];
+        for (const event of events) this.attachCustomEventListener(event);
+    }
+    /**
+     * Clean up listeners
+     */    detachAllEventListeners(connection) {
+        connection.removeEventListener("message", this.onMessage), connection.removeEventListener("error", this.onError), 
+        connection.removeEventListener("open", this.onOpen);
+        for (const [eventName, handlers] of this.customEventHandlers.entries()) for (const handler of handlers) connection.removeEventListener(eventName, handler);
+        this.customEventHandlers.clear();
+    }
+}
+
+export { SSEConnection as S };

package/dist/esm/chunks/{Slider-D2XVyi2g.mjs → Slider-Bih21QiT.mjs}

@@ -6,7 +6,7 @@ import React, { useRef, useMemo, useCallback, useEffect } from "react";
 
 import { useObserveResize } from "../hooks/useObserveResize.mjs";
 
-import { p as pointerPosition } from "./misc-Osk7tIah.mjs";
+import { p as pointerPosition } from "./misc-cg9I7drO.mjs";
 
 import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
 

package/dist/esm/chunks/{TabBar-BqajqueL.mjs → TabBar-CDDzA_m1.mjs}

@@ -12,9 +12,9 @@ import "../hooks/useWindow.mjs";
 
 import { B as Badge } from "./Badge-DyICxZP2.mjs";
 
-import { I as Icon } from "./_types-DGDKmYIh.mjs";
+import { I as Icon } from "./_types-CTmvSEX0.mjs";
 
-import { I as IconButton } from "./IconButton-SyRu990z.mjs";
+import { I as IconButton } from "./IconButton-C8RBNFzh.mjs";
 
 import { T as ToolTipType } from "./sharedTypes-tn9-uJvb.mjs";
 

package/dist/esm/chunks/{TextArea-C5EbLAN1.mjs → TextArea-DBmM6aQm.mjs}

@@ -4,7 +4,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 
 import React, { useState, useRef, useCallback, useEffect, useMemo } from "react";
 
-import { B as Button } from "./Button-1MgE-kl9.mjs";
+import { B as Button } from "./Button-kXFJmcKv.mjs";
 
 import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
 

package/dist/esm/chunks/{TextField-DnQxDxus.mjs → TextField-DyUTMegV.mjs}

@@ -12,11 +12,11 @@ import "../theme/colors.mjs";
 
 import "../hooks/useWindow.mjs";
 
-import { B as Button } from "./Button-1MgE-kl9.mjs";
+import { B as Button } from "./Button-kXFJmcKv.mjs";
 
-import { I as Icon } from "./_types-DGDKmYIh.mjs";
+import { I as Icon } from "./_types-CTmvSEX0.mjs";
 
-import { I as IconButton } from "./IconButton-SyRu990z.mjs";
+import { I as IconButton } from "./IconButton-C8RBNFzh.mjs";
 
 import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
 
@@ -66,7 +66,7 @@ const MOTION_CONFIG = {
         error: "var(--feedback-warning)",
         placeholder: "var(--core-text-disabled)",
         disabled: "var(--core-text-disabled)",
-        label: "var(--core-text-tertiary)"
+        label: "var(--core-text-primary)"
     }, iconLeft: iconLeft = null, clearButton: clearButton = {
         size: 20
     }, clearBlurs: clearBlurs = !1, disabled: disabled = !1, inputType: inputType = "text"} = props, divAttributes = __rest(props, [ "name", "value", "label", "labelSize", "textSize", "placeholder", "focused", "onSubmit", "onChange", "onBlur", "onFocus", "onKeydown", "onAction", "onPaste", "onClear", "onValidate", "actionButton", "maxLength", "size", "padding", "borderRadius", "editable", "textAlign", "isValid", "inline", "noShow", "borderType", "validate", "borderColor", "backgroundColor", "color", "iconLeft", "clearButton", "clearBlurs", "disabled", "inputType" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", input = useRef(null), [text, setText] = useState(value), [isFocused, setIsFocused] = useState(focused), [valid, setValid] = useState(isValid), [show, setShow] = useState(!1);
@@ -85,17 +85,19 @@ const MOTION_CONFIG = {
         (null == input ? void 0 : input.current) && (clearBlurs || input.current.focus(), 
         setText(""), textIsValid("")), onChange(""), onClear();
     }, [ clearBlurs, onChange, onClear, textIsValid ]), handleValueChange = useCallback(newValue => {
-        setText(newValue), onChange(newValue), valid || textIsValid(text);
-    }, [ onChange, textIsValid, text, valid ]), handleBlur = useCallback(() => {
-        textIsValid(text), setIsFocused(!1), onBlur(text);
-    }, [ text, onBlur, textIsValid ]), handleKeyDown = useCallback(e => {
+        disabled || (setText(newValue), onChange(newValue), valid || textIsValid(text));
+    }, [ onChange, textIsValid, text, valid, disabled ]), handleBlur = useCallback(() => {
+        disabled || (textIsValid(text), setIsFocused(!1), onBlur(text));
+    }, [ text, onBlur, textIsValid, disabled ]), handleKeyDown = useCallback(e => {
         var _a;
-        if ("Enter" === e.key && (handleBlur(), onSubmit(text), null === (_a = input.current) || void 0 === _a || _a.blur()), 
-        disabled) return e.preventDefault(), !0;
-        onKeydown(e.key, e);
+        if (!disabled) {
+            if ("Enter" === e.key && (handleBlur(), onSubmit(text), null === (_a = input.current) || void 0 === _a || _a.blur()), 
+            disabled) return e.preventDefault(), !0;
+            onKeydown(e.key, e);
+        }
     }, [ text, disabled, onSubmit, onKeydown, handleBlur ]), handleFocus = useCallback(() => {
-        setIsFocused(!0), onFocus(text);
-    }, [ text, onFocus ]), toggleShow = useCallback(() => {
+        disabled || (setIsFocused(!0), onFocus(text));
+    }, [ text, onFocus, disabled ]), toggleShow = useCallback(() => {
         setShow(prev => !prev);
     }, []), iconContainerStyle = useMemo(() => iconLeft ? {
         width: iconLeft.size,
@@ -113,7 +115,7 @@ const MOTION_CONFIG = {
         var _a, _b, _c;
         return validate && !valid ? null !== (_a = color.error) && void 0 !== _a ? _a : "var(--core-text-primary)" : isFocused ? null !== (_b = color.focused) && void 0 !== _b ? _b : "var(--core-text-primary)" : null !== (_c = color.blurred) && void 0 !== _c ? _c : "var(--core-text-primary)";
     }, [ isFocused, valid, color, validate ]), setTextAlign = useMemo(() => null != textAlign ? textAlign : "left", [ textAlign ]), setShowOpacity = useMemo(() => "password" !== inputType ? "0" : isFocused ? "1" : "0.5", [ inputType, isFocused ]), cssVars = useMemo(() => {
-        var _a, _b;
+        var _a;
         return {
             "--tf-width": setStyleValue(size.width),
             "--tf-height": setStyleValue(size.height),
@@ -123,12 +125,12 @@ const MOTION_CONFIG = {
             "--tf-bg-color": setBackgroundColor,
             "--tf-box-shadow": setBoxShadow,
             "--tf-color": textColor,
-            "--tf-label-color": null !== (_a = color.label) && void 0 !== _a ? _a : "var(--core-text-disabled)",
+            "--tf-label-color": disabled ? "var(--core-text-disabled)" : color.label,
             "--tf-text-align": setTextAlign,
             "--tf-show-opacity": setShowOpacity,
-            "--tf-placeholder-color": null !== (_b = color.placeholder) && void 0 !== _b ? _b : "var(--core-text-disabled)"
+            "--tf-placeholder-color": null !== (_a = color.placeholder) && void 0 !== _a ? _a : "var(--core-text-disabled)"
         };
-    }, [ size, padding, label, borderRadius, setStyleValue, setBackgroundColor, setBoxShadow, textColor, setTextAlign, setShowOpacity, color ]);
+    }, [ size, padding, label, borderRadius, setStyleValue, setBackgroundColor, setBoxShadow, textColor, setTextAlign, setShowOpacity, color, disabled ]);
     return jsxs("div", Object.assign({
         id: divId,
         className: `${css.wrapper}${divClass}`,
@@ -163,7 +165,7 @@ const MOTION_CONFIG = {
                 onFocus: handleFocus,
                 onBlur: handleBlur,
                 onMouseDown: e => e.stopPropagation(),
-                disabled: !editable,
+                disabled: !editable || disabled,
                 maxLength: maxLength
             }), jsx(AnimatePresence, {
                 initial: !1,

package/dist/esm/chunks/{Tip-B64Pa9eq.mjs → Tip-B-cDOFvV.mjs}

@@ -6,7 +6,7 @@ import { motion } from "motion/react";
 
 import React, { useState, useRef, useEffect, useMemo } from "react";
 
-import { f as filterClasses } from "./misc-Osk7tIah.mjs";
+import { f as filterClasses } from "./misc-cg9I7drO.mjs";
 
 import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
 

package/dist/esm/chunks/{Toast-B3GgzcTW.mjs → Toast-ovxR12_-.mjs}

@@ -12,9 +12,9 @@ import "../theme/colors.mjs";
 
 import "../hooks/useWindow.mjs";
 
-import { s as setStyle, f as filterClasses, a as accessibleKeyDown } from "./misc-Osk7tIah.mjs";
+import { s as setStyle, f as filterClasses, a as accessibleKeyDown } from "./misc-cg9I7drO.mjs";
 
-import { I as Icon } from "./_types-DGDKmYIh.mjs";
+import { I as Icon } from "./_types-CTmvSEX0.mjs";
 
 import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
 

package/dist/esm/chunks/{UploadArea-DpWT-5DA.mjs → UploadArea-tT5V8q23.mjs}

@@ -2,15 +2,15 @@ import { jsxs, jsx } from "react/jsx-runtime";
 
 import React, { useState, useRef, useCallback, useMemo } from "react";
 
-import { s as setStyle, a as accessibleKeyDown } from "./misc-Osk7tIah.mjs";
+import { s as setStyle, a as accessibleKeyDown } from "./misc-cg9I7drO.mjs";
 
-import { I as Icon } from "./_types-DGDKmYIh.mjs";
+import { I as Icon } from "./_types-CTmvSEX0.mjs";
 
-import { P as ProgressIndicator } from "./ProgressIndicator-BayyosKr.mjs";
+import { P as ProgressIndicator } from "./ProgressIndicator-D2eairZl.mjs";
 
 import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
 
-import { F as FileList } from "./FileList-hCMTALyN.mjs";
+import { F as FileList } from "./FileList-Bon537-t.mjs";
 
 var css = {
     wrapper: "UploadArea-module_wrapper__aircC flexBox-module_column__ezvMq",

package/dist/esm/chunks/WSConnection-DlYSitff.mjs

@@ -0,0 +1,206 @@
+import { a as __awaiter } from "./tslib.es6-c-7TIv71.mjs";
+
+class WSConnection {
+    get connected() {
+        var _a;
+        return (null === (_a = this.socket) || void 0 === _a ? void 0 : _a.readyState) === WebSocket.OPEN;
+    }
+    get connection() {
+        return this.socket;
+    }
+    constructor(options) {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        if (this.socket = null, this.keepAliveTimer = null, this.reconnectIntervalTimer = null, 
+        this.reconnectAttemptsCount = 0, this.manuallyClosed = !1, 
+        /**
+         * Open handler
+         */
+        this.onOpen = event => __awaiter(this, void 0, void 0, function*() {
+            var _a;
+            if (this.clearReconnectTimer(), this.reconnectAttemptsCount = 0, this.manuallyClosed = !1, 
+            null === (_a = this.onOpenCallback) || void 0 === _a || _a.call(this, event), this.emitUnifiedMessage({
+                type: "open",
+                event: event
+            }), this.token) try {
+                const token = "string" == typeof this.token ? this.token : yield this.token();
+                if (!token) return void this.closeSocket({
+                    code: 1e3,
+                    reason: "Access token not provided"
+                });
+                this.send({
+                    token: token
+                });
+            } catch (error) {
+                const errorEvent = new ErrorEvent("token error", {
+                    message: "Failed to resolve access token",
+                    error: error
+                });
+                return this.emitErrorEvent(errorEvent), void this.closeSocket({
+                    code: 1011,
+                    reason: "Access token resolution failed"
+                });
+            }
+            this.keepAlive && this.setKeepAlive();
+        }), 
+        /**
+         * Message handler
+         */
+        this.onMessage = event => {
+            const data = this.parseEventData(event.data);
+            void 0 !== data && (this.emitParsedMessage(data), this.emitUnifiedMessage({
+                type: "message",
+                data: data,
+                event: event
+            }));
+        }, 
+        /**
+         * Close handler with the reconnection logic as needed
+         */
+        this.onClose = event => {
+            var _a;
+            null === (_a = this.onCloseCallback) || void 0 === _a || _a.call(this, event), this.emitUnifiedMessage({
+                type: "close",
+                event: event
+            }), this.closeSocket(event), this.shouldReconnect(event) && this.reconnect();
+        }, 
+        /**
+         * Error handler
+         */
+        this.onError = event => {
+            const error = event instanceof ErrorEvent ? event : new ErrorEvent("websocket error", {
+                message: "WebSocket connection error"
+            });
+            this.emitErrorEvent(error);
+        }, this.url = options.url, this.autoReconnect = null === (_a = options.autoReconnect) || void 0 === _a || _a, 
+        this.reconnectInterval = null !== (_b = options.reconnectInterval) && void 0 !== _b ? _b : 1e3, 
+        this.reconnectAttempts = null !== (_c = options.reconnectAttempts) && void 0 !== _c ? _c : 5, 
+        this.reconnectFalloff = null === (_d = options.reconnectFalloff) || void 0 === _d || _d, 
+        this.keepAlive = null === (_e = options.keepAlive) || void 0 === _e || _e, this.keepAliveInterval = null !== (_f = options.keepAliveInterval) && void 0 !== _f ? _f : 3e4, 
+        this.unifiedMessages = null !== (_g = options.unifiedMessages) && void 0 !== _g && _g, 
+        this.token = null !== (_h = options.token) && void 0 !== _h ? _h : "", this.onMessageCallback = options.onMessageCallback, 
+        this.onOpenCallback = options.onOpenCallback, this.onCloseCallback = options.onCloseCallback, 
+        this.onErrorCallback = options.onErrorCallback, "undefined" == typeof WebSocket) throw new TypeError("WebSocket is not supported in this environment.");
+        this.connect();
+    }
+    /**
+     * Gracefully handle sending messages
+     */    send(message) {
+        var _a;
+        const data = "string" == typeof message ? message : JSON.stringify(message);
+        null === (_a = this.socket) || void 0 === _a || _a.send(data);
+    }
+    /**
+     * Gracefully expose socket close
+     */    close(closeEvent) {
+        this.manuallyClosed = !0, this.clearReconnectTimer(), this.reconnectAttemptsCount = 0, 
+        this.closeSocket(closeEvent);
+    }
+    /**
+     * Emit the parsed message content for standard mode
+     */    emitParsedMessage(data) {
+        if (this.unifiedMessages) return;
+        const callback = this.onMessageCallback;
+        null == callback || callback(data);
+    }
+    /**
+     * Emit a unified message if the unified flag is on
+     */    emitUnifiedMessage(message) {
+        if (!this.unifiedMessages) return;
+        const callback = this.onMessageCallback;
+        null == callback || callback(message);
+    }
+    /**
+     * Emit error
+     */    emitErrorEvent(error) {
+        var _a;
+        null === (_a = this.onErrorCallback) || void 0 === _a || _a.call(this, error), this.emitUnifiedMessage({
+            type: "error",
+            event: error
+        });
+    }
+    /**
+     * Safe JSON parse message content
+     */    parseEventData(rawData) {
+        if (rawData instanceof Blob || rawData instanceof ArrayBuffer || "string" == typeof rawData) {
+            if ("string" != typeof rawData) return rawData;
+            try {
+                return JSON.parse(rawData);
+            } catch (_a) {
+                return rawData;
+            }
+        }
+        this.emitErrorEvent(new ErrorEvent("parse error", {
+            message: "Unsupported websocket message data format"
+        }));
+    }
+    /**
+     * Attach socket listeners
+     */    attachEventListeners() {
+        this.socket && (this.socket.addEventListener("open", this.onOpen), this.socket.addEventListener("message", this.onMessage), 
+        this.socket.addEventListener("close", this.onClose), this.socket.addEventListener("error", this.onError));
+    }
+    /**
+     * set keep alive pings
+     */    setKeepAlive() {
+        this.socket && this.keepAlive && (this.keepAliveTimer && clearInterval(this.keepAliveTimer), 
+        this.keepAliveTimer = setInterval(() => {
+            var _a;
+            (null === (_a = this.socket) || void 0 === _a ? void 0 : _a.readyState) === WebSocket.OPEN && this.socket.send("ping");
+        }, this.keepAliveInterval));
+    }
+    /**
+     * Clear keep alive pings
+     */    clearKeepAliveTimer() {
+        this.keepAliveTimer && (clearInterval(this.keepAliveTimer), this.keepAliveTimer = null);
+    }
+    /**
+     * Clear reconnect timer
+     */    clearReconnectTimer() {
+        this.reconnectIntervalTimer && (clearTimeout(this.reconnectIntervalTimer), this.reconnectIntervalTimer = null);
+    }
+    /**
+     * detach all event listeners
+     */    detachEventListeners() {
+        this.socket && (this.socket.removeEventListener("open", this.onOpen), this.socket.removeEventListener("message", this.onMessage), 
+        this.socket.removeEventListener("close", this.onClose), this.socket.removeEventListener("error", this.onError));
+    }
+    /**
+     * Connect the socket
+     */    connect() {
+        var _a, _b;
+        (null === (_a = this.socket) || void 0 === _a ? void 0 : _a.readyState) !== WebSocket.OPEN && (null === (_b = this.socket) || void 0 === _b ? void 0 : _b.readyState) !== WebSocket.CONNECTING && (this.socket = new WebSocket(this.url), 
+        this.attachEventListeners());
+    }
+    /**
+     * Reconnect logic
+     */    reconnect() {
+        if (!this.autoReconnect || this.manuallyClosed) return;
+        if (this.reconnectIntervalTimer) return;
+        const nextAttempt = this.reconnectAttemptsCount + 1;
+        if (nextAttempt > this.reconnectAttempts) return;
+        this.reconnectAttemptsCount = nextAttempt;
+        const delay = this.getReconnectDelay(nextAttempt);
+        this.reconnectIntervalTimer = setTimeout(() => {
+            this.reconnectIntervalTimer = null, this.manuallyClosed || this.connect();
+        }, delay);
+    }
+    /**
+     * Calculate reconnect delay with fall off
+     */    getReconnectDelay(attempt) {
+        return this.reconnectFalloff ? this.reconnectInterval * Math.pow(2, attempt - 1) : this.reconnectInterval;
+    }
+    /**
+     * Determine if should reconnect based on the close event and props
+     */    shouldReconnect(event) {
+        var _a, _b;
+        return (null === (_a = this.socket) || void 0 === _a ? void 0 : _a.readyState) !== WebSocket.CONNECTING && (null === (_b = this.socket) || void 0 === _b ? void 0 : _b.readyState) !== WebSocket.OPEN && (this.autoReconnect && !this.manuallyClosed && !event.wasClean);
+    }
+    /**
+     * Internal close socket - does not reset retry logic
+     */    closeSocket(closeEvent) {
+        this.socket && (this.clearKeepAliveTimer(), this.detachEventListeners(), this.socket.readyState !== WebSocket.CLOSED && this.socket.readyState !== WebSocket.CLOSING && this.socket.close(closeEvent.code || 1e3, closeEvent.reason || "Clean shutdown"), 
+        this.socket = null, this.keepAliveTimer = null);
+    }
+}
+
+export { WSConnection as W };

package/dist/esm/chunks/{_types-DGDKmYIh.mjs → _types-CTmvSEX0.mjs}

@@ -10,7 +10,7 @@ import "../theme/colors.mjs";
 
 import "../hooks/useWindow.mjs";
 
-import { a as accessibleKeyDown } from "./misc-Osk7tIah.mjs";
+import { a as accessibleKeyDown } from "./misc-cg9I7drO.mjs";
 
 import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
 
@@ -22,14 +22,27 @@ styleInject(".Icon-module_icon__szG-X {\n\tcursor: var(--cursor);\n\tuser-select
  * Static icon registry created once at module load.
  * Each entry stores only icon line content renderers.
  */
-const STATIC_ICON_REGISTRY = new Map([ [ "video", {
+const STATIC_ICON_REGISTRY = new Map([ [ "video off", {
     line: ({strokeColor: strokeColor}) => jsxs(Fragment, {
         children: [ jsx("path", {
-            d: "M17.47,5.52c-.23,0-.46.07-.66.21l-2.82,2.07v-2.68c0-.89-.72-1.62-1.62-1.62H3.12c-.89,0-1.62.72-1.62,1.62v9.77c0,.89.72,1.62,1.62,1.62h9.27c.89,0,1.62-.72,1.62-1.62v-2.68l2.82,2.07c.2.15.43.21.66.21.53,0,1.03-.35,1.03-.88v-7.2c0-.52-.5-.88-1.03-.88ZM12.5,14.88c0,.06-.05.12-.12.12H3.12c-.06,0-.12-.05-.12-.12V5.12c0-.06.05-.12.12-.12h9.27c.06,0,.12.05.12.12v9.77ZM17,12.54l-2.25-1.65v-1.78l2.25-1.65v5.08Z",
+            d: "M10.97,14.75H3.04c-.16,0-.29-.11-.29-.25v-6.79l-1.5-1.29v8.08c0,.96.8,1.75,1.79,1.75h9.68l-1.75-1.5Z",
+            fill: strokeColor
+        }), jsx("path", {
+            d: "M18.39,5.86c-.23-.13-.51-.14-.74-.02l-2.9,1.55v-1.38c0-.97-.81-1.76-1.8-1.76H4.87l1.75,1.5h6.33c.17,0,.3.12.3.26v5.43l2.7,2.32,1.69.91c.11.06.23.09.35.09.13,0,.27-.04.39-.11.23-.14.36-.38.36-.64v-7.5c0-.26-.14-.51-.36-.64ZM17.25,12.75l-2.5-1.34v-2.32l2.5-1.34v4.99Z",
+            fill: strokeColor
+        }), jsx("path", {
+            d: "M15.21,16.5c-.17,0-.35-.06-.49-.18L1.3,4.82c-.31-.27-.35-.74-.08-1.06.27-.31.74-.35,1.06-.08l13.42,11.5c.31.27.35.74.08,1.06-.15.17-.36.26-.57.26Z",
+            fill: strokeColor
+        }) ]
+    })
+} ], [ "video", {
+    line: ({strokeColor: strokeColor}) => jsxs(Fragment, {
+        children: [ jsx("path", {
+            d: "M18.39,5.86c-.23-.13-.51-.14-.74-.02l-2.9,1.55v-1.38c0-.97-.81-1.76-1.8-1.76H3.04c-.99,0-1.79.79-1.79,1.75v8.5c0,.96.8,1.75,1.79,1.75h9.91c.99,0,1.79-.79,1.79-1.75v-1.39l2.9,1.55c.11.06.23.09.35.09.13,0,.27-.04.39-.11.23-.14.36-.38.36-.64v-7.5c0-.26-.14-.51-.36-.64ZM13.25,14.5c0,.14-.13.25-.29.25H3.04c-.16,0-.29-.11-.29-.25V6c0-.14.13-.25.29-.25h9.91c.17,0,.3.12.3.26v8.49ZM17.25,12.75l-2.5-1.34v-2.32l2.5-1.34v4.99Z",
             fill: strokeColor
         }), jsx("circle", {
-            cx: "9",
-            cy: "8",
+            cx: "8",
+            cy: "10.25",
             r: "1",
             fill: strokeColor
         }) ]
@@ -37,49 +50,43 @@ const STATIC_ICON_REGISTRY = new Map([ [ "video", {
 } ], [ "mic", {
     line: ({strokeColor: strokeColor}) => jsxs(Fragment, {
         children: [ jsx("path", {
-            d: "M11,11.75h-1.5c-1.24,0-2.25-1.01-2.25-2.25V3.5c0-1.24,1.01-2.25,2.25-2.25h1.5c1.24,0,2.25,1.01,2.25,2.25v6c0,1.24-1.01,2.25-2.25,2.25ZM9.5,2.75c-.41,0-.75.34-.75.75v6c0,.41.34.75.75.75h1.5c.41,0,.75-.34.75-.75V3.5c0-.41-.34-.75-.75-.75h-1.5Z",
+            d: "M10.25,11.75c1.65,0,3-1.35,3-3v-4.5c0-1.65-1.35-3-3-3s-3,1.35-3,3v4.5c0,1.65,1.35,3,3,3ZM8.75,4.25c0-.83.67-1.5,1.5-1.5s1.5.67,1.5,1.5v4.5c0,.83-.67,1.5-1.5,1.5s-1.5-.67-1.5-1.5v-4.5Z",
             fill: strokeColor
         }), jsx("path", {
-            d: "M12,14.5c2.34,0,4.25-1.91,4.25-4.25v-3c0-.41-.34-.75-.75-.75s-.75.34-.75.75v3c0,1.52-1.23,2.75-2.75,2.75h-3.5c-1.52,0-2.75-1.23-2.75-2.75v-3c0-.41-.34-.75-.75-.75s-.75.34-.75.75v3c0,2.34,1.91,4.25,4.25,4.25h1.06v2.75h-3.59c-.41,0-.75.34-.75.75s.34.75.75.75h8.48c.41,0,.75-.34.75-.75s-.34-.75-.75-.75h-3.39v-2.75h.94Z",
+            d: "M14.75,7.25v1.25c0,2.48-2.02,4.5-4.5,4.5s-4.5-2.02-4.5-4.5v-1.25h-1.5v1.25c0,3.08,2.33,5.62,5.31,5.96v2.79h-3.59v1.5h8.48v-1.5h-3.39v-2.81c2.92-.4,5.19-2.91,5.19-5.94v-1.25h-1.5Z",
             fill: strokeColor
         }) ]
     })
 } ], [ "mic muted", {
-    line: ({strokeColor: strokeColor, stroke: stroke}) => jsxs(Fragment, {
+    line: ({strokeColor: strokeColor}) => jsxs(Fragment, {
         children: [ jsx("path", {
-            d: "M14.46,17.25h-3.39v-2.75h.94c.42,0,.81-.08,1.19-.19l-1.31-1.31h-3.38c-1.52,0-2.75-1.23-2.75-2.75v-3c0-.41-.34-.75-.75-.75s-.75.34-.75.75v3c0,2.34,1.91,4.25,4.25,4.25h1.06v2.75h-3.59c-.41,0-.75.34-.75.75s.34.75.75.75h8.48c.41,0,.75-.34.75-.75s-.34-.75-.75-.75Z",
+            d: "M8.78,3.95c.14-.68.74-1.2,1.47-1.2.83,0,1.5.67,1.5,1.5v2.67l1.5,1.5v-4.17c0-1.65-1.35-3-3-3-1.13,0-2.1.63-2.61,1.56l1.14,1.14Z",
             fill: strokeColor
         }), jsx("path", {
-            d: "M15.6,12.48c.4-.65.65-1.41.65-2.23v-3c0-.41-.34-.75-.75-.75s-.75.34-.75.75v3c0,.4-.09.78-.25,1.13l1.1,1.1Z",
+            d: "M7.25,8.08v.67c0,1.65,1.35,3,3,3,.21,0,.41-.02.61-.06l-3.61-3.61Z",
             fill: strokeColor
         }), jsx("path", {
-            d: "M8.75,5.63v-2.13c0-.41.34-.75.75-.75h1.5c.41,0,.75.34.75.75v5.13l1.42,1.42c.05-.18.08-.36.08-.55V3.5c0-1.24-1.01-2.25-2.25-2.25h-1.5c-1.24,0-2.25,1.01-2.25,2.25v.63l1.5,1.5Z",
+            d: "M14.75,7.25v1.25c0,.43-.08.84-.19,1.23l1.17,1.17c.33-.74.52-1.54.52-2.4v-1.25h-1.5Z",
             fill: strokeColor
         }), jsx("path", {
-            d: "M7.25,8.37v1.13c0,1.24,1.01,2.25,2.25,2.25h1.13l-3.38-3.38Z",
+            d: "M11.06,14.44c.69-.09,1.33-.31,1.93-.62l-1.13-1.13c-.5.19-1.04.31-1.61.31-2.48,0-4.5-2.02-4.5-4.5v-1.25h-1.5v1.25c0,3.08,2.33,5.62,5.31,5.96v2.79h-3.59v1.5h8.48v-1.5h-3.39v-2.81Z",
+            fill: strokeColor
+        }), jsx("path", {
+            d: "M16.75,15.5c-.19,0-.38-.07-.53-.22L3.72,2.78c-.29-.29-.29-.77,0-1.06s.77-.29,1.06,0l12.5,12.5c.29.29.29.77,0,1.06-.15.15-.34.22-.53.22Z",
             fill: strokeColor
-        }), jsx("line", {
-            x1: "3.5",
-            y1: "2.5",
-            x2: "16",
-            y2: "15",
-            stroke: strokeColor,
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            strokeWidth: stroke
         }) ]
     })
 } ], [ "camera", {
     line: ({strokeColor: strokeColor}) => jsxs(Fragment, {
         children: [ jsx("path", {
-            d: "M16.85,4c.35,0,.65.31.65.68v10.68c0,.36-.28.65-.62.65H3.13c-.34,0-.62-.29-.62-.64V4.65c0-.24.11-.39.18-.46.07-.07.21-.18.43-.18h13.73M16.85,2.5H3.12c-1.17,0-2.12.96-2.12,2.15v10.71c0,1.18.96,2.14,2.13,2.14h13.75c1.17,0,2.12-.96,2.12-2.15V4.68c0-1.2-.97-2.18-2.15-2.18h0Z",
+            d: "M16.75,16.25H3.25c-.96,0-1.75-.79-1.75-1.75V5.5c0-.96.79-1.75,1.75-1.75h13.5c.96,0,1.75.79,1.75,1.75v9c0,.96-.79,1.75-1.75,1.75ZM3.25,5.25c-.14,0-.25.11-.25.25v9c0,.14.11.25.25.25h13.5c.14,0,.25-.11.25-.25V5.5c0-.14-.11-.25-.25-.25H3.25Z",
             fill: strokeColor
         }), jsx("path", {
-            d: "M10,8c1.52,0,2.75,1.23,2.75,2.75s-1.23,2.75-2.75,2.75-2.75-1.23-2.75-2.75,1.23-2.75,2.75-2.75M10,7c-2.07,0-3.75,1.68-3.75,3.75s1.68,3.75,3.75,3.75,3.75-1.68,3.75-3.75-1.68-3.75-3.75-3.75h0Z",
+            d: "M11.94,13.75c-2.03,0-3.69-1.65-3.69-3.69s1.65-3.69,3.69-3.69,3.69,1.65,3.69,3.69-1.65,3.69-3.69,3.69ZM11.94,7.88c-1.21,0-2.19.98-2.19,2.19s.98,2.19,2.19,2.19,2.19-.98,2.19-2.19-.98-2.19-2.19-2.19Z",
             fill: strokeColor
         }), jsx("circle", {
-            cx: "15",
-            cy: "6.5",
+            cx: "6",
+            cy: "8",
             r: "1",
             fill: strokeColor
         }) ]
@@ -1040,10 +1047,10 @@ var IconNames;
 
 Icon.displayName = "Icon", function(IconNames) {
     IconNames.video = "video", IconNames.mic = "mic", IconNames.micMuted = "mic muted", 
-    IconNames.camera = "camera", IconNames.home = "home", IconNames.inbox = "inbox", 
-    IconNames.sparkle = "sparkle", IconNames.people = "people", IconNames.wallet = "wallet", 
-    IconNames.invoice = "invoice", IconNames.payment = "payment", IconNames.heart = "heart", 
-    IconNames.clock = "clock", IconNames.book = "book", IconNames.search = "search", 
+    IconNames.camera = "camera", IconNames.videoOff = "video off", IconNames.home = "home", 
+    IconNames.inbox = "inbox", IconNames.sparkle = "sparkle", IconNames.people = "people", 
+    IconNames.wallet = "wallet", IconNames.invoice = "invoice", IconNames.payment = "payment", 
+    IconNames.heart = "heart", IconNames.clock = "clock", IconNames.book = "book", IconNames.search = "search", 
     IconNames.filter = "filter", IconNames.more = "more", IconNames.checkbox = "checkbox", 
     IconNames.checkboxChecked = "checkbox checked", IconNames.checkboxPartial = "checkbox partial", 
     IconNames.chevronDown = "chevron down", IconNames.chevronUp = "chevron up", IconNames.plus = "plus",