@apple-pie/slice 0.1.42 → 0.1.43

package/dist/cjs/chunks/{Toast-B21mzlsK.js → Toast-5l4r8cdV.js}

@@ -1,16 +1,16 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-YdeGB_Pn.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
+var tslib_es6 = require("./tslib.es6-CY7UXVzV.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
 
 require("../theme/colors.js");
 
-var misc = require("./misc-V6GDR-Ld.js");
+var misc = require("./misc-BD1HRncd.js");
 
-require("./webRTCStore-LftkLLjP.js"), require("./microphoneStore-_Welo21Y.js"), 
-require("./volumeStore-BF1kyqiz.js"), require("../hooks/useWindow.js");
+require("./webRTCStore-B-E2J01f.js"), require("./microphoneStore-BdACzgmA.js"), 
+require("./volumeStore-uuVL43b7.js"), require("../hooks/useWindow.js");
 
-var ToastType, Icon = require("./Icon--hX3u4Xq.js"), ProgressIndicator = require("./ProgressIndicator-CzTIgSaR.js"), css = {
+var ToastType, Icon = require("./Icon-8QuM6PRf.js"), ProgressIndicator = require("./ProgressIndicator-C9bvLrck.js"), css = {
     wrapper: "Toast-module_wrapper__1uj9O flexBox-module_rowBetween__5FEvi",
     close: "Toast-module_close__i10-s flexBox-module_row__z24tF",
     message: "Toast-module_message__3dP0P flexBox-module_rowStart__4tcxS",

package/dist/cjs/chunks/{ToggleButton-n_9ddA24.js → ToggleButton-C0ZYea67.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var jsxRuntime = require("react/jsx-runtime"), React = require("react"), IconButton = require("./IconButton-DQy0khcT.js"), Label = require("./Label-DVsWGQ5e.js"), css_toggleButton = "ToggleButton-module_toggleButton__H7KgI flexBox-module_rowStart__4tcxS";
+var jsxRuntime = require("react/jsx-runtime"), React = require("react"), IconButton = require("./IconButton-BfvKRPF0.js"), Label = require("./Label-Cj7pPrQE.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-DjPjWWyj.js → UploadArea-DrsgfDME.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-V6GDR-Ld.js"), Icon = require("./Icon--hX3u4Xq.js"), ProgressIndicator = require("./ProgressIndicator-CzTIgSaR.js"), FileList = require("./FileList--dYOsoCc.js"), css = {
+var jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-BD1HRncd.js"), FileList = require("./FileList-CQhbZHbY.js"), Icon = require("./Icon-8QuM6PRf.js"), ProgressIndicator = require("./ProgressIndicator-C9bvLrck.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-X8Hhs72_.js → Video-_nIf0Wt-.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var PlayState, tslib_es6 = require("./tslib.es6-YdeGB_Pn.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-V6GDR-Ld.js"), IconButton = require("./IconButton-DQy0khcT.js"), Slider = require("./Slider-7mX9CMLj.js"), ToggleButton = require("./ToggleButton-n_9ddA24.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-CY7UXVzV.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-BD1HRncd.js"), IconButton = require("./IconButton-BfvKRPF0.js"), Slider = require("./Slider-UDlSHjiR.js"), ToggleButton = require("./ToggleButton-C0ZYea67.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-ConanUTi.js → VideoController-CV2tnTh0.js}

@@ -1,12 +1,12 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-YdeGB_Pn.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react");
+var tslib_es6 = require("./tslib.es6-CY7UXVzV.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react");
 
-require("./microphoneStore-_Welo21Y.js"), require("./volumeStore-BF1kyqiz.js"), 
-require("./webRTCStore-LftkLLjP.js");
+require("./microphoneStore-BdACzgmA.js"), require("./volumeStore-uuVL43b7.js"), 
+require("./webRTCStore-B-E2J01f.js");
 
-var misc = require("./misc-V6GDR-Ld.js"), IconButton = require("./IconButton-DQy0khcT.js"), Overlay = require("./Overlay-CcGtZR5b.js"), videoStore = require("./videoStore-Dl_OJzZ8.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 misc = require("./misc-BD1HRncd.js"), IconButton = require("./IconButton-BfvKRPF0.js"), Overlay = require("./Overlay-CWb4rAdA.js"), videoStore = require("./videoStore-B43SSkDF.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-rQmPln_G.js → WSConnection-EjlOlufP.js}

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

package/dist/cjs/chunks/{WebRTCConnection-XKeWuX3F.js → WebRTCConnection-72YFnMm3.js}

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

package/dist/cjs/chunks/{localDBStore-CjkEiNmM.js → localDBStore-BHHiMyZH.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-YdeGB_Pn.js"), React = require("react"), zustand = require("zustand"), shallow = require("zustand/react/shallow"), IndexedDB = require("./IndexedDB-D33QVHZz.js");
+var tslib_es6 = require("./tslib.es6-CY7UXVzV.js"), React = require("react"), zustand = require("zustand"), shallow = require("zustand/react/shallow"), IndexedDB = require("./IndexedDB-Bje9-zII.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-_Welo21Y.js → microphoneStore-BdACzgmA.js}

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

package/dist/cjs/chunks/{misc-V6GDR-Ld.js → misc-BD1HRncd.js}

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

package/dist/cjs/chunks/{sseStore-B_znAGnz.js → sseStore-m-W_RKIO.js}

@@ -2,9 +2,9 @@
 
 var zustand = require("zustand");
 
-require("./tslib.es6-YdeGB_Pn.js");
+require("./tslib.es6-CY7UXVzV.js");
 
-var SSEConnection = require("./SSEConnection-DVbJx6fs.js");
+var SSEConnection = require("./SSEConnection-CV7OvpUR.js");
 
 const useSSEStore = zustand.create((set, get) => ({
     connections: [],

package/dist/cjs/chunks/{uploads-worker-BcqbJ2XT.js → uploads-worker-CS_q2jkr.js}

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

package/dist/cjs/chunks/{uploadsStore-DmnLR5KV.js → uploadsStore-B9vUKZH5.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var zustand = require("zustand"), uploadsWorker$1 = require("./uploads-worker-BcqbJ2XT.js"), _documentCurrentScript = "undefined" != typeof document ? document.currentScript : null;
+var zustand = require("zustand"), uploadsWorker$1 = require("./uploads-worker-CS_q2jkr.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-DmnLR5KV.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-B9vUKZH5.js", document.baseURI).href), {
         type: "module"
     });
 }, exports.getUploads = () => useUploadsStore.getState().uploads, exports.getUploadsError = () => useUploadsStore.getState().error, 

package/dist/cjs/chunks/{viewState-B08gdwcK.js → viewState-DmgjHoOp.js}

@@ -1,11 +1,13 @@
 "use strict";
 
-var jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-V6GDR-Ld.js"), Icon = require("./Icon--hX3u4Xq.js"), styles = {
+var jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-BD1HRncd.js"), Icon = require("./Icon-8QuM6PRf.js"), styles = {
     tableWrapper: "DataTable-module_tableWrapper__BzoJE",
+    resizeBar: "DataTable-module_resizeBar__LmzEF",
     table: "DataTable-module_table__oL4Dz",
     baseCell: "DataTable-module_baseCell__DQl-z",
     baseCellWrapper: "DataTable-module_baseCellWrapper__WMgNm",
     headerCellWrapper: "DataTable-module_headerCellWrapper__ytVYY",
+    colResizeHandle: "DataTable-module_colResizeHandle__dF5Es",
     m: "DataTable-module_m__G9QOp type-module_body-m-regular__LuQBA",
     scroll: "DataTable-module_scroll__grEU0 scrollBars-module_scrollbars__c-ZPl"
 };
@@ -22,6 +24,11 @@ const resolveAlignValue = value => {
       case "end":
         return "flex-end";
     }
+}, resolveDragHandleXPos = elements => {
+    const {cell: cell, handle: handle, parent: parent} = null != elements ? elements : {};
+    if (!cell || !parent || !handle) return;
+    const {left: left, width: width} = cell.getBoundingClientRect(), x = left - parent.getBoundingClientRect().left - parent.clientLeft + parent.scrollLeft;
+    handle.style.left = `${x + width}px`;
 };
 
 function DefaultHeaderRenderer(props) {
@@ -46,7 +53,59 @@ function DefaultHeaderRenderer(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)", 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, sort: sort, onSortChange: onSortChange} = props, [hScroll, setHScroll] = React.useState(!1), [vScroll, setVScroll] = React.useState(!1), [hoveredRow, setHoveredRow] = React.useState(null), [sortKey, setSortKey] = React.useState(sort), wrapperRef = React.useRef(null), cornerBoxShadow = React.useMemo(() => {
+    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} = props, [hScroll, setHScroll] = React.useState(!1), [vScroll, setVScroll] = React.useState(!1), [hoveredRow, setHoveredRow] = React.useState(null), [sortKey, setSortKey] = React.useState(sort), [draggingCol, setDraggingCol] = React.useState(null), [columnWidths, setColumnWidths] = React.useState({}), wrapperRef = React.useRef(null), resizeBarRef = React.useRef(null), colRefs = React.useRef({}), handleResizeEnd = React.useCallback((id, width) => {
+        setColumnWidths(prev => Object.assign(Object.assign({}, prev), {
+            [id]: width
+        })), setDraggingCol(null), null == onColumnResize || onColumnResize(id, width);
+    }, [ onColumnResize ]);
+    !function(element, onResizeEnd) {
+        const [client, setClient] = React.useState(null), [dragging, setDragging] = React.useState(!1), didSetListenersRef = React.useRef(!1), colStartX = React.useRef(0), lastWidthRef = React.useRef(0), hasMovedRef = React.useRef(!1), resolveStartingXPos = React.useCallback(() => (null == element ? void 0 : element.cell) ? element.cell.getBoundingClientRect().left : 0, [ element ]), applyHandlePos = React.useCallback(show => {
+            const {cell: cell, handle: handle, parent: parent} = null != element ? element : {};
+            !show && handle ? handle.style.left = "-500px" : resolveDragHandleXPos({
+                cell: cell,
+                handle: handle,
+                parent: parent
+            });
+        }, [ element ]), applyWidth = React.useCallback(clientX => {
+            if (!(null == element ? void 0 : element.col)) return;
+            const newWidth = Math.max(0, clientX - colStartX.current);
+            element.col.style.width = `${newWidth}px`, lastWidthRef.current = newWidth, hasMovedRef.current = !0;
+        }, [ element ]), handleMouseMove = React.useCallback(e => {
+            e.stopPropagation(), e.preventDefault(), setDragging(!0);
+            const nextClientPos = (e => {
+                if (e.type.startsWith("touch")) {
+                    const touchEvent = e;
+                    return {
+                        x: touchEvent.touches[0].clientX,
+                        y: touchEvent.touches[0].clientY
+                    };
+                }
+                const mouseEvent = e;
+                return {
+                    x: mouseEvent.clientX,
+                    y: mouseEvent.clientY
+                };
+            })(e);
+            setClient(nextClientPos), applyWidth(nextClientPos.x), applyHandlePos(!0);
+        }, [ applyWidth, applyHandlePos ]), handleMouseUp = React.useCallback(e => {
+            e.stopPropagation(), e.preventDefault(), setDragging(!1), setClient(null), element && hasMovedRef.current && (null == onResizeEnd || onResizeEnd(element.id, lastWidthRef.current)), 
+            applyHandlePos(!1), clearListeners();
+        }, [ element, onResizeEnd, applyHandlePos ]), initListeners = React.useCallback(() => {
+            didSetListenersRef.current || (document.documentElement.addEventListener("mousemove", handleMouseMove, !1), 
+            document.documentElement.addEventListener("mouseup", handleMouseUp, !1), document.documentElement.addEventListener("touchmove", handleMouseMove, !1), 
+            document.documentElement.addEventListener("touchend", handleMouseUp, !1), document.documentElement.style.userSelect = "none", 
+            document.documentElement.style.webkitUserSelect = "none", document.documentElement.style.cursor = "col-resize", 
+            colStartX.current = resolveStartingXPos(), didSetListenersRef.current = !0);
+        }, [ handleMouseMove, handleMouseUp, resolveStartingXPos ]), clearListeners = React.useCallback(() => {
+            didSetListenersRef.current && (document.documentElement.removeEventListener("mousemove", handleMouseMove), 
+            document.documentElement.removeEventListener("mouseup", handleMouseUp), document.documentElement.removeEventListener("touchmove", handleMouseMove, !1), 
+            document.documentElement.removeEventListener("touchend", handleMouseUp, !1), document.documentElement.style.userSelect = "auto", 
+            document.documentElement.style.webkitUserSelect = "auto", document.documentElement.style.cursor = "default", 
+            colStartX.current = 0, lastWidthRef.current = 0, hasMovedRef.current = !1, didSetListenersRef.current = !1);
+        }, [ handleMouseMove, handleMouseUp ]);
+        React.useEffect(() => (element ? initListeners() : clearListeners(), () => clearListeners()), [ element, initListeners, clearListeners ]);
+    }(draggingCol, handleResizeEnd);
+    const cornerBoxShadow = React.useMemo(() => {
         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)"), 
@@ -75,8 +134,9 @@ exports.DataTable = function(props) {
         "--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 = React.useCallback(() => {
+        "--table-border-sides": "box" === borderStyle ? "1px" : "0",
+        "--table-handle-hover-color": handleHoverColor
+    }), [ backgroundColor, headerBackgroundColor, candyStripeBackgroundColor, cornerBoxShadow, columnBoxShadow, headerBoxShadow, freezeColumn, headerSticky, width, height, borderColor, borderStyle, handleHoverColor ]), 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);
@@ -111,18 +171,51 @@ exports.DataTable = function(props) {
     }), []), resolveAriaSort = React.useCallback(column => {
         const sortable = void 0 !== column.sort, isSortedColumn = sortable && (null == sortKey ? void 0 : sortKey.key) === column.sort;
         if (sortable) return isSortedColumn ? "asc" === (null == sortKey ? void 0 : sortKey.dir) ? "ascending" : "descending" : void 0;
-    }, [ sortKey ]);
+    }, [ sortKey ]), handleStartDrag = React.useCallback((id, e) => {
+        if (!colResize) return;
+        const cell = e.currentTarget.parentElement, col = colRefs.current[id], handle = resizeBarRef.current, parent = wrapperRef.current;
+        cell && col && parent && setDraggingCol({
+            id: id,
+            cell: cell,
+            col: col,
+            handle: handle,
+            parent: parent
+        });
+    }, [ colResize ]), handleHoverDragHandle = React.useCallback((show, e) => {
+        if (!colResize || draggingCol) return;
+        const cell = e.currentTarget.parentElement, handle = resizeBarRef.current, parent = wrapperRef.current;
+        !show && handle ? handle.style.left = "-500px" : resolveDragHandleXPos({
+            cell: cell,
+            handle: handle,
+            parent: parent
+        });
+    }, [ draggingCol, colResize ]), handleCreateRefs = React.useCallback((el, id) => {
+        colRefs.current[id] = el;
+    }, []);
     return React.useEffect(() => {
         setSortKey(prev => (null == prev ? void 0 : prev.key) === (null == sort ? void 0 : sort.key) && (null == prev ? void 0 : prev.dir) === (null == sort ? void 0 : sort.dir) ? prev : sort);
-    }, [ sort ]), jsxRuntime.jsx("div", {
+    }, [ sort ]), jsxRuntime.jsxs("div", {
         ref: wrapperRef,
         className: `${styles.tableWrapper} ${styles.scroll}`,
         style: cssVars,
         onScroll: handleScroll,
-        children: jsxRuntime.jsxs("table", {
+        children: [ jsxRuntime.jsx("div", {
+            className: styles.resizeBar,
+            ref: resizeBarRef
+        }), jsxRuntime.jsxs("table", {
             className: styles.table,
             children: [ jsxRuntime.jsx("caption", {
                 children: caption
+            }), jsxRuntime.jsx("colgroup", {
+                children: columnDefinitions.map(column => {
+                    var _a;
+                    return jsxRuntime.jsx("col", {
+                        ref: el => handleCreateRefs(el, column.id),
+                        style: {
+                            width: misc.setStyle(null !== (_a = columnWidths[column.id]) && void 0 !== _a ? _a : column.width)
+                        }
+                    }, column.id);
+                })
             }), jsxRuntime.jsx("thead", {
                 children: jsxRuntime.jsx("tr", {
                     children: columnDefinitions.map(column => {
@@ -152,9 +245,9 @@ exports.DataTable = function(props) {
                 children: rows.map((row, rowIndex) => jsxRuntime.jsx("tr", {
                     children: columnDefinitions.map((col, colIndex) => {
                         var _a;
-                        const value = col.accessor(row), justifyContent = resolveAlignValue(col.justify), alignItems = resolveAlignValue(col.align), padding = misc.setStyle(col.padding, 16), whiteSpace = col.nowrap ? "nowrap" : "", background = resolveCellBG(rowIndex);
-                        return jsxRuntime.jsx("td", {
-                            "data-column-id": `${col.id}.${rowIndex}`,
+                        const value = col.accessor(row), justifyContent = resolveAlignValue(col.justify), alignItems = resolveAlignValue(col.align), padding = misc.setStyle(col.padding, 16), whiteSpace = col.nowrap ? "nowrap" : "", background = resolveCellBG(rowIndex), notLast = colIndex !== columnDefinitions.length - 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),
@@ -166,7 +259,14 @@ exports.DataTable = function(props) {
                             style: {
                                 background: background
                             },
-                            children: jsxRuntime.jsx("div", {
+                            children: [ notLast && colResize && jsxRuntime.jsx("div", {
+                                className: styles.colResizeHandle,
+                                onMouseDown: e => handleStartDrag(col.id, e),
+                                onMouseOver: e => handleHoverDragHandle(!0, e),
+                                onFocus: e => handleHoverDragHandle(!0, e),
+                                onMouseOut: e => handleHoverDragHandle(!1, e),
+                                onBlur: e => handleHoverDragHandle(!1, e)
+                            }), jsxRuntime.jsx("div", {
                                 className: styles.baseCellWrapper,
                                 style: {
                                     justifyContent: justifyContent,
@@ -179,12 +279,12 @@ exports.DataTable = function(props) {
                                     value: value,
                                     rowIndex: rowIndex
                                 }) : null !== (_a = null == value ? void 0 : value.toString()) && void 0 !== _a ? _a : ""
-                            })
+                            }) ]
                         }, col.id);
                     })
                 }, getRowId ? getRowId(row, rowIndex) : rowIndex))
             }) ]
-        })
+        }) ]
     });
 }, exports.applyDataTableViewState = function(columns, state) {
     var _a;

package/dist/cjs/chunks/{volumeStore-BF1kyqiz.js → volumeStore-uuVL43b7.js}

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

package/dist/cjs/chunks/{webRTCStore-LftkLLjP.js → webRTCStore-B-E2J01f.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-YdeGB_Pn.js"), zustand = require("zustand"), WebRTCConnection = require("./WebRTCConnection-XKeWuX3F.js");
+var tslib_es6 = require("./tslib.es6-CY7UXVzV.js"), zustand = require("zustand"), WebRTCConnection = require("./WebRTCConnection-72YFnMm3.js");
 
 const useWebRTCStore = zustand.create((set, get) => ({
     connections: [],

package/dist/cjs/chunks/{windowStore-BQUT0Esh.js → windowStore-CQhMrEf5.js}

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

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

@@ -1,13 +1,13 @@
 "use strict";
 
-var AudioBubble = require("../../chunks/AudioBubble-Cm9yHsXy.js");
+var AudioBubble = require("../../chunks/AudioBubble-DVv8x7ei.js");
 
-require("../../chunks/tslib.es6-YdeGB_Pn.js"), require("react/jsx-runtime"), require("react"), 
+require("../../chunks/tslib.es6-CY7UXVzV.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-DBqXFbm2.js"), 
-require("../../chunks/audioVisualizer-CBL-tQio.js"), require("../../chunks/webRTCStore-LftkLLjP.js"), 
-require("zustand"), require("../../chunks/WebRTCConnection-XKeWuX3F.js"), require("../../chunks/microphoneStore-_Welo21Y.js"), 
-require("../../chunks/volumeStore-BF1kyqiz.js"), require("../../hooks/useWindow.js"), 
+require("../../hooks/useObserveTheme.js"), require("../../chunks/colors-CZopyRJo.js"), 
+require("../../chunks/audioVisualizer-D8KXW3Vw.js"), require("../../chunks/webRTCStore-B-E2J01f.js"), 
+require("zustand"), require("../../chunks/WebRTCConnection-72YFnMm3.js"), require("../../chunks/microphoneStore-BdACzgmA.js"), 
+require("../../chunks/volumeStore-uuVL43b7.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-CX75jtaK.js");
+var Avatar = require("../../chunks/Avatar-C_RcdMan.js");
 
-require("../../chunks/tslib.es6-YdeGB_Pn.js"), require("react/jsx-runtime"), require("react"), 
-require("../../chunks/misc-V6GDR-Ld.js"), exports.Avatar = Avatar.Avatar;
+require("../../chunks/tslib.es6-CY7UXVzV.js"), require("react/jsx-runtime"), require("react"), 
+require("../../chunks/misc-BD1HRncd.js"), exports.Avatar = Avatar.Avatar;

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

@@ -1,7 +1,7 @@
 "use strict";
 
-var AvatarGroup = require("../../chunks/AvatarGroup-BREnvrjE.js");
+var AvatarGroup = require("../../chunks/AvatarGroup-BJ5FA1xz.js");
 
-require("../../chunks/tslib.es6-YdeGB_Pn.js"), require("react/jsx-runtime"), require("react"), 
-require("../../chunks/Avatar-CX75jtaK.js"), require("../../chunks/misc-V6GDR-Ld.js"), 
+require("../../chunks/tslib.es6-CY7UXVzV.js"), require("react/jsx-runtime"), require("react"), 
+require("../../chunks/Avatar-C_RcdMan.js"), require("../../chunks/misc-BD1HRncd.js"), 
 exports.AvatarGroup = AvatarGroup.AvatarGroup;

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

@@ -1,6 +1,6 @@
 "use strict";
 
-var Badge = require("../../chunks/Badge-96jvuXhS.js");
+var Badge = require("../../chunks/Badge-CcJjIIq3.js");
 
-require("../../chunks/tslib.es6-YdeGB_Pn.js"), require("react/jsx-runtime"), require("react"), 
+require("../../chunks/tslib.es6-CY7UXVzV.js"), require("react/jsx-runtime"), require("react"), 
 exports.Badge = Badge.Badge;

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

@@ -1,14 +1,14 @@
 "use strict";
 
-var Button = require("../../chunks/Button-Ddtf_TCs.js");
+var Button = require("../../chunks/Button-C8_--WPm.js");
 
-require("../../chunks/tslib.es6-YdeGB_Pn.js"), require("react/jsx-runtime"), require("motion/react"), 
-require("react"), require("../../chunks/Badge-96jvuXhS.js"), require("../../chunks/Dot-DhkLAHrQ.js"), 
-require("../../chunks/Icon--hX3u4Xq.js"), require("../../hooks/useTheme.js"), require("../../providers/ThemeProvider.js"), 
+require("../../chunks/tslib.es6-CY7UXVzV.js"), require("react/jsx-runtime"), require("motion/react"), 
+require("react"), require("../../chunks/Badge-CcJjIIq3.js"), require("../../chunks/Dot-PUjIvbKa.js"), 
+require("../../chunks/Icon-8QuM6PRf.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-V6GDR-Ld.js"), 
-require("../../chunks/webRTCStore-LftkLLjP.js"), require("zustand"), require("../../chunks/WebRTCConnection-XKeWuX3F.js"), 
-require("../../chunks/microphoneStore-_Welo21Y.js"), require("../../chunks/volumeStore-BF1kyqiz.js"), 
-require("../../hooks/useWindow.js"), require("../../chunks/ProgressIndicator-CzTIgSaR.js"), 
-require("../../chunks/sharedTypes-dZCB5xs7.js"), exports.Button = Button.Button;
+require("../../hooks/useObserveTheme.js"), require("../../chunks/misc-BD1HRncd.js"), 
+require("../../chunks/webRTCStore-B-E2J01f.js"), require("zustand"), require("../../chunks/WebRTCConnection-72YFnMm3.js"), 
+require("../../chunks/microphoneStore-BdACzgmA.js"), require("../../chunks/volumeStore-uuVL43b7.js"), 
+require("../../hooks/useWindow.js"), require("../../chunks/ProgressIndicator-C9bvLrck.js"), 
+require("../../chunks/sharedTypes-DNjkrmLh.js"), exports.Button = Button.Button;

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

@@ -1,13 +1,13 @@
 "use strict";
 
-var ButtonBar = require("../../chunks/ButtonBar-DONvMqvY.js");
+var ButtonBar = require("../../chunks/ButtonBar-DrF6u8kP.js");
 
-require("../../chunks/tslib.es6-YdeGB_Pn.js"), require("react/jsx-runtime"), require("react"), 
-require("../../chunks/misc-V6GDR-Ld.js"), require("../../chunks/Icon--hX3u4Xq.js"), 
+require("../../chunks/tslib.es6-CY7UXVzV.js"), require("react/jsx-runtime"), require("react"), 
+require("../../chunks/misc-BD1HRncd.js"), require("../../chunks/Icon-8QuM6PRf.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/webRTCStore-LftkLLjP.js"), 
-require("zustand"), require("../../chunks/WebRTCConnection-XKeWuX3F.js"), require("../../chunks/microphoneStore-_Welo21Y.js"), 
-require("../../chunks/volumeStore-BF1kyqiz.js"), require("../../hooks/useWindow.js"), 
+require("../../hooks/useObserveTheme.js"), require("../../chunks/webRTCStore-B-E2J01f.js"), 
+require("zustand"), require("../../chunks/WebRTCConnection-72YFnMm3.js"), require("../../chunks/microphoneStore-BdACzgmA.js"), 
+require("../../chunks/volumeStore-uuVL43b7.js"), require("../../hooks/useWindow.js"), 
 exports.ButtonBar = ButtonBar.ButtonBar;

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

@@ -1,14 +1,14 @@
 "use strict";
 
-var Camera = require("../../chunks/Camera-DnCDsNTQ.js");
+var Camera = require("../../chunks/Camera-DLDdaks3.js");
 
-require("../../chunks/tslib.es6-YdeGB_Pn.js"), require("react/jsx-runtime"), require("react"), 
+require("../../chunks/tslib.es6-CY7UXVzV.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-V6GDR-Ld.js"), 
-require("../../chunks/colors-DBqXFbm2.js"), require("../../chunks/webRTCStore-LftkLLjP.js"), 
-require("zustand"), require("../../chunks/WebRTCConnection-XKeWuX3F.js"), require("../../chunks/microphoneStore-_Welo21Y.js"), 
-require("../../chunks/volumeStore-BF1kyqiz.js"), require("../../hooks/useWindow.js"), 
-require("../../chunks/Avatar-CX75jtaK.js"), require("../../chunks/Icon--hX3u4Xq.js"), 
+require("../../hooks/useObserveTheme.js"), require("../../chunks/misc-BD1HRncd.js"), 
+require("../../chunks/colors-CZopyRJo.js"), require("../../chunks/webRTCStore-B-E2J01f.js"), 
+require("zustand"), require("../../chunks/WebRTCConnection-72YFnMm3.js"), require("../../chunks/microphoneStore-BdACzgmA.js"), 
+require("../../chunks/volumeStore-uuVL43b7.js"), require("../../hooks/useWindow.js"), 
+require("../../chunks/Avatar-C_RcdMan.js"), require("../../chunks/Icon-8QuM6PRf.js"), 
 exports.Camera = Camera.Camera;

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

@@ -1,13 +1,13 @@
 "use strict";
 
-var CheckBox = require("../../chunks/CheckBox-Cs1kMs8S.js");
+var CheckBox = require("../../chunks/CheckBox-cBC2ogLO.js");
 
-require("../../chunks/tslib.es6-YdeGB_Pn.js"), require("react/jsx-runtime"), require("motion/react"), 
-require("react"), require("../../chunks/misc-V6GDR-Ld.js"), require("../../chunks/Icon--hX3u4Xq.js"), 
+require("../../chunks/tslib.es6-CY7UXVzV.js"), require("react/jsx-runtime"), require("motion/react"), 
+require("react"), require("../../chunks/misc-BD1HRncd.js"), require("../../chunks/Icon-8QuM6PRf.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/webRTCStore-LftkLLjP.js"), 
-require("zustand"), require("../../chunks/WebRTCConnection-XKeWuX3F.js"), require("../../chunks/microphoneStore-_Welo21Y.js"), 
-require("../../chunks/volumeStore-BF1kyqiz.js"), require("../../hooks/useWindow.js"), 
+require("../../hooks/useObserveTheme.js"), require("../../chunks/webRTCStore-B-E2J01f.js"), 
+require("zustand"), require("../../chunks/WebRTCConnection-72YFnMm3.js"), require("../../chunks/microphoneStore-BdACzgmA.js"), 
+require("../../chunks/volumeStore-uuVL43b7.js"), require("../../hooks/useWindow.js"), 
 exports.CheckBox = CheckBox.CheckBox;

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

@@ -1,13 +1,13 @@
 "use strict";
 
-var Chip = require("../../chunks/Chip-DykMwI0k.js");
+var Chip = require("../../chunks/Chip-NEJWWZe1.js");
 
-require("../../chunks/tslib.es6-YdeGB_Pn.js"), require("react/jsx-runtime"), require("react"), 
-require("../../chunks/misc-V6GDR-Ld.js"), require("../../chunks/Icon--hX3u4Xq.js"), 
+require("../../chunks/tslib.es6-CY7UXVzV.js"), require("react/jsx-runtime"), require("react"), 
+require("../../chunks/misc-BD1HRncd.js"), require("../../chunks/Icon-8QuM6PRf.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/webRTCStore-LftkLLjP.js"), 
-require("zustand"), require("../../chunks/WebRTCConnection-XKeWuX3F.js"), require("../../chunks/microphoneStore-_Welo21Y.js"), 
-require("../../chunks/volumeStore-BF1kyqiz.js"), require("../../hooks/useWindow.js"), 
-require("../../chunks/sharedTypes-dZCB5xs7.js"), exports.Chip = Chip.Chip;
+require("../../hooks/useObserveTheme.js"), require("../../chunks/webRTCStore-B-E2J01f.js"), 
+require("zustand"), require("../../chunks/WebRTCConnection-72YFnMm3.js"), require("../../chunks/microphoneStore-BdACzgmA.js"), 
+require("../../chunks/volumeStore-uuVL43b7.js"), require("../../hooks/useWindow.js"), 
+require("../../chunks/sharedTypes-DNjkrmLh.js"), exports.Chip = Chip.Chip;

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

@@ -1,15 +1,15 @@
 "use strict";
 
-var viewState = require("../../chunks/viewState-B08gdwcK.js");
+var viewState = require("../../chunks/viewState-DmgjHoOp.js");
 
-require("react/jsx-runtime"), require("react"), require("../../chunks/misc-V6GDR-Ld.js"), 
-require("../../chunks/tslib.es6-YdeGB_Pn.js"), require("../../chunks/Icon--hX3u4Xq.js"), 
+require("react/jsx-runtime"), require("react"), require("../../chunks/misc-BD1HRncd.js"), 
+require("../../chunks/tslib.es6-CY7UXVzV.js"), require("../../chunks/Icon-8QuM6PRf.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/webRTCStore-LftkLLjP.js"), 
-require("zustand"), require("../../chunks/WebRTCConnection-XKeWuX3F.js"), require("../../chunks/microphoneStore-_Welo21Y.js"), 
-require("../../chunks/volumeStore-BF1kyqiz.js"), require("../../hooks/useWindow.js"), 
+require("../../hooks/useObserveTheme.js"), require("../../chunks/webRTCStore-B-E2J01f.js"), 
+require("zustand"), require("../../chunks/WebRTCConnection-72YFnMm3.js"), require("../../chunks/microphoneStore-BdACzgmA.js"), 
+require("../../chunks/volumeStore-uuVL43b7.js"), require("../../hooks/useWindow.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;