@rocket.chat/fuselage 0.32.0-dev.365 → 0.32.0-dev.367

package/dist/fuselage.development.js

@@ -3210,19 +3210,12 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "AudioPlayer": function() { return /* binding */ AudioPlayer; }
 /* harmony export */ });
-/* harmony import */ var _rocket_chat_css_in_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @rocket.chat/css-in-js */ "@rocket.chat/css-in-js");
-/* harmony import */ var _rocket_chat_css_in_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_rocket_chat_css_in_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _rocket_chat_fuselage_hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @rocket.chat/fuselage-hooks */ "@rocket.chat/fuselage-hooks");
-/* harmony import */ var _rocket_chat_fuselage_hooks__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_rocket_chat_fuselage_hooks__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../.. */ "./src/index.ts");
-/* harmony import */ var _Theme__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../Theme */ "./src/Theme.ts");
-/* harmony import */ var _Slider__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../Slider */ "./src/components/Slider/index.tsx");
-var __makeTemplateObject = (undefined && undefined.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
+/* harmony import */ var _rocket_chat_fuselage_hooks__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @rocket.chat/fuselage-hooks */ "@rocket.chat/fuselage-hooks");
+/* harmony import */ var _rocket_chat_fuselage_hooks__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_rocket_chat_fuselage_hooks__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../.. */ "./src/index.ts");
+/* harmony import */ var _Slider__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../Slider */ "./src/components/Slider/index.tsx");
 var __read = (undefined && undefined.__read) || function (o, n) {
     var m = typeof Symbol === "function" && o[Symbol.iterator];
     if (!m) return o;
@@ -3243,8 +3236,6 @@ var __read = (undefined && undefined.__read) || function (o, n) {
 
 
 
-
-
 var getMaskTime = function (durationTime) {
     return new Date(durationTime * 1000)
         .toISOString()
@@ -3268,17 +3259,15 @@ function forceDownload(url, fileName) {
     };
     xhr.send();
 }
-var SpeedControlStyle = (0,_rocket_chat_css_in_js__WEBPACK_IMPORTED_MODULE_0__.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  cursor: pointer;\n  &:hover {\n    background-color: ", ";\n  }\n"], ["\n  cursor: pointer;\n  &:hover {\n    background-color: ", ";\n  }\n"])), _Theme__WEBPACK_IMPORTED_MODULE_4__.Palette.surface["surface-hover"]);
-var AudioPlayer = (0,react__WEBPACK_IMPORTED_MODULE_2__.forwardRef)(function (_a, ref) {
-    var src = _a.src, _b = _a.type, type = _b === void 0 ? 'audio/mpeg' : _b, _c = _a.maxPlaybackSpeed, maxPlaybackSpeed = _c === void 0 ? 2 : _c, _d = _a.minPlaybackSpeed, minPlaybackSpeed = _d === void 0 ? 0.5 : _d, _e = _a.playbackSpeedStep, playbackSpeedStep = _e === void 0 ? 0.5 : _e, _f = _a.download, download = _f === void 0 ? false : _f, _g = _a.playLabel, playLabel = _g === void 0 ? 'Play' : _g, _h = _a.pauseLabel, pauseLabel = _h === void 0 ? 'Pause' : _h, _j = _a.audioPlaybackRangeLabel, audioPlaybackRangeLabel = _j === void 0 ? 'Audio Playback Range' : _j, _k = _a.reducePlaybackSpeedLabel, reducePlaybackSpeedLabel = _k === void 0 ? 'Reduce Playback Speed' : _k, _l = _a.increasePlaybackSpeedLabel, increasePlaybackSpeedLabel = _l === void 0 ? 'Increase Playback Speed' : _l, _m = _a.downloadAudioFileLabel, downloadAudioFileLabel = _m === void 0 ? 'Download Audio File' : _m;
-    var audioRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(null);
-    var refs = (0,_rocket_chat_fuselage_hooks__WEBPACK_IMPORTED_MODULE_1__.useMergedRefs)(ref, audioRef);
-    var _o = __read((0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(false), 2), isPlaying = _o[0], setIsPlaying = _o[1];
-    var _p = __read((0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(0), 2), currentTime = _p[0], setCurrentTime = _p[1];
-    var _q = __read((0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(0), 2), durationTime = _q[0], setDurationTime = _q[1];
-    var _r = __read((0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(1), 2), playbackSpeed = _r[0], setPlaybackSpeed = _r[1];
-    var _s = (0,_rocket_chat_fuselage_hooks__WEBPACK_IMPORTED_MODULE_1__.useResizeObserver)(), containerRef = _s.ref, borderBoxSize = _s.borderBoxSize;
-    var collapseControls = borderBoxSize.inlineSize && borderBoxSize.inlineSize < 240;
+var AudioPlayer = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (_a, ref) {
+    var src = _a.src, _b = _a.type, type = _b === void 0 ? 'audio/mpeg' : _b, _c = _a.maxPlaybackSpeed, maxPlaybackSpeed = _c === void 0 ? 2 : _c, _d = _a.minPlaybackSpeed, minPlaybackSpeed = _d === void 0 ? 0.5 : _d, _e = _a.playbackSpeedStep, playbackSpeedStep = _e === void 0 ? 0.25 : _e, _f = _a.download, download = _f === void 0 ? false : _f, _g = _a.playLabel, playLabel = _g === void 0 ? 'Play' : _g, _h = _a.pauseLabel, pauseLabel = _h === void 0 ? 'Pause' : _h, _j = _a.audioPlaybackRangeLabel, audioPlaybackRangeLabel = _j === void 0 ? 'Audio Playback Range' : _j, _k = _a.changePlaybackSpeedLabel, changePlaybackSpeedLabel = _k === void 0 ? 'Change Playback Speed' : _k, _l = _a.downloadAudioFileLabel, downloadAudioFileLabel = _l === void 0 ? 'Download Audio File' : _l;
+    var audioRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
+    var refs = (0,_rocket_chat_fuselage_hooks__WEBPACK_IMPORTED_MODULE_0__.useMergedRefs)(ref, audioRef);
+    var _m = __read((0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), 2), isPlaying = _m[0], setIsPlaying = _m[1];
+    var _o = __read((0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(0), 2), currentTime = _o[0], setCurrentTime = _o[1];
+    var _p = __read((0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(0), 2), durationTime = _p[0], setDurationTime = _p[1];
+    var _q = __read((0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(1), 2), playbackSpeed = _q[0], setPlaybackSpeed = _q[1];
+    var containerRef = (0,_rocket_chat_fuselage_hooks__WEBPACK_IMPORTED_MODULE_0__.useResizeObserver)().ref;
     var handlePlay = function () {
         var _a, _b, _c;
         var isPlaying = (_a = audioRef.current) === null || _a === void 0 ? void 0 : _a.paused;
@@ -3294,8 +3283,6 @@ var AudioPlayer = (0,react__WEBPACK_IMPORTED_MODULE_2__.forwardRef)(function (_a
             audioRef.current.playbackRate += playbackSpeedStep * mod;
         }
     };
-    var handleIncreasePlayBackSpeed = function () { return handlePlaybackSpeed(1); };
-    var handleDecreasePlayBackSpeed = function () { return handlePlaybackSpeed(-1); };
     var handlePlaybackSpeedSingleControl = function () {
         var _a;
         var reachedMaxPlaybackSpeed = maxPlaybackSpeed === ((_a = audioRef === null || audioRef === void 0 ? void 0 : audioRef.current) === null || _a === void 0 ? void 0 : _a.playbackRate);
@@ -3303,38 +3290,30 @@ var AudioPlayer = (0,react__WEBPACK_IMPORTED_MODULE_2__.forwardRef)(function (_a
             audioRef.current.playbackRate = minPlaybackSpeed;
             return;
         }
-        handleIncreasePlayBackSpeed();
+        handlePlaybackSpeed(1);
     };
-    return (react__WEBPACK_IMPORTED_MODULE_2___default().createElement(___WEBPACK_IMPORTED_MODULE_3__.Box, { borderWidth: 'default', bg: 'light', borderColor: 'extra-light', p: 'x8', borderRadius: 'x4', w: '100%', maxWidth: 'x300', ref: containerRef },
-        react__WEBPACK_IMPORTED_MODULE_2___default().createElement(___WEBPACK_IMPORTED_MODULE_3__.Box, { display: 'flex', alignItems: 'center' },
-            react__WEBPACK_IMPORTED_MODULE_2___default().createElement(___WEBPACK_IMPORTED_MODULE_3__.IconButton, { large: true, onClick: handlePlay, "aria-label": isPlaying ? pauseLabel : playLabel, icon: isPlaying ? 'pause-unfilled' : 'play-unfilled' }),
-            react__WEBPACK_IMPORTED_MODULE_2___default().createElement(___WEBPACK_IMPORTED_MODULE_3__.Box, { mi: 'x12', position: 'relative', w: '100%' },
-                react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_Slider__WEBPACK_IMPORTED_MODULE_5__.Slider, { "aria-label": audioPlaybackRangeLabel, showOutput: false, value: currentTime, maxValue: durationTime, onChange: function (value) {
-                        if (audioRef.current) {
-                            audioRef.current.currentTime = value;
-                        }
-                    } }),
-                react__WEBPACK_IMPORTED_MODULE_2___default().createElement(___WEBPACK_IMPORTED_MODULE_3__.Box, { display: 'flex', alignItems: 'center', justifyContent: 'space-between', color: 'secondary-info', fontScale: 'micro', position: 'absolute', width: '100%', mb: 'neg-x8' },
-                    getMaskTime(currentTime),
-                    collapseControls ? (react__WEBPACK_IMPORTED_MODULE_2___default().createElement(___WEBPACK_IMPORTED_MODULE_3__.Box, { width: '100%', display: 'flex', justifyContent: 'space-around' },
-                        react__WEBPACK_IMPORTED_MODULE_2___default().createElement(___WEBPACK_IMPORTED_MODULE_3__.Box, { p: 'x4', onClick: handlePlaybackSpeedSingleControl, borderRadius: 'x4', className: SpeedControlStyle },
-                            playbackSpeed.toFixed(1),
-                            "x"))) : (react__WEBPACK_IMPORTED_MODULE_2___default().createElement(___WEBPACK_IMPORTED_MODULE_3__.Box, { fontScale: 'micro', display: 'flex', justifyContent: 'space-around', id: 'controllers' },
-                        react__WEBPACK_IMPORTED_MODULE_2___default().createElement(___WEBPACK_IMPORTED_MODULE_3__.Box, { mi: 'x8', display: 'flex', alignItems: 'center', justifyContent: 'space-between' },
-                            react__WEBPACK_IMPORTED_MODULE_2___default().createElement(___WEBPACK_IMPORTED_MODULE_3__.IconButton, { "aria-label": reducePlaybackSpeedLabel, disabled: playbackSpeed <= minPlaybackSpeed, icon: 'h-bar', mini: true, onClick: handleDecreasePlayBackSpeed }),
-                            react__WEBPACK_IMPORTED_MODULE_2___default().createElement(___WEBPACK_IMPORTED_MODULE_3__.Box, { mi: 'x8' },
-                                playbackSpeed.toFixed(1),
-                                "x"),
-                            react__WEBPACK_IMPORTED_MODULE_2___default().createElement(___WEBPACK_IMPORTED_MODULE_3__.IconButton, { "aria-label": increasePlaybackSpeedLabel, disabled: playbackSpeed >= maxPlaybackSpeed, icon: 'plus', mini: true, onClick: handleIncreasePlayBackSpeed })))),
-                    getMaskTime(durationTime))),
-            download && (react__WEBPACK_IMPORTED_MODULE_2___default().createElement(___WEBPACK_IMPORTED_MODULE_3__.IconButton, { "aria-label": downloadAudioFileLabel, is: 'a', href: src, download: true, icon: 'download', large: true, onClick: function (e) {
-                    var host = new URL(src).host;
-                    if (host !== window.location.host) {
-                        e.preventDefault();
-                        forceDownload(src);
+    return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement(___WEBPACK_IMPORTED_MODULE_2__.Box, { borderWidth: 'default', bg: 'light', borderColor: 'extra-light', pb: 'x12', pie: 'x8', pis: 'x16', borderRadius: 'x4', w: '100%', maxWidth: 'x300', ref: containerRef, display: 'flex', alignItems: 'center' },
+        react__WEBPACK_IMPORTED_MODULE_1___default().createElement(___WEBPACK_IMPORTED_MODULE_2__.IconButton, { primary: true, medium: true, onClick: handlePlay, "aria-label": isPlaying ? pauseLabel : playLabel, icon: isPlaying ? 'pause-shape-filled' : 'play-shape-filled' }),
+        react__WEBPACK_IMPORTED_MODULE_1___default().createElement(___WEBPACK_IMPORTED_MODULE_2__.Margins, { inline: 'x8' },
+            react__WEBPACK_IMPORTED_MODULE_1___default().createElement(___WEBPACK_IMPORTED_MODULE_2__.Box, { fontScale: 'p2', color: 'secondary-info', pie: 'x8' }, isPlaying || currentTime > 0
+                ? getMaskTime(currentTime)
+                : getMaskTime(durationTime)),
+            react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Slider__WEBPACK_IMPORTED_MODULE_3__.Slider, { "aria-label": audioPlaybackRangeLabel, showOutput: false, value: currentTime, maxValue: durationTime, onChange: function (value) {
+                    if (audioRef.current) {
+                        audioRef.current.currentTime = value;
                     }
-                } }))),
-        react__WEBPACK_IMPORTED_MODULE_2___default().createElement("audio", { style: { display: 'none' }, onTimeUpdate: function (e) {
+                } }),
+            react__WEBPACK_IMPORTED_MODULE_1___default().createElement(___WEBPACK_IMPORTED_MODULE_2__.Button, { secondary: true, small: true, onClick: handlePlaybackSpeedSingleControl, "aria-label": changePlaybackSpeedLabel },
+                playbackSpeed,
+                "x")),
+        download && (react__WEBPACK_IMPORTED_MODULE_1___default().createElement(___WEBPACK_IMPORTED_MODULE_2__.IconButton, { primary: true, "aria-label": downloadAudioFileLabel, is: 'a', href: src, download: true, icon: 'download', medium: true, onClick: function (e) {
+                var host = new URL(src).host;
+                if (host !== window.location.host) {
+                    e.preventDefault();
+                    forceDownload(src);
+                }
+            } })),
+        react__WEBPACK_IMPORTED_MODULE_1___default().createElement("audio", { style: { display: 'none' }, onTimeUpdate: function (e) {
                 setCurrentTime(e.target.currentTime);
             }, onLoadedData: function (e) {
                 setDurationTime(e.target.duration);
@@ -3345,9 +3324,8 @@ var AudioPlayer = (0,react__WEBPACK_IMPORTED_MODULE_2__.forwardRef)(function (_a
             }, onPause: function () {
                 setIsPlaying(false);
             }, controls: true },
-            react__WEBPACK_IMPORTED_MODULE_2___default().createElement("source", { src: src, type: type }))));
+            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("source", { src: src, type: type }))));
 });
-var templateObject_1;
 
 
 /***/ }),
@@ -15129,8 +15107,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _Box__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../Box */ "./src/components/Box/index.tsx");
-/* harmony import */ var _TableSelection__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./TableSelection */ "./src/components/Table/TableSelection.tsx");
-/* harmony import */ var _TableSelectionButton__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./TableSelectionButton */ "./src/components/Table/TableSelectionButton.tsx");
 var __assign = (undefined && undefined.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -15155,8 +15131,6 @@ var __rest = (undefined && undefined.__rest) || function (s, e) {
 };
 
 
-
-
 var style = {
     overflow: 'hidden',
     textOverflow: 'ellipsis',
@@ -15167,8 +15141,6 @@ var Table = function (_a) {
     return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Box__WEBPACK_IMPORTED_MODULE_1__["default"], { "rcx-table__wrapper": true },
         react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Box__WEBPACK_IMPORTED_MODULE_1__["default"], __assign({ is: 'table', "rcx-table": true, "rcx-table--fixed": fixed, "rcx-table--sticky": sticky, "rcx-table--striped": striped }, props))));
 };
-Table.Selection = _TableSelection__WEBPACK_IMPORTED_MODULE_2__.TableSelection;
-Table.Button = _TableSelectionButton__WEBPACK_IMPORTED_MODULE_3__.TableSelectionButton;
 
 
 /***/ }),
@@ -15244,9 +15216,10 @@ var __rest = (undefined && undefined.__rest) || function (s, e) {
 
 
 var TableCell = function (_a) {
-    var align = _a.align, clickable = _a.clickable, props = __rest(_a, ["align", "clickable"]);
+    var align = _a.align, clickable = _a.clickable, children = _a.children, props = __rest(_a, ["align", "clickable", "children"]);
     var isInsideHead = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_TableHead__WEBPACK_IMPORTED_MODULE_2__.TableHeadContext);
-    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Box__WEBPACK_IMPORTED_MODULE_1__["default"], __assign({ is: isInsideHead ? 'th' : 'td', "rcx-table__cell": true, "rcx-table__cell--align": align, "rcx-table__cell--header": isInsideHead, "rcx-table__cell--clickable": clickable }, props)));
+    var innerElement = (children !== null && children !== void 0 ? children : !isInsideHead) ? (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Box__WEBPACK_IMPORTED_MODULE_1__["default"], { is: 'hr', width: 'x14', borderWidth: 1 })) : undefined;
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Box__WEBPACK_IMPORTED_MODULE_1__["default"], __assign({ is: isInsideHead ? 'th' : 'td', "rcx-table__cell": true, "rcx-table__cell--align": align, "rcx-table__cell--header": isInsideHead, "rcx-table__cell--clickable": clickable, children: innerElement }, props)));
 };
 
 
@@ -15482,25 +15455,6 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-
-
-
-
-
-/* harmony default export */ __webpack_exports__["default"] = (Object.assign(_Table__WEBPACK_IMPORTED_MODULE_0__.Table, {
-    /** @deprecated */
-    Head: _TableHead__WEBPACK_IMPORTED_MODULE_4__.TableHead,
-    /** @deprecated */
-    Body: _TableBody__WEBPACK_IMPORTED_MODULE_1__.TableBody,
-    /** @deprecated */
-    Foot: _TableFoot__WEBPACK_IMPORTED_MODULE_3__.TableFoot,
-    /** @deprecated */
-    Row: _TableRow__WEBPACK_IMPORTED_MODULE_5__.TableRow,
-    /** @deprecated */
-    Cell: _TableCell__WEBPACK_IMPORTED_MODULE_2__.TableCell,
-}));
-
-
 /***/ }),
 
 /***/ "./src/components/Tabs/Tabs.tsx":
@@ -16437,11 +16391,12 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "StatesSuggestionText": function() { return /* reexport safe */ _States__WEBPACK_IMPORTED_MODULE_50__.StatesSuggestionText; },
 /* harmony export */   "StatesTitle": function() { return /* reexport safe */ _States__WEBPACK_IMPORTED_MODULE_50__.StatesTitle; },
 /* harmony export */   "StatusBullet": function() { return /* reexport safe */ _StatusBullet__WEBPACK_IMPORTED_MODULE_37__.StatusBullet; },
-/* harmony export */   "Table": function() { return /* reexport safe */ _Table__WEBPACK_IMPORTED_MODULE_51__["default"]; },
+/* harmony export */   "Table": function() { return /* reexport safe */ _Table__WEBPACK_IMPORTED_MODULE_51__.Table; },
 /* harmony export */   "TableBody": function() { return /* reexport safe */ _Table__WEBPACK_IMPORTED_MODULE_51__.TableBody; },
 /* harmony export */   "TableCell": function() { return /* reexport safe */ _Table__WEBPACK_IMPORTED_MODULE_51__.TableCell; },
 /* harmony export */   "TableFoot": function() { return /* reexport safe */ _Table__WEBPACK_IMPORTED_MODULE_51__.TableFoot; },
 /* harmony export */   "TableHead": function() { return /* reexport safe */ _Table__WEBPACK_IMPORTED_MODULE_51__.TableHead; },
+/* harmony export */   "TableHeadContext": function() { return /* reexport safe */ _Table__WEBPACK_IMPORTED_MODULE_51__.TableHeadContext; },
 /* harmony export */   "TableRow": function() { return /* reexport safe */ _Table__WEBPACK_IMPORTED_MODULE_51__.TableRow; },
 /* harmony export */   "TableSelection": function() { return /* reexport safe */ _Table__WEBPACK_IMPORTED_MODULE_51__.TableSelection; },
 /* harmony export */   "TableSelectionButton": function() { return /* reexport safe */ _Table__WEBPACK_IMPORTED_MODULE_51__.TableSelectionButton; },
@@ -16473,6 +16428,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "TopBarToolBox": function() { return /* reexport safe */ _Sidebar__WEBPACK_IMPORTED_MODULE_48__.TopBarToolBox; },
 /* harmony export */   "UrlInput": function() { return /* reexport safe */ _UrlInput__WEBPACK_IMPORTED_MODULE_62__["default"]; },
 /* harmony export */   "Wrapper": function() { return /* reexport safe */ _InputBox__WEBPACK_IMPORTED_MODULE_25__.Wrapper; },
+/* harmony export */   "style": function() { return /* reexport safe */ _Table__WEBPACK_IMPORTED_MODULE_51__.style; },
 /* harmony export */   "useArrayLikeClassNameProp": function() { return /* reexport safe */ _hooks_useArrayLikeClassNameProp__WEBPACK_IMPORTED_MODULE_8__.useArrayLikeClassNameProp; },
 /* harmony export */   "useCursor": function() { return /* reexport safe */ _Options__WEBPACK_IMPORTED_MODULE_33__.useCursor; }
 /* harmony export */ });
@@ -17390,6 +17346,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "TableCell": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TableCell; },
 /* harmony export */   "TableFoot": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TableFoot; },
 /* harmony export */   "TableHead": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TableHead; },
+/* harmony export */   "TableHeadContext": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TableHeadContext; },
 /* harmony export */   "TableRow": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TableRow; },
 /* harmony export */   "TableSelection": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TableSelection; },
 /* harmony export */   "TableSelectionButton": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TableSelectionButton; },
@@ -17434,6 +17391,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "padding": function() { return /* reexport safe */ _styleTokens__WEBPACK_IMPORTED_MODULE_1__.padding; },
 /* harmony export */   "size": function() { return /* reexport safe */ _styleTokens__WEBPACK_IMPORTED_MODULE_1__.size; },
 /* harmony export */   "strokeColor": function() { return /* reexport safe */ _styleTokens__WEBPACK_IMPORTED_MODULE_1__.strokeColor; },
+/* harmony export */   "style": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.style; },
 /* harmony export */   "useArrayLikeClassNameProp": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.useArrayLikeClassNameProp; },
 /* harmony export */   "useCursor": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.useCursor; }
 /* harmony export */ });