@apple-pie/slice 0.1.60 → 0.2.0

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

@@ -1,527 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-
-import React, { useCallback, useEffect, useState, useRef, useMemo } from "react";
-
-import { corners } from "../theme/corners.mjs";
-
-import { s as setStyle, a as accessibleKeyDown } from "./misc-CagHFpjD.mjs";
-
-import { I as Icon } from "./Icon-BZ634R5u.mjs";
-
-import "../theme/colors.mjs";
-
-import "../theme/type.mjs";
-
-import "./tslib.es6-DiR-r3pp.mjs";
-
-import { r as rafThrottle } from "./rafThrottle-CJcLGMwV.mjs";
-
-import "./broadcastChannel-B2yT2lpA.mjs";
-
-import "./webRTCStore-BpDbSd4Q.mjs";
-
-import "./microphoneStore-lnK3t3JC.mjs";
-
-import "./volumeStore-CSItrUF2.mjs";
-
-import "../hooks/useWindow.mjs";
-
-import { useObserveResize } from "../hooks/useObserveResize.mjs";
-
-var 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",
-    header: "DataTable-module_header__QgdCY",
-    headerRight: "DataTable-module_headerRight__QHHxv",
-    headerLeft: "DataTable-module_headerLeft__OAzLv",
-    headerTitle: "DataTable-module_headerTitle__K0pmX",
-    m: "DataTable-module_m__G9QOp type-module_body-m-regular__LuQBA",
-    scroll: "DataTable-module_scroll__grEU0 scrollBars-module_scrollbars__c-ZPl"
-};
-
-function createColumnHelper() {
-    return {
-        accessor: (accessor, def) => Object.assign({
-            accessor: accessor
-        }, def)
-    };
-}
-
-const resolveAlignValue = value => {
-    switch (value) {
-      case "start":
-        return "flex-start";
-
-      case "center":
-      default:
-        return "center";
-
-      case "end":
-        return "flex-end";
-    }
-}, resolveDragHandleXPos = elements => {
-    const {cell: cell, handle: handle, parent: parent, position: position = "right"} = 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 = "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%", maxWidth: maxWidth, colResize: colResize = !0, borderColor: borderColor = "var(--core-outline-primary)", borderStyle: borderStyle = "box", columnDefinitions: columnDefinitions = [], tableData: tableData = [], getRowId: getRowId, filter: filter, caption: caption = "Data Table", onDoubleClick: onDoubleClick, onClick: onClick, onMouseOut: onMouseOut, onMouseOver: onMouseOver, sort: sort, onSortChange: onSortChange, onColumnResize: onColumnResize, onColumnReorder: onColumnReorder, borderRadius: borderRadius = corners["corner-m"], virtualizeRows: virtualizeRows, virtualizeRowThreshold: virtualizeRowThreshold = 200, rowHeight: rowHeight = 44, overscanRows: overscanRows, margin: margin} = props, [hScroll, setHScroll] = useState(!1), [vScroll, setVScroll] = useState(!1), [hoveredRow, setHoveredRow] = useState(null), [sortKey, setSortKey] = useState(sort), [columnWidths, setColumnWidths] = useState({}), [columnOrder, setColumnOrder] = useState(null), [draggedColId, setDraggedColId] = useState(null), wrapperRef = React.useRef(null), resizeBarRef = React.useRef(null), colRefs = React.useRef({}), elements = useMemo(() => ({
-        handle: resizeBarRef,
-        parent: wrapperRef
-    }), []), cornerBoxShadow = 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)"), 
-        vScroll && headerSticky && !hScroll && shadows.push("0 5px 0 rgba(0,0,0,0.1)"), 
-        shadows.length > 0 ? shadows.join(",") : "none";
-    }, [ hScroll, vScroll, freezeColumn, headerSticky ]), columnBoxShadow = useMemo(() => {
-        const shadows = [];
-        return hScroll && freezeColumn && shadows.push("1px 0 0 var(--core-outline-primary)", "5px 0 0 rgba(0,0,0,0.1)"), 
-        shadows.length > 0 ? shadows.join(",") : "none";
-    }, [ hScroll, freezeColumn ]), headerBoxShadow = useMemo(() => {
-        const shadows = [];
-        return vScroll && headerSticky && shadows.push("0 1px 0 var(--core-outline-primary)", "0 5px 0 rgba(0,0,0,0.1)"), 
-        shadows.length > 0 ? shadows.join(",") : "none";
-    }, [ vScroll, headerSticky ]), cssVars = useMemo(() => ({
-        "--table-width": setStyle(width),
-        "--table-max-width": maxWidth ? setStyle(maxWidth) : "unset",
-        "--table-height": setStyle(height),
-        "--table-margin": margin ? setStyle(margin) : "0",
-        "--table-background-color": backgroundColor,
-        "--table-column-box-shadow": columnBoxShadow,
-        "--table-header-box-shadow": headerBoxShadow,
-        "--table-corner-box-shadow": cornerBoxShadow,
-        "--table-header-background-color": headerBackgroundColor,
-        "--table-candy-stripe-background-color": candyStripeBackgroundColor,
-        "--table-freeze-column-position": freezeColumn ? "sticky" : "relative",
-        "--table-header-sticky-position": headerSticky ? "sticky" : "relative",
-        "--table-border-color": borderColor,
-        "--table-corner-position": freezeColumn || headerSticky ? "sticky" : "relative",
-        "--table-corner-left": freezeColumn ? "0px" : "unset",
-        "--table-border-width": "none" === borderStyle ? "0" : "1px",
-        "--table-border-sides": "box" === borderStyle ? "1px" : "0",
-        "--table-handle-hover-color": handleHoverColor,
-        "--table-border-radius": "box" === borderStyle ? setStyle(borderRadius) : corners["corner-none"]
-    }), [ backgroundColor, headerBackgroundColor, candyStripeBackgroundColor, cornerBoxShadow, columnBoxShadow, headerBoxShadow, freezeColumn, headerSticky, width, height, borderColor, borderStyle, handleHoverColor, borderRadius, maxWidth, margin ]), handleCreateRefs = useCallback((el, id) => {
-        colRefs.current[id] = el;
-    }, []), orderedColumns = useMemo(() => {
-        if (!columnOrder) return columnDefinitions;
-        const byId = new Map(columnDefinitions.map(column => [ column.id, column ])), ordered = columnOrder.map(id => byId.get(id)).filter(column => !!column), seen = new Set(columnOrder);
-        return [ ...ordered, ...columnDefinitions.filter(column => !seen.has(column.id)) ];
-    }, [ columnDefinitions, columnOrder ]), {dragResize: dragResize, hoverResize: hoverResize} = function(elements, colResize, setColumnWidths, onColumnResize) {
-        const [resizeCol, setResizeCol] = useState(null), [client, setClient] = useState(null), [resizing, setResizing] = useState(!1), didSetListenersRef = useRef(!1), colStartX = useRef(0), lastWidthRef = useRef(0), hasMovedRef = useRef(!1), resolveStartingXPos = useCallback(() => (null == resizeCol ? void 0 : resizeCol.cell) ? resizeCol.cell.getBoundingClientRect().left : 0, [ resizeCol ]), applyHandlePos = useCallback(show => {
-            var _a, _b;
-            const {cell: cell} = null != resizeCol ? resizeCol : {}, handle = null === (_a = elements.handle) || void 0 === _a ? void 0 : _a.current, parent = null === (_b = elements.parent) || void 0 === _b ? void 0 : _b.current;
-            !show && handle ? handle.style.left = "-500px" : resolveDragHandleXPos({
-                cell: cell,
-                handle: handle,
-                parent: parent
-            });
-        }, [ resizeCol, elements ]), applyWidth = useCallback(clientX => {
-            if (!(null == resizeCol ? void 0 : resizeCol.col)) return;
-            const newWidth = Math.max(0, clientX - colStartX.current);
-            resizeCol.col.style.width = `${newWidth}px`, lastWidthRef.current = newWidth, hasMovedRef.current = !0;
-        }, [ resizeCol ]), handleMouseMove = useCallback(e => {
-            e.stopPropagation(), e.preventDefault(), setResizing(!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 = useCallback(e => {
-            if (e.stopPropagation(), e.preventDefault(), resizeCol && hasMovedRef.current) {
-                const colId = resizeCol.id, width = lastWidthRef.current;
-                setColumnWidths(prev => Object.assign(Object.assign({}, prev), {
-                    [colId]: width
-                })), null == onColumnResize || onColumnResize(colId, width);
-            }
-            setResizing(!1), setClient(null), applyHandlePos(!1), setResizeCol(null);
-        }, [ resizeCol, applyHandlePos, setColumnWidths, onColumnResize ]), initListeners = 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 = 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 ]), dragResize = useCallback((id, e, colRefs) => {
-            if (e.stopPropagation(), e.preventDefault(), !colResize) return;
-            const cell = e.currentTarget.parentElement, col = colRefs.current[id];
-            cell && col && setResizeCol({
-                id: id,
-                cell: cell,
-                col: col
-            });
-        }, [ colResize ]), hoverResize = useCallback((show, e) => {
-            var _a, _b;
-            if (!colResize || resizeCol) return;
-            const cell = e.currentTarget.parentElement, handle = null === (_a = elements.handle) || void 0 === _a ? void 0 : _a.current, parent = null === (_b = elements.parent) || void 0 === _b ? void 0 : _b.current;
-            !show && handle ? handle.style.left = "-500px" : resolveDragHandleXPos({
-                cell: cell,
-                handle: handle,
-                parent: parent
-            });
-        }, [ resizeCol, colResize, elements ]);
-        return useEffect(() => (resizeCol ? initListeners() : clearListeners(), () => clearListeners()), [ resizeCol, initListeners, clearListeners ]), 
-        {
-            clientX: null == client ? void 0 : client.x,
-            clientY: null == client ? void 0 : client.y,
-            resizing: resizing,
-            dragResize: dragResize,
-            hoverResize: hoverResize
-        };
-    }(elements, colResize, setColumnWidths, onColumnResize), {dragStart: dragStart, dragOver: dragOver, dragDrop: dragDrop} = function(columnDefinitions, setColumnOrder, setDraggedColId, onColumnReorder, freezeColumn) {
-        const [isDragging, setIsDragging] = React.useState(!1), draggedColId = React.useRef(null), draggedColIndex = React.useRef(null), draggedOverColId = React.useRef(null), initialColumnOrder = React.useRef(null), moveColumn = useCallback((draggedId, targetId) => {
-            draggedId !== targetId && setColumnOrder(prev => {
-                const currentOrder = null != prev ? prev : columnDefinitions.map(column => column.id), draggedIndex = currentOrder.indexOf(draggedId), targetIndex = currentOrder.indexOf(targetId);
-                if (-1 === draggedIndex || -1 === targetIndex) return prev;
-                if (freezeColumn && (0 === draggedIndex || 0 === targetIndex)) return prev;
-                let next, insertAt;
-                return initialColumnOrder.current || (initialColumnOrder.current = currentOrder), 
-                targetIndex < draggedIndex ? (next = currentOrder.filter(id => id !== draggedId), 
-                insertAt = next.indexOf(targetId)) : (next = currentOrder.filter(id => id !== draggedId), 
-                insertAt = next.indexOf(targetId) + 1), next.splice(insertAt, 0, draggedId), null == onColumnReorder || onColumnReorder(next), 
-                next;
-            });
-        }, [ columnDefinitions, freezeColumn, onColumnReorder, setColumnOrder ]), dragStart = useCallback((col, e) => {
-            e.dataTransfer.setData("text/plain", col.id), draggedColId.current = col.id, setDraggedColId(col.id), 
-            setIsDragging(!0), initialColumnOrder.current = null;
-        }, [ setDraggedColId ]), dragOver = useCallback((col, colIndex, e) => {
-            e.preventDefault(), e.stopPropagation(), draggedColIndex.current = colIndex, freezeColumn && 0 === colIndex || draggedOverColId.current !== col.id && draggedColId.current !== col.id && (draggedOverColId.current = col.id, 
-            draggedColId.current && moveColumn(draggedColId.current, col.id));
-        }, [ freezeColumn, moveColumn ]), dragDrop = useCallback((e, global = !1) => {
-            e.preventDefault(), initialColumnOrder.current && (global || freezeColumn && 0 === draggedColIndex.current) && (setColumnOrder(initialColumnOrder.current), 
-            null == onColumnReorder || onColumnReorder(initialColumnOrder.current)), setDraggedColId(null), 
-            setIsDragging(!1), draggedOverColId.current = null, draggedColId.current = null, 
-            draggedColIndex.current = null, initialColumnOrder.current = null;
-        }, [ setColumnOrder, setDraggedColId, freezeColumn, onColumnReorder ]), handleGlobalOver = useCallback(e => {
-            e.preventDefault(), draggedOverColId.current = null, draggedColIndex.current = null;
-        }, []), handleGlobalDrop = useCallback(e => dragDrop(e, !0), [ dragDrop ]);
-        return useEffect(() => {
-            if (isDragging) return document.addEventListener("drop", handleGlobalDrop), document.addEventListener("dragover", handleGlobalOver), 
-            () => {
-                document.removeEventListener("drop", handleGlobalDrop), document.removeEventListener("dragover", handleGlobalOver);
-            };
-        }, [ isDragging, handleGlobalDrop, handleGlobalOver ]), {
-            dragStart: dragStart,
-            dragOver: dragOver,
-            dragDrop: dragDrop
-        };
-    }(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 ]), 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) => {
-        dbl && onDoubleClick ? onDoubleClick(col, colId, row, rowId) : onClick && onClick(col, colId, row, rowId);
-    }, [ onDoubleClick, onClick ]), resolveCellBG = useCallback(rowId => backgroundColorHoverRow && hoveredRow === rowId ? backgroundColorHoverRow : !!candyStripeBackgroundColor && rowId % 2 != 0 ? candyStripeBackgroundColor : backgroundColor, [ hoveredRow, backgroundColorHoverRow, candyStripeBackgroundColor, backgroundColor ]), handleSort = useCallback(key => {
-        if (!key) return;
-        const next = (null == sortKey ? void 0 : sortKey.key) === key ? {
-            key: key,
-            dir: "asc" === (null == sortKey ? void 0 : sortKey.dir) ? "desc" : "asc"
-        } : {
-            key: key,
-            dir: "asc"
-        };
-        let didChange = !0;
-        (null == sortKey ? void 0 : sortKey.key) === (null == next ? void 0 : next.key) && (null == sortKey ? void 0 : sortKey.dir) === (null == next ? void 0 : next.dir) && (didChange = !1), 
-        didChange && (setSortKey(next), null == onSortChange || onSortChange(next));
-    }, [ sortKey, onSortChange ]), resolveAriaSort = 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 ]), renderCellResizeHandle = useCallback((last, col) => last || !colResize ? null : jsx("div", {
-        className: styles.colResizeHandle,
-        onMouseDown: e => dragResize(col.id, e, colRefs),
-        onMouseOver: e => hoverResize(!0, e),
-        onFocus: e => hoverResize(!0, e),
-        onMouseOut: e => hoverResize(!1, e),
-        onBlur: e => hoverResize(!1, e)
-    }), [ colResize, dragResize, hoverResize ]), renderHeader = useCallback((col, sortKey) => {
-        if (col.renderHeader) {
-            return (0, col.renderHeader)({
-                column: col,
-                sortKey: sortKey
-            });
-        }
-        return jsx(DefaultHeaderRenderer, {
-            col: col,
-            sortKey: sortKey
-        });
-    }, []), renderBodyCell = useCallback((col, row, rowIndex) => {
-        const value = function(col, row) {
-            return col.accessor ? col.accessor(row) : void 0 !== col.key ? row[col.key] : void 0;
-        }(col, row);
-        if (col.renderCell) {
-            return (0, col.renderCell)({
-                row: row,
-                value: value,
-                rowIndex: rowIndex
-            });
-        }
-        return jsx(DefaultCellRenderer, {
-            value: value
-        });
-    }, []);
-    return 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 ]), jsxs("div", {
-        ref: wrapperRef,
-        className: `${styles.tableWrapper} ${styles.scroll}`,
-        style: cssVars,
-        onScroll: handleScroll,
-        children: [ jsxs("table", {
-            className: styles.table,
-            "aria-rowcount": rowWindow.enabled ? rows.length + 1 : void 0,
-            children: [ jsx("caption", {
-                children: caption
-            }), jsx("colgroup", {
-                children: orderedColumns.map(column => {
-                    var _a;
-                    return jsx("col", {
-                        ref: el => handleCreateRefs(el, column.id),
-                        style: {
-                            width: setStyle(null !== (_a = columnWidths[column.id]) && void 0 !== _a ? _a : column.width)
-                        }
-                    }, column.id);
-                })
-            }), jsx("thead", {
-                children: jsx("tr", {
-                    children: orderedColumns.map((col, colIndex) => {
-                        const padding = setStyle(col.padding, "var(--spacing-m)"), 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}`,
-                            onClick: () => handleSort(col.sort),
-                            onKeyDown: e => accessibleKeyDown(e, () => handleSort(col.sort)),
-                            style: {
-                                cursor: cursor,
-                                background: background
-                            },
-                            tabIndex: sortable ? 0 : void 0,
-                            role: sortable ? "columnheader" : void 0,
-                            "aria-sort": resolveAriaSort(col),
-                            draggable: !(freezeColumn && 0 === colIndex),
-                            onDragStart: e => dragStart(col, e),
-                            onDragOver: e => dragOver(col, colIndex, e),
-                            onDrop: e => dragDrop(e),
-                            onDragEnd: e => dragDrop(e, !0),
-                            children: [ renderCellResizeHandle(last, col), jsx("div", {
-                                className: styles.headerCellWrapper,
-                                style: {
-                                    padding: padding
-                                },
-                                children: renderHeader(col, sortKey)
-                            }) ]
-                        }, col.id);
-                    })
-                })
-            }), 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, "var(--spacing-m)"), 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: {
-                                    background: background,
-                                    opacity: opacity,
-                                    borderBottom: borderBottom
-                                },
-                                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
-                        }
-                    })
-                }) ]
-            }) ]
-        }), jsx("div", {
-            className: styles.resizeBar,
-            ref: resizeBarRef
-        }) ]
-    });
-}
-
-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 jsxs("div", {
-        className: styles.header,
-        children: [ jsx("div", {
-            className: styles.headerLeft
-        }), jsx("div", {
-            className: styles.headerTitle,
-            children: col.title
-        }), jsx("div", {
-            className: styles.headerRight,
-            children: sortable && jsx(Icon, {
-                name: sorted ? sortIcon : "blank",
-                pointerEvents: "none",
-                size: 16
-            })
-        }) ]
-    });
-}
-
-function DefaultCellRenderer(props) {
-    var _a;
-    const {value: value} = props;
-    return null !== (_a = null == value ? void 0 : value.toString()) && void 0 !== _a ? _a : "";
-}
-
-function createDefaultViewState(columns) {
-    return {
-        columnOrder: columns.map(column => column.id)
-    };
-}
-
-function applyDataTableViewState(columns, state) {
-    var _a;
-    if (!state) return columns;
-    const byId = new Map(columns.map(column => [ column.id, column ])), hidden = new Set(null !== (_a = state.hiddenColumns) && void 0 !== _a ? _a : []), seen = new Set, ordered = [];
-    for (const id of state.columnOrder) {
-        if (seen.has(id) || hidden.has(id)) continue;
-        const column = byId.get(id);
-        column && (seen.add(id), ordered.push(column));
-    }
-    for (const column of columns) seen.has(column.id) || hidden.has(column.id) || (seen.add(column.id), 
-    ordered.push(column));
-    if (!state.columnWidths) return ordered;
-    const widths = state.columnWidths;
-    return ordered.map(column => column.id in widths ? Object.assign(Object.assign({}, column), {
-        width: widths[column.id]
-    }) : column);
-}
-
-function resolveSortFromViewState(columns, state) {
-    if (!(null == state ? void 0 : state.sort)) return;
-    const column = columns.find(c => {
-        var _a;
-        return c.id === (null === (_a = state.sort) || void 0 === _a ? void 0 : _a.columnId);
-    });
-    return (null == column ? void 0 : column.sort) ? {
-        key: column.sort,
-        dir: state.sort.dir
-    } : void 0;
-}
-
-function captureSortToViewState(columns, sort) {
-    if (!(null == sort ? void 0 : sort.key)) return;
-    const column = columns.find(c => c.sort === sort.key);
-    return column ? {
-        columnId: column.id,
-        dir: sort.dir
-    } : void 0;
-}
-
-export { DataTable as D, applyDataTableViewState as a, createColumnHelper as b, captureSortToViewState as c, createDefaultViewState as d, resolveSortFromViewState as r };

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

@@ -1,13 +0,0 @@
-export { D as DivInput } from "../../chunks/DivInput-C0E2-H7Q.mjs";
-
-import "../../chunks/tslib.es6-DiR-r3pp.mjs";
-
-import "react/jsx-runtime";
-
-import "motion/react";
-
-import "react";
-
-import "../../chunks/misc-CagHFpjD.mjs";
-
-import "../../theme/corners.mjs";

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

@@ -1,47 +0,0 @@
-export { G as Grouper } from "../../chunks/Grouper-Cfkyb5fu.mjs";
-
-import "../../chunks/tslib.es6-DiR-r3pp.mjs";
-
-import "react/jsx-runtime";
-
-import "motion/react";
-
-import "react";
-
-import "../../hooks/useTheme.mjs";
-
-import "../../providers/ThemeProvider.mjs";
-
-import "../../theme/themes.mjs";
-
-import "../../theme/colors.mjs";
-
-import "../../theme/corners.mjs";
-
-import "../../theme/elevations.mjs";
-
-import "../../theme/motion.mjs";
-
-import "../../theme/type.mjs";
-
-import "../../hooks/useObserveTheme.mjs";
-
-import "../../chunks/broadcastChannel-B2yT2lpA.mjs";
-
-import "../../chunks/webRTCStore-BpDbSd4Q.mjs";
-
-import "zustand";
-
-import "../../chunks/WebRTCConnection-B9ztLs_6.mjs";
-
-import "../../chunks/microphoneStore-lnK3t3JC.mjs";
-
-import "../../chunks/volumeStore-CSItrUF2.mjs";
-
-import "../../hooks/useWindow.mjs";
-
-import "../../chunks/Badge-BsLebku3.mjs";
-
-import "../../chunks/Icon-BZ634R5u.mjs";
-
-import "../../chunks/misc-CagHFpjD.mjs";

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

@@ -1,11 +0,0 @@
-export { L as Label, a as LabelBackground } from "../../chunks/Label-gjoEtJAw.mjs";
-
-import "../../chunks/tslib.es6-DiR-r3pp.mjs";
-
-import "react/jsx-runtime";
-
-import "react";
-
-import "../../chunks/misc-CagHFpjD.mjs";
-
-import "../../theme/corners.mjs";

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

@@ -1,15 +0,0 @@
-export { L as Level } from "../../chunks/Level-D4r_4yC6.mjs";
-
-import "../../chunks/tslib.es6-DiR-r3pp.mjs";
-
-import "react/jsx-runtime";
-
-import "react";
-
-import "../../theme/corners.mjs";
-
-import "../../chunks/misc-CagHFpjD.mjs";
-
-import "../../chunks/audioVisualizer-_H-alvTA.mjs";
-
-import "../../chunks/broadcastChannel-B2yT2lpA.mjs";