@apple-pie/slice 0.1.44 → 0.1.46

package/dist/esm/chunks/{Slider-IqjVgxEE.mjs → Slider-Ci-Syo6r.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { a as __rest } from "./tslib.es6-C0yUTS6p.mjs";
+import { a as __rest } from "./tslib.es6-DDvIwyzx.mjs";
 
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -7,9 +7,15 @@ import React, { useRef, useState, useMemo, useCallback, useEffect } from "react"
 
 import "../theme/colors.mjs";
 
-import { p as pointerPosition } from "./misc-B9d7ECMP.mjs";
+import { p as pointerPosition } from "./misc-BehJA8xr.mjs";
 
-import { d as debounce } from "./debounce-BAwoZhDR.mjs";
+import { d as debounce } from "./debounce-DNEyxGlg.mjs";
+
+import "./webRTCStore-Dbm8asHn.mjs";
+
+import "./microphoneStore-BVbwClpG.mjs";
+
+import "./volumeStore-B1cNRiOA.mjs";
 
 import "../hooks/useWindow.mjs";
 

package/dist/esm/chunks/{Spacer-BA15uw0_.mjs → Spacer-DLe6P6sl.mjs}

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

package/dist/esm/chunks/{Switch-Cns1adcy.mjs → Switch-tmuC_vFz.mjs}

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

package/dist/esm/chunks/{TabBar-Dd4U3BPU.mjs → TabBar-DqT8ukGt.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { a as __rest } from "./tslib.es6-C0yUTS6p.mjs";
+import { a as __rest } from "./tslib.es6-DDvIwyzx.mjs";
 
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -9,17 +9,23 @@ import { useTheme } from "../hooks/useTheme.mjs";
 
 import "../theme/colors.mjs";
 
-import { s as setStyle } from "./misc-B9d7ECMP.mjs";
+import { s as setStyle } from "./misc-BehJA8xr.mjs";
+
+import "./webRTCStore-Dbm8asHn.mjs";
+
+import "./microphoneStore-BVbwClpG.mjs";
+
+import "./volumeStore-B1cNRiOA.mjs";
 
 import "../hooks/useWindow.mjs";
 
-import { B as Badge } from "./Badge--3RVYqU8.mjs";
+import { B as Badge } from "./Badge-CxuIh-Xz.mjs";
 
-import { I as Icon } from "./Icon-BfSLuS2u.mjs";
+import { I as Icon } from "./Icon-CptxAEva.mjs";
 
-import { I as IconButton } from "./IconButton-4YlfRQap.mjs";
+import { I as IconButton } from "./IconButton-XkOW_lnr.mjs";
 
-import { T as ToolTipType } from "./sharedTypes-DikFhWJ8.mjs";
+import { T as ToolTipType } from "./sharedTypes-D8p2SubQ.mjs";
 
 var css = {
     wrapper: "TabBar-module_wrapper__cyOR1 flexBox-module_rowStart__4tcxS",

package/dist/esm/chunks/{TextArea-CFUXAGYz.mjs → TextArea-BwKbadO9.mjs}

@@ -1,11 +1,11 @@
 'use client';
-import { a as __rest } from "./tslib.es6-C0yUTS6p.mjs";
+import { a as __rest } from "./tslib.es6-DDvIwyzx.mjs";
 
 import { jsxs, jsx } from "react/jsx-runtime";
 
 import React, { useState, useRef, useCallback, useEffect, useMemo } from "react";
 
-import { B as Button } from "./Button-BdZR6DjE.mjs";
+import { B as Button } from "./Button-Bz9ypmSl.mjs";
 
 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";
 

package/dist/esm/chunks/{TextField-BFDmFyx7.mjs → TextField-CbSORtHS.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { a as __rest } from "./tslib.es6-C0yUTS6p.mjs";
+import { a as __rest } from "./tslib.es6-DDvIwyzx.mjs";
 
 import { jsxs, jsx } from "react/jsx-runtime";
 
@@ -11,15 +11,21 @@ import { useTheme } from "../hooks/useTheme.mjs";
 
 import "../theme/colors.mjs";
 
-import { s as setStyle } from "./misc-B9d7ECMP.mjs";
+import { s as setStyle } from "./misc-BehJA8xr.mjs";
+
+import "./webRTCStore-Dbm8asHn.mjs";
+
+import "./microphoneStore-BVbwClpG.mjs";
+
+import "./volumeStore-B1cNRiOA.mjs";
 
 import "../hooks/useWindow.mjs";
 
-import { B as Button } from "./Button-BdZR6DjE.mjs";
+import { B as Button } from "./Button-Bz9ypmSl.mjs";
 
-import { I as Icon } from "./Icon-BfSLuS2u.mjs";
+import { I as Icon } from "./Icon-CptxAEva.mjs";
 
-import { I as IconButton } from "./IconButton-4YlfRQap.mjs";
+import { I as IconButton } from "./IconButton-XkOW_lnr.mjs";
 
 var css = {
     wrapper: "TextField-module_wrapper__qZ-p- flexBox-module_rowStart__4tcxS",

package/dist/esm/chunks/{Tip-BcStWxJN.mjs → Tip-CoyRu-o-.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { a as __rest } from "./tslib.es6-C0yUTS6p.mjs";
+import { a as __rest } from "./tslib.es6-DDvIwyzx.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-B9d7ECMP.mjs";
+import { f as filterClasses } from "./misc-BehJA8xr.mjs";
 
 var css = {
     wrapper: "Tip-module_wrapper__D7ACT flexBox-module_rowStart__4tcxS",

package/dist/esm/chunks/{Toast-DQG2mzvy.mjs → Toast-CfJSmVvm.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { a as __rest } from "./tslib.es6-C0yUTS6p.mjs";
+import { a as __rest } from "./tslib.es6-DDvIwyzx.mjs";
 
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -11,13 +11,19 @@ import { useTheme } from "../hooks/useTheme.mjs";
 
 import "../theme/colors.mjs";
 
-import { s as setStyle, f as filterClasses, a as accessibleKeyDown } from "./misc-B9d7ECMP.mjs";
+import { s as setStyle, f as filterClasses, a as accessibleKeyDown } from "./misc-BehJA8xr.mjs";
+
+import "./webRTCStore-Dbm8asHn.mjs";
+
+import "./microphoneStore-BVbwClpG.mjs";
+
+import "./volumeStore-B1cNRiOA.mjs";
 
 import "../hooks/useWindow.mjs";
 
-import { I as Icon } from "./Icon-BfSLuS2u.mjs";
+import { I as Icon } from "./Icon-CptxAEva.mjs";
 
-import { P as ProgressIndicator } from "./ProgressIndicator-Bv7actNC.mjs";
+import { P as ProgressIndicator } from "./ProgressIndicator-H1AokmcU.mjs";
 
 var ToastType, css = {
     wrapper: "Toast-module_wrapper__1uj9O flexBox-module_rowBetween__5FEvi",

package/dist/esm/chunks/{ToggleButton-Cp2K772X.mjs → ToggleButton-Cq7fm59Y.mjs}

@@ -3,9 +3,9 @@ import { jsxs, jsx } from "react/jsx-runtime";
 
 import { useMemo } from "react";
 
-import { I as IconButton } from "./IconButton-4YlfRQap.mjs";
+import { I as IconButton } from "./IconButton-XkOW_lnr.mjs";
 
-import { L as Label } from "./Label-oVWJfERc.mjs";
+import { L as Label } from "./Label-BjL3V2bm.mjs";
 
 var css_toggleButton = "ToggleButton-module_toggleButton__H7KgI flexBox-module_rowStart__4tcxS";
 

package/dist/esm/chunks/{UploadArea-DEf5hbbR.mjs → UploadArea-DUpwYakK.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-B9d7ECMP.mjs";
+import { s as setStyle, a as accessibleKeyDown } from "./misc-BehJA8xr.mjs";
 
-import { I as Icon } from "./Icon-BfSLuS2u.mjs";
+import { I as Icon } from "./Icon-CptxAEva.mjs";
 
-import { P as ProgressIndicator } from "./ProgressIndicator-Bv7actNC.mjs";
+import { P as ProgressIndicator } from "./ProgressIndicator-H1AokmcU.mjs";
 
-import { F as FileList } from "./FileList-rMjli1tu.mjs";
+import { F as FileList } from "./FileList-D0HPgRL-.mjs";
 
 var css = {
     wrapper: "UploadArea-module_wrapper__aircC flexBox-module_column__ezvMq",

package/dist/esm/chunks/{Video-CHmn9myN.mjs → Video-DzClo3wr.mjs}

@@ -1,17 +1,17 @@
 'use client';
-import { a as __rest, _ as __awaiter } from "./tslib.es6-C0yUTS6p.mjs";
+import { a as __rest, _ as __awaiter } from "./tslib.es6-DDvIwyzx.mjs";
 
 import { jsxs, jsx } from "react/jsx-runtime";
 
 import React, { useRef, useState, useCallback, useMemo, useEffect } from "react";
 
-import { s as setStyle } from "./misc-B9d7ECMP.mjs";
+import { s as setStyle } from "./misc-BehJA8xr.mjs";
 
-import { I as IconButton } from "./IconButton-4YlfRQap.mjs";
+import { I as IconButton } from "./IconButton-XkOW_lnr.mjs";
 
-import { S as Slider } from "./Slider-IqjVgxEE.mjs";
+import { S as Slider } from "./Slider-Ci-Syo6r.mjs";
 
-import { T as ToggleButton } from "./ToggleButton-Cp2K772X.mjs";
+import { T as ToggleButton } from "./ToggleButton-Cq7fm59Y.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-BvWVGSY-.mjs → VideoController-ipcig4rq.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { a as __rest } from "./tslib.es6-C0yUTS6p.mjs";
+import { a as __rest } from "./tslib.es6-DDvIwyzx.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-B9d7ECMP.mjs";
+import "./microphoneStore-BVbwClpG.mjs";
 
-import { I as IconButton } from "./IconButton-4YlfRQap.mjs";
+import "./volumeStore-B1cNRiOA.mjs";
 
-import { O as Overlay } from "./Overlay-DuGDfhI3.mjs";
+import "./webRTCStore-Dbm8asHn.mjs";
 
-import { u as useVideo, a as useVideoActions } from "./videoStore-CmUM9swM.mjs";
+import { s as setStyle } from "./misc-BehJA8xr.mjs";
+
+import { I as IconButton } from "./IconButton-XkOW_lnr.mjs";
+
+import { O as Overlay } from "./Overlay-Dho1XXV_.mjs";
+
+import { u as useVideo, a as useVideoActions } from "./videoStore-3qSk7xdi.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-gFHF2tW7.mjs → WSConnection-B_YnWXbU.mjs}

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

package/dist/esm/chunks/{WebRTCConnection-C_MYSUKv.mjs → WebRTCConnection-DWRLYmZt.mjs}

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

package/dist/esm/chunks/{localDBStore-CeqAEGXO.mjs → localDBStore-DNswekRn.mjs}

@@ -1,4 +1,4 @@
-import { _ as __awaiter, a as __rest } from "./tslib.es6-C0yUTS6p.mjs";
+import { _ as __awaiter, a as __rest } from "./tslib.es6-DDvIwyzx.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-DrgyB0PG.mjs";
+import { I as IndexedDB } from "./IndexedDB-C57PCioP.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-DGfGaTKO.mjs → microphoneStore-BVbwClpG.mjs}

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

package/dist/esm/chunks/{misc-B9d7ECMP.mjs → misc-BehJA8xr.mjs}

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

package/dist/esm/chunks/rafThrottle-BGq3oR1J.mjs

@@ -0,0 +1,23 @@
+/**
+ * Coalesce rapid calls (scroll, pointermove, resize) down to at most one
+ * invocation per animation frame, always using the most recently passed
+ * arguments. Unlike `debounce`, this never waits for activity to stop - the
+ * first call in a frame schedules the frame, every call after that until the
+ * frame fires just updates the pending args, and dropped intermediate calls
+ * never run at all.
+ */
+function rafThrottle(func) {
+    let frameId = null, lastArgs = null;
+    const throttled = function(...args) {
+        lastArgs = args, null === frameId && (frameId = requestAnimationFrame(() => {
+            frameId = null;
+            const argsToApply = lastArgs;
+            lastArgs = null, argsToApply && func.apply(this, argsToApply);
+        }));
+    };
+    return throttled.cancel = () => {
+        null !== frameId && (cancelAnimationFrame(frameId), frameId = null), lastArgs = null;
+    }, throttled;
+}
+
+export { rafThrottle as r };

package/dist/esm/chunks/{sseStore-PGCxQBZ-.mjs → sseStore-pAJ2IGAZ.mjs}

@@ -1,8 +1,8 @@
 import { create } from "zustand";
 
-import "./tslib.es6-C0yUTS6p.mjs";
+import "./tslib.es6-DDvIwyzx.mjs";
 
-import { S as SSEConnection } from "./SSEConnection-BzSx2MVL.mjs";
+import { S as SSEConnection } from "./SSEConnection-B51Za2e1.mjs";
 
 const useSSEStore = create((set, get) => ({
     connections: [],

package/dist/esm/chunks/{uploads-worker-SXS-_T5t.mjs → uploads-worker-BliiKZBP.mjs}

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

package/dist/esm/chunks/{uploadsStore-CZQGe1-z.mjs → uploadsStore-Twdke-kc.mjs}

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

package/dist/esm/chunks/{viewState-po_PH0Tv.mjs → viewState-DsPZr861.mjs}

@@ -2,9 +2,25 @@ 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-B9d7ECMP.mjs";
+import { s as setStyle, a as accessibleKeyDown } from "./misc-BehJA8xr.mjs";
 
-import { I as Icon } from "./Icon-BfSLuS2u.mjs";
+import { I as Icon } from "./Icon-CptxAEva.mjs";
+
+import "../theme/colors.mjs";
+
+import "./tslib.es6-DDvIwyzx.mjs";
+
+import { r as rafThrottle } from "./rafThrottle-BGq3oR1J.mjs";
+
+import "./webRTCStore-Dbm8asHn.mjs";
+
+import "./microphoneStore-BVbwClpG.mjs";
+
+import "./volumeStore-B1cNRiOA.mjs";
+
+import "../hooks/useWindow.mjs";
+
+import { useObserveResize } from "../hooks/useObserveResize.mjs";
 
 var styles = {
     tableWrapper: "DataTable-module_tableWrapper__BzoJE",
@@ -49,8 +65,10 @@ const resolveAlignValue = value => {
     handle.style.left = "right" === position ? `${x + width}px` : `${x}px`;
 };
 
+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} = 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%", 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 = {
         handle: resizeBarRef,
         parent: wrapperRef
     }, cornerBoxShadow = useMemo(() => {
@@ -204,16 +222,60 @@ function DataTable(props) {
             dragOver: dragOver,
             dragDrop: dragDrop
         };
-    }(columnDefinitions, setColumnOrder, setDraggedColId, onColumnReorder, freezeColumn), 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 ].sort((a, b) => {
+    }(columnDefinitions, setColumnOrder, setDraggedColId, onColumnReorder, freezeColumn), rows = useMemo(() => [ ...filter ? tableData.filter((row, index, array) => filter(row, index, array)) : tableData ].sort((a, b) => {
         if (!(null == sortKey ? void 0 : sortKey.key)) return 0;
         const {key: key, dir: dir} = sortKey;
         if (a[key] === b[key]) return 0;
         return (a[key] > b[key] ? 1 : -1) * ("desc" === dir ? -1 : 1);
-    }), [ tableData, filter, sortKey ]), handleCellHover = useCallback((col, colId, row, rowId, over) => {
+    }), [ tableData, filter, sortKey ]), shouldVirtualize = (explicit = virtualizeRows, 
+    rowCount = rows.length, threshold = virtualizeRowThreshold, null != explicit ? explicit : rowCount > threshold);
+    var explicit, rowCount, threshold;
+    const rowWindow = function(wrapperRef, rowCount, options) {
+        const {enabled: enabled, rowHeight: rowHeight, overscan: overscan = DEFAULT_OVERSCAN} = options, viewport = useObserveResize(enabled ? wrapperRef : void 0, {
+            ignore: "width"
+        }), [scrollTop, setScrollTop] = useState(0), throttledSetScrollTop = useMemo(() => rafThrottle(value => setScrollTop(value)), []);
+        useEffect(() => () => throttledSetScrollTop.cancel(), [ throttledSetScrollTop ]);
+        const handleScroll = useCallback(nextScrollTop => {
+            enabled && throttledSetScrollTop(nextScrollTop);
+        }, [ enabled, throttledSetScrollTop ]);
+        return useEffect(() => {
+            if (!enabled) return;
+            const maxScrollTop = Math.max(0, rowCount * rowHeight - (viewport.height || 0));
+            setScrollTop(prev => prev <= maxScrollTop ? prev : (wrapperRef.current && (wrapperRef.current.scrollTop = 0), 
+            0));
+        }, [ enabled, rowCount, rowHeight, viewport.height, wrapperRef ]), useMemo(() => {
+            if (!enabled || rowHeight <= 0) return {
+                enabled: !1,
+                startIndex: 0,
+                endIndex: rowCount,
+                topSpacerHeight: 0,
+                bottomSpacerHeight: 0,
+                handleScroll: handleScroll
+            };
+            const viewportHeight = viewport.height || 0, visibleCount = Math.ceil(viewportHeight / rowHeight), firstVisible = Math.floor(scrollTop / rowHeight), startIndex = Math.max(0, firstVisible - overscan), endIndex = Math.min(rowCount, firstVisible + visibleCount + overscan);
+            return {
+                enabled: !0,
+                startIndex: startIndex,
+                endIndex: endIndex,
+                topSpacerHeight: startIndex * rowHeight,
+                bottomSpacerHeight: Math.max(0, rowCount - endIndex) * rowHeight,
+                handleScroll: handleScroll
+            };
+        }, [ enabled, rowHeight, overscan, rowCount, viewport.height, scrollTop, handleScroll ]);
+    }(wrapperRef, rows.length, {
+        enabled: shouldVirtualize,
+        rowHeight: rowHeight,
+        overscan: overscanRows
+    });
+    useEffect(() => {
+        "production" !== process.env.NODE_ENV && (shouldVirtualize && "auto" === height && console.warn('[DataTable] `virtualizeRows` needs a bounded `height` (e.g. a fixed px or vh value) to create a scrollable viewport smaller than the full row count - with height="auto" the wrapper grows to fit every row and there\'s nothing to trim.'), 
+        shouldVirtualize && !getRowId && console.warn("[DataTable] `virtualizeRows` is on without `getRowId`. Rows fall back to index-based keys, which can misattach hover/focus state to the wrong row as the window scrolls - pass `getRowId` for stable identity."));
+    }, [ shouldVirtualize, height, getRowId ]);
+    const 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), rowWindow.handleScroll(vScrollAmount);
+    }, [ rowWindow.handleScroll ]), 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) => {
@@ -275,6 +337,7 @@ function DataTable(props) {
         onScroll: handleScroll,
         children: [ jsxs("table", {
             className: styles.table,
+            "aria-rowcount": rowWindow.enabled ? rows.length + 1 : void 0,
             children: [ jsx("caption", {
                 children: caption
             }), jsx("colgroup", {
@@ -290,7 +353,7 @@ function DataTable(props) {
             }), jsx("thead", {
                 children: jsx("tr", {
                     children: orderedColumns.map((col, colIndex) => {
-                        const padding = setStyle(col.padding, 16), sortable = void 0 !== col.sort, cursor = sortable ? "pointer" : "default", last = colIndex === orderedColumns.length - 1, opacity = draggedColId === col.id ? .2 : 1;
+                        const padding = setStyle(col.padding, 16), sortable = void 0 !== col.sort, cursor = sortable ? "pointer" : "default", last = colIndex === orderedColumns.length - 1, background = draggedColId === col.id ? backgroundColor : headerBackgroundColor;
                         return jsxs("th", {
                             "data-column-id": col.id,
                             className: `${styles.baseCell} ${styles.headerCell} ${styles.m}`,
@@ -298,7 +361,7 @@ function DataTable(props) {
                             onKeyDown: e => accessibleKeyDown(e, () => handleSort(col.sort)),
                             style: {
                                 cursor: cursor,
-                                opacity: opacity
+                                background: background
                             },
                             tabIndex: sortable ? 0 : void 0,
                             role: sortable ? "columnheader" : void 0,
@@ -318,37 +381,62 @@ function DataTable(props) {
                         }, col.id);
                     })
                 })
-            }), jsx("tbody", {
-                children: rows.map((row, rowIndex) => jsx("tr", {
-                    children: orderedColumns.map((col, colIndex) => {
-                        const justifyContent = resolveAlignValue(col.justify), alignItems = resolveAlignValue(col.align), padding = setStyle(col.padding, 16), whiteSpace = col.nowrap ? "nowrap" : "", background = resolveCellBG(rowIndex), last = colIndex === orderedColumns.length - 1, opacity = draggedColId === col.id ? .2 : 1;
-                        return jsxs("td", {
-                            "data-column-id": `${colIndex}.${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,
-                                opacity: opacity
-                            },
-                            children: [ renderCellResizeHandle(last, col), jsx("div", {
-                                className: styles.baseCellWrapper,
+            }), jsxs("tbody", {
+                children: [ rowWindow.enabled && rowWindow.topSpacerHeight > 0 && jsx("tr", {
+                    children: jsx("td", {
+                        colSpan: orderedColumns.length,
+                        style: {
+                            height: rowWindow.topSpacerHeight,
+                            padding: 0,
+                            border: 0,
+                            background: backgroundColor
+                        }
+                    })
+                }), (rowWindow.enabled ? rows.slice(rowWindow.startIndex, rowWindow.endIndex) : rows).map((row, localIndex) => {
+                    const rowIndex = rowWindow.enabled ? rowWindow.startIndex + localIndex : localIndex, isLastRow = rowIndex === rows.length - 1;
+                    return jsx("tr", {
+                        "aria-rowindex": rowWindow.enabled ? rowIndex + 2 : void 0,
+                        children: orderedColumns.map((col, colIndex) => {
+                            const justifyContent = resolveAlignValue(col.justify), alignItems = resolveAlignValue(col.align), padding = setStyle(col.padding, 16), whiteSpace = col.nowrap ? "nowrap" : "", background = resolveCellBG(rowIndex), last = colIndex === orderedColumns.length - 1, opacity = draggedColId === col.id ? .2 : 1, borderBottom = rowWindow.enabled && isLastRow && rowWindow.bottomSpacerHeight > 0 ? 0 : void 0;
+                            return jsxs("td", {
+                                "data-column-id": `${colIndex}.${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: {
-                                    justifyContent: justifyContent,
-                                    alignItems: alignItems,
-                                    padding: padding,
-                                    whiteSpace: whiteSpace
+                                    background: background,
+                                    opacity: opacity,
+                                    borderBottom: borderBottom
                                 },
-                                children: renderBodyCell(col, row, rowIndex)
-                            }) ]
-                        }, col.id);
+                                children: [ renderCellResizeHandle(last, col), jsx("div", {
+                                    className: styles.baseCellWrapper,
+                                    style: {
+                                        justifyContent: justifyContent,
+                                        alignItems: alignItems,
+                                        padding: padding,
+                                        whiteSpace: whiteSpace
+                                    },
+                                    children: renderBodyCell(col, row, rowIndex)
+                                }) ]
+                            }, col.id);
+                        })
+                    }, getRowId ? getRowId(row, rowIndex) : rowIndex);
+                }), rowWindow.enabled && rowWindow.bottomSpacerHeight > 0 && jsx("tr", {
+                    children: jsx("td", {
+                        colSpan: orderedColumns.length,
+                        style: {
+                            height: rowWindow.bottomSpacerHeight,
+                            padding: 0,
+                            border: 0,
+                            background: backgroundColor
+                        }
                     })
-                }, getRowId ? getRowId(row, rowIndex) : rowIndex))
+                }) ]
             }) ]
         }), jsx("div", {
             className: styles.resizeBar,

package/dist/esm/chunks/{volumeStore-BSE--DBm.mjs → volumeStore-B1cNRiOA.mjs}

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

package/dist/esm/chunks/{webRTCStore-rzdk9ao2.mjs → webRTCStore-Dbm8asHn.mjs}

@@ -1,8 +1,8 @@
-import { _ as __awaiter } from "./tslib.es6-C0yUTS6p.mjs";
+import { _ as __awaiter } from "./tslib.es6-DDvIwyzx.mjs";
 
 import { create } from "zustand";
 
-import { W as WebRTCConnection } from "./WebRTCConnection-C_MYSUKv.mjs";
+import { W as WebRTCConnection } from "./WebRTCConnection-DWRLYmZt.mjs";
 
 const useWebRTCStore = create((set, get) => ({
     connections: [],

package/dist/esm/chunks/{windowStore-CMPgwtfm.mjs → windowStore-CBzgTFW5.mjs}

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