@apple-pie/slice 0.1.40 → 0.1.41

package/dist/esm/chunks/{Slider-BycFcO8F.mjs → Slider-SseVlmbl.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-Ds68U-an.mjs";
+import { _ as __rest } from "./tslib.es6-SLveycHb.mjs";
 
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -7,15 +7,15 @@ import React, { useRef, useState, useMemo, useCallback, useEffect } from "react"
 
 import "../theme/colors.mjs";
 
-import { p as pointerPosition } from "./misc-CrRqXhHT.mjs";
+import { p as pointerPosition } from "./misc-DrBZJBmZ.mjs";
 
-import { d as debounce } from "./debounce-KFJgJi3c.mjs";
+import { d as debounce } from "./debounce-COjcxIqP.mjs";
 
-import "./webRTCStore-B-8GAdfg.mjs";
+import "./webRTCStore-EN1TQcjW.mjs";
 
-import "./microphoneStore-BTpDrQ-h.mjs";
+import "./microphoneStore-CAbCtIQb.mjs";
 
-import "./volumeStore-BhwxRT5u.mjs";
+import "./volumeStore-Bh8R2WVg.mjs";
 
 import "../hooks/useWindow.mjs";
 

package/dist/esm/chunks/{Spacer-DJo_-gVl.mjs → Spacer-BZv85Dxl.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-Ds68U-an.mjs";
+import { _ as __rest } from "./tslib.es6-SLveycHb.mjs";
 
 import { jsx } from "react/jsx-runtime";
 

package/dist/esm/chunks/{Switch-CNGwnZv6.mjs → Switch-DWbt6jA7.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-Ds68U-an.mjs";
+import { _ as __rest } from "./tslib.es6-SLveycHb.mjs";
 
 import { jsx } from "react/jsx-runtime";
 

package/dist/esm/chunks/{TabBar-7q4roccF.mjs → TabBar-DsEyyBiY.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-Ds68U-an.mjs";
+import { _ as __rest } from "./tslib.es6-SLveycHb.mjs";
 
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -9,23 +9,23 @@ import { useTheme } from "../hooks/useTheme.mjs";
 
 import "../theme/colors.mjs";
 
-import { s as setStyle } from "./misc-CrRqXhHT.mjs";
+import { s as setStyle } from "./misc-DrBZJBmZ.mjs";
 
-import "./webRTCStore-B-8GAdfg.mjs";
+import "./webRTCStore-EN1TQcjW.mjs";
 
-import "./microphoneStore-BTpDrQ-h.mjs";
+import "./microphoneStore-CAbCtIQb.mjs";
 
-import "./volumeStore-BhwxRT5u.mjs";
+import "./volumeStore-Bh8R2WVg.mjs";
 
 import "../hooks/useWindow.mjs";
 
-import { B as Badge } from "./Badge-DFJyVOyX.mjs";
+import { B as Badge } from "./Badge-B1QAa8tc.mjs";
 
-import { I as Icon } from "./Icon-BZt1vyIG.mjs";
+import { I as Icon } from "./Icon-BOU_SmIc.mjs";
 
-import { I as IconButton } from "./IconButton-CR755qeH.mjs";
+import { I as IconButton } from "./IconButton-Dtzc9KOm.mjs";
 
-import { T as ToolTipType } from "./sharedTypes-CowE3tly.mjs";
+import { T as ToolTipType } from "./sharedTypes-BZILPfY0.mjs";
 
 var css = {
     wrapper: "TabBar-module_wrapper__cyOR1 flexBox-module_rowStart__4tcxS",

package/dist/esm/chunks/{TextArea-sen2Zfvz.mjs → TextArea-CKYtQKHj.mjs}

@@ -1,19 +1,19 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-Ds68U-an.mjs";
+import { _ as __rest } from "./tslib.es6-SLveycHb.mjs";
 
 import { jsxs, jsx } from "react/jsx-runtime";
 
 import React, { useState, useRef, useCallback, useEffect, useMemo } from "react";
 
-import { B as Button } from "./Button-Chho_Lrw.mjs";
+import { B as Button } from "./Button-DanlQxTR.mjs";
 
-var css_wrapper = "TextArea-module_wrapper__O0sWP flexBox-module_columnStart__C7P44", css_textarea = "TextArea-module_textarea__-R2n0", css_send = "TextArea-module_send__Cub13", css_xs = "TextArea-module_xs__5e748 type-module_body-xs-regular__ZAFft", css_s = "TextArea-module_s__Ac-fq type-module_body-s-regular__vRHSP", css_m = "TextArea-module_m__dod4R type-module_body-m-regular__LuQBA", css_l = "TextArea-module_l__-uLCG type-module_body-l-regular__lOYbg";
+var css_wrapper = "TextArea-module_wrapper__O0sWP flexBox-module_columnStart__C7P44", css_textarea = "TextArea-module_textarea__-R2n0 scrollBars-module_scrollbars__c-ZPl", css_send = "TextArea-module_send__Cub13", css_xs = "TextArea-module_xs__5e748 type-module_body-xs-regular__ZAFft", css_s = "TextArea-module_s__Ac-fq type-module_body-s-regular__vRHSP", css_m = "TextArea-module_m__dod4R type-module_body-m-regular__LuQBA", css_l = "TextArea-module_l__-uLCG type-module_body-l-regular__lOYbg";
 
 const TextArea = React.memo(props => {
-    const {value: value = "", name: name = "text_area", width: width = "100%", focused: focused = !1, placeholder: placeholder = "Enter text here...", rows: rows = 6, border: border = !0, borderRadius: borderRadius = 4, padding: padding = "16px 4px 16px 16px", error: error = !1, resizable: resizable = !0, hasSend: hasSend = !1, sendOffset: sendOffset = {
+    const {value: value = "", name: name = "text_area", width: width = "100%", height: height = "auto", focused: focused = !1, placeholder: placeholder = "Enter text here...", rows: rows = 6, border: border = !0, borderRadius: borderRadius = 4, padding: padding = "16px 4px 16px 16px", error: error = !1, resizable: resizable = !0, hasSend: hasSend = !1, sendOffset: sendOffset = {
         bottom: 10,
         right: 10
-    }, sendSize: sendSize = 36, returnSubmits: returnSubmits = !1, backgroundColor: backgroundColor, bgColor: bgColor, minWidth: minWidth, textSize: textSize = "m", disabled: disabled = !1, submitClears: submitClears = !0, maxLength: maxLength, onChange: onChange = () => null, onFocus: onFocus = () => null, onBlur: onBlur = () => null, onSubmit: onSubmit = () => null, onKeyDown: onKeyDown = () => null} = props, divAttributes = __rest(props, [ "value", "name", "width", "focused", "placeholder", "rows", "border", "borderRadius", "padding", "error", "resizable", "hasSend", "sendOffset", "sendSize", "returnSubmits", "backgroundColor", "bgColor", "minWidth", "textSize", "disabled", "submitClears", "maxLength", "onChange", "onFocus", "onBlur", "onSubmit", "onKeyDown" ]), {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, [isFocused, setIsFocused] = useState(focused), [text, setText] = useState(value), ref = useRef(null), handleResize = useCallback(() => {
+    }, sendSize: sendSize = 36, returnSubmits: returnSubmits = !1, backgroundColor: backgroundColor, bgColor: bgColor, minWidth: minWidth, textSize: textSize = "m", disabled: disabled = !1, submitClears: submitClears = !0, maxLength: maxLength, onChange: onChange = () => null, onFocus: onFocus = () => null, onBlur: onBlur = () => null, onSubmit: onSubmit = () => null, onKeyDown: onKeyDown = () => null} = props, divAttributes = __rest(props, [ "value", "name", "width", "height", "focused", "placeholder", "rows", "border", "borderRadius", "padding", "error", "resizable", "hasSend", "sendOffset", "sendSize", "returnSubmits", "backgroundColor", "bgColor", "minWidth", "textSize", "disabled", "submitClears", "maxLength", "onChange", "onFocus", "onBlur", "onSubmit", "onKeyDown" ]), {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, [isFocused, setIsFocused] = useState(focused), [text, setText] = useState(value), ref = useRef(null), handleResize = useCallback(() => {
         (null == ref ? void 0 : ref.current) && (ref.current.style.height = "auto", ref.current.style.height = `${ref.current.scrollHeight}px`);
     }, []);
     useEffect(() => {
@@ -38,6 +38,8 @@ const TextArea = React.memo(props => {
         "--ta-border-radius": `${borderRadius}px`,
         "--ta-width": `${setStyleValue(width)}`,
         "--ta-min-width": minWidth ? `${minWidth}px` : "unset",
+        "--ta-height": `${setStyleValue(height)}`,
+        "--ta-max-height": "auto" === height ? "unset" : `${setStyleValue(height)}`,
         "--ta-bg-color": null != resolvedBackgroundColor ? resolvedBackgroundColor : "var(--core-surface-secondary)",
         "--ta-border-color": setBorderColor,
         "--ta-padding": `${setStyleValue(padding)}`,
@@ -45,7 +47,7 @@ const TextArea = React.memo(props => {
         "--ta-send-icon-offset-right": `${sendOffset.right}px`,
         "--ta-send-icon-size": `${sendSize}px`,
         "--ta-resize": resizable ? "vertical" : "none"
-    }), [ width, minWidth, resolvedBackgroundColor, setBorderColor, padding, sendOffset, sendSize, setStyleValue, borderRadius, resizable ]);
+    }), [ width, minWidth, resolvedBackgroundColor, setBorderColor, padding, sendOffset, sendSize, setStyleValue, borderRadius, resizable, height ]);
     return jsxs("div", Object.assign({
         id: divId,
         className: `${css_wrapper}${divClass}`,

package/dist/esm/chunks/{TextField-DxloReNm.mjs → TextField-CEc95_UF.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-Ds68U-an.mjs";
+import { _ as __rest } from "./tslib.es6-SLveycHb.mjs";
 
 import { jsxs, jsx } from "react/jsx-runtime";
 
@@ -11,21 +11,21 @@ import { useTheme } from "../hooks/useTheme.mjs";
 
 import "../theme/colors.mjs";
 
-import { s as setStyle } from "./misc-CrRqXhHT.mjs";
+import { s as setStyle } from "./misc-DrBZJBmZ.mjs";
 
-import "./webRTCStore-B-8GAdfg.mjs";
+import "./webRTCStore-EN1TQcjW.mjs";
 
-import "./microphoneStore-BTpDrQ-h.mjs";
+import "./microphoneStore-CAbCtIQb.mjs";
 
-import "./volumeStore-BhwxRT5u.mjs";
+import "./volumeStore-Bh8R2WVg.mjs";
 
 import "../hooks/useWindow.mjs";
 
-import { B as Button } from "./Button-Chho_Lrw.mjs";
+import { B as Button } from "./Button-DanlQxTR.mjs";
 
-import { I as Icon } from "./Icon-BZt1vyIG.mjs";
+import { I as Icon } from "./Icon-BOU_SmIc.mjs";
 
-import { I as IconButton } from "./IconButton-CR755qeH.mjs";
+import { I as IconButton } from "./IconButton-Dtzc9KOm.mjs";
 
 var css = {
     wrapper: "TextField-module_wrapper__qZ-p- flexBox-module_rowStart__4tcxS",

package/dist/esm/chunks/{Tip-D-FQMv3l.mjs → Tip-joe5AXj-.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-Ds68U-an.mjs";
+import { _ as __rest } from "./tslib.es6-SLveycHb.mjs";
 
 import { jsx } from "react/jsx-runtime";
 
@@ -7,7 +7,7 @@ import { motion } from "motion/react";
 
 import React, { useState, useRef, useEffect, useMemo } from "react";
 
-import { f as filterClasses } from "./misc-CrRqXhHT.mjs";
+import { f as filterClasses } from "./misc-DrBZJBmZ.mjs";
 
 var css = {
     wrapper: "Tip-module_wrapper__D7ACT flexBox-module_rowStart__4tcxS",

package/dist/esm/chunks/{Toast-CsT_aFlb.mjs → Toast-CZqRqr-l.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-Ds68U-an.mjs";
+import { _ as __rest } from "./tslib.es6-SLveycHb.mjs";
 
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -11,19 +11,19 @@ import { useTheme } from "../hooks/useTheme.mjs";
 
 import "../theme/colors.mjs";
 
-import { s as setStyle, f as filterClasses, a as accessibleKeyDown } from "./misc-CrRqXhHT.mjs";
+import { s as setStyle, f as filterClasses, a as accessibleKeyDown } from "./misc-DrBZJBmZ.mjs";
 
-import "./webRTCStore-B-8GAdfg.mjs";
+import "./webRTCStore-EN1TQcjW.mjs";
 
-import "./microphoneStore-BTpDrQ-h.mjs";
+import "./microphoneStore-CAbCtIQb.mjs";
 
-import "./volumeStore-BhwxRT5u.mjs";
+import "./volumeStore-Bh8R2WVg.mjs";
 
 import "../hooks/useWindow.mjs";
 
-import { I as Icon } from "./Icon-BZt1vyIG.mjs";
+import { I as Icon } from "./Icon-BOU_SmIc.mjs";
 
-import { P as ProgressIndicator } from "./ProgressIndicator-DeGlulNo.mjs";
+import { P as ProgressIndicator } from "./ProgressIndicator-Ch3G17Mt.mjs";
 
 var ToastType, css = {
     wrapper: "Toast-module_wrapper__1uj9O flexBox-module_rowBetween__5FEvi",

package/dist/esm/chunks/{ToggleButton-CPdXaS7E.mjs → ToggleButton-BEASCBHE.mjs}

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

package/dist/esm/chunks/{UploadArea-Bdl3i7eE.mjs → UploadArea-BCzgf_yA.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-CrRqXhHT.mjs";
+import { s as setStyle, a as accessibleKeyDown } from "./misc-DrBZJBmZ.mjs";
 
-import { F as FileList } from "./FileList-BGBUdwjJ.mjs";
+import { F as FileList } from "./FileList-Bzdgyxx-.mjs";
 
-import { I as Icon } from "./Icon-BZt1vyIG.mjs";
+import { I as Icon } from "./Icon-BOU_SmIc.mjs";
 
-import { P as ProgressIndicator } from "./ProgressIndicator-DeGlulNo.mjs";
+import { P as ProgressIndicator } from "./ProgressIndicator-Ch3G17Mt.mjs";
 
 var css = {
     wrapper: "UploadArea-module_wrapper__aircC flexBox-module_column__ezvMq",

package/dist/esm/chunks/{Video-Bcjl732W.mjs → Video-BJbqZjL2.mjs}

@@ -1,17 +1,17 @@
 'use client';
-import { _ as __rest, a as __awaiter } from "./tslib.es6-Ds68U-an.mjs";
+import { _ as __rest, a as __awaiter } from "./tslib.es6-SLveycHb.mjs";
 
 import { jsxs, jsx } from "react/jsx-runtime";
 
 import React, { useRef, useState, useCallback, useMemo, useEffect } from "react";
 
-import { s as setStyle } from "./misc-CrRqXhHT.mjs";
+import { s as setStyle } from "./misc-DrBZJBmZ.mjs";
 
-import { I as IconButton } from "./IconButton-CR755qeH.mjs";
+import { I as IconButton } from "./IconButton-Dtzc9KOm.mjs";
 
-import { S as Slider } from "./Slider-BycFcO8F.mjs";
+import { S as Slider } from "./Slider-SseVlmbl.mjs";
 
-import { T as ToggleButton } from "./ToggleButton-CPdXaS7E.mjs";
+import { T as ToggleButton } from "./ToggleButton-BEASCBHE.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-BaARvXnU.mjs → VideoController-UU97YVMu.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-Ds68U-an.mjs";
+import { _ as __rest } from "./tslib.es6-SLveycHb.mjs";
 
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 
@@ -7,13 +7,19 @@ import { useDragControls, AnimatePresence, motion } from "motion/react";
 
 import { useRef, useState, useEffect, useMemo } from "react";
 
-import { s as setStyle } from "./misc-CrRqXhHT.mjs";
+import "./microphoneStore-CAbCtIQb.mjs";
 
-import { I as IconButton } from "./IconButton-CR755qeH.mjs";
+import "./volumeStore-Bh8R2WVg.mjs";
 
-import { O as Overlay } from "./Overlay-e1ApW6k4.mjs";
+import "./webRTCStore-EN1TQcjW.mjs";
 
-import { u as useVideo, a as useVideoActions } from "./videoStore-BqjAjmlR.mjs";
+import { s as setStyle } from "./misc-DrBZJBmZ.mjs";
+
+import { I as IconButton } from "./IconButton-Dtzc9KOm.mjs";
+
+import { O as Overlay } from "./Overlay-D99175pC.mjs";
+
+import { u as useVideo, a as useVideoActions } from "./videoStore-BPWPeEyt.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-xF4eafdv.mjs → WSConnection-IvbyrJH5.mjs}

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

package/dist/esm/chunks/{WebRTCConnection-DN1mZiOD.mjs → WebRTCConnection-CMISrbkj.mjs}

@@ -1,4 +1,4 @@
-import { a as __awaiter } from "./tslib.es6-Ds68U-an.mjs";
+import { a as __awaiter } from "./tslib.es6-SLveycHb.mjs";
 
 class WebRTCConnection {
     /**

package/dist/esm/chunks/{localDBStore-B-6phfUd.mjs → localDBStore-BaMrWZ7c.mjs}

@@ -1,4 +1,4 @@
-import { a as __awaiter, _ as __rest } from "./tslib.es6-Ds68U-an.mjs";
+import { a as __awaiter, _ as __rest } from "./tslib.es6-SLveycHb.mjs";
 
 import { useMemo } from "react";
 
@@ -6,7 +6,7 @@ import { create } from "zustand";
 
 import { useShallow } from "zustand/react/shallow";
 
-import { I as IndexedDB } from "./IndexedDB-BTreBVy0.mjs";
+import { I as IndexedDB } from "./IndexedDB-CMyig7VA.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-BTpDrQ-h.mjs → microphoneStore-CAbCtIQb.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { a as __awaiter } from "./tslib.es6-Ds68U-an.mjs";
+import { a as __awaiter } from "./tslib.es6-SLveycHb.mjs";
 
 import { useEffect } from "react";
 

package/dist/esm/chunks/{misc-CrRqXhHT.mjs → misc-DrBZJBmZ.mjs}

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

package/dist/esm/chunks/{sseStore-BrDfyzIq.mjs → sseStore-CGTH5JjI.mjs}

@@ -1,8 +1,8 @@
 import { create } from "zustand";
 
-import "./tslib.es6-Ds68U-an.mjs";
+import "./tslib.es6-SLveycHb.mjs";
 
-import { S as SSEConnection } from "./SSEConnection-CGcw3SDi.mjs";
+import { S as SSEConnection } from "./SSEConnection-S7LXth1M.mjs";
 
 const useSSEStore = create((set, get) => ({
     connections: [],

package/dist/esm/chunks/{uploads-worker-De4Komgf.mjs → uploads-worker-CgeRABUG.mjs}

@@ -1,4 +1,4 @@
-import { a as __awaiter } from "./tslib.es6-Ds68U-an.mjs";
+import { a as __awaiter } from "./tslib.es6-SLveycHb.mjs";
 
 var FileUploadStatus, UploadError, WorkerStatus;
 

package/dist/esm/chunks/{uploadsStore-DrHX1PuY.mjs → uploadsStore-DARU8ZLF.mjs}

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

package/dist/esm/chunks/viewState-BhDVDWPZ.mjs

@@ -0,0 +1,172 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+
+import React, { useState, useCallback, useMemo } from "react";
+
+import { s as setStyle, a as accessibleKeyDown } from "./misc-DrBZJBmZ.mjs";
+
+var styles = {
+    tableWrapper: "DataTable-module_tableWrapper__BzoJE",
+    table: "DataTable-module_table__oL4Dz",
+    baseCell: "DataTable-module_baseCell__DQl-z",
+    baseCellWrapper: "DataTable-module_baseCellWrapper__WMgNm",
+    headerCellWrapper: "DataTable-module_headerCellWrapper__ytVYY",
+    m: "DataTable-module_m__G9QOp type-module_body-m-regular__LuQBA",
+    scroll: "DataTable-module_scroll__grEU0 scrollBars-module_scrollbars__c-ZPl"
+};
+
+function createColumnHelper() {
+    return {
+        accessor: (accessor, def) => Object.assign({
+            accessor: accessor
+        }, def)
+    };
+}
+
+const resolveAlignValue = value => {
+    switch (value) {
+      case "start":
+        return "flex-start";
+
+      case "center":
+      default:
+        return "center";
+
+      case "end":
+        return "flex-end";
+    }
+};
+
+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)", freezeColumn: freezeColumn = !1, headerSticky: headerSticky = !0, height: height = "auto", width: width = "100%", 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} = props, [hScroll, setHScroll] = useState(!1), [vScroll, setVScroll] = useState(!1), [hoveredRow, setHoveredRow] = useState(null), wrapperRef = React.useRef(null), cornerBoxShadow = useCallback(() => {
+        const shadows = [];
+        return hScroll && freezeColumn && shadows.push("1px 0 0 var(--core-outline-primary)", "5px 0 0 rgba(0,0,0,0.1)"), 
+        vScroll && headerSticky && shadows.push("0 1px 0 var(--core-outline-primary)"), 
+        vScroll && headerSticky && !hScroll && shadows.push("0 5px 0 rgba(0,0,0,0.1)"), 
+        shadows.length > 0 ? shadows.join(",") : "none";
+    }, [ hScroll, vScroll, freezeColumn, headerSticky ]), columnBoxShadow = useMemo(() => {
+        const shadows = [];
+        return hScroll && freezeColumn && shadows.push("1px 0 0 var(--core-outline-primary)", "5px 0 0 rgba(0,0,0,0.1)"), 
+        shadows.length > 0 ? shadows.join(",") : "none";
+    }, [ hScroll, freezeColumn ]), headerBoxShadow = useMemo(() => {
+        const shadows = [];
+        return vScroll && headerSticky && shadows.push("0 1px 0 var(--core-outline-primary)", "0 5px 0 rgba(0,0,0,0.1)"), 
+        shadows.length > 0 ? shadows.join(",") : "none";
+    }, [ vScroll, headerSticky ]), cssVars = useMemo(() => ({
+        "--table-width": setStyle(width),
+        "--table-height": setStyle(height),
+        "--table-background-color": backgroundColor,
+        "--table-column-box-shadow": columnBoxShadow,
+        "--table-header-box-shadow": headerBoxShadow,
+        "--table-corner-box-shadow": cornerBoxShadow,
+        "--table-header-background-color": headerBackgroundColor,
+        "--table-candy-stripe-background-color": candyStripeBackgroundColor,
+        "--table-freeze-column-position": freezeColumn ? "sticky" : "relative",
+        "--table-header-sticky-position": headerSticky ? "sticky" : "relative",
+        "--table-border-color": borderColor,
+        "--table-corner-position": freezeColumn || headerSticky ? "sticky" : "relative",
+        "--table-corner-left": freezeColumn ? "0px" : "unset",
+        "--table-border-width": "none" === borderStyle ? "0" : "1px",
+        "--table-border-sides": "box" === borderStyle ? "1px" : "0"
+    }), [ backgroundColor, headerBackgroundColor, candyStripeBackgroundColor, cornerBoxShadow, columnBoxShadow, headerBoxShadow, freezeColumn, headerSticky, width, height, borderColor, borderStyle ]), handleScroll = useCallback(() => {
+        var _a, _b, _c, _d;
+        const hScrollAmount = null !== (_b = null === (_a = wrapperRef.current) || void 0 === _a ? void 0 : _a.scrollLeft) && void 0 !== _b ? _b : 0, vScrollAmount = null !== (_d = null === (_c = wrapperRef.current) || void 0 === _c ? void 0 : _c.scrollTop) && void 0 !== _d ? _d : 0;
+        setHScroll(hScrollAmount > 0), setVScroll(vScrollAmount > 0);
+    }, []), rows = useMemo(() => filter ? tableData.filter((row, index, array) => filter(row, index, array)) : tableData, [ tableData, filter ]), handleCellHover = useCallback((col, colId, row, rowId, over) => {
+        over ? (setHoveredRow(rowId), onMouseOver && onMouseOver(col, colId, row, rowId)) : (setHoveredRow(prev => prev === rowId ? null : prev), 
+        onMouseOut && onMouseOut(col, colId, row, rowId));
+    }, [ onMouseOut, onMouseOver ]), handleClick = useCallback((col, colId, row, rowId, dbl) => {
+        dbl && onDoubleClick ? onDoubleClick(col, colId, row, rowId) : onClick && onClick(col, colId, row, rowId);
+    }, [ onDoubleClick, onClick ]), resolveCellBG = useCallback(rowId => backgroundColorHoverRow && hoveredRow === rowId ? backgroundColorHoverRow : !!candyStripeBackgroundColor && rowId % 2 != 0 ? candyStripeBackgroundColor : backgroundColor, [ hoveredRow, backgroundColorHoverRow, candyStripeBackgroundColor, backgroundColor ]);
+    return jsx("div", {
+        ref: wrapperRef,
+        className: `${styles.tableWrapper} ${styles.scroll}`,
+        style: cssVars,
+        onScroll: handleScroll,
+        children: jsxs("table", {
+            className: styles.table,
+            children: [ jsx("caption", {
+                children: caption
+            }), jsx("thead", {
+                children: jsx("tr", {
+                    children: columnDefinitions.map(column => {
+                        const padding = setStyle(column.padding, 16);
+                        return jsx("th", {
+                            "data-column-id": column.id,
+                            className: `${styles.baseCell} ${styles.headerCell} ${styles.m}`,
+                            children: jsx("div", {
+                                className: styles.headerCellWrapper,
+                                style: {
+                                    padding: padding
+                                },
+                                children: column.renderHeader ? column.renderHeader({
+                                    column: column
+                                }) : column.title
+                            })
+                        }, column.id);
+                    })
+                })
+            }), jsx("tbody", {
+                children: rows.map((row, rowIndex) => jsx("tr", {
+                    children: columnDefinitions.map((col, colIndex) => {
+                        var _a;
+                        const value = col.accessor(row), justifyContent = resolveAlignValue(col.justify), alignItems = resolveAlignValue(col.align), padding = setStyle(col.padding, 16), whiteSpace = col.nowrap ? "nowrap" : "", background = resolveCellBG(rowIndex);
+                        return jsx("td", {
+                            "data-column-id": `${col.id}.${rowIndex}`,
+                            className: `${styles.baseCell} ${styles.m}`,
+                            onClick: () => handleClick(col, colIndex, row, rowIndex, !1),
+                            onDoubleClick: () => handleClick(col, colIndex, row, rowIndex, !0),
+                            onKeyDown: e => accessibleKeyDown(e, () => handleClick(col, colIndex, row, rowIndex, !1)),
+                            onMouseOver: () => handleCellHover(col, colIndex, row, rowIndex, !0),
+                            onFocus: () => handleCellHover(col, colIndex, row, rowIndex, !0),
+                            onMouseOut: () => handleCellHover(col, colIndex, row, rowIndex, !1),
+                            onBlur: () => handleCellHover(col, colIndex, row, rowIndex, !1),
+                            style: {
+                                background: background
+                            },
+                            children: jsx("div", {
+                                className: styles.baseCellWrapper,
+                                style: {
+                                    justifyContent: justifyContent,
+                                    alignItems: alignItems,
+                                    padding: padding,
+                                    whiteSpace: whiteSpace
+                                },
+                                children: col.renderCell ? col.renderCell({
+                                    row: row,
+                                    value: value,
+                                    rowIndex: rowIndex
+                                }) : null !== (_a = null == value ? void 0 : value.toString()) && void 0 !== _a ? _a : ""
+                            })
+                        }, col.id);
+                    })
+                }, getRowId ? getRowId(row, rowIndex) : rowIndex))
+            }) ]
+        })
+    });
+}
+
+function createDefaultViewState(columns) {
+    return {
+        columnOrder: columns.map(column => column.id)
+    };
+}
+
+function applyDataTableViewState(columns, state) {
+    var _a;
+    if (!state) return columns;
+    const byId = new Map(columns.map(column => [ column.id, column ])), hidden = new Set(null !== (_a = state.hiddenColumns) && void 0 !== _a ? _a : []), seen = new Set, ordered = [];
+    for (const id of state.columnOrder) {
+        if (seen.has(id) || hidden.has(id)) continue;
+        const column = byId.get(id);
+        column && (seen.add(id), ordered.push(column));
+    }
+    for (const column of columns) seen.has(column.id) || hidden.has(column.id) || (seen.add(column.id), 
+    ordered.push(column));
+    if (!state.columnWidths) return ordered;
+    const widths = state.columnWidths;
+    return ordered.map(column => column.id in widths ? Object.assign(Object.assign({}, column), {
+        width: widths[column.id]
+    }) : column);
+}
+
+export { DataTable as D, applyDataTableViewState as a, createDefaultViewState as b, createColumnHelper as c };

package/dist/esm/chunks/{volumeStore-BhwxRT5u.mjs → volumeStore-Bh8R2WVg.mjs}

@@ -1,4 +1,4 @@
-import { a as __awaiter } from "./tslib.es6-Ds68U-an.mjs";
+import { a as __awaiter } from "./tslib.es6-SLveycHb.mjs";
 
 import { create } from "zustand";
 

package/dist/esm/chunks/{webRTCStore-B-8GAdfg.mjs → webRTCStore-EN1TQcjW.mjs}

@@ -1,8 +1,8 @@
-import { a as __awaiter } from "./tslib.es6-Ds68U-an.mjs";
+import { a as __awaiter } from "./tslib.es6-SLveycHb.mjs";
 
 import { create } from "zustand";
 
-import { W as WebRTCConnection } from "./WebRTCConnection-DN1mZiOD.mjs";
+import { W as WebRTCConnection } from "./WebRTCConnection-CMISrbkj.mjs";
 
 const useWebRTCStore = create((set, get) => ({
     connections: [],

package/dist/esm/chunks/{windowStore-DIJcIaau.mjs → windowStore-AfHJTRDP.mjs}

@@ -1,4 +1,4 @@
-import { a as __awaiter } from "./tslib.es6-Ds68U-an.mjs";
+import { a as __awaiter } from "./tslib.es6-SLveycHb.mjs";
 
 import { create } from "zustand";
 

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

@@ -1,6 +1,6 @@
-export { A as AudioBubble } from "../../chunks/AudioBubble-BkdZFxQ7.mjs";
+export { A as AudioBubble } from "../../chunks/AudioBubble-BUy4D4rN.mjs";
 
-import "../../chunks/tslib.es6-Ds68U-an.mjs";
+import "../../chunks/tslib.es6-SLveycHb.mjs";
 
 import "react/jsx-runtime";
 
@@ -24,18 +24,18 @@ import "../../theme/type.mjs";
 
 import "../../hooks/useObserveTheme.mjs";
 
-import "../../chunks/colors-B0Vix7LR.mjs";
+import "../../chunks/colors-D1Rpfngc.mjs";
 
-import "../../chunks/audioVisualizer-CmcpumUF.mjs";
+import "../../chunks/audioVisualizer-Dw9F2-fb.mjs";
 
-import "../../chunks/webRTCStore-B-8GAdfg.mjs";
+import "../../chunks/webRTCStore-EN1TQcjW.mjs";
 
 import "zustand";
 
-import "../../chunks/WebRTCConnection-DN1mZiOD.mjs";
+import "../../chunks/WebRTCConnection-CMISrbkj.mjs";
 
-import "../../chunks/microphoneStore-BTpDrQ-h.mjs";
+import "../../chunks/microphoneStore-CAbCtIQb.mjs";
 
-import "../../chunks/volumeStore-BhwxRT5u.mjs";
+import "../../chunks/volumeStore-Bh8R2WVg.mjs";
 
 import "../../hooks/useWindow.mjs";

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

@@ -1,9 +1,9 @@
-export { A as Avatar } from "../../chunks/Avatar-DmZwCQwd.mjs";
+export { A as Avatar } from "../../chunks/Avatar-Bdcl8-Nf.mjs";
 
-import "../../chunks/tslib.es6-Ds68U-an.mjs";
+import "../../chunks/tslib.es6-SLveycHb.mjs";
 
 import "react/jsx-runtime";
 
 import "react";
 
-import "../../chunks/misc-CrRqXhHT.mjs";
+import "../../chunks/misc-DrBZJBmZ.mjs";