@apple-pie/slice 0.1.44 → 0.1.46

package/dist/cjs/chunks/{ToggleButton-cntUrPlb.js → ToggleButton-mIzDlM7o.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var jsxRuntime = require("react/jsx-runtime"), React = require("react"), IconButton = require("./IconButton-BZttH51z.js"), Label = require("./Label-CLiXfLhU.js"), css_toggleButton = "ToggleButton-module_toggleButton__H7KgI flexBox-module_rowStart__4tcxS";
+var jsxRuntime = require("react/jsx-runtime"), React = require("react"), IconButton = require("./IconButton-Dn424Wsw.js"), Label = require("./Label-CsEg5AQ2.js"), css_toggleButton = "ToggleButton-module_toggleButton__H7KgI flexBox-module_rowStart__4tcxS";
 
 exports.ToggleButton = function(props) {
     const {label: label, textSize: textSize, icon: icon, iconOn: iconOn, selected: selected = !1, iconColor: iconColor = "var(--core-text-primary)", iconColorOn: iconColorOn = "var(--core-surface-primary)", iconColorHover: iconColorHover = "var(--core-text-primary)", bgColor: bgColor = "var(--core-surface-secondary)", bgColorHover: bgColorHover = "var(--core-surface-secondary)", bgColorOn: bgColorOn = "var(--core-text-special)", iconSize: iconSize = 20, buttonSize: buttonSize = "m", tooltip: tooltip, gap: gap = 4, unselect: unselect = !0, fill: fill = !1, disabled: disabled = !1, border: border = !1, onChange: onChange, onSelect: onSelect, onToolTip: onToolTip, children: children, presetAnimations: presetAnimations, customAnimations: customAnimations} = props, handleClick = () => {

package/dist/cjs/chunks/{UploadArea-BxBisAJS.js → UploadArea-WT5XsyU_.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-Gs698ODr.js"), Icon = require("./Icon-Bmow374B.js"), ProgressIndicator = require("./ProgressIndicator-BBe5EJJB.js"), FileList = require("./FileList-IgK1yREW.js"), css = {
+var jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-eL5ZLV74.js"), Icon = require("./Icon-B36rVqFs.js"), ProgressIndicator = require("./ProgressIndicator-DSquSJwP.js"), FileList = require("./FileList-DbjNz28-.js"), css = {
     wrapper: "UploadArea-module_wrapper__aircC flexBox-module_column__ezvMq",
     icon: "UploadArea-module_icon__M7n-m flexBox-module_row__z24tF",
     title: "UploadArea-module_title__VbNGq type-module_body-l-bold__Fh2dt",

package/dist/cjs/chunks/{Video-qiH56WvN.js → Video-Pjf89fZt.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var PlayState, tslib_es6 = require("./tslib.es6-DfmUmGCa.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-Gs698ODr.js"), IconButton = require("./IconButton-BZttH51z.js"), Slider = require("./Slider-C_iix5E1.js"), ToggleButton = require("./ToggleButton-cntUrPlb.js"), 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";
+var PlayState, tslib_es6 = require("./tslib.es6-hvdVpg9n.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-eL5ZLV74.js"), IconButton = require("./IconButton-Dn424Wsw.js"), Slider = require("./Slider-BqzYObVj.js"), ToggleButton = require("./ToggleButton-mIzDlM7o.js"), 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";
 
 !function(PlayState) {
     PlayState.Playing = "playing", PlayState.Paused = "paused", PlayState.Stopped = "stopped", 

package/dist/cjs/chunks/{VideoController-D4_El3jm.js → VideoController-CkZ4EmHb.js}

@@ -1,7 +1,12 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-DfmUmGCa.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), misc = require("./misc-Gs698ODr.js"), IconButton = require("./IconButton-BZttH51z.js"), Overlay = require("./Overlay-CH2p-6HE.js"), videoStore = require("./videoStore-sYfx70eD.js"), css_container = "VideoController-module_container__wNiGy", css_box = "VideoController-module_box__a0PRD", css_wrapper = "VideoController-module_wrapper__RhpUo", css_video = "VideoController-module_video__9bS2L";
+var tslib_es6 = require("./tslib.es6-hvdVpg9n.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react");
+
+require("./microphoneStore-CvE6xePs.js"), require("./volumeStore-U2OlJf6Y.js"), 
+require("./webRTCStore-t11G9lB7.js");
+
+var misc = require("./misc-eL5ZLV74.js"), IconButton = require("./IconButton-Dn424Wsw.js"), Overlay = require("./Overlay-Ci1FxGZk.js"), videoStore = require("./videoStore-D1GUKQuQ.js"), css_container = "VideoController-module_container__wNiGy", css_box = "VideoController-module_box__a0PRD", css_wrapper = "VideoController-module_wrapper__RhpUo", css_video = "VideoController-module_video__9bS2L";
 
 const defaultTransition = {
     ease: "easeOut",

package/dist/cjs/chunks/{WSConnection-DbdxZFOV.js → WSConnection-ByeRqZeT.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-DfmUmGCa.js");
+var tslib_es6 = require("./tslib.es6-hvdVpg9n.js");
 
 /**
  * Manage a WebSocket connection with optional unified events, retries, and keep-alive pings.

package/dist/cjs/chunks/{WebRTCConnection-B9dd6VVp.js → WebRTCConnection-BIFUOK1m.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-DfmUmGCa.js");
+var tslib_es6 = require("./tslib.es6-hvdVpg9n.js");
 
 exports.WebRTCConnection = class {
     /**

package/dist/cjs/chunks/{localDBStore-BjxalVAJ.js → localDBStore-Bp9sZnnB.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-DfmUmGCa.js"), React = require("react"), zustand = require("zustand"), shallow = require("zustand/react/shallow"), IndexedDB = require("./IndexedDB-BtHDgAwP.js");
+var tslib_es6 = require("./tslib.es6-hvdVpg9n.js"), React = require("react"), zustand = require("zustand"), shallow = require("zustand/react/shallow"), IndexedDB = require("./IndexedDB-BRw-IxEC.js");
 
 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/cjs/chunks/{microphoneStore-DpUL8kt8.js → microphoneStore-CvE6xePs.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-DfmUmGCa.js"), React = require("react"), zustand = require("zustand");
+var tslib_es6 = require("./tslib.es6-hvdVpg9n.js"), React = require("react"), zustand = require("zustand");
 
 const emptyMicStreamRef = {
     current: null

package/dist/cjs/chunks/{misc-Gs698ODr.js → misc-eL5ZLV74.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-DfmUmGCa.js");
+var tslib_es6 = require("./tslib.es6-hvdVpg9n.js");
 
 /**
  * Remove scripts, invisible characters, and optional HTML tags from a string.

package/dist/cjs/chunks/rafThrottle-s6AR2mx7.js

@@ -0,0 +1,22 @@
+"use strict";
+
+/**
+ * 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.
+ */ exports.rafThrottle = function(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;
+};

package/dist/cjs/chunks/{sseStore-BNAfwXap.js → sseStore-DnyhZyHc.js}

@@ -2,9 +2,9 @@
 
 var zustand = require("zustand");
 
-require("./tslib.es6-DfmUmGCa.js");
+require("./tslib.es6-hvdVpg9n.js");
 
-var SSEConnection = require("./SSEConnection-Z24RvA6i.js");
+var SSEConnection = require("./SSEConnection-C6CaqgKt.js");
 
 const useSSEStore = zustand.create((set, get) => ({
     connections: [],

package/dist/cjs/chunks/{uploads-worker-fWbmHWKp.js → uploads-worker--rEBDgqq.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var FileUploadStatus, UploadError, WorkerStatus, tslib_es6 = require("./tslib.es6-DfmUmGCa.js");
+var FileUploadStatus, UploadError, WorkerStatus, tslib_es6 = require("./tslib.es6-hvdVpg9n.js");
 
 !function(FileUploadStatus) {
     FileUploadStatus.queued = "pending", FileUploadStatus.uploading = "uploading", FileUploadStatus.completed = "completed", 

package/dist/cjs/chunks/{uploadsStore-C-sGeJo9.js → uploadsStore-CHIqdTcL.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var zustand = require("zustand"), uploadsWorker$1 = require("./uploads-worker-fWbmHWKp.js"), _documentCurrentScript = "undefined" != typeof document ? document.currentScript : null;
+var zustand = require("zustand"), uploadsWorker$1 = require("./uploads-worker--rEBDgqq.js"), _documentCurrentScript = "undefined" != typeof document ? document.currentScript : null;
 
 let uploadsWorker = null;
 
@@ -64,7 +64,7 @@ function handleWorkerMessage(event) {
 const uploadsActions = useUploadsStore.getState().actions;
 
 exports.createUploadsWorker = function(workerUrl) {
-    return new Worker(null != workerUrl ? workerUrl : new URL("../../workers/uploads/uploads.ts", "undefined" == typeof document ? require("url").pathToFileURL(__filename).href : _documentCurrentScript && "SCRIPT" === _documentCurrentScript.tagName.toUpperCase() && _documentCurrentScript.src || new URL("chunks/uploadsStore-C-sGeJo9.js", document.baseURI).href), {
+    return new Worker(null != workerUrl ? workerUrl : new URL("../../workers/uploads/uploads.ts", "undefined" == typeof document ? require("url").pathToFileURL(__filename).href : _documentCurrentScript && "SCRIPT" === _documentCurrentScript.tagName.toUpperCase() && _documentCurrentScript.src || new URL("chunks/uploadsStore-CHIqdTcL.js", document.baseURI).href), {
         type: "module"
     });
 }, exports.getUploads = () => useUploadsStore.getState().uploads, exports.getUploadsError = () => useUploadsStore.getState().error, 

package/dist/cjs/chunks/{viewState-X7EbUCin.js → viewState-BM1U3FFI.js}

@@ -1,6 +1,15 @@
 "use strict";
 
-var jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-Gs698ODr.js"), Icon = require("./Icon-Bmow374B.js"), styles = {
+var jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-eL5ZLV74.js"), Icon = require("./Icon-B36rVqFs.js");
+
+require("../theme/colors.js"), require("./tslib.es6-hvdVpg9n.js");
+
+var rafThrottle = require("./rafThrottle-s6AR2mx7.js");
+
+require("./webRTCStore-t11G9lB7.js"), require("./microphoneStore-CvE6xePs.js"), 
+require("./volumeStore-U2OlJf6Y.js"), require("../hooks/useWindow.js");
+
+var hooks_useObserveResize = require("../hooks/useObserveResize.js"), styles = {
     tableWrapper: "DataTable-module_tableWrapper__BzoJE",
     resizeBar: "DataTable-module_resizeBar__LmzEF",
     table: "DataTable-module_table__oL4Dz",
@@ -35,6 +44,8 @@ const resolveAlignValue = value => {
     handle.style.left = "right" === position ? `${x + width}px` : `${x}px`;
 };
 
+const DEFAULT_OVERSCAN = 25;
+
 function DefaultHeaderRenderer(props) {
     const {col: col, sortKey: sortKey} = props, sortable = !!col.sort, sorted = !(!(null == sortKey ? void 0 : sortKey.key) || sortKey.key !== col.sort), sortIcon = "asc" === (null == sortKey ? void 0 : sortKey.dir) ? "arrow up" : "arrow down";
     return jsxRuntime.jsxs("div", {
@@ -62,7 +73,7 @@ function DefaultCellRenderer(props) {
 }
 
 exports.DataTable = function(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] = React.useState(!1), [vScroll, setVScroll] = React.useState(!1), [hoveredRow, setHoveredRow] = React.useState(null), [sortKey, setSortKey] = React.useState(sort), [columnWidths, setColumnWidths] = React.useState({}), [columnOrder, setColumnOrder] = React.useState(null), [draggedColId, setDraggedColId] = React.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] = React.useState(!1), [vScroll, setVScroll] = React.useState(!1), [hoveredRow, setHoveredRow] = React.useState(null), [sortKey, setSortKey] = React.useState(sort), [columnWidths, setColumnWidths] = React.useState({}), [columnOrder, setColumnOrder] = React.useState(null), [draggedColId, setDraggedColId] = React.useState(null), wrapperRef = React.useRef(null), resizeBarRef = React.useRef(null), colRefs = React.useRef({}), elements = {
         handle: resizeBarRef,
         parent: wrapperRef
     }, cornerBoxShadow = React.useMemo(() => {
@@ -216,16 +227,60 @@ exports.DataTable = function(props) {
             dragOver: dragOver,
             dragDrop: dragDrop
         };
-    }(columnDefinitions, setColumnOrder, setDraggedColId, onColumnReorder, freezeColumn), handleScroll = React.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 = React.useMemo(() => [ ...filter ? tableData.filter((row, index, array) => filter(row, index, array)) : tableData ].sort((a, b) => {
+    }(columnDefinitions, setColumnOrder, setDraggedColId, onColumnReorder, freezeColumn), rows = React.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 = React.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 = hooks_useObserveResize.useObserveResize(enabled ? wrapperRef : void 0, {
+            ignore: "width"
+        }), [scrollTop, setScrollTop] = React.useState(0), throttledSetScrollTop = React.useMemo(() => rafThrottle.rafThrottle(value => setScrollTop(value)), []);
+        React.useEffect(() => () => throttledSetScrollTop.cancel(), [ throttledSetScrollTop ]);
+        const handleScroll = React.useCallback(nextScrollTop => {
+            enabled && throttledSetScrollTop(nextScrollTop);
+        }, [ enabled, throttledSetScrollTop ]);
+        return React.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 ]), React.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
+    });
+    React.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 = React.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 = React.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 = React.useCallback((col, colId, row, rowId, dbl) => {
@@ -287,6 +342,7 @@ exports.DataTable = function(props) {
         onScroll: handleScroll,
         children: [ jsxRuntime.jsxs("table", {
             className: styles.table,
+            "aria-rowcount": rowWindow.enabled ? rows.length + 1 : void 0,
             children: [ jsxRuntime.jsx("caption", {
                 children: caption
             }), jsxRuntime.jsx("colgroup", {
@@ -302,7 +358,7 @@ exports.DataTable = function(props) {
             }), jsxRuntime.jsx("thead", {
                 children: jsxRuntime.jsx("tr", {
                     children: orderedColumns.map((col, colIndex) => {
-                        const padding = misc.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 = misc.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 jsxRuntime.jsxs("th", {
                             "data-column-id": col.id,
                             className: `${styles.baseCell} ${styles.headerCell} ${styles.m}`,
@@ -310,7 +366,7 @@ exports.DataTable = function(props) {
                             onKeyDown: e => misc.accessibleKeyDown(e, () => handleSort(col.sort)),
                             style: {
                                 cursor: cursor,
-                                opacity: opacity
+                                background: background
                             },
                             tabIndex: sortable ? 0 : void 0,
                             role: sortable ? "columnheader" : void 0,
@@ -330,37 +386,62 @@ exports.DataTable = function(props) {
                         }, col.id);
                     })
                 })
-            }), jsxRuntime.jsx("tbody", {
-                children: rows.map((row, rowIndex) => jsxRuntime.jsx("tr", {
-                    children: orderedColumns.map((col, colIndex) => {
-                        const justifyContent = resolveAlignValue(col.justify), alignItems = resolveAlignValue(col.align), padding = misc.setStyle(col.padding, 16), whiteSpace = col.nowrap ? "nowrap" : "", background = resolveCellBG(rowIndex), last = colIndex === orderedColumns.length - 1, opacity = draggedColId === col.id ? .2 : 1;
-                        return jsxRuntime.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 => misc.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), jsxRuntime.jsx("div", {
-                                className: styles.baseCellWrapper,
+            }), jsxRuntime.jsxs("tbody", {
+                children: [ rowWindow.enabled && rowWindow.topSpacerHeight > 0 && jsxRuntime.jsx("tr", {
+                    children: jsxRuntime.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 jsxRuntime.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 = misc.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 jsxRuntime.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 => misc.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), jsxRuntime.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 && jsxRuntime.jsx("tr", {
+                    children: jsxRuntime.jsx("td", {
+                        colSpan: orderedColumns.length,
+                        style: {
+                            height: rowWindow.bottomSpacerHeight,
+                            padding: 0,
+                            border: 0,
+                            background: backgroundColor
+                        }
                     })
-                }, getRowId ? getRowId(row, rowIndex) : rowIndex))
+                }) ]
             }) ]
         }), jsxRuntime.jsx("div", {
             className: styles.resizeBar,

package/dist/cjs/chunks/{volumeStore--l8gb-3a.js → volumeStore-U2OlJf6Y.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-DfmUmGCa.js");
+var tslib_es6 = require("./tslib.es6-hvdVpg9n.js");
 
 const useVolumeStore = require("zustand").create((set, get) => ({
     volume: 1,

package/dist/cjs/chunks/{webRTCStore-DJjyW39y.js → webRTCStore-t11G9lB7.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-DfmUmGCa.js"), zustand = require("zustand"), WebRTCConnection = require("./WebRTCConnection-B9dd6VVp.js");
+var tslib_es6 = require("./tslib.es6-hvdVpg9n.js"), zustand = require("zustand"), WebRTCConnection = require("./WebRTCConnection-BIFUOK1m.js");
 
 const useWebRTCStore = zustand.create((set, get) => ({
     connections: [],

package/dist/cjs/chunks/{windowStore-nNT7HJqA.js → windowStore-D1mTGGvA.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var FormFactor, tslib_es6 = require("./tslib.es6-DfmUmGCa.js"), zustand = require("zustand");
+var FormFactor, tslib_es6 = require("./tslib.es6-hvdVpg9n.js"), zustand = require("zustand");
 
 /**
  * Form factor names

package/dist/cjs/components/AudioBubble/index.js

@@ -1,11 +1,13 @@
 "use strict";
 
-var AudioBubble = require("../../chunks/AudioBubble-DGXJI6fl.js");
+var AudioBubble = require("../../chunks/AudioBubble-D7A6YNKq.js");
 
-require("../../chunks/tslib.es6-DfmUmGCa.js"), require("react/jsx-runtime"), require("react"), 
+require("../../chunks/tslib.es6-hvdVpg9n.js"), require("react/jsx-runtime"), require("react"), 
 require("../../hooks/useTheme.js"), require("../../providers/ThemeProvider.js"), 
 require("../../theme/themes.js"), require("../../theme/colors.js"), require("../../theme/corners.js"), 
 require("../../theme/elevations.js"), require("../../theme/motion.js"), require("../../theme/type.js"), 
-require("../../hooks/useObserveTheme.js"), require("../../chunks/colors-RoRQ4v1O.js"), 
-require("../../chunks/audioVisualizer-Rueu5ZHV.js"), require("../../hooks/useWindow.js"), 
+require("../../hooks/useObserveTheme.js"), require("../../chunks/colors-D4KqwENo.js"), 
+require("../../chunks/audioVisualizer-DyXEzz5B.js"), require("../../chunks/webRTCStore-t11G9lB7.js"), 
+require("zustand"), require("../../chunks/WebRTCConnection-BIFUOK1m.js"), require("../../chunks/microphoneStore-CvE6xePs.js"), 
+require("../../chunks/volumeStore-U2OlJf6Y.js"), require("../../hooks/useWindow.js"), 
 exports.AudioBubble = AudioBubble.AudioBubble;

package/dist/cjs/components/Avatar/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var Avatar = require("../../chunks/Avatar-C2REB8vr.js");
+var Avatar = require("../../chunks/Avatar-NhXEz-E5.js");
 
-require("../../chunks/tslib.es6-DfmUmGCa.js"), require("react/jsx-runtime"), require("react"), 
-require("../../chunks/misc-Gs698ODr.js"), exports.Avatar = Avatar.Avatar;
+require("../../chunks/tslib.es6-hvdVpg9n.js"), require("react/jsx-runtime"), require("react"), 
+require("../../chunks/misc-eL5ZLV74.js"), exports.Avatar = Avatar.Avatar;

package/dist/cjs/components/AvatarGroup/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
-var AvatarGroup = require("../../chunks/AvatarGroup-Dsqnnepg.js");
+var AvatarGroup = require("../../chunks/AvatarGroup-BiY5kR8U.js");
 
-require("../../chunks/tslib.es6-DfmUmGCa.js"), require("react/jsx-runtime"), require("react"), 
-require("../../chunks/Avatar-C2REB8vr.js"), require("../../chunks/misc-Gs698ODr.js"), 
+require("../../chunks/tslib.es6-hvdVpg9n.js"), require("react/jsx-runtime"), require("react"), 
+require("../../chunks/Avatar-NhXEz-E5.js"), require("../../chunks/misc-eL5ZLV74.js"), 
 exports.AvatarGroup = AvatarGroup.AvatarGroup;

package/dist/cjs/components/Badge/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var Badge = require("../../chunks/Badge-xReCD3qV.js");
+var Badge = require("../../chunks/Badge-DjXygkSp.js");
 
-require("../../chunks/tslib.es6-DfmUmGCa.js"), require("react/jsx-runtime"), require("react"), 
+require("../../chunks/tslib.es6-hvdVpg9n.js"), require("react/jsx-runtime"), require("react"), 
 exports.Badge = Badge.Badge;

package/dist/cjs/components/Button/index.js

@@ -1,12 +1,14 @@
 "use strict";
 
-var Button = require("../../chunks/Button-7vW7Ut0n.js");
+var Button = require("../../chunks/Button-C-omYiMd.js");
 
-require("../../chunks/tslib.es6-DfmUmGCa.js"), require("react/jsx-runtime"), require("motion/react"), 
-require("react"), require("../../chunks/Badge-xReCD3qV.js"), require("../../chunks/Dot-DlLlV88_.js"), 
-require("../../chunks/Icon-Bmow374B.js"), require("../../hooks/useTheme.js"), require("../../providers/ThemeProvider.js"), 
+require("../../chunks/tslib.es6-hvdVpg9n.js"), require("react/jsx-runtime"), require("motion/react"), 
+require("react"), require("../../chunks/Badge-DjXygkSp.js"), require("../../chunks/Dot-BLu3iqa7.js"), 
+require("../../chunks/Icon-B36rVqFs.js"), require("../../hooks/useTheme.js"), require("../../providers/ThemeProvider.js"), 
 require("../../theme/themes.js"), require("../../theme/colors.js"), require("../../theme/corners.js"), 
 require("../../theme/elevations.js"), require("../../theme/motion.js"), require("../../theme/type.js"), 
-require("../../hooks/useObserveTheme.js"), require("../../chunks/misc-Gs698ODr.js"), 
-require("../../hooks/useWindow.js"), require("../../chunks/ProgressIndicator-BBe5EJJB.js"), 
-require("../../chunks/sharedTypes-CHfVI1zE.js"), exports.Button = Button.Button;
+require("../../hooks/useObserveTheme.js"), require("../../chunks/misc-eL5ZLV74.js"), 
+require("../../chunks/webRTCStore-t11G9lB7.js"), require("zustand"), require("../../chunks/WebRTCConnection-BIFUOK1m.js"), 
+require("../../chunks/microphoneStore-CvE6xePs.js"), require("../../chunks/volumeStore-U2OlJf6Y.js"), 
+require("../../hooks/useWindow.js"), require("../../chunks/ProgressIndicator-DSquSJwP.js"), 
+require("../../chunks/sharedTypes-BGj2TuEP.js"), exports.Button = Button.Button;

package/dist/cjs/components/ButtonBar/index.js

@@ -1,11 +1,13 @@
 "use strict";
 
-var ButtonBar = require("../../chunks/ButtonBar-r8xaXQOT.js");
+var ButtonBar = require("../../chunks/ButtonBar-BeJEeGL_.js");
 
-require("../../chunks/tslib.es6-DfmUmGCa.js"), require("react/jsx-runtime"), require("react"), 
-require("../../chunks/misc-Gs698ODr.js"), require("../../chunks/Icon-Bmow374B.js"), 
+require("../../chunks/tslib.es6-hvdVpg9n.js"), require("react/jsx-runtime"), require("react"), 
+require("../../chunks/misc-eL5ZLV74.js"), require("../../chunks/Icon-B36rVqFs.js"), 
 require("../../hooks/useTheme.js"), require("../../providers/ThemeProvider.js"), 
 require("../../theme/themes.js"), require("../../theme/colors.js"), require("../../theme/corners.js"), 
 require("../../theme/elevations.js"), require("../../theme/motion.js"), require("../../theme/type.js"), 
-require("../../hooks/useObserveTheme.js"), require("../../hooks/useWindow.js"), 
+require("../../hooks/useObserveTheme.js"), require("../../chunks/webRTCStore-t11G9lB7.js"), 
+require("zustand"), require("../../chunks/WebRTCConnection-BIFUOK1m.js"), require("../../chunks/microphoneStore-CvE6xePs.js"), 
+require("../../chunks/volumeStore-U2OlJf6Y.js"), require("../../hooks/useWindow.js"), 
 exports.ButtonBar = ButtonBar.ButtonBar;

package/dist/cjs/components/Camera/index.js

@@ -1,12 +1,14 @@
 "use strict";
 
-var Camera = require("../../chunks/Camera-BbWi-vvW.js");
+var Camera = require("../../chunks/Camera-D9EEGKDj.js");
 
-require("../../chunks/tslib.es6-DfmUmGCa.js"), require("react/jsx-runtime"), require("react"), 
+require("../../chunks/tslib.es6-hvdVpg9n.js"), require("react/jsx-runtime"), require("react"), 
 require("../../hooks/useTheme.js"), require("../../providers/ThemeProvider.js"), 
 require("../../theme/themes.js"), require("../../theme/colors.js"), require("../../theme/corners.js"), 
 require("../../theme/elevations.js"), require("../../theme/motion.js"), require("../../theme/type.js"), 
-require("../../hooks/useObserveTheme.js"), require("../../chunks/misc-Gs698ODr.js"), 
-require("../../chunks/colors-RoRQ4v1O.js"), require("../../hooks/useWindow.js"), 
-require("../../chunks/Avatar-C2REB8vr.js"), require("../../chunks/Icon-Bmow374B.js"), 
+require("../../hooks/useObserveTheme.js"), require("../../chunks/misc-eL5ZLV74.js"), 
+require("../../chunks/colors-D4KqwENo.js"), require("../../chunks/webRTCStore-t11G9lB7.js"), 
+require("zustand"), require("../../chunks/WebRTCConnection-BIFUOK1m.js"), require("../../chunks/microphoneStore-CvE6xePs.js"), 
+require("../../chunks/volumeStore-U2OlJf6Y.js"), require("../../hooks/useWindow.js"), 
+require("../../chunks/Avatar-NhXEz-E5.js"), require("../../chunks/Icon-B36rVqFs.js"), 
 exports.Camera = Camera.Camera;

package/dist/cjs/components/CheckBox/index.js

@@ -1,11 +1,13 @@
 "use strict";
 
-var CheckBox = require("../../chunks/CheckBox-BCR1qSIr.js");
+var CheckBox = require("../../chunks/CheckBox-B30zlOIJ.js");
 
-require("../../chunks/tslib.es6-DfmUmGCa.js"), require("react/jsx-runtime"), require("motion/react"), 
-require("react"), require("../../chunks/misc-Gs698ODr.js"), require("../../chunks/Icon-Bmow374B.js"), 
+require("../../chunks/tslib.es6-hvdVpg9n.js"), require("react/jsx-runtime"), require("motion/react"), 
+require("react"), require("../../chunks/misc-eL5ZLV74.js"), require("../../chunks/Icon-B36rVqFs.js"), 
 require("../../hooks/useTheme.js"), require("../../providers/ThemeProvider.js"), 
 require("../../theme/themes.js"), require("../../theme/colors.js"), require("../../theme/corners.js"), 
 require("../../theme/elevations.js"), require("../../theme/motion.js"), require("../../theme/type.js"), 
-require("../../hooks/useObserveTheme.js"), require("../../hooks/useWindow.js"), 
+require("../../hooks/useObserveTheme.js"), require("../../chunks/webRTCStore-t11G9lB7.js"), 
+require("zustand"), require("../../chunks/WebRTCConnection-BIFUOK1m.js"), require("../../chunks/microphoneStore-CvE6xePs.js"), 
+require("../../chunks/volumeStore-U2OlJf6Y.js"), require("../../hooks/useWindow.js"), 
 exports.CheckBox = CheckBox.CheckBox;

package/dist/cjs/components/Chip/index.js

@@ -1,11 +1,13 @@
 "use strict";
 
-var Chip = require("../../chunks/Chip-C6AbxC9I.js");
+var Chip = require("../../chunks/Chip-DHX-Qu95.js");
 
-require("../../chunks/tslib.es6-DfmUmGCa.js"), require("react/jsx-runtime"), require("react"), 
-require("../../chunks/misc-Gs698ODr.js"), require("../../chunks/Icon-Bmow374B.js"), 
+require("../../chunks/tslib.es6-hvdVpg9n.js"), require("react/jsx-runtime"), require("react"), 
+require("../../chunks/misc-eL5ZLV74.js"), require("../../chunks/Icon-B36rVqFs.js"), 
 require("../../hooks/useTheme.js"), require("../../providers/ThemeProvider.js"), 
 require("../../theme/themes.js"), require("../../theme/colors.js"), require("../../theme/corners.js"), 
 require("../../theme/elevations.js"), require("../../theme/motion.js"), require("../../theme/type.js"), 
-require("../../hooks/useObserveTheme.js"), require("../../hooks/useWindow.js"), 
-require("../../chunks/sharedTypes-CHfVI1zE.js"), exports.Chip = Chip.Chip;
+require("../../hooks/useObserveTheme.js"), require("../../chunks/webRTCStore-t11G9lB7.js"), 
+require("zustand"), require("../../chunks/WebRTCConnection-BIFUOK1m.js"), require("../../chunks/microphoneStore-CvE6xePs.js"), 
+require("../../chunks/volumeStore-U2OlJf6Y.js"), require("../../hooks/useWindow.js"), 
+require("../../chunks/sharedTypes-BGj2TuEP.js"), exports.Chip = Chip.Chip;

package/dist/cjs/components/DataTable/index.js

@@ -1,13 +1,16 @@
 "use strict";
 
-var viewState = require("../../chunks/viewState-X7EbUCin.js");
+var viewState = require("../../chunks/viewState-BM1U3FFI.js");
 
-require("react/jsx-runtime"), require("react"), require("../../chunks/misc-Gs698ODr.js"), 
-require("../../chunks/tslib.es6-DfmUmGCa.js"), require("../../chunks/Icon-Bmow374B.js"), 
+require("react/jsx-runtime"), require("react"), require("../../chunks/misc-eL5ZLV74.js"), 
+require("../../chunks/tslib.es6-hvdVpg9n.js"), require("../../chunks/Icon-B36rVqFs.js"), 
 require("../../hooks/useTheme.js"), require("../../providers/ThemeProvider.js"), 
 require("../../theme/themes.js"), require("../../theme/colors.js"), require("../../theme/corners.js"), 
 require("../../theme/elevations.js"), require("../../theme/motion.js"), require("../../theme/type.js"), 
-require("../../hooks/useObserveTheme.js"), require("../../hooks/useWindow.js"), 
+require("../../hooks/useObserveTheme.js"), require("../../chunks/webRTCStore-t11G9lB7.js"), 
+require("zustand"), require("../../chunks/WebRTCConnection-BIFUOK1m.js"), require("../../chunks/microphoneStore-CvE6xePs.js"), 
+require("../../chunks/volumeStore-U2OlJf6Y.js"), require("../../hooks/useWindow.js"), 
+require("../../chunks/rafThrottle-s6AR2mx7.js"), require("../../hooks/useObserveResize.js"), 
 exports.DataTable = viewState.DataTable, exports.applyDataTableViewState = viewState.applyDataTableViewState, 
 exports.captureSortToViewState = viewState.captureSortToViewState, exports.createColumnHelper = viewState.createColumnHelper, 
 exports.createDefaultViewState = viewState.createDefaultViewState, exports.resolveSortFromViewState = viewState.resolveSortFromViewState;