@apple-pie/slice 0.1.50 → 0.1.52

package/dist/esm/chunks/{Tip-DPqjnHCZ.mjs → Tip-CuRp-fki.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { a as __rest } from "./tslib.es6-BBaRV8vV.mjs";
+import { a as __rest } from "./tslib.es6-DGRmn-gx.mjs";
 
 import { jsx } from "react/jsx-runtime";
 
@@ -7,14 +7,15 @@ import { motion } from "motion/react";
 
 import React, { useState, useRef, useEffect, useMemo } from "react";
 
-import { f as filterClasses } from "./misc-BsRTCJ2d.mjs";
+import { f as filterClasses } from "./misc-GB29X0YR.mjs";
 
 var css = {
     wrapper: "Tip-module_wrapper__D7ACT flexBox-module_rowStart__4tcxS",
     xs: "Tip-module_xs__wsz9y type-module_body-xs-regular__ZAFft",
     s: "Tip-module_s__Wvz3q type-module_body-s-regular__vRHSP",
     m: "Tip-module_m__9qJbB type-module_body-m-regular__LuQBA",
-    l: "Tip-module_l__OdNuh type-module_body-l-regular__lOYbg"
+    l: "Tip-module_l__OdNuh type-module_body-l-regular__lOYbg",
+    xl: "Tip-module_xl__izmFk type-module_body-xl-regular__pF2kC"
 };
 
 const tipBasePos = {
@@ -22,7 +23,7 @@ const tipBasePos = {
     top: 0
 }, TipBase = React.forwardRef((props, ref) => {
     var _a;
-    const {tip: tip, size: size = "s", backgroundColor: backgroundColor, bgColor: bgColor, textColor: textColor, color: color, border: border = !0, borderColor: borderColor, padding: padding, borderRadius: borderRadius, radius: radius, coords: coords, showDelay: showDelay = 500, hideDelay: hideDelay = 2500} = props, divAttributes = __rest(props, [ "tip", "size", "backgroundColor", "bgColor", "textColor", "color", "border", "borderColor", "padding", "borderRadius", "radius", "coords", "showDelay", "hideDelay" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? `${className}` : "", [pos, setPos] = useState(tipBasePos), [ready, setReady] = useState(!1), [animate, setAnimate] = useState(!1), timer = useRef(null), resolvedBackgroundColor = null != backgroundColor ? backgroundColor : bgColor, resolvedTextColor = null != textColor ? textColor : color, resolvedBorderRadius = null != borderRadius ? borderRadius : radius;
+    const {tip: tip, textSize: textSize = "s", backgroundColor: backgroundColor, bgColor: bgColor, textColor: textColor, color: color, border: border = !0, borderColor: borderColor, padding: padding, borderRadius: borderRadius, radius: radius, coords: coords, showDelay: showDelay = 500, hideDelay: hideDelay = 2500} = props, divAttributes = __rest(props, [ "tip", "textSize", "backgroundColor", "bgColor", "textColor", "color", "border", "borderColor", "padding", "borderRadius", "radius", "coords", "showDelay", "hideDelay" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? `${className}` : "", [pos, setPos] = useState(tipBasePos), [ready, setReady] = useState(!1), [animate, setAnimate] = useState(!1), timer = useRef(null), resolvedBackgroundColor = null != backgroundColor ? backgroundColor : bgColor, resolvedTextColor = null != textColor ? textColor : color, resolvedBorderRadius = null != borderRadius ? borderRadius : radius;
     useEffect(() => {
         timer.current && clearTimeout(timer.current);
         const {x: x, y: y} = null != coords ? coords : {
@@ -59,7 +60,7 @@ const tipBasePos = {
             left: `${null != left ? left : 0}px`,
             top: `${null != top ? top : 0}px`
         };
-    }, [ pos ]), classNames = useMemo(() => filterClasses([ css.wrapper, css[size], divClass ]), [ size, divClass ]);
+    }, [ pos ]), classNames = useMemo(() => filterClasses([ css.wrapper, css[textSize], divClass ]), [ textSize, divClass ]);
     return jsx(motion.div, Object.assign({
         ref: ref,
         id: divId,

package/dist/esm/chunks/{Toast-BarNEPeq.mjs → Toast-CvWVJwrM.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { a as __rest } from "./tslib.es6-BBaRV8vV.mjs";
+import { a as __rest } from "./tslib.es6-DGRmn-gx.mjs";
 
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -13,30 +13,30 @@ import "../theme/colors.mjs";
 
 import "../theme/type.mjs";
 
-import { s as setStyle, f as filterClasses, a as accessibleKeyDown } from "./misc-BsRTCJ2d.mjs";
+import { s as setStyle, f as filterClasses, a as accessibleKeyDown } from "./misc-GB29X0YR.mjs";
 
-import "./broadcastChannel-pFUzeRys.mjs";
+import "./broadcastChannel-qkn7bL4S.mjs";
 
-import "./webRTCStore-CQlEo5tj.mjs";
+import "./microphoneStore-CHjTUEL_.mjs";
 
-import "./microphoneStore-BbHftTVc.mjs";
-
-import "./volumeStore-D2zdLZOd.mjs";
+import "./volumeStore-DBjptppw.mjs";
 
 import "../hooks/useWindow.mjs";
 
-import { I as Icon } from "./Icon-BkxxiH7A.mjs";
+import { I as Icon } from "./Icon-DGQB6Mfm.mjs";
 
-import { P as ProgressIndicator } from "./ProgressIndicator-B5W14cIi.mjs";
+import { P as ProgressIndicator } from "./ProgressIndicator-C8tli-Jg.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",
+    xs: "Toast-module_xs__ptQ-h type-module_body-xs-regular__ZAFft",
     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"
+    l: "Toast-module_l__-W0PD type-module_body-l-regular__lOYbg",
+    xl: "Toast-module_xl__j5Zhr type-module_body-xl-regular__pF2kC"
 };
 
 !function(ToastType) {
@@ -45,7 +45,7 @@ var ToastType, css = {
 }(ToastType || (ToastType = {}));
 
 const ToastBase = React.forwardRef((props, ref) => {
-    const {notifId: notifId, message: message = null, size: size = "m", border: border = !0, padding: padding, radius: radius = 8, container: container = "window", showDelay: showDelay = 0, duration: duration = 5e3, position: position = "bottom", offset: offset = 24, close: close = !0, progress: progress, type: type = ToastType.Info, didHide: didHide = () => null} = props, divAttributes = __rest(props, [ "notifId", "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);
+    const {notifId: notifId, message: message = null, textSize: textSize = "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, [ "notifId", "message", "textSize", "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(() => {
@@ -121,7 +121,7 @@ const ToastBase = React.forwardRef((props, ref) => {
                 transition: transition
             })
         };
-    }, [ position, offset ]), classNames = useMemo(() => filterClasses([ css.wrapper, css[size], divClass ]), [ size, divClass ]), handleClose = useCallback(() => {
+    }, [ position, offset ]), classNames = useMemo(() => filterClasses([ css.wrapper, css[textSize], divClass ]), [ textSize, divClass ]), handleClose = useCallback(() => {
         setReady(!1);
     }, []), handleMouseOver = useCallback(() => {
         timer.current && clearTimeout(timer.current);

package/dist/esm/chunks/{ToggleButton-DSX3R_rz.mjs → ToggleButton-DpR2FO_I.mjs}

@@ -3,9 +3,9 @@ import { jsxs, jsx } from "react/jsx-runtime";
 
 import { useMemo } from "react";
 
-import { I as IconButton } from "./IconButton-BBTfkZot.mjs";
+import { I as IconButton } from "./IconButton-Wffb0Rhg.mjs";
 
-import { L as Label } from "./Label-CrBZfqDc.mjs";
+import { L as Label } from "./Label-BF7Bac6I.mjs";
 
 var css_toggleButton = "ToggleButton-module_toggleButton__H7KgI flexBox-module_rowStart__4tcxS";
 

package/dist/esm/chunks/{UploadArea-RTDaa_hG.mjs → UploadArea-ChXIXxSg.mjs}

@@ -3,13 +3,13 @@ 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-BsRTCJ2d.mjs";
+import { s as setStyle, a as accessibleKeyDown } from "./misc-GB29X0YR.mjs";
 
-import { I as Icon } from "./Icon-BkxxiH7A.mjs";
+import { I as Icon } from "./Icon-DGQB6Mfm.mjs";
 
-import { P as ProgressIndicator } from "./ProgressIndicator-B5W14cIi.mjs";
+import { P as ProgressIndicator } from "./ProgressIndicator-C8tli-Jg.mjs";
 
-import { F as FileList } from "./FileList-2D_SS6kK.mjs";
+import { F as FileList } from "./FileList-D0b6RxKc.mjs";
 
 var css = {
     wrapper: "UploadArea-module_wrapper__aircC flexBox-module_column__ezvMq",
@@ -20,7 +20,8 @@ var css = {
     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"
+    l: "UploadArea-module_l__KG9YN type-module_body-l-regular__lOYbg",
+    xl: "UploadArea-module_xl__xmTtW type-module_body-xl-regular__pF2kC"
 };
 
 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 ];
@@ -108,7 +109,7 @@ const UploadAreaBase = React.forwardRef((props, ref) => {
             children: jsx(FileList, {
                 files: files,
                 bgColor: "var(--core-surface-primary)",
-                size: "m",
+                textSize: "m",
                 direction: "column",
                 gap: 8,
                 iconSize: 24,

package/dist/esm/chunks/{Video-nS-hiB-6.mjs → Video-D3FSIySJ.mjs}

@@ -1,17 +1,17 @@
 'use client';
-import { a as __rest, _ as __awaiter } from "./tslib.es6-BBaRV8vV.mjs";
+import { a as __rest, _ as __awaiter } from "./tslib.es6-DGRmn-gx.mjs";
 
 import { jsxs, jsx } from "react/jsx-runtime";
 
 import React, { useRef, useState, useCallback, useMemo, useEffect } from "react";
 
-import { s as setStyle } from "./misc-BsRTCJ2d.mjs";
+import { s as setStyle } from "./misc-GB29X0YR.mjs";
 
-import { I as IconButton } from "./IconButton-BBTfkZot.mjs";
+import { I as IconButton } from "./IconButton-Wffb0Rhg.mjs";
 
-import { S as Slider } from "./Slider-DcozyGzD.mjs";
+import { S as Slider } from "./Slider-D6nWSQ-A.mjs";
 
-import { T as ToggleButton } from "./ToggleButton-DSX3R_rz.mjs";
+import { T as ToggleButton } from "./ToggleButton-DpR2FO_I.mjs";
 
 var PlayState, css_wrapper = "Video-module_wrapper__a9iH8", css_video = "Video-module_video__hxKME", css_controls = "Video-module_controls__X4yt6", css_controlsHeader = "Video-module_controlsHeader__dD64-", css_controlsFooter = "Video-module_controlsFooter__qJNTa", css_controlsBody = "Video-module_controlsBody__2GbQz", css_right = "Video-module_right__UMhfW", css_left = "Video-module_left__XC33m", css_progress = "Video-module_progress__UTWtq";
 

package/dist/esm/chunks/{VideoController-FeQUBuTa.mjs → VideoController-CS6eZwuf.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { a as __rest } from "./tslib.es6-BBaRV8vV.mjs";
+import { a as __rest } from "./tslib.es6-DGRmn-gx.mjs";
 
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 
@@ -7,19 +7,17 @@ import { useDragControls, AnimatePresence, motion } from "motion/react";
 
 import { useRef, useState, useEffect, useMemo } from "react";
 
-import "./microphoneStore-BbHftTVc.mjs";
+import "./microphoneStore-CHjTUEL_.mjs";
 
-import "./volumeStore-D2zdLZOd.mjs";
+import "./volumeStore-DBjptppw.mjs";
 
-import "./webRTCStore-CQlEo5tj.mjs";
+import { s as setStyle } from "./misc-GB29X0YR.mjs";
 
-import { s as setStyle } from "./misc-BsRTCJ2d.mjs";
+import { I as IconButton } from "./IconButton-Wffb0Rhg.mjs";
 
-import { I as IconButton } from "./IconButton-BBTfkZot.mjs";
+import { O as Overlay } from "./Overlay-DXAULyRd.mjs";
 
-import { O as Overlay } from "./Overlay-BlgYiAch.mjs";
-
-import { u as useVideo, a as useVideoActions } from "./videoStore-C12FBOE6.mjs";
+import { u as useVideo, a as useVideoActions } from "./videoStore-BxCTQ_tE.mjs";
 
 var css_container = "VideoController-module_container__wNiGy", css_box = "VideoController-module_box__a0PRD", css_wrapper = "VideoController-module_wrapper__RhpUo", css_video = "VideoController-module_video__9bS2L";
 

package/dist/esm/chunks/{WSConnection-S6xfpTTL.mjs → WSConnection-DX-v8PDB.mjs}

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

package/dist/esm/chunks/{WebRTCConnection-BeL7Xgng.mjs → WebRTCConnection-KLpY6CZG.mjs}

@@ -1,4 +1,4 @@
-import { _ as __awaiter } from "./tslib.es6-BBaRV8vV.mjs";
+import { _ as __awaiter } from "./tslib.es6-DGRmn-gx.mjs";
 
 class WebRTCConnection {
     /**

package/dist/esm/chunks/{browserChannelsStore-BM45iC6I.mjs → browserChannelsStore-BlUi1EOi.mjs}

@@ -1,8 +1,8 @@
 import { create } from "zustand";
 
-import "./tslib.es6-BBaRV8vV.mjs";
+import "./tslib.es6-DGRmn-gx.mjs";
 
-import { B as BrowserChannel } from "./broadcastChannel-pFUzeRys.mjs";
+import { B as BrowserChannel } from "./broadcastChannel-qkn7bL4S.mjs";
 
 const useBrowserChannelsStore = create((set, get) => ({
     channels: null,

package/dist/esm/chunks/{localDBStore-Ctb6waQQ.mjs → localDBStore-Cqmkk2oq.mjs}

@@ -1,4 +1,4 @@
-import { _ as __awaiter, a as __rest } from "./tslib.es6-BBaRV8vV.mjs";
+import { _ as __awaiter, a as __rest } from "./tslib.es6-DGRmn-gx.mjs";
 
 import { useMemo } from "react";
 
@@ -6,9 +6,9 @@ import { create } from "zustand";
 
 import { useShallow } from "zustand/react/shallow";
 
-import { I as IndexedDB } from "./IndexedDB-CuNOGQye.mjs";
+import { I as IndexedDB } from "./IndexedDB-Cwb-PZNm.mjs";
 
-import "./broadcastChannel-pFUzeRys.mjs";
+import "./broadcastChannel-qkn7bL4S.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-BbHftTVc.mjs → microphoneStore-CHjTUEL_.mjs}

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

package/dist/esm/chunks/{misc-BsRTCJ2d.mjs → misc-GB29X0YR.mjs}

@@ -1,4 +1,4 @@
-import { _ as __awaiter } from "./tslib.es6-BBaRV8vV.mjs";
+import { _ as __awaiter } from "./tslib.es6-DGRmn-gx.mjs";
 
 /**
  * Remove scripts, invisible characters, and optional HTML tags from a string.

package/dist/esm/chunks/{sseStore-yPRMQhW_.mjs → sseStore-CsFtm_ph.mjs}

@@ -1,10 +1,10 @@
 import { create } from "zustand";
 
-import "./tslib.es6-BBaRV8vV.mjs";
+import "./tslib.es6-DGRmn-gx.mjs";
 
-import { S as SSEConnection } from "./SSEConnection-nBRfJz2i.mjs";
+import { S as SSEConnection } from "./SSEConnection-DgwE_V3B.mjs";
 
-import "./broadcastChannel-pFUzeRys.mjs";
+import "./broadcastChannel-qkn7bL4S.mjs";
 
 const useSSEStore = create((set, get) => ({
     connections: [],

package/dist/esm/chunks/{uploads-worker-DG8PZWU_.mjs → uploads-worker-DnuyqnvO.mjs}

@@ -1,4 +1,4 @@
-import { _ as __awaiter } from "./tslib.es6-BBaRV8vV.mjs";
+import { _ as __awaiter } from "./tslib.es6-DGRmn-gx.mjs";
 
 var FileUploadStatus, UploadError, WorkerStatus;
 

package/dist/esm/chunks/{uploadsStore-7BKTfB9e.mjs → uploadsStore-BJkaMc8Q.mjs}

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

package/dist/esm/chunks/{viewState-BhLLUEz_.mjs → viewState-Bz_5JiKf.mjs}

@@ -2,25 +2,23 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 import React, { useCallback, useEffect, useState, useRef, useMemo } from "react";
 
-import { s as setStyle, a as accessibleKeyDown } from "./misc-BsRTCJ2d.mjs";
+import { s as setStyle, a as accessibleKeyDown } from "./misc-GB29X0YR.mjs";
 
-import { I as Icon } from "./Icon-BkxxiH7A.mjs";
+import { I as Icon } from "./Icon-DGQB6Mfm.mjs";
 
 import "../theme/colors.mjs";
 
 import "../theme/type.mjs";
 
-import "./tslib.es6-BBaRV8vV.mjs";
+import "./tslib.es6-DGRmn-gx.mjs";
 
-import { r as rafThrottle } from "./rafThrottle-CPPsTSzs.mjs";
+import { r as rafThrottle } from "./rafThrottle-B6dxl-O8.mjs";
 
-import "./broadcastChannel-pFUzeRys.mjs";
+import "./broadcastChannel-qkn7bL4S.mjs";
 
-import "./webRTCStore-CQlEo5tj.mjs";
+import "./microphoneStore-CHjTUEL_.mjs";
 
-import "./microphoneStore-BbHftTVc.mjs";
-
-import "./volumeStore-D2zdLZOd.mjs";
+import "./volumeStore-DBjptppw.mjs";
 
 import "../hooks/useWindow.mjs";
 
@@ -72,7 +70,7 @@ const resolveAlignValue = value => {
 const DEFAULT_OVERSCAN = 25;
 
 function DataTable(props) {
-    const {backgroundColor: backgroundColor = "var(--core-surface-primary)", headerBackgroundColor: headerBackgroundColor = "var(--core-surface-secondary)", candyStripeBackgroundColor: candyStripeBackgroundColor = "var(--core-surface-primary-tint)", backgroundColorHoverRow: backgroundColorHoverRow = "var(--core-surface-primary-tint)", handleHoverColor: handleHoverColor = "var(--core-outline-special)", freezeColumn: freezeColumn = !1, headerSticky: headerSticky = !0, height: height = "auto", width: width = "100%", colResize: colResize = !0, borderColor: borderColor = "var(--core-outline-primary)", borderStyle: borderStyle = "box", columnDefinitions: columnDefinitions = [], tableData: tableData = [], getRowId: getRowId, filter: filter, caption: caption = "Data Table", onDoubleClick: onDoubleClick, onClick: onClick, onMouseOut: onMouseOut, onMouseOver: onMouseOver, sort: sort, onSortChange: onSortChange, onColumnResize: onColumnResize, onColumnReorder: onColumnReorder, borderRadius: borderRadius = 8, virtualizeRows: virtualizeRows, virtualizeRowThreshold: virtualizeRowThreshold = 200, rowHeight: rowHeight = 44, overscanRows: overscanRows} = props, [hScroll, setHScroll] = useState(!1), [vScroll, setVScroll] = useState(!1), [hoveredRow, setHoveredRow] = useState(null), [sortKey, setSortKey] = useState(sort), [columnWidths, setColumnWidths] = useState({}), [columnOrder, setColumnOrder] = useState(null), [draggedColId, setDraggedColId] = useState(null), wrapperRef = React.useRef(null), resizeBarRef = React.useRef(null), colRefs = React.useRef({}), elements = {
+    const {backgroundColor: backgroundColor = "var(--core-surface-primary)", headerBackgroundColor: headerBackgroundColor = "var(--core-surface-secondary)", candyStripeBackgroundColor: candyStripeBackgroundColor = "var(--core-surface-primary-tint)", backgroundColorHoverRow: backgroundColorHoverRow = "var(--core-surface-primary-tint)", handleHoverColor: handleHoverColor = "var(--core-outline-special)", freezeColumn: freezeColumn = !1, headerSticky: headerSticky = !0, height: height = "auto", width: width = "100%", maxWidth: maxWidth, colResize: colResize = !0, borderColor: borderColor = "var(--core-outline-primary)", borderStyle: borderStyle = "box", columnDefinitions: columnDefinitions = [], tableData: tableData = [], getRowId: getRowId, filter: filter, caption: caption = "Data Table", onDoubleClick: onDoubleClick, onClick: onClick, onMouseOut: onMouseOut, onMouseOver: onMouseOver, sort: sort, onSortChange: onSortChange, onColumnResize: onColumnResize, onColumnReorder: onColumnReorder, borderRadius: borderRadius = 8, virtualizeRows: virtualizeRows, virtualizeRowThreshold: virtualizeRowThreshold = 200, rowHeight: rowHeight = 44, overscanRows: overscanRows, margin: margin} = props, [hScroll, setHScroll] = useState(!1), [vScroll, setVScroll] = useState(!1), [hoveredRow, setHoveredRow] = useState(null), [sortKey, setSortKey] = useState(sort), [columnWidths, setColumnWidths] = useState({}), [columnOrder, setColumnOrder] = useState(null), [draggedColId, setDraggedColId] = useState(null), wrapperRef = React.useRef(null), resizeBarRef = React.useRef(null), colRefs = React.useRef({}), elements = {
         handle: resizeBarRef,
         parent: wrapperRef
     }, cornerBoxShadow = useMemo(() => {
@@ -91,7 +89,9 @@ function DataTable(props) {
         shadows.length > 0 ? shadows.join(",") : "none";
     }, [ vScroll, headerSticky ]), cssVars = useMemo(() => ({
         "--table-width": setStyle(width),
+        "--table-max-width": maxWidth ? setStyle(maxWidth) : "unset",
         "--table-height": setStyle(height),
+        "--table-margin": margin ? setStyle(margin) : "0",
         "--table-background-color": backgroundColor,
         "--table-column-box-shadow": columnBoxShadow,
         "--table-header-box-shadow": headerBoxShadow,
@@ -107,7 +107,7 @@ function DataTable(props) {
         "--table-border-sides": "box" === borderStyle ? "1px" : "0",
         "--table-handle-hover-color": handleHoverColor,
         "--table-border-radius": "box" === borderStyle ? setStyle(borderRadius) : 0
-    }), [ backgroundColor, headerBackgroundColor, candyStripeBackgroundColor, cornerBoxShadow, columnBoxShadow, headerBoxShadow, freezeColumn, headerSticky, width, height, borderColor, borderStyle, handleHoverColor, borderRadius ]), handleCreateRefs = useCallback((el, id) => {
+    }), [ backgroundColor, headerBackgroundColor, candyStripeBackgroundColor, cornerBoxShadow, columnBoxShadow, headerBoxShadow, freezeColumn, headerSticky, width, height, borderColor, borderStyle, handleHoverColor, borderRadius, maxWidth, margin ]), handleCreateRefs = useCallback((el, id) => {
         colRefs.current[id] = el;
     }, []), orderedColumns = useMemo(() => {
         if (!columnOrder) return columnDefinitions;

package/dist/esm/chunks/{volumeStore-D2zdLZOd.mjs → volumeStore-DBjptppw.mjs}

@@ -1,4 +1,4 @@
-import { _ as __awaiter } from "./tslib.es6-BBaRV8vV.mjs";
+import { _ as __awaiter } from "./tslib.es6-DGRmn-gx.mjs";
 
 import { create } from "zustand";
 

package/dist/esm/chunks/{webRTCStore-CQlEo5tj.mjs → webRTCStore-Da4krjmG.mjs}

@@ -1,10 +1,10 @@
-import { _ as __awaiter } from "./tslib.es6-BBaRV8vV.mjs";
+import { _ as __awaiter } from "./tslib.es6-DGRmn-gx.mjs";
 
 import { create } from "zustand";
 
-import { W as WebRTCConnection } from "./WebRTCConnection-BeL7Xgng.mjs";
+import { W as WebRTCConnection } from "./WebRTCConnection-KLpY6CZG.mjs";
 
-import "./broadcastChannel-pFUzeRys.mjs";
+import "./broadcastChannel-qkn7bL4S.mjs";
 
 const useWebRTCStore = create((set, get) => ({
     connections: [],

package/dist/esm/chunks/{windowStore-Dfr_YWg6.mjs → windowStore-DuCMm9ZH.mjs}

@@ -1,4 +1,4 @@
-import { _ as __awaiter } from "./tslib.es6-BBaRV8vV.mjs";
+import { _ as __awaiter } from "./tslib.es6-DGRmn-gx.mjs";
 
 import { create } from "zustand";
 

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

@@ -1,6 +1,6 @@
-export { A as AudioBubble } from "../../chunks/AudioBubble-DKB_ikQD.mjs";
+export { A as AudioBubble } from "../../chunks/AudioBubble-BzlrPWjD.mjs";
 
-import "../../chunks/tslib.es6-BBaRV8vV.mjs";
+import "../../chunks/tslib.es6-DGRmn-gx.mjs";
 
 import "react/jsx-runtime";
 
@@ -24,20 +24,16 @@ import "../../theme/type.mjs";
 
 import "../../hooks/useObserveTheme.mjs";
 
-import "../../chunks/colors-B-SjYUwU.mjs";
+import "../../chunks/colors-C3CypePZ.mjs";
 
-import "../../chunks/audioVisualizer-CkuYs_YL.mjs";
+import "../../chunks/audioVisualizer-CLKL6Y79.mjs";
 
-import "../../chunks/broadcastChannel-pFUzeRys.mjs";
+import "../../chunks/broadcastChannel-qkn7bL4S.mjs";
 
-import "../../chunks/webRTCStore-CQlEo5tj.mjs";
+import "../../chunks/microphoneStore-CHjTUEL_.mjs";
 
 import "zustand";
 
-import "../../chunks/WebRTCConnection-BeL7Xgng.mjs";
-
-import "../../chunks/microphoneStore-BbHftTVc.mjs";
-
-import "../../chunks/volumeStore-D2zdLZOd.mjs";
+import "../../chunks/volumeStore-DBjptppw.mjs";
 
 import "../../hooks/useWindow.mjs";

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

@@ -1,9 +1,9 @@
-export { A as Avatar } from "../../chunks/Avatar-BKLELU1D.mjs";
+export { A as Avatar } from "../../chunks/Avatar-DE7v6q5Z.mjs";
 
-import "../../chunks/tslib.es6-BBaRV8vV.mjs";
+import "../../chunks/tslib.es6-DGRmn-gx.mjs";
 
 import "react/jsx-runtime";
 
 import "react";
 
-import "../../chunks/misc-BsRTCJ2d.mjs";
+import "../../chunks/misc-GB29X0YR.mjs";

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

@@ -1,11 +1,11 @@
-export { A as AvatarGroup } from "../../chunks/AvatarGroup-VlUvrmRB.mjs";
+export { A as AvatarGroup } from "../../chunks/AvatarGroup-B-E3eFeF.mjs";
 
-import "../../chunks/tslib.es6-BBaRV8vV.mjs";
+import "../../chunks/tslib.es6-DGRmn-gx.mjs";
 
 import "react/jsx-runtime";
 
 import "react";
 
-import "../../chunks/Avatar-BKLELU1D.mjs";
+import "../../chunks/Avatar-DE7v6q5Z.mjs";
 
-import "../../chunks/misc-BsRTCJ2d.mjs";
+import "../../chunks/misc-GB29X0YR.mjs";

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

@@ -1,6 +1,6 @@
-export { B as Badge } from "../../chunks/Badge-CNerXOWY.mjs";
+export { B as Badge } from "../../chunks/Badge-Cli_Ebpu.mjs";
 
-import "../../chunks/tslib.es6-BBaRV8vV.mjs";
+import "../../chunks/tslib.es6-DGRmn-gx.mjs";
 
 import "react/jsx-runtime";
 

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

@@ -1,6 +1,6 @@
-export { B as Button } from "../../chunks/Button-CxC5PDLZ.mjs";
+export { B as Button } from "../../chunks/Button-BdxJ4wnE.mjs";
 
-import "../../chunks/tslib.es6-BBaRV8vV.mjs";
+import "../../chunks/tslib.es6-DGRmn-gx.mjs";
 
 import "react/jsx-runtime";
 
@@ -8,11 +8,11 @@ import "motion/react";
 
 import "react";
 
-import "../../chunks/Badge-CNerXOWY.mjs";
+import "../../chunks/Badge-Cli_Ebpu.mjs";
 
-import "../../chunks/Dot-vxTR5qQx.mjs";
+import "../../chunks/Dot-Lyaimh03.mjs";
 
-import "../../chunks/Icon-BkxxiH7A.mjs";
+import "../../chunks/Icon-DGQB6Mfm.mjs";
 
 import "../../hooks/useTheme.mjs";
 
@@ -32,22 +32,18 @@ import "../../theme/type.mjs";
 
 import "../../hooks/useObserveTheme.mjs";
 
-import "../../chunks/misc-BsRTCJ2d.mjs";
+import "../../chunks/misc-GB29X0YR.mjs";
 
-import "../../chunks/broadcastChannel-pFUzeRys.mjs";
+import "../../chunks/broadcastChannel-qkn7bL4S.mjs";
 
-import "../../chunks/webRTCStore-CQlEo5tj.mjs";
+import "../../chunks/microphoneStore-CHjTUEL_.mjs";
 
 import "zustand";
 
-import "../../chunks/WebRTCConnection-BeL7Xgng.mjs";
-
-import "../../chunks/microphoneStore-BbHftTVc.mjs";
-
-import "../../chunks/volumeStore-D2zdLZOd.mjs";
+import "../../chunks/volumeStore-DBjptppw.mjs";
 
 import "../../hooks/useWindow.mjs";
 
-import "../../chunks/ProgressIndicator-B5W14cIi.mjs";
+import "../../chunks/ProgressIndicator-C8tli-Jg.mjs";
 
-import "../../chunks/sharedTypes-B8v-v7Ul.mjs";
+import "../../chunks/sharedTypes-DqPH1p0Q.mjs";

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

@@ -1,14 +1,14 @@
-export { B as ButtonBar } from "../../chunks/ButtonBar-CY28QYoc.mjs";
+export { B as ButtonBar } from "../../chunks/ButtonBar-LIzMkcAW.mjs";
 
-import "../../chunks/tslib.es6-BBaRV8vV.mjs";
+import "../../chunks/tslib.es6-DGRmn-gx.mjs";
 
 import "react/jsx-runtime";
 
 import "react";
 
-import "../../chunks/misc-BsRTCJ2d.mjs";
+import "../../chunks/misc-GB29X0YR.mjs";
 
-import "../../chunks/Icon-BkxxiH7A.mjs";
+import "../../chunks/Icon-DGQB6Mfm.mjs";
 
 import "../../hooks/useTheme.mjs";
 
@@ -28,16 +28,12 @@ import "../../theme/type.mjs";
 
 import "../../hooks/useObserveTheme.mjs";
 
-import "../../chunks/broadcastChannel-pFUzeRys.mjs";
+import "../../chunks/broadcastChannel-qkn7bL4S.mjs";
 
-import "../../chunks/webRTCStore-CQlEo5tj.mjs";
+import "../../chunks/microphoneStore-CHjTUEL_.mjs";
 
 import "zustand";
 
-import "../../chunks/WebRTCConnection-BeL7Xgng.mjs";
-
-import "../../chunks/microphoneStore-BbHftTVc.mjs";
-
-import "../../chunks/volumeStore-D2zdLZOd.mjs";
+import "../../chunks/volumeStore-DBjptppw.mjs";
 
 import "../../hooks/useWindow.mjs";

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

@@ -1,6 +1,6 @@
-export { C as Camera } from "../../chunks/Camera-DDRMUn2z.mjs";
+export { C as Camera } from "../../chunks/Camera-DQIlyciR.mjs";
 
-import "../../chunks/tslib.es6-BBaRV8vV.mjs";
+import "../../chunks/tslib.es6-DGRmn-gx.mjs";
 
 import "react/jsx-runtime";
 
@@ -24,24 +24,20 @@ import "../../theme/type.mjs";
 
 import "../../hooks/useObserveTheme.mjs";
 
-import "../../chunks/misc-BsRTCJ2d.mjs";
+import "../../chunks/misc-GB29X0YR.mjs";
 
-import "../../chunks/colors-B-SjYUwU.mjs";
+import "../../chunks/colors-C3CypePZ.mjs";
 
-import "../../chunks/broadcastChannel-pFUzeRys.mjs";
+import "../../chunks/broadcastChannel-qkn7bL4S.mjs";
 
-import "../../chunks/webRTCStore-CQlEo5tj.mjs";
+import "../../chunks/microphoneStore-CHjTUEL_.mjs";
 
 import "zustand";
 
-import "../../chunks/WebRTCConnection-BeL7Xgng.mjs";
-
-import "../../chunks/microphoneStore-BbHftTVc.mjs";
-
-import "../../chunks/volumeStore-D2zdLZOd.mjs";
+import "../../chunks/volumeStore-DBjptppw.mjs";
 
 import "../../hooks/useWindow.mjs";
 
-import "../../chunks/Avatar-BKLELU1D.mjs";
+import "../../chunks/Avatar-DE7v6q5Z.mjs";
 
-import "../../chunks/Icon-BkxxiH7A.mjs";
+import "../../chunks/Icon-DGQB6Mfm.mjs";