@apple-pie/slice 0.1.40 → 0.1.42

package/dist/cjs/chunks/{TextArea-Bi50g6yM.js → TextArea-CeCD7dvE.js}

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

package/dist/cjs/chunks/{TextField-DDbrIBUS.js → TextField-B5oNh53h.js}

@@ -1,16 +1,16 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-D5UbMixw.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-YdeGB_Pn.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-DNy9Lt5i.js");
+var misc = require("./misc-V6GDR-Ld.js");
 
-require("./webRTCStore-CLivAEPU.js"), require("./microphoneStore-C5ee_LKT.js"), 
-require("./volumeStore-DLDgcwI_.js"), require("../hooks/useWindow.js");
+require("./webRTCStore-LftkLLjP.js"), require("./microphoneStore-_Welo21Y.js"), 
+require("./volumeStore-BF1kyqiz.js"), require("../hooks/useWindow.js");
 
-var Button = require("./Button-B3MPgjBk.js"), Icon = require("./Icon-DwiUnchE.js"), IconButton = require("./IconButton-C80BfoOY.js"), css = {
+var Button = require("./Button-Ddtf_TCs.js"), Icon = require("./Icon--hX3u4Xq.js"), IconButton = require("./IconButton-DQy0khcT.js"), css = {
     wrapper: "TextField-module_wrapper__qZ-p- flexBox-module_rowStart__4tcxS",
     container: "TextField-module_container__5U9yK flexBox-module_rowStart__4tcxS",
     label: "TextField-module_label__jD8MR flexBox-module_rowStart__4tcxS",

package/dist/cjs/chunks/{Tip-BOtxszA9.js → Tip-CUlSqr0w.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-D5UbMixw.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), misc = require("./misc-DNy9Lt5i.js"), css = {
+var tslib_es6 = require("./tslib.es6-YdeGB_Pn.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), misc = require("./misc-V6GDR-Ld.js"), css = {
     wrapper: "Tip-module_wrapper__D7ACT flexBox-module_rowStart__4tcxS",
     xs: "Tip-module_xs__wsz9y type-module_body-xs-regular__ZAFft",
     s: "Tip-module_s__Wvz3q type-module_body-s-regular__vRHSP",

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

@@ -1,16 +1,16 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-D5UbMixw.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-YdeGB_Pn.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-DNy9Lt5i.js");
+var misc = require("./misc-V6GDR-Ld.js");
 
-require("./webRTCStore-CLivAEPU.js"), require("./microphoneStore-C5ee_LKT.js"), 
-require("./volumeStore-DLDgcwI_.js"), require("../hooks/useWindow.js");
+require("./webRTCStore-LftkLLjP.js"), require("./microphoneStore-_Welo21Y.js"), 
+require("./volumeStore-BF1kyqiz.js"), require("../hooks/useWindow.js");
 
-var ToastType, Icon = require("./Icon-DwiUnchE.js"), ProgressIndicator = require("./ProgressIndicator-Dy6OmrgJ.js"), css = {
+var ToastType, Icon = require("./Icon--hX3u4Xq.js"), ProgressIndicator = require("./ProgressIndicator-CzTIgSaR.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-Ci2FEGRB.js → ToggleButton-n_9ddA24.js}

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

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-DNy9Lt5i.js"), FileList = require("./FileList-Cd0YpfTH.js"), Icon = require("./Icon-DwiUnchE.js"), ProgressIndicator = require("./ProgressIndicator-Dy6OmrgJ.js"), css = {
+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 = {
     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-DQAW-PZZ.js → Video-X8Hhs72_.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var PlayState, tslib_es6 = require("./tslib.es6-D5UbMixw.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-DNy9Lt5i.js"), IconButton = require("./IconButton-C80BfoOY.js"), Slider = require("./Slider-CkR3S_EA.js"), ToggleButton = require("./ToggleButton-Ci2FEGRB.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-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";
 
 !function(PlayState) {
     PlayState.Playing = "playing", PlayState.Paused = "paused", PlayState.Stopped = "stopped", 

package/dist/cjs/chunks/{VideoController-CNrD9Mxg.js → VideoController-ConanUTi.js}

@@ -1,7 +1,12 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-D5UbMixw.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), misc = require("./misc-DNy9Lt5i.js"), IconButton = require("./IconButton-C80BfoOY.js"), Overlay = require("./Overlay-Bj1RWEui.js"), videoStore = require("./videoStore-DTcdzG_S.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-YdeGB_Pn.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");
+
+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";
 
 const defaultTransition = {
     ease: "easeOut",

package/dist/cjs/chunks/{WSConnection-BOyOXoR5.js → WSConnection-rQmPln_G.js}

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

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

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

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

@@ -1,6 +1,6 @@
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-D5UbMixw.js"), React = require("react"), zustand = require("zustand"), shallow = require("zustand/react/shallow"), IndexedDB = require("./IndexedDB-B9d-Mf6t.js");
+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");
 
 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-C5ee_LKT.js → microphoneStore-_Welo21Y.js}

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

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

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

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

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

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

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

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

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

package/dist/cjs/chunks/viewState-B08gdwcK.js

@@ -0,0 +1,232 @@
+"use strict";
+
+var jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-V6GDR-Ld.js"), Icon = require("./Icon--hX3u4Xq.js"), styles = {
+    tableWrapper: "DataTable-module_tableWrapper__BzoJE",
+    table: "DataTable-module_table__oL4Dz",
+    baseCell: "DataTable-module_baseCell__DQl-z",
+    baseCellWrapper: "DataTable-module_baseCellWrapper__WMgNm",
+    headerCellWrapper: "DataTable-module_headerCellWrapper__ytVYY",
+    m: "DataTable-module_m__G9QOp type-module_body-m-regular__LuQBA",
+    scroll: "DataTable-module_scroll__grEU0 scrollBars-module_scrollbars__c-ZPl"
+};
+
+const resolveAlignValue = value => {
+    switch (value) {
+      case "start":
+        return "flex-start";
+
+      case "center":
+      default:
+        return "center";
+
+      case "end":
+        return "flex-end";
+    }
+};
+
+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", justifyContent = sortable ? "space-between" : resolveAlignValue(col.justify);
+    return jsxRuntime.jsxs("div", {
+        style: {
+            display: "flex",
+            alignItems: "center",
+            justifyContent: justifyContent,
+            width: "100%"
+        },
+        children: [ jsxRuntime.jsx("span", {
+            style: {
+                fontWeight: 540
+            },
+            children: col.title
+        }), sortable && jsxRuntime.jsx(Icon.Icon, {
+            name: sorted ? sortIcon : "blank",
+            size: 16
+        }) ]
+    });
+}
+
+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 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 = 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)"), 
+        shadows.length > 0 ? shadows.join(",") : "none";
+    }, [ hScroll, freezeColumn ]), headerBoxShadow = React.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 = React.useMemo(() => ({
+        "--table-width": misc.setStyle(width),
+        "--table-height": misc.setStyle(height),
+        "--table-background-color": backgroundColor,
+        "--table-column-box-shadow": columnBoxShadow,
+        "--table-header-box-shadow": headerBoxShadow,
+        "--table-corner-box-shadow": cornerBoxShadow,
+        "--table-header-background-color": headerBackgroundColor,
+        "--table-candy-stripe-background-color": candyStripeBackgroundColor,
+        "--table-freeze-column-position": freezeColumn ? "sticky" : "relative",
+        "--table-header-sticky-position": headerSticky ? "sticky" : "relative",
+        "--table-border-color": borderColor,
+        "--table-corner-position": freezeColumn || headerSticky ? "sticky" : "relative",
+        "--table-corner-left": freezeColumn ? "0px" : "unset",
+        "--table-border-width": "none" === borderStyle ? "0" : "1px",
+        "--table-border-sides": "box" === borderStyle ? "1px" : "0"
+    }), [ backgroundColor, headerBackgroundColor, candyStripeBackgroundColor, cornerBoxShadow, columnBoxShadow, headerBoxShadow, freezeColumn, headerSticky, width, height, borderColor, borderStyle ]), handleScroll = 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) => {
+        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) => {
+        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) => {
+        dbl && onDoubleClick ? onDoubleClick(col, colId, row, rowId) : onClick && onClick(col, colId, row, rowId);
+    }, [ onDoubleClick, onClick ]), resolveCellBG = React.useCallback(rowId => backgroundColorHoverRow && hoveredRow === rowId ? backgroundColorHoverRow : !!candyStripeBackgroundColor && rowId % 2 != 0 ? candyStripeBackgroundColor : backgroundColor, [ hoveredRow, backgroundColorHoverRow, candyStripeBackgroundColor, backgroundColor ]), handleSort = React.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 ]), renderHeader = React.useCallback((col, sortKey) => col.renderHeader ? col.renderHeader({
+        column: col,
+        sortKey: sortKey
+    }) : jsxRuntime.jsx(DefaultHeaderRenderer, {
+        col: col,
+        sortKey: sortKey
+    }), []), 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 ]);
+    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", {
+        ref: wrapperRef,
+        className: `${styles.tableWrapper} ${styles.scroll}`,
+        style: cssVars,
+        onScroll: handleScroll,
+        children: jsxRuntime.jsxs("table", {
+            className: styles.table,
+            children: [ jsxRuntime.jsx("caption", {
+                children: caption
+            }), jsxRuntime.jsx("thead", {
+                children: jsxRuntime.jsx("tr", {
+                    children: columnDefinitions.map(column => {
+                        const padding = misc.setStyle(column.padding, 16), sortable = void 0 !== column.sort, cursor = sortable ? "pointer" : "default";
+                        return jsxRuntime.jsx("th", {
+                            "data-column-id": column.id,
+                            className: `${styles.baseCell} ${styles.headerCell} ${styles.m}`,
+                            onClick: () => handleSort(column.sort),
+                            onKeyDown: e => misc.accessibleKeyDown(e, () => handleSort(column.sort)),
+                            style: {
+                                cursor: cursor
+                            },
+                            tabIndex: sortable ? 0 : void 0,
+                            role: sortable ? "columnheader" : void 0,
+                            "aria-sort": resolveAriaSort(column),
+                            children: jsxRuntime.jsx("div", {
+                                className: styles.headerCellWrapper,
+                                style: {
+                                    padding: padding
+                                },
+                                children: renderHeader(column, sortKey)
+                            })
+                        }, column.id);
+                    })
+                })
+            }), jsxRuntime.jsx("tbody", {
+                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}`,
+                            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
+                            },
+                            children: jsxRuntime.jsx("div", {
+                                className: styles.baseCellWrapper,
+                                style: {
+                                    justifyContent: justifyContent,
+                                    alignItems: alignItems,
+                                    padding: padding,
+                                    whiteSpace: whiteSpace
+                                },
+                                children: col.renderCell ? col.renderCell({
+                                    row: row,
+                                    value: value,
+                                    rowIndex: rowIndex
+                                }) : null !== (_a = null == value ? void 0 : value.toString()) && void 0 !== _a ? _a : ""
+                            })
+                        }, col.id);
+                    })
+                }, getRowId ? getRowId(row, rowIndex) : rowIndex))
+            }) ]
+        })
+    });
+}, exports.applyDataTableViewState = function(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);
+}, exports.captureSortToViewState = function(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;
+}, exports.createColumnHelper = function() {
+    return {
+        accessor: (accessor, def) => Object.assign({
+            accessor: accessor
+        }, def)
+    };
+}, exports.createDefaultViewState = function(columns) {
+    return {
+        columnOrder: columns.map(column => column.id)
+    };
+}, exports.resolveSortFromViewState = function(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;
+};

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

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

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

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

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

@@ -1,6 +1,6 @@
 "use strict";
 
-var FormFactor, tslib_es6 = require("./tslib.es6-D5UbMixw.js"), zustand = require("zustand");
+var FormFactor, tslib_es6 = require("./tslib.es6-YdeGB_Pn.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-Ybslk38f.js");
+var AudioBubble = require("../../chunks/AudioBubble-Cm9yHsXy.js");
 
-require("../../chunks/tslib.es6-D5UbMixw.js"), require("react/jsx-runtime"), require("react"), 
+require("../../chunks/tslib.es6-YdeGB_Pn.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-Bi4lT_zB.js"), 
-require("../../chunks/audioVisualizer-CxgL_gZ3.js"), require("../../chunks/webRTCStore-CLivAEPU.js"), 
-require("zustand"), require("../../chunks/WebRTCConnection-BzYw8Id7.js"), require("../../chunks/microphoneStore-C5ee_LKT.js"), 
-require("../../chunks/volumeStore-DLDgcwI_.js"), require("../../hooks/useWindow.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"), 
 exports.AudioBubble = AudioBubble.AudioBubble;

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

@@ -1,6 +1,6 @@
 "use strict";
 
-var Avatar = require("../../chunks/Avatar-1485nArB.js");
+var Avatar = require("../../chunks/Avatar-CX75jtaK.js");
 
-require("../../chunks/tslib.es6-D5UbMixw.js"), require("react/jsx-runtime"), require("react"), 
-require("../../chunks/misc-DNy9Lt5i.js"), exports.Avatar = Avatar.Avatar;
+require("../../chunks/tslib.es6-YdeGB_Pn.js"), require("react/jsx-runtime"), require("react"), 
+require("../../chunks/misc-V6GDR-Ld.js"), exports.Avatar = Avatar.Avatar;

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

@@ -1,7 +1,7 @@
 "use strict";
 
-var AvatarGroup = require("../../chunks/AvatarGroup-B27k3jy-.js");
+var AvatarGroup = require("../../chunks/AvatarGroup-BREnvrjE.js");
 
-require("../../chunks/tslib.es6-D5UbMixw.js"), require("react/jsx-runtime"), require("react"), 
-require("../../chunks/Avatar-1485nArB.js"), require("../../chunks/misc-DNy9Lt5i.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"), 
 exports.AvatarGroup = AvatarGroup.AvatarGroup;

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

@@ -1,6 +1,6 @@
 "use strict";
 
-var Badge = require("../../chunks/Badge-CJSfcH0F.js");
+var Badge = require("../../chunks/Badge-96jvuXhS.js");
 
-require("../../chunks/tslib.es6-D5UbMixw.js"), require("react/jsx-runtime"), require("react"), 
+require("../../chunks/tslib.es6-YdeGB_Pn.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-B3MPgjBk.js");
+var Button = require("../../chunks/Button-Ddtf_TCs.js");
 
-require("../../chunks/tslib.es6-D5UbMixw.js"), require("react/jsx-runtime"), require("motion/react"), 
-require("react"), require("../../chunks/Badge-CJSfcH0F.js"), require("../../chunks/Dot-BZf-xUJq.js"), 
-require("../../chunks/Icon-DwiUnchE.js"), require("../../hooks/useTheme.js"), require("../../providers/ThemeProvider.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("../../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-DNy9Lt5i.js"), 
-require("../../chunks/webRTCStore-CLivAEPU.js"), require("zustand"), require("../../chunks/WebRTCConnection-BzYw8Id7.js"), 
-require("../../chunks/microphoneStore-C5ee_LKT.js"), require("../../chunks/volumeStore-DLDgcwI_.js"), 
-require("../../hooks/useWindow.js"), require("../../chunks/ProgressIndicator-Dy6OmrgJ.js"), 
-require("../../chunks/sharedTypes-f9plotud.js"), exports.Button = Button.Button;
+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;

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

@@ -1,13 +1,13 @@
 "use strict";
 
-var ButtonBar = require("../../chunks/ButtonBar-Ckz9WPjB.js");
+var ButtonBar = require("../../chunks/ButtonBar-DONvMqvY.js");
 
-require("../../chunks/tslib.es6-D5UbMixw.js"), require("react/jsx-runtime"), require("react"), 
-require("../../chunks/misc-DNy9Lt5i.js"), require("../../chunks/Icon-DwiUnchE.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("../../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-CLivAEPU.js"), 
-require("zustand"), require("../../chunks/WebRTCConnection-BzYw8Id7.js"), require("../../chunks/microphoneStore-C5ee_LKT.js"), 
-require("../../chunks/volumeStore-DLDgcwI_.js"), require("../../hooks/useWindow.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"), 
 exports.ButtonBar = ButtonBar.ButtonBar;