@apple-pie/slice 0.1.52 → 0.1.53

package/dist/cjs/stores/LocalDB.js

@@ -1,9 +1,9 @@
 "use strict";
 
-var localDBStore = require("../chunks/localDBStore-DO3FanPt.js");
+var localDBStore = require("../chunks/localDBStore-DhruyXfz.js");
 
-require("../chunks/tslib.es6-CTGrDO27.js"), require("react"), require("zustand"), 
-require("zustand/react/shallow"), require("../chunks/IndexedDB-DFVmvrQg.js"), require("../chunks/broadcastChannel-B0l8OE4I.js"), 
+require("../chunks/tslib.es6-Y3RzGMQw.js"), require("react"), require("zustand"), 
+require("zustand/react/shallow"), require("../chunks/IndexedDB-D7TVb0pF.js"), require("../chunks/broadcastChannel-CRR59lw6.js"), 
 exports.localDBActions = localDBStore.localDBActions, exports.useLocalDB = localDBStore.useLocalDB, 
 exports.useLocalDBError = localDBStore.useLocalDBError, exports.useLocalDBStore = localDBStore.useLocalDBStore, 
 exports.useLocalDBValues = localDBStore.useLocalDBValues, exports.useManageLocalDB = localDBStore.useManageLocalDB;

package/dist/cjs/stores/SSE.js

@@ -1,9 +1,9 @@
 "use strict";
 
-var sseStore = require("../chunks/sseStore-C_INE2Dq.js");
+var sseStore = require("../chunks/sseStore-DaJgRKej.js");
 
-require("zustand"), require("../chunks/tslib.es6-CTGrDO27.js"), require("../chunks/SSEConnection-C0XhTcpi.js"), 
-require("../chunks/broadcastChannel-B0l8OE4I.js"), exports.useConnectionClose = sseStore.useConnectionClose, 
+require("zustand"), require("../chunks/tslib.es6-Y3RzGMQw.js"), require("../chunks/SSEConnection-CygPbs0L.js"), 
+require("../chunks/broadcastChannel-CRR59lw6.js"), exports.useConnectionClose = sseStore.useConnectionClose, 
 exports.useConnectionMessage = sseStore.useConnectionMessage, exports.useIsConnected = sseStore.useIsConnected, 
 exports.useLastSSEMessage = sseStore.useLastSSEMessage, exports.useMessage = sseStore.useMessage, 
 exports.useSSE = sseStore.useSSE, exports.useSSEActions = sseStore.useSSEActions, 

package/dist/cjs/stores/WS.js

@@ -2,11 +2,11 @@
 
 var zustand = require("zustand");
 
-require("../chunks/tslib.es6-CTGrDO27.js");
+require("../chunks/tslib.es6-Y3RzGMQw.js");
 
-var WSConnection = require("../chunks/WSConnection-pryKJWc6.js");
+var WSConnection = require("../chunks/WSConnection-BrwlAScO.js");
 
-require("../chunks/broadcastChannel-B0l8OE4I.js");
+require("../chunks/broadcastChannel-CRR59lw6.js");
 
 const useWSStore = zustand.create((set, get) => ({
     connections: [],

package/dist/cjs/stores/WebRTC.js

@@ -1,9 +1,9 @@
 "use strict";
 
-var webRTCStore = require("../chunks/webRTCStore-Bu7_nxNq.js");
+var webRTCStore = require("../chunks/webRTCStore-XciamNCa.js");
 
-require("../chunks/tslib.es6-CTGrDO27.js"), require("zustand"), require("../chunks/WebRTCConnection-C_GRUnIY.js"), 
-require("../chunks/broadcastChannel-B0l8OE4I.js"), exports.getWebRTCConnections = webRTCStore.getWebRTCConnections, 
+require("../chunks/tslib.es6-Y3RzGMQw.js"), require("zustand"), require("../chunks/WebRTCConnection-nx-EhtdY.js"), 
+require("../chunks/broadcastChannel-CRR59lw6.js"), exports.getWebRTCConnections = webRTCStore.getWebRTCConnections, 
 exports.useWebRTC = webRTCStore.useWebRTC, exports.useWebRTCActions = webRTCStore.useWebRTCActions, 
 exports.useWebRTCConnected = webRTCStore.useWebRTCConnected, exports.useWebRTCConnection = webRTCStore.useWebRTCConnection, 
 exports.useWebRTCConnections = webRTCStore.useWebRTCConnections, exports.useWebRTCStore = webRTCStore.useWebRTCStore;

package/dist/cjs/stores/browserChannel.js

@@ -1,8 +1,8 @@
 "use strict";
 
-var browserChannelsStore = require("../chunks/browserChannelsStore-6ZSY_xb-.js");
+var browserChannelsStore = require("../chunks/browserChannelsStore-C8C4qb7h.js");
 
-require("zustand"), require("../chunks/tslib.es6-CTGrDO27.js"), require("../chunks/broadcastChannel-B0l8OE4I.js"), 
+require("zustand"), require("../chunks/tslib.es6-Y3RzGMQw.js"), require("../chunks/broadcastChannel-CRR59lw6.js"), 
 exports.browserChannelActions = browserChannelsStore.browserChannelActions, exports.getBrowserChannels = browserChannelsStore.getBrowserChannels, 
 exports.getLastBrowserChannelMessage = browserChannelsStore.getLastBrowserChannelMessage, 
 exports.getMessage = browserChannelsStore.getMessage, exports.useBrowserChannelActions = browserChannelsStore.useBrowserChannelActions, 

package/dist/cjs/stores/microphone.js

@@ -1,8 +1,8 @@
 "use strict";
 
-var microphoneStore = require("../chunks/microphoneStore-Ch3VVm4T.js");
+var microphoneStore = require("../chunks/microphoneStore-axA5TgKM.js");
 
-require("../chunks/tslib.es6-CTGrDO27.js"), require("react"), require("zustand"), 
+require("../chunks/tslib.es6-Y3RzGMQw.js"), require("react"), require("zustand"), 
 exports.getCurrentMicDeviceLabel = microphoneStore.getCurrentMicDeviceLabel, exports.getMicrophoneState = microphoneStore.getMicrophoneState, 
 exports.microphoneActions = microphoneStore.microphoneActions, exports.useCurrentMicDeviceId = microphoneStore.useCurrentMicDeviceId, 
 exports.useCurrentMicDeviceLabel = microphoneStore.useCurrentMicDeviceLabel, exports.useMicActive = microphoneStore.useMicActive, 

package/dist/cjs/stores/modal.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var modalStore = require("../chunks/modalStore-DaB75uoa.js");
+var modalStore = require("../chunks/modalStore--QHdUyuE.js");
 
 require("zustand"), exports.getModal = modalStore.getModal, exports.modalActions = modalStore.modalActions, 
 exports.useModal = modalStore.useModal, exports.useModalActions = modalStore.useModalActions, 

package/dist/cjs/stores/tip.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var tipStore = require("../chunks/tipStore-Dxda_4EA.js");
+var tipStore = require("../chunks/tipStore-DAb0BV40.js");
 
 require("zustand"), exports.getTip = tipStore.getTip, exports.tipActions = tipStore.tipActions, 
 exports.useTip = tipStore.useTip, exports.useTipActions = tipStore.useTipActions, 

package/dist/cjs/stores/toast.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var toastStore = require("../chunks/toastStore-DqWfFw57.js");
+var toastStore = require("../chunks/toastStore-6OcUl7VL.js");
 
 require("zustand"), exports.getToast = toastStore.getToast, exports.toastActions = toastStore.toastActions, 
 exports.useToast = toastStore.useToast, exports.useToastActions = toastStore.useToastActions, 

package/dist/cjs/stores/uploads.js

@@ -1,8 +1,8 @@
 "use strict";
 
-var uploadsStore = require("../chunks/uploadsStore-blQX5Zny.js");
+var uploadsStore = require("../chunks/uploadsStore-hFHe0RDh.js");
 
-require("zustand"), require("../chunks/uploads-worker-Bz66LCly.js"), require("../chunks/tslib.es6-CTGrDO27.js"), 
+require("zustand"), require("../chunks/uploads-worker-B_12HqmC.js"), require("../chunks/tslib.es6-Y3RzGMQw.js"), 
 exports.createUploadsWorker = uploadsStore.createUploadsWorker, exports.getUploads = uploadsStore.getUploads, 
 exports.getUploadsError = uploadsStore.getUploadsError, exports.getUploadsWorkerStatus = uploadsStore.getUploadsWorkerStatus, 
 exports.uploadsActions = uploadsStore.uploadsActions, exports.uploadsInitialized = uploadsStore.uploadsInitialized, 

package/dist/cjs/stores/video.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var videoStore = require("../chunks/videoStore-q-yi22M3.js");
+var videoStore = require("../chunks/videoStore-B2FtqVfG.js");
 
 require("zustand"), exports.getVideo = videoStore.getVideo, exports.useVideo = videoStore.useVideo, 
 exports.useVideoActions = videoStore.useVideoActions, exports.useVideoStore = videoStore.useVideoStore, 

package/dist/cjs/stores/volume.js

@@ -1,8 +1,8 @@
 "use strict";
 
-var volumeStore = require("../chunks/volumeStore-CA9Pdx5e.js");
+var volumeStore = require("../chunks/volumeStore-D64ziNWo.js");
 
-require("../chunks/tslib.es6-CTGrDO27.js"), require("zustand"), exports.getAttachedMedia = volumeStore.getAttachedMedia, 
+require("../chunks/tslib.es6-Y3RzGMQw.js"), require("zustand"), exports.getAttachedMedia = volumeStore.getAttachedMedia, 
 exports.getMuted = volumeStore.getMuted, exports.getStoredVolume = volumeStore.getStoredVolume, 
 exports.getVolume = volumeStore.getVolume, exports.useAttachedMedia = volumeStore.useAttachedMedia, 
 exports.useMuted = volumeStore.useMuted, exports.useStoredVolume = volumeStore.useStoredVolume, 

package/dist/cjs/stores/window.js

@@ -1,8 +1,8 @@
 "use strict";
 
-var windowStore = require("../chunks/windowStore-CYvn2_ma.js");
+var windowStore = require("../chunks/windowStore-DRgyVg9e.js");
 
-require("../chunks/tslib.es6-CTGrDO27.js"), require("zustand"), Object.defineProperty(exports, "FormFactor", {
+require("../chunks/tslib.es6-Y3RzGMQw.js"), require("zustand"), Object.defineProperty(exports, "FormFactor", {
     enumerable: !0,
     get: function() {
         return windowStore.FormFactor;

package/dist/cjs/stores.js

@@ -1,11 +1,11 @@
 "use strict";
 
-var microphoneStore = require("./chunks/microphoneStore-Ch3VVm4T.js"), volumeStore = require("./chunks/volumeStore-CA9Pdx5e.js"), windowStore = require("./chunks/windowStore-CYvn2_ma.js"), browserChannelsStore = require("./chunks/browserChannelsStore-6ZSY_xb-.js"), uploadsStore = require("./chunks/uploadsStore-blQX5Zny.js"), modalStore = require("./chunks/modalStore-DaB75uoa.js"), tipStore = require("./chunks/tipStore-Dxda_4EA.js"), toastStore = require("./chunks/toastStore-DqWfFw57.js"), videoStore = require("./chunks/videoStore-q-yi22M3.js"), webRTCStore = require("./chunks/webRTCStore-Bu7_nxNq.js"), localDBStore = require("./chunks/localDBStore-DO3FanPt.js"), sseStore = require("./chunks/sseStore-C_INE2Dq.js");
+var microphoneStore = require("./chunks/microphoneStore-axA5TgKM.js"), volumeStore = require("./chunks/volumeStore-D64ziNWo.js"), webRTCStore = require("./chunks/webRTCStore-XciamNCa.js"), windowStore = require("./chunks/windowStore-DRgyVg9e.js"), browserChannelsStore = require("./chunks/browserChannelsStore-C8C4qb7h.js"), uploadsStore = require("./chunks/uploadsStore-hFHe0RDh.js"), modalStore = require("./chunks/modalStore--QHdUyuE.js"), tipStore = require("./chunks/tipStore-DAb0BV40.js"), toastStore = require("./chunks/toastStore-6OcUl7VL.js"), videoStore = require("./chunks/videoStore-B2FtqVfG.js"), localDBStore = require("./chunks/localDBStore-DhruyXfz.js"), sseStore = require("./chunks/sseStore-DaJgRKej.js");
 
-require("./chunks/tslib.es6-CTGrDO27.js"), require("react"), require("zustand"), 
-require("./chunks/broadcastChannel-B0l8OE4I.js"), require("./chunks/uploads-worker-Bz66LCly.js"), 
-require("./chunks/WebRTCConnection-C_GRUnIY.js"), require("zustand/react/shallow"), 
-require("./chunks/IndexedDB-DFVmvrQg.js"), require("./chunks/SSEConnection-C0XhTcpi.js"), 
+require("./chunks/tslib.es6-Y3RzGMQw.js"), require("react"), require("zustand"), 
+require("./chunks/WebRTCConnection-nx-EhtdY.js"), require("./chunks/broadcastChannel-CRR59lw6.js"), 
+require("./chunks/uploads-worker-B_12HqmC.js"), require("zustand/react/shallow"), 
+require("./chunks/IndexedDB-D7TVb0pF.js"), require("./chunks/SSEConnection-CygPbs0L.js"), 
 exports.getCurrentMicDeviceLabel = microphoneStore.getCurrentMicDeviceLabel, exports.getMicrophoneState = microphoneStore.getMicrophoneState, 
 exports.microphoneActions = microphoneStore.microphoneActions, exports.useCurrentMicDeviceId = microphoneStore.useCurrentMicDeviceId, 
 exports.useCurrentMicDeviceLabel = microphoneStore.useCurrentMicDeviceLabel, exports.useMicActive = microphoneStore.useMicActive, 
@@ -21,7 +21,10 @@ exports.getVolume = volumeStore.getVolume, exports.useAttachedMedia = volumeStor
 exports.useMuted = volumeStore.useMuted, exports.useStoredVolume = volumeStore.useStoredVolume, 
 exports.useVolume = volumeStore.useVolume, exports.useVolumeActions = volumeStore.useVolumeActions, 
 exports.useVolumeStore = volumeStore.useVolumeStore, exports.volumeActions = volumeStore.volumeActions, 
-Object.defineProperty(exports, "FormFactor", {
+exports.getWebRTCConnections = webRTCStore.getWebRTCConnections, exports.useWebRTC = webRTCStore.useWebRTC, 
+exports.useWebRTCActions = webRTCStore.useWebRTCActions, exports.useWebRTCConnected = webRTCStore.useWebRTCConnected, 
+exports.useWebRTCConnection = webRTCStore.useWebRTCConnection, exports.useWebRTCConnections = webRTCStore.useWebRTCConnections, 
+exports.useWebRTCStore = webRTCStore.useWebRTCStore, Object.defineProperty(exports, "FormFactor", {
     enumerable: !0,
     get: function() {
         return windowStore.FormFactor;
@@ -59,14 +62,10 @@ exports.useToast = toastStore.useToast, exports.useToastActions = toastStore.use
 exports.useToastStore = toastStore.useToastStore, exports.getVideo = videoStore.getVideo, 
 exports.useVideo = videoStore.useVideo, exports.useVideoActions = videoStore.useVideoActions, 
 exports.useVideoStore = videoStore.useVideoStore, exports.videoActions = videoStore.videoActions, 
-exports.getWebRTCConnections = webRTCStore.getWebRTCConnections, exports.useWebRTC = webRTCStore.useWebRTC, 
-exports.useWebRTCActions = webRTCStore.useWebRTCActions, exports.useWebRTCConnected = webRTCStore.useWebRTCConnected, 
-exports.useWebRTCConnection = webRTCStore.useWebRTCConnection, exports.useWebRTCConnections = webRTCStore.useWebRTCConnections, 
-exports.useWebRTCStore = webRTCStore.useWebRTCStore, exports.localDBActions = localDBStore.localDBActions, 
-exports.useLocalDB = localDBStore.useLocalDB, exports.useLocalDBError = localDBStore.useLocalDBError, 
-exports.useLocalDBStore = localDBStore.useLocalDBStore, exports.useLocalDBValues = localDBStore.useLocalDBValues, 
-exports.useManageLocalDB = localDBStore.useManageLocalDB, exports.useConnectionClose = sseStore.useConnectionClose, 
-exports.useConnectionMessage = sseStore.useConnectionMessage, exports.useIsConnected = sseStore.useIsConnected, 
-exports.useLastSSEMessage = sseStore.useLastSSEMessage, exports.useMessage = sseStore.useMessage, 
-exports.useSSE = sseStore.useSSE, exports.useSSEActions = sseStore.useSSEActions, 
+exports.localDBActions = localDBStore.localDBActions, exports.useLocalDB = localDBStore.useLocalDB, 
+exports.useLocalDBError = localDBStore.useLocalDBError, exports.useLocalDBStore = localDBStore.useLocalDBStore, 
+exports.useLocalDBValues = localDBStore.useLocalDBValues, exports.useManageLocalDB = localDBStore.useManageLocalDB, 
+exports.useConnectionClose = sseStore.useConnectionClose, exports.useConnectionMessage = sseStore.useConnectionMessage, 
+exports.useIsConnected = sseStore.useIsConnected, exports.useLastSSEMessage = sseStore.useLastSSEMessage, 
+exports.useMessage = sseStore.useMessage, exports.useSSE = sseStore.useSSE, exports.useSSEActions = sseStore.useSSEActions, 
 exports.useSSEStore = sseStore.useSSEStore;

package/dist/cjs/theme/corners.js

@@ -1,12 +1,12 @@
 "use strict";
 
 exports.corners = {
-    "corner-0": 0,
-    "corner-4": 4,
-    "corner-6": 6,
-    "corner-8": 8,
-    "corner-12": 12,
-    "corner-16": 16,
-    "corner-24": 24,
-    "corner-full": 1e3
+    "corner-none": 0,
+    "corner-xs": 4,
+    "corner-s": 6,
+    "corner-m": 8,
+    "corner-l": 12,
+    "corner-xl": 16,
+    "corner-xxl": 32,
+    "corner-round": 1e3
 };

package/dist/cjs/utils/index.js

@@ -1,8 +1,8 @@
 "use strict";
 
-var misc = require("../chunks/misc-BNlFh_4N.js"), debounce = require("../chunks/debounce-CsmIqkDy.js"), rafThrottle = require("../chunks/rafThrottle-DvT0BNgS.js"), colors = require("../chunks/colors-jx2QRRls.js"), IndexedDB = require("../chunks/IndexedDB-DFVmvrQg.js"), audioVisualizer = require("../chunks/audioVisualizer-DFgLMDKW.js"), MdStreamBuffer = require("../chunks/MdStreamBuffer-Ba-YbQaW.js"), SSEConnection = require("../chunks/SSEConnection-C0XhTcpi.js"), WSConnection = require("../chunks/WSConnection-pryKJWc6.js"), WebRTCConnection = require("../chunks/WebRTCConnection-C_GRUnIY.js"), broadcastChannel = require("../chunks/broadcastChannel-B0l8OE4I.js");
+var misc = require("../chunks/misc-B2oK3rIL.js"), debounce = require("../chunks/debounce-C3P6vOcn.js"), rafThrottle = require("../chunks/rafThrottle-DlDdrddz.js"), colors = require("../chunks/colors-Dok44sXW.js"), IndexedDB = require("../chunks/IndexedDB-D7TVb0pF.js"), audioVisualizer = require("../chunks/audioVisualizer-Dmtjjosj.js"), MdStreamBuffer = require("../chunks/MdStreamBuffer-BiFYXGu6.js"), SSEConnection = require("../chunks/SSEConnection-CygPbs0L.js"), WSConnection = require("../chunks/WSConnection-BrwlAScO.js"), WebRTCConnection = require("../chunks/WebRTCConnection-nx-EhtdY.js"), broadcastChannel = require("../chunks/broadcastChannel-CRR59lw6.js");
 
-require("../chunks/tslib.es6-CTGrDO27.js"), exports.copyToClipboard = misc.copyToClipboard, 
+require("../chunks/tslib.es6-Y3RzGMQw.js"), exports.copyToClipboard = misc.copyToClipboard, 
 exports.hexToRgb = misc.hexToRgb, exports.debounce = debounce.debounce, exports.rafThrottle = rafThrottle.rafThrottle, 
 exports.addOpacity = colors.addOpacity, exports.tintFromColor = colors.tintFromColor, 
 exports.IndexedDB = IndexedDB.IndexedDB, exports.AudioVisualizer = audioVisualizer.AudioVisualizer, 

package/dist/cjs/utils/objects/index.js

@@ -1,8 +1,8 @@
 "use strict";
 
-var IndexedDB = require("../../chunks/IndexedDB-DFVmvrQg.js"), audioVisualizer = require("../../chunks/audioVisualizer-DFgLMDKW.js"), MdStreamBuffer = require("../../chunks/MdStreamBuffer-Ba-YbQaW.js"), SSEConnection = require("../../chunks/SSEConnection-C0XhTcpi.js"), WSConnection = require("../../chunks/WSConnection-pryKJWc6.js"), WebRTCConnection = require("../../chunks/WebRTCConnection-C_GRUnIY.js"), broadcastChannel = require("../../chunks/broadcastChannel-B0l8OE4I.js");
+var IndexedDB = require("../../chunks/IndexedDB-D7TVb0pF.js"), audioVisualizer = require("../../chunks/audioVisualizer-Dmtjjosj.js"), MdStreamBuffer = require("../../chunks/MdStreamBuffer-BiFYXGu6.js"), SSEConnection = require("../../chunks/SSEConnection-CygPbs0L.js"), WSConnection = require("../../chunks/WSConnection-BrwlAScO.js"), WebRTCConnection = require("../../chunks/WebRTCConnection-nx-EhtdY.js"), broadcastChannel = require("../../chunks/broadcastChannel-CRR59lw6.js");
 
-require("../../chunks/tslib.es6-CTGrDO27.js"), exports.IndexedDB = IndexedDB.IndexedDB, 
+require("../../chunks/tslib.es6-Y3RzGMQw.js"), exports.IndexedDB = IndexedDB.IndexedDB, 
 exports.AudioVisualizer = audioVisualizer.AudioVisualizer, exports.MdBuffer = MdStreamBuffer.MdBuffer, 
 exports.SSEConnection = SSEConnection.SSEConnection, exports.WSConnection = WSConnection.WSConnection, 
 exports.WebRTCConnection = WebRTCConnection.WebRTCConnection, exports.BrowserChannel = broadcastChannel.BrowserChannel, 

package/dist/cjs/workers/uploads/uploads.js

@@ -1,5 +1,5 @@
 "use strict";
 
-var uploadsWorker = require("../../chunks/uploads-worker-Bz66LCly.js");
+var uploadsWorker = require("../../chunks/uploads-worker-B_12HqmC.js");
 
-require("../../chunks/tslib.es6-CTGrDO27.js"), uploadsWorker.registerUploadsWorker();
+require("../../chunks/tslib.es6-Y3RzGMQw.js"), uploadsWorker.registerUploadsWorker();

package/dist/esm/chunks/{AudioBubble-BzlrPWjD.mjs → AudioBubble-CdmLKDhc.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { a as __rest } from "./tslib.es6-DGRmn-gx.mjs";
+import { a as __rest } from "./tslib.es6-uJhEruZV.mjs";
 
 import { jsx } from "react/jsx-runtime";
 
@@ -11,15 +11,17 @@ import "../theme/colors.mjs";
 
 import "../theme/type.mjs";
 
-import { a as addOpacity } from "./colors-C3CypePZ.mjs";
+import { a as addOpacity } from "./colors-Pe71RB3l.mjs";
 
-import { A as AudioVisualizer } from "./audioVisualizer-CLKL6Y79.mjs";
+import { A as AudioVisualizer } from "./audioVisualizer-BO_hMyyp.mjs";
 
-import "./broadcastChannel-qkn7bL4S.mjs";
+import "./broadcastChannel-B8FxWRVj.mjs";
 
-import "./microphoneStore-CHjTUEL_.mjs";
+import "./webRTCStore-fNJiXwLR.mjs";
 
-import "./volumeStore-DBjptppw.mjs";
+import "./microphoneStore-B9HEjn8x.mjs";
+
+import "./volumeStore-C2AnBA5B.mjs";
 
 import "../hooks/useWindow.mjs";
 

package/dist/esm/chunks/{Avatar-DE7v6q5Z.mjs → Avatar-CblCPiom.mjs}

@@ -1,17 +1,17 @@
 'use client';
-import { a as __rest } from "./tslib.es6-DGRmn-gx.mjs";
+import { a as __rest } from "./tslib.es6-uJhEruZV.mjs";
 
 import { jsx } from "react/jsx-runtime";
 
 import React, { useRef, useState, useMemo, useEffect, useCallback } from "react";
 
-import { n as normalizedPercent, a as accessibleKeyDown, s as setStyle } from "./misc-GB29X0YR.mjs";
+import { n as normalizedPercent, a as accessibleKeyDown, s as setStyle } from "./misc-O5ZSVDP0.mjs";
 
 var css_wrapper = "Avatar-module_wrapper__ab1D7 flexBox-module_row__z24tF type-module_body-m-regular__LuQBA", css_user = "Avatar-module_user__ZQv0Q flexBox-module_row__z24tF type-module_body-m-regular__LuQBA";
 
 const Avatar = React.memo(props => {
     var _a;
-    const {email: email, name: name, image: image = "", textColor: textColor, borderWidth: borderWidth, borderSize: borderSize = 0, color: color, borderColor: borderColor, borderColorHover: borderColorHover, outerBorderSize: outerBorderSize, outerBorderColor: outerBorderColor, backgroundColor: backgroundColor, bgColor: bgColor, onClick: onClick, onKeyDown: onKeyDown, fontSize: fontSize, onToolTip: onToolTip = () => null, size: size = 34, frame: frame = 34, tabIndex: tabIndex = 0} = props, divAttributes = __rest(props, [ "email", "name", "image", "textColor", "borderWidth", "borderSize", "color", "borderColor", "borderColorHover", "outerBorderSize", "outerBorderColor", "backgroundColor", "bgColor", "onClick", "onKeyDown", "fontSize", "onToolTip", "size", "frame", "tabIndex" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", ref = useRef(null), [textSize, setTextSize] = useState("inherit"), resolvedTextColor = null != textColor ? textColor : color, resolvedBorderWidth = null != borderWidth ? borderWidth : borderSize, resolvedBackgroundColor = null != backgroundColor ? backgroundColor : bgColor, initials = useMemo(() => {
+    const {email: email, name: name, image: image = "", textColor: textColor, borderWidth: borderWidth, borderSize: borderSize = 0, color: color, borderColor: borderColor, borderColorHover: borderColorHover, outerBorderSize: outerBorderSize, outerBorderColor: outerBorderColor, backgroundColor: backgroundColor, onClick: onClick, onKeyDown: onKeyDown, fontSize: fontSize, onToolTip: onToolTip = () => null, size: size = 34, frame: frame = 34, tabIndex: tabIndex = 0} = props, divAttributes = __rest(props, [ "email", "name", "image", "textColor", "borderWidth", "borderSize", "color", "borderColor", "borderColorHover", "outerBorderSize", "outerBorderColor", "backgroundColor", "onClick", "onKeyDown", "fontSize", "onToolTip", "size", "frame", "tabIndex" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", ref = useRef(null), [textSize, setTextSize] = useState("inherit"), resolvedTextColor = null != textColor ? textColor : color, resolvedBorderWidth = null != borderWidth ? borderWidth : borderSize, resolvedBackgroundColor = backgroundColor, initials = useMemo(() => {
         if (!name && !email) return "";
         if (name) {
             let last;

package/dist/esm/chunks/{AvatarGroup-B-E3eFeF.mjs → AvatarGroup-DgNd60cP.mjs}

@@ -1,11 +1,11 @@
 'use client';
-import { a as __rest } from "./tslib.es6-DGRmn-gx.mjs";
+import { a as __rest } from "./tslib.es6-uJhEruZV.mjs";
 
 import { jsx } from "react/jsx-runtime";
 
 import React, { useMemo } from "react";
 
-import { A as Avatar } from "./Avatar-DE7v6q5Z.mjs";
+import { A as Avatar } from "./Avatar-CblCPiom.mjs";
 
 var css_wrapper = "AvatarGroup-module_wrapper__MtOyq flexBox-module_rowStart__4tcxS", css_avatar = "AvatarGroup-module_avatar__5NVpW";
 
@@ -15,7 +15,7 @@ const AvatarGroup = React.memo(props => {
         "--ag-margin": `${null != margin ? margin : 0}px`,
         "--ag-overlap": (overlap > 0 ? -overlap : 0) + "px"
     }), [ overlap, gap, margin ]), renderedAvatars = useMemo(() => avatars ? avatars.map((avatar, index) => {
-        var _a, _b;
+        var _a;
         return jsx("div", {
             className: css_avatar,
             children: jsx(Avatar, {
@@ -30,7 +30,7 @@ const AvatarGroup = React.memo(props => {
                 outerBorderSize: outerBorderSize,
                 outerBorderColor: outerBorderColor,
                 textColor: null !== (_a = avatar.textColor) && void 0 !== _a ? _a : avatar.color,
-                backgroundColor: null !== (_b = avatar.backgroundColor) && void 0 !== _b ? _b : avatar.bgColor,
+                backgroundColor: avatar.backgroundColor,
                 onToolTip: onToolTip
             })
         }, `avatar_${avatar.email}_${index}`);

package/dist/esm/chunks/{Badge-Cli_Ebpu.mjs → Badge-DIru-w6O.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { a as __rest } from "./tslib.es6-DGRmn-gx.mjs";
+import { a as __rest } from "./tslib.es6-uJhEruZV.mjs";
 
 import { jsx } from "react/jsx-runtime";
 

package/dist/esm/chunks/{Button-BdxJ4wnE.mjs → Button-BYALDfuE.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { a as __rest } from "./tslib.es6-DGRmn-gx.mjs";
+import { a as __rest } from "./tslib.es6-uJhEruZV.mjs";
 
 import { jsxs, jsx } from "react/jsx-runtime";
 
@@ -7,15 +7,17 @@ import { motion } from "motion/react";
 
 import React, { forwardRef, useState, useRef, useCallback, useEffect, useImperativeHandle, useMemo } from "react";
 
-import { B as Badge } from "./Badge-Cli_Ebpu.mjs";
+import { corners } from "../theme/corners.mjs";
 
-import { D as Dot } from "./Dot-Lyaimh03.mjs";
+import { B as Badge } from "./Badge-DIru-w6O.mjs";
 
-import { I as Icon } from "./Icon-DGQB6Mfm.mjs";
+import { D as Dot } from "./Dot-CWVfujdC.mjs";
 
-import { P as ProgressIndicator } from "./ProgressIndicator-C8tli-Jg.mjs";
+import { I as Icon } from "./Icon-CGqm8lg7.mjs";
 
-import { T as ToolTipType } from "./sharedTypes-DqPH1p0Q.mjs";
+import { P as ProgressIndicator } from "./ProgressIndicator-CNTW0t8s.mjs";
+
+import { T as ToolTipType } from "./sharedTypes-ySBopm8X.mjs";
 
 var css = {
     button: "Button-module_button__2ZuB7 flexBox-module_row__z24tF",
@@ -30,7 +32,7 @@ var css = {
 };
 
 const ButtonComponent = forwardRef((props, buttonRef) => {
-    const {children: children, size: size = "medium", variant: variant = "outline", label: label, labelSize: labelSize = "m", iconRight: iconRight, iconLeft: iconLeft, iconFill: iconFill = !1, count: count = (void 0 === props.count ? void 0 : Number(props.count)), showDot: showDot, tooltip: tooltip, round: round = !1, state: state = "normal", fill: fill = !1, iconSize: iconSize = (void 0 === props.iconSize ? 20 : Number(props.iconSize)), width: width = "min-content", underline: underline = !1, borderRadius: borderRadius, iconColor: iconColor, backgroundColor: backgroundColor, backgroundColorDisabled: backgroundColorDisabled, bgColor: bgColor, bgColorDisabled: bgColorDisabled, labelColor: labelColor, transition: transition, variants: variants, initial: initial, animate: animate, exit: exit, paddingRight: paddingRight, paddingLeft: paddingLeft, progress: progress = !1, working: working = !1, duration: duration, trigger: trigger = !1, destructive: destructive = !1, link: link, target: target = "_self", onClick: onClick = () => null, onToolTip: onToolTip = () => null} = props, divAttributes = __rest(props, [ "children", "size", "variant", "label", "labelSize", "iconRight", "iconLeft", "iconFill", "count", "showDot", "tooltip", "round", "state", "fill", "iconSize", "width", "underline", "borderRadius", "iconColor", "backgroundColor", "backgroundColorDisabled", "bgColor", "bgColorDisabled", "labelColor", "transition", "variants", "initial", "animate", "exit", "paddingRight", "paddingLeft", "progress", "working", "duration", "trigger", "destructive", "link", "target", "onClick", "onToolTip" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", resolvedBackgroundColor = null != backgroundColor ? backgroundColor : bgColor, resolvedBackgroundColorDisabled = null != backgroundColorDisabled ? backgroundColorDisabled : bgColorDisabled, [btnState, setBtnState] = useState(state), [lockedWidth, setLockedWidth] = useState(void 0), [playing, setPlaying] = useState(working), ref = useRef(null), lockCurrentWidth = useCallback(() => {
+    const {children: children, size: size = "medium", variant: variant = "outline", label: label, labelSize: labelSize = "m", iconRight: iconRight, iconLeft: iconLeft, iconFill: iconFill = !1, count: count = (void 0 === props.count ? void 0 : Number(props.count)), showDot: showDot, tooltip: tooltip, round: round = !1, state: state = "normal", fill: fill = !1, iconSize: iconSize = (void 0 === props.iconSize ? 20 : Number(props.iconSize)), width: width = "min-content", underline: underline = !1, borderRadius: borderRadius, iconColor: iconColor, backgroundColor: backgroundColor, backgroundColorDisabled: backgroundColorDisabled, labelColor: labelColor, transition: transition, variants: variants, initial: initial, animate: animate, exit: exit, paddingRight: paddingRight, paddingLeft: paddingLeft, progress: progress = !1, working: working = !1, duration: duration, trigger: trigger = !1, destructive: destructive = !1, link: link, target: target = "_self", onClick: onClick = () => null, onToolTip: onToolTip = () => null} = props, divAttributes = __rest(props, [ "children", "size", "variant", "label", "labelSize", "iconRight", "iconLeft", "iconFill", "count", "showDot", "tooltip", "round", "state", "fill", "iconSize", "width", "underline", "borderRadius", "iconColor", "backgroundColor", "backgroundColorDisabled", "labelColor", "transition", "variants", "initial", "animate", "exit", "paddingRight", "paddingLeft", "progress", "working", "duration", "trigger", "destructive", "link", "target", "onClick", "onToolTip" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", resolvedBackgroundColor = backgroundColor, resolvedBackgroundColorDisabled = backgroundColorDisabled, [btnState, setBtnState] = useState(state), [lockedWidth, setLockedWidth] = useState(void 0), [playing, setPlaying] = useState(working), ref = useRef(null), lockCurrentWidth = useCallback(() => {
         ref.current && setLockedWidth(ref.current.offsetWidth);
     }, []), handleClick = useCallback(e => {
         onToolTip(null), "disabled" !== btnState && (progress && duration ? (lockCurrentWidth(), 
@@ -134,7 +136,7 @@ const ButtonComponent = forwardRef((props, buttonRef) => {
             paddingRight: setPadding("right"),
             paddingTop: 0,
             paddingBottom: 0,
-            borderRadius: null != borderRadius ? borderRadius : "500px"
+            borderRadius: null != borderRadius ? borderRadius : corners["corner-round"]
         },
         medium: {
             height: 36,
@@ -144,7 +146,7 @@ const ButtonComponent = forwardRef((props, buttonRef) => {
             paddingRight: setPadding("right"),
             paddingTop: 0,
             paddingBottom: 0,
-            borderRadius: null != borderRadius ? borderRadius : "500px"
+            borderRadius: null != borderRadius ? borderRadius : corners["corner-round"]
         },
         small: {
             height: "auto",
@@ -154,7 +156,7 @@ const ButtonComponent = forwardRef((props, buttonRef) => {
             paddingRight: setPadding("right"),
             paddingTop: 4,
             paddingBottom: 4,
-            borderRadius: null != borderRadius ? borderRadius : "500px"
+            borderRadius: null != borderRadius ? borderRadius : corners["corner-round"]
         }
     }), [ iconSize, borderRadius, setPadding ]), handleMouseEnter = useCallback(e => {
         if ("disabled" !== btnState && setBtnState("hover"), !(null == ref ? void 0 : ref.current) || !tooltip) return;

package/dist/esm/chunks/{ButtonBar-LIzMkcAW.mjs → ButtonBar-DUDK-0Y4.mjs}

@@ -1,18 +1,20 @@
 'use client';
-import { a as __rest } from "./tslib.es6-DGRmn-gx.mjs";
+import { a as __rest } from "./tslib.es6-uJhEruZV.mjs";
 
 import { jsx } from "react/jsx-runtime";
 
 import React, { useState, useEffect, useCallback, useMemo, useRef } from "react";
 
-import { s as setStyle } from "./misc-GB29X0YR.mjs";
+import { corners } from "../theme/corners.mjs";
 
-import { I as Icon } from "./Icon-DGQB6Mfm.mjs";
+import { s as setStyle } from "./misc-O5ZSVDP0.mjs";
+
+import { I as Icon } from "./Icon-CGqm8lg7.mjs";
 
 var css_wrapper = "ButtonBar-module_wrapper__FYZ3s flexBox-module_rowStart__4tcxS", css_button = "ButtonBar-module_button__bMR3h flexBox-module_row__z24tF", css_selected = "ButtonBar-module_selected__wKvmi";
 
 const ButtonBar = React.memo(function(props) {
-    const {buttons: buttons = [], selected: selected, toggle: toggle = !0, buttonSize: buttonSize = "m", frameSize: frameSize = 36, iconSize: iconSize = 20, borderWidth: borderWidth, borderSize: borderSize = 0, borderRadius: borderRadius = 100, borderColor: borderColor = "var(--core-outline-primary)", backgroundColor: backgroundColor, backgroundColorHover: backgroundColorHover, backgroundColorActive: backgroundColorActive, bgColor: bgColor = "var(--core-surface-secondary)", bgColorHover: bgColorHover = "var(--core-outline-primary)", bgColorActive: bgColorActive = "var(--core-outline-primary)", labelColor: labelColor = "var(--core-text-primary)", onClick: onClick = button => null, onChange: onChange = button => null, onToolTip: onToolTip = () => null} = props, divAttributes = __rest(props, [ "buttons", "selected", "toggle", "buttonSize", "frameSize", "iconSize", "borderWidth", "borderSize", "borderRadius", "borderColor", "backgroundColor", "backgroundColorHover", "backgroundColorActive", "bgColor", "bgColorHover", "bgColorActive", "labelColor", "onClick", "onChange", "onToolTip" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", resolvedBorderWidth = null != borderWidth ? borderWidth : borderSize, resolvedBackgroundColor = null != backgroundColor ? backgroundColor : bgColor, resolvedBackgroundColorHover = null != backgroundColorHover ? backgroundColorHover : bgColorHover, resolvedBackgroundColorActive = null != backgroundColorActive ? backgroundColorActive : bgColorActive, [hovered, setHovered] = useState(-1), [selectedIndex, setSelectedIndex] = useState(selected);
+    const {buttons: buttons = [], selected: selected, toggle: toggle = !0, buttonSize: buttonSize = "m", frameSize: frameSize = 36, iconSize: iconSize = 20, borderWidth: borderWidth, borderSize: borderSize = 0, borderRadius: borderRadius = corners["corner-round"], borderColor: borderColor = "var(--core-outline-primary)", backgroundColor: backgroundColor = "var(--core-surface-secondary)", backgroundColorHover: backgroundColorHover = "var(--core-outline-primary)", backgroundColorActive: backgroundColorActive = "var(--core-outline-primary)", labelColor: labelColor = "var(--core-text-primary)", onClick: onClick = button => null, onChange: onChange = button => null, onToolTip: onToolTip = () => null} = props, divAttributes = __rest(props, [ "buttons", "selected", "toggle", "buttonSize", "frameSize", "iconSize", "borderWidth", "borderSize", "borderRadius", "borderColor", "backgroundColor", "backgroundColorHover", "backgroundColorActive", "labelColor", "onClick", "onChange", "onToolTip" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", resolvedBorderWidth = null != borderWidth ? borderWidth : borderSize, resolvedBackgroundColor = backgroundColor, resolvedBackgroundColorHover = backgroundColorHover, resolvedBackgroundColorActive = backgroundColorActive, [hovered, setHovered] = useState(-1), [selectedIndex, setSelectedIndex] = useState(selected);
     useEffect(() => setSelectedIndex(selected), [ selected ]);
     const handleMouseEnter = useCallback(index => {
         setHovered(index);

package/dist/esm/chunks/{Camera-DQIlyciR.mjs → Camera-BOgxXxRV.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { _ as __awaiter } from "./tslib.es6-DGRmn-gx.mjs";
+import { _ as __awaiter } from "./tslib.es6-uJhEruZV.mjs";
 
 import { jsxs, jsx } from "react/jsx-runtime";
 
@@ -11,21 +11,23 @@ import "../theme/colors.mjs";
 
 import "../theme/type.mjs";
 
-import { a as accessibleKeyDown } from "./misc-GB29X0YR.mjs";
+import { a as accessibleKeyDown } from "./misc-O5ZSVDP0.mjs";
 
-import { a as addOpacity } from "./colors-C3CypePZ.mjs";
+import { a as addOpacity } from "./colors-Pe71RB3l.mjs";
 
-import "./broadcastChannel-qkn7bL4S.mjs";
+import "./broadcastChannel-B8FxWRVj.mjs";
 
-import "./microphoneStore-CHjTUEL_.mjs";
+import "./webRTCStore-fNJiXwLR.mjs";
 
-import "./volumeStore-DBjptppw.mjs";
+import "./microphoneStore-B9HEjn8x.mjs";
+
+import "./volumeStore-C2AnBA5B.mjs";
 
 import "../hooks/useWindow.mjs";
 
-import { A as Avatar } from "./Avatar-DE7v6q5Z.mjs";
+import { A as Avatar } from "./Avatar-CblCPiom.mjs";
 
-import { I as Icon } from "./Icon-DGQB6Mfm.mjs";
+import { I as Icon } from "./Icon-CGqm8lg7.mjs";
 
 var css_wrapper = "Camera-module_wrapper__GOsKp flexBox-module_column__ezvMq", css_video = "Camera-module_video__Q2r9B", css_controls = "Camera-module_controls__qXYoL flexBox-module_rowBetween__5FEvi", css_controlsRight = "Camera-module_controlsRight__VcIz7 flexBox-module_rowEnd__rVdVm", css_controlsCenter = "Camera-module_controlsCenter__e-erq flexBox-module_row__z24tF", css_controlsLeft = "Camera-module_controlsLeft__bR4TN flexBox-module_rowStart__4tcxS", css_error = "Camera-module_error__t0w-d flexBox-module_row__z24tF type-module_body-m-regular__LuQBA", css_poster = "Camera-module_poster__Gun-v flexBox-module_row__z24tF type-module_body-m-regular__LuQBA", css_snapshotFrame = "Camera-module_snapshotFrame__YM6Eu flexBox-module_row__z24tF", css_clear = "Camera-module_clear__aaCfT", css_snapshot = "Camera-module_snapshot__odQH0", css_toolbarButton = "Camera-module_toolbarButton__mnmoF flexBox-module_columnStartCenter__PKcrG", css_buttonIcon = "Camera-module_buttonIcon__a-VBR flexBox-module_row__z24tF", css_buttonLabel = "Camera-module_buttonLabel__6BEs1 flexBox-module_row__z24tF type-module_body-xs-regular__ZAFft";
 
@@ -287,7 +289,7 @@ const Camera = React.memo(React.forwardRef((props, ref) => {
                 controlsTimer.current = setTimeout(() => setHovered(!1), 3e3);
             },
             onClick: handleControlsClick,
-            onKeyDown: e => accessibleKeyDown(e, () => handleControlsClick),
+            onKeyDown: e => accessibleKeyDown(e, () => handleControlsClick(e)),
             children: [ jsx("div", {
                 className: css_controlsLeft,
                 children: jsx(ToolbarButton, {

package/dist/esm/chunks/{CheckBox-yuitT-oK.mjs → CheckBox-xLveo-Lt.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { a as __rest } from "./tslib.es6-DGRmn-gx.mjs";
+import { a as __rest } from "./tslib.es6-uJhEruZV.mjs";
 
 import { jsxs, jsx } from "react/jsx-runtime";
 
@@ -7,9 +7,9 @@ import { motion } from "motion/react";
 
 import React, { useState, useEffect, useMemo, useCallback } from "react";
 
-import { a as accessibleKeyDown } from "./misc-GB29X0YR.mjs";
+import { a as accessibleKeyDown } from "./misc-O5ZSVDP0.mjs";
 
-import { I as Icon } from "./Icon-DGQB6Mfm.mjs";
+import { I as Icon } from "./Icon-CGqm8lg7.mjs";
 
 var css_wrapper = "CheckBox-module_wrapper__uRsjI flexBox-module_row__z24tF", css_icon = "CheckBox-module_icon__FoDJN flexBox-module_row__z24tF", css_label = "CheckBox-module_label__0AiBp type-module_body-m-regular__LuQBA";
 

package/dist/esm/chunks/{Chip-BVWlgpZ4.mjs → Chip-COWEFzyh.mjs}

@@ -1,15 +1,17 @@
 'use client';
-import { a as __rest } from "./tslib.es6-DGRmn-gx.mjs";
+import { a as __rest } from "./tslib.es6-uJhEruZV.mjs";
 
 import { jsxs, jsx } from "react/jsx-runtime";
 
 import React, { useState, useCallback, useMemo } from "react";
 
-import { s as setStyle, a as accessibleKeyDown } from "./misc-GB29X0YR.mjs";
+import { corners } from "../theme/corners.mjs";
 
-import { I as Icon } from "./Icon-DGQB6Mfm.mjs";
+import { s as setStyle, a as accessibleKeyDown } from "./misc-O5ZSVDP0.mjs";
 
-import { T as ToolTipType } from "./sharedTypes-DqPH1p0Q.mjs";
+import { I as Icon } from "./Icon-CGqm8lg7.mjs";
+
+import { T as ToolTipType } from "./sharedTypes-ySBopm8X.mjs";
 
 var css = {
     chip: "Chip-module_chip__0nys- flexBox-module_row__z24tF",
@@ -22,7 +24,7 @@ var css = {
 };
 
 const Chip = React.memo(props => {
-    const {variant: variant = "normal", children: children, label: label, icon: icon, tooltip: tooltip, iconSize: iconSize = 20, disabled: disabled = !1, focused: focused = !1, iconPosition: iconPosition = "left", labelSize: labelSize = "m", labelColor: labelColor = "var(--core-text-primary)", labelColorHover: labelColorHover = ("normal" === variant ? labelColor : "var(--core-text-special)"), iconColor: iconColor = "var(--core-text-primary)", iconColorHover: iconColorHover = ("normal" === variant ? iconColor : "var(--core-text-special)"), backgroundColor: backgroundColor, backgroundColorHover: backgroundColorHover, borderWidth: borderWidth, borderSize: borderSize = 1, borderColor: borderColor = "var(--core-text-primary)", borderColorHover: borderColorHover = ("normal" === variant ? borderColor : "var(--core-text-special)"), borderColorDisabled: borderColorDisabled = "var(--core-text-disabled)", bgColor: bgColor = "transparent", bgColorHover: bgColorHover = ("normal" === variant ? bgColor : "var(--core-surface-secondary)"), borderRadius: borderRadius = 8, paddingTop: paddingTop, paddingTops: paddingTops = 8, paddingSides: paddingSides = 16, gap: gap = 4, onToolTip: onToolTip = () => null, onClick: onClick = () => null} = props, divAttributes = __rest(props, [ "variant", "children", "label", "icon", "tooltip", "iconSize", "disabled", "focused", "iconPosition", "labelSize", "labelColor", "labelColorHover", "iconColor", "iconColorHover", "backgroundColor", "backgroundColorHover", "borderWidth", "borderSize", "borderColor", "borderColorHover", "borderColorDisabled", "bgColor", "bgColorHover", "borderRadius", "paddingTop", "paddingTops", "paddingSides", "gap", "onToolTip", "onClick" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [isHovered, setIsHovered] = useState(!1), resolvedBackgroundColor = null != backgroundColor ? backgroundColor : bgColor, resolvedBackgroundColorHover = null != backgroundColorHover ? backgroundColorHover : bgColorHover, resolvedBorderWidth = null != borderWidth ? borderWidth : borderSize, resolvedPaddingTop = null != paddingTop ? paddingTop : paddingTops, handleClick = useCallback(e => {
+    const {variant: variant = "normal", children: children, label: label, icon: icon, tooltip: tooltip, iconSize: iconSize = 20, disabled: disabled = !1, focused: focused = !1, iconPosition: iconPosition = "left", labelSize: labelSize = "m", labelColor: labelColor = "var(--core-text-primary)", labelColorHover: labelColorHover = ("normal" === variant ? labelColor : "var(--core-text-special)"), iconColor: iconColor = "var(--core-text-primary)", iconColorHover: iconColorHover = ("normal" === variant ? iconColor : "var(--core-text-special)"), backgroundColor: backgroundColor = "transparent", backgroundColorHover: backgroundColorHover = ("normal" === variant ? backgroundColor : "var(--core-surface-secondary)"), borderWidth: borderWidth, borderSize: borderSize = 1, borderColor: borderColor = "var(--core-text-primary)", borderColorHover: borderColorHover = ("normal" === variant ? borderColor : "var(--core-text-special)"), borderColorDisabled: borderColorDisabled = "var(--core-text-disabled)", borderRadius: borderRadius = corners["corner-m"], paddingTop: paddingTop, paddingTops: paddingTops = 8, paddingSides: paddingSides = 16, gap: gap = 4, onToolTip: onToolTip = () => null, onClick: onClick = () => null} = props, divAttributes = __rest(props, [ "variant", "children", "label", "icon", "tooltip", "iconSize", "disabled", "focused", "iconPosition", "labelSize", "labelColor", "labelColorHover", "iconColor", "iconColorHover", "backgroundColor", "backgroundColorHover", "borderWidth", "borderSize", "borderColor", "borderColorHover", "borderColorDisabled", "borderRadius", "paddingTop", "paddingTops", "paddingSides", "gap", "onToolTip", "onClick" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [isHovered, setIsHovered] = useState(!1), resolvedBackgroundColor = backgroundColor, resolvedBackgroundColorHover = backgroundColorHover, resolvedBorderWidth = null != borderWidth ? borderWidth : borderSize, resolvedPaddingTop = null != paddingTop ? paddingTop : paddingTops, handleClick = useCallback(e => {
         disabled || onClick(e);
     }, [ disabled, onClick ]), handleMouseEnter = useCallback((enter, event) => {
         if (enter) {