@luminati-io/uikit 1.7.1-beta.1 → 1.7.2

package/dist/uikit.umd.js

@@ -1,13 +1,13 @@
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("react"), require("styled-components"), require("prop-types"), require("react-dom"));
+		module.exports = factory(require("react"), require("styled-components"), require("prop-types"), require("react-dom"), require("react-table"));
 	else if(typeof define === 'function' && define.amd)
-		define("uikit", ["react", "styled-components", "prop-types", "react-dom"], factory);
+		define("uikit", ["react", "styled-components", "prop-types", "react-dom", "react-table"], factory);
 	else if(typeof exports === 'object')
-		exports["uikit"] = factory(require("react"), require("styled-components"), require("prop-types"), require("react-dom"));
+		exports["uikit"] = factory(require("react"), require("styled-components"), require("prop-types"), require("react-dom"), require("react-table"));
 	else
-		root["uikit"] = factory(root["react"], root["styled-components"], root["prop-types"], root["react-dom"]);
-})(this, (__WEBPACK_EXTERNAL_MODULE_react__, __WEBPACK_EXTERNAL_MODULE_styled_components__, __WEBPACK_EXTERNAL_MODULE_prop_types__, __WEBPACK_EXTERNAL_MODULE_react_dom__) => {
+		root["uikit"] = factory(root["react"], root["styled-components"], root["prop-types"], root["react-dom"], root["react-table"]);
+})(this, (__WEBPACK_EXTERNAL_MODULE_react__, __WEBPACK_EXTERNAL_MODULE_styled_components__, __WEBPACK_EXTERNAL_MODULE_prop_types__, __WEBPACK_EXTERNAL_MODULE_react_dom__, __WEBPACK_EXTERNAL_MODULE_react_table__) => {
 return /******/ (() => { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
@@ -164,23 +164,26 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _smartphone_svg__WEBPACK_IMPORTED_MODULE_139__ = __webpack_require__(/*! ./smartphone.svg */ "./assets/icons/smartphone.svg");
 /* harmony import */ var _snail_svg__WEBPACK_IMPORTED_MODULE_140__ = __webpack_require__(/*! ./snail.svg */ "./assets/icons/snail.svg");
 /* harmony import */ var _sort_svg__WEBPACK_IMPORTED_MODULE_141__ = __webpack_require__(/*! ./sort.svg */ "./assets/icons/sort.svg");
-/* harmony import */ var _statistic_svg__WEBPACK_IMPORTED_MODULE_142__ = __webpack_require__(/*! ./statistic.svg */ "./assets/icons/statistic.svg");
-/* harmony import */ var _subset_svg__WEBPACK_IMPORTED_MODULE_143__ = __webpack_require__(/*! ./subset.svg */ "./assets/icons/subset.svg");
-/* harmony import */ var _sum_svg__WEBPACK_IMPORTED_MODULE_144__ = __webpack_require__(/*! ./sum.svg */ "./assets/icons/sum.svg");
-/* harmony import */ var _support_svg__WEBPACK_IMPORTED_MODULE_145__ = __webpack_require__(/*! ./support.svg */ "./assets/icons/support.svg");
-/* harmony import */ var _table_svg__WEBPACK_IMPORTED_MODULE_146__ = __webpack_require__(/*! ./table.svg */ "./assets/icons/table.svg");
-/* harmony import */ var _text_svg__WEBPACK_IMPORTED_MODULE_147__ = __webpack_require__(/*! ./text.svg */ "./assets/icons/text.svg");
-/* harmony import */ var _ticket_svg__WEBPACK_IMPORTED_MODULE_148__ = __webpack_require__(/*! ./ticket.svg */ "./assets/icons/ticket.svg");
-/* harmony import */ var _time_svg__WEBPACK_IMPORTED_MODULE_149__ = __webpack_require__(/*! ./time.svg */ "./assets/icons/time.svg");
-/* harmony import */ var _tool_svg__WEBPACK_IMPORTED_MODULE_150__ = __webpack_require__(/*! ./tool.svg */ "./assets/icons/tool.svg");
-/* harmony import */ var _trash_svg__WEBPACK_IMPORTED_MODULE_151__ = __webpack_require__(/*! ./trash.svg */ "./assets/icons/trash.svg");
-/* harmony import */ var _unique_svg__WEBPACK_IMPORTED_MODULE_152__ = __webpack_require__(/*! ./unique.svg */ "./assets/icons/unique.svg");
-/* harmony import */ var _unpin_svg__WEBPACK_IMPORTED_MODULE_153__ = __webpack_require__(/*! ./unpin.svg */ "./assets/icons/unpin.svg");
-/* harmony import */ var _upgrade_svg__WEBPACK_IMPORTED_MODULE_154__ = __webpack_require__(/*! ./upgrade.svg */ "./assets/icons/upgrade.svg");
-/* harmony import */ var _upload_cloud_svg__WEBPACK_IMPORTED_MODULE_155__ = __webpack_require__(/*! ./upload_cloud.svg */ "./assets/icons/upload_cloud.svg");
-/* harmony import */ var _upload_svg__WEBPACK_IMPORTED_MODULE_156__ = __webpack_require__(/*! ./upload.svg */ "./assets/icons/upload.svg");
-/* harmony import */ var _verify_svg__WEBPACK_IMPORTED_MODULE_157__ = __webpack_require__(/*! ./verify.svg */ "./assets/icons/verify.svg");
-/* harmony import */ var _video_svg__WEBPACK_IMPORTED_MODULE_158__ = __webpack_require__(/*! ./video.svg */ "./assets/icons/video.svg");
+/* harmony import */ var _sort_asc_svg__WEBPACK_IMPORTED_MODULE_142__ = __webpack_require__(/*! ./sort_asc.svg */ "./assets/icons/sort_asc.svg");
+/* harmony import */ var _sort_desc_svg__WEBPACK_IMPORTED_MODULE_143__ = __webpack_require__(/*! ./sort_desc.svg */ "./assets/icons/sort_desc.svg");
+/* harmony import */ var _statistic_svg__WEBPACK_IMPORTED_MODULE_144__ = __webpack_require__(/*! ./statistic.svg */ "./assets/icons/statistic.svg");
+/* harmony import */ var _subset_svg__WEBPACK_IMPORTED_MODULE_145__ = __webpack_require__(/*! ./subset.svg */ "./assets/icons/subset.svg");
+/* harmony import */ var _sum_svg__WEBPACK_IMPORTED_MODULE_146__ = __webpack_require__(/*! ./sum.svg */ "./assets/icons/sum.svg");
+/* harmony import */ var _support_svg__WEBPACK_IMPORTED_MODULE_147__ = __webpack_require__(/*! ./support.svg */ "./assets/icons/support.svg");
+/* harmony import */ var _table_svg__WEBPACK_IMPORTED_MODULE_148__ = __webpack_require__(/*! ./table.svg */ "./assets/icons/table.svg");
+/* harmony import */ var _terminal_window_svg__WEBPACK_IMPORTED_MODULE_149__ = __webpack_require__(/*! ./terminal_window.svg */ "./assets/icons/terminal_window.svg");
+/* harmony import */ var _text_svg__WEBPACK_IMPORTED_MODULE_150__ = __webpack_require__(/*! ./text.svg */ "./assets/icons/text.svg");
+/* harmony import */ var _ticket_svg__WEBPACK_IMPORTED_MODULE_151__ = __webpack_require__(/*! ./ticket.svg */ "./assets/icons/ticket.svg");
+/* harmony import */ var _time_svg__WEBPACK_IMPORTED_MODULE_152__ = __webpack_require__(/*! ./time.svg */ "./assets/icons/time.svg");
+/* harmony import */ var _tool_svg__WEBPACK_IMPORTED_MODULE_153__ = __webpack_require__(/*! ./tool.svg */ "./assets/icons/tool.svg");
+/* harmony import */ var _trash_svg__WEBPACK_IMPORTED_MODULE_154__ = __webpack_require__(/*! ./trash.svg */ "./assets/icons/trash.svg");
+/* harmony import */ var _unique_svg__WEBPACK_IMPORTED_MODULE_155__ = __webpack_require__(/*! ./unique.svg */ "./assets/icons/unique.svg");
+/* harmony import */ var _unpin_svg__WEBPACK_IMPORTED_MODULE_156__ = __webpack_require__(/*! ./unpin.svg */ "./assets/icons/unpin.svg");
+/* harmony import */ var _upgrade_svg__WEBPACK_IMPORTED_MODULE_157__ = __webpack_require__(/*! ./upgrade.svg */ "./assets/icons/upgrade.svg");
+/* harmony import */ var _upload_cloud_svg__WEBPACK_IMPORTED_MODULE_158__ = __webpack_require__(/*! ./upload_cloud.svg */ "./assets/icons/upload_cloud.svg");
+/* harmony import */ var _upload_svg__WEBPACK_IMPORTED_MODULE_159__ = __webpack_require__(/*! ./upload.svg */ "./assets/icons/upload.svg");
+/* harmony import */ var _verify_svg__WEBPACK_IMPORTED_MODULE_160__ = __webpack_require__(/*! ./verify.svg */ "./assets/icons/verify.svg");
+/* harmony import */ var _video_svg__WEBPACK_IMPORTED_MODULE_161__ = __webpack_require__(/*! ./video.svg */ "./assets/icons/video.svg");
 // LICENSE_CODE ZON
  /*jslint react:true*/
 
@@ -340,6 +343,9 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
+
+
 
 
 
@@ -487,23 +493,26 @@ __webpack_require__.r(__webpack_exports__);
     Smartphone: _smartphone_svg__WEBPACK_IMPORTED_MODULE_139__["default"],
     Snail: _snail_svg__WEBPACK_IMPORTED_MODULE_140__["default"],
     Sort: _sort_svg__WEBPACK_IMPORTED_MODULE_141__["default"],
-    Statistic: _statistic_svg__WEBPACK_IMPORTED_MODULE_142__["default"],
-    Subset: _subset_svg__WEBPACK_IMPORTED_MODULE_143__["default"],
-    Sum: _sum_svg__WEBPACK_IMPORTED_MODULE_144__["default"],
-    Support: _support_svg__WEBPACK_IMPORTED_MODULE_145__["default"],
-    Table: _table_svg__WEBPACK_IMPORTED_MODULE_146__["default"],
-    Text: _text_svg__WEBPACK_IMPORTED_MODULE_147__["default"],
-    Ticket: _ticket_svg__WEBPACK_IMPORTED_MODULE_148__["default"],
-    Time: _time_svg__WEBPACK_IMPORTED_MODULE_149__["default"],
-    Tool: _tool_svg__WEBPACK_IMPORTED_MODULE_150__["default"],
-    Trash: _trash_svg__WEBPACK_IMPORTED_MODULE_151__["default"],
-    Unique: _unique_svg__WEBPACK_IMPORTED_MODULE_152__["default"],
-    Unpin: _unpin_svg__WEBPACK_IMPORTED_MODULE_153__["default"],
-    Upgrade: _upgrade_svg__WEBPACK_IMPORTED_MODULE_154__["default"],
-    UploadCloud: _upload_cloud_svg__WEBPACK_IMPORTED_MODULE_155__["default"],
-    Upload: _upload_svg__WEBPACK_IMPORTED_MODULE_156__["default"],
-    Verify: _verify_svg__WEBPACK_IMPORTED_MODULE_157__["default"],
-    Video: _video_svg__WEBPACK_IMPORTED_MODULE_158__["default"],
+    SortAsc: _sort_asc_svg__WEBPACK_IMPORTED_MODULE_142__["default"],
+    SortDesc: _sort_desc_svg__WEBPACK_IMPORTED_MODULE_143__["default"],
+    Statistic: _statistic_svg__WEBPACK_IMPORTED_MODULE_144__["default"],
+    Subset: _subset_svg__WEBPACK_IMPORTED_MODULE_145__["default"],
+    Sum: _sum_svg__WEBPACK_IMPORTED_MODULE_146__["default"],
+    Support: _support_svg__WEBPACK_IMPORTED_MODULE_147__["default"],
+    Table: _table_svg__WEBPACK_IMPORTED_MODULE_148__["default"],
+    TerminalWindow: _terminal_window_svg__WEBPACK_IMPORTED_MODULE_149__["default"],
+    Text: _text_svg__WEBPACK_IMPORTED_MODULE_150__["default"],
+    Ticket: _ticket_svg__WEBPACK_IMPORTED_MODULE_151__["default"],
+    Time: _time_svg__WEBPACK_IMPORTED_MODULE_152__["default"],
+    Tool: _tool_svg__WEBPACK_IMPORTED_MODULE_153__["default"],
+    Trash: _trash_svg__WEBPACK_IMPORTED_MODULE_154__["default"],
+    Unique: _unique_svg__WEBPACK_IMPORTED_MODULE_155__["default"],
+    Unpin: _unpin_svg__WEBPACK_IMPORTED_MODULE_156__["default"],
+    Upgrade: _upgrade_svg__WEBPACK_IMPORTED_MODULE_157__["default"],
+    UploadCloud: _upload_cloud_svg__WEBPACK_IMPORTED_MODULE_158__["default"],
+    Upload: _upload_svg__WEBPACK_IMPORTED_MODULE_159__["default"],
+    Verify: _verify_svg__WEBPACK_IMPORTED_MODULE_160__["default"],
+    Video: _video_svg__WEBPACK_IMPORTED_MODULE_161__["default"],
 });
 
 
@@ -6553,6 +6562,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "Progress": () => (/* reexport safe */ _progress__WEBPACK_IMPORTED_MODULE_10__.Progress),
 /* harmony export */   "ProgressBar": () => (/* reexport safe */ _progress__WEBPACK_IMPORTED_MODULE_10__.ProgressBar),
 /* harmony export */   "RemovableTag": () => (/* binding */ RemovableTag),
+/* harmony export */   "Table": () => (/* reexport safe */ _table__WEBPACK_IMPORTED_MODULE_19__.Table),
 /* harmony export */   "TagGroup": () => (/* binding */ TagGroup),
 /* harmony export */   "Tooltip": () => (/* reexport safe */ _tooltip__WEBPACK_IMPORTED_MODULE_13__["default"]),
 /* harmony export */   "Typography": () => (/* reexport safe */ _typography__WEBPACK_IMPORTED_MODULE_5__["default"]),
@@ -6580,6 +6590,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _tag__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./tag */ "./src/tag/index.js");
 /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./theme */ "./src/theme.js");
 /* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./translation */ "./src/translation.js");
+/* harmony import */ var _table__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./table */ "./src/table/index.js");
 // LICENSE_CODE ZON
 
 
@@ -6603,6 +6614,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 var ClickableTag = _tag__WEBPACK_IMPORTED_MODULE_16__["default"].ClickableTag,
   RemovableTag = _tag__WEBPACK_IMPORTED_MODULE_16__["default"].RemovableTag,
   TagGroup = _tag__WEBPACK_IMPORTED_MODULE_16__["default"].TagGroup;
@@ -6804,11 +6816,15 @@ var useStateWithCallback = function useStateWithCallback(initialValue, callback)
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "useLabelId": () => (/* reexport safe */ _use_label_id__WEBPACK_IMPORTED_MODULE_0__["default"]),
-/* harmony export */   "useOutsideClick": () => (/* reexport safe */ _use_outside_click__WEBPACK_IMPORTED_MODULE_1__["default"])
+/* harmony export */   "useEventListener": () => (/* reexport safe */ _use_event_listener__WEBPACK_IMPORTED_MODULE_0__["default"]),
+/* harmony export */   "useLabelId": () => (/* reexport safe */ _use_label_id__WEBPACK_IMPORTED_MODULE_1__["default"]),
+/* harmony export */   "useOutsideClick": () => (/* reexport safe */ _use_outside_click__WEBPACK_IMPORTED_MODULE_2__["default"]),
+/* harmony export */   "useScroll": () => (/* reexport safe */ _use_scroll__WEBPACK_IMPORTED_MODULE_3__["default"])
 /* harmony export */ });
-/* harmony import */ var _use_label_id__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./use_label_id */ "./src/hooks/use_label_id.js");
-/* harmony import */ var _use_outside_click__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./use_outside_click */ "./src/hooks/use_outside_click.js");
+/* harmony import */ var _use_event_listener__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./use_event_listener */ "./src/hooks/use_event_listener.js");
+/* harmony import */ var _use_label_id__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./use_label_id */ "./src/hooks/use_label_id.js");
+/* harmony import */ var _use_outside_click__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./use_outside_click */ "./src/hooks/use_outside_click.js");
+/* harmony import */ var _use_scroll__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./use_scroll */ "./src/hooks/use_scroll.js");
 // LICENSE_CODE ZON
 
 
@@ -6817,6 +6833,8 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
+
 /***/ }),
 
 /***/ "./src/hooks/use_event_listener.js":
@@ -6842,11 +6860,12 @@ var useEventListener = function useEventListener(el, options) {
     handler = options.handler,
     capture = options.capture;
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
+    if (!el || !event || !handler) return;
     el.addEventListener(event, handler, capture);
     return function () {
       el.removeEventListener(event, handler, capture);
     };
-  }, [event, handler, capture]);
+  }, [el, event, handler, capture]);
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useEventListener);
 
@@ -6951,6 +6970,49 @@ var useOutsideClick = function useOutsideClick(elements, memoizedOnClick) {
 
 /***/ }),
 
+/***/ "./src/hooks/use_scroll.js":
+/*!*********************************!*\
+  !*** ./src/hooks/use_scroll.js ***!
+  \*********************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* 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 _use_event_listener__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./use_event_listener */ "./src/hooks/use_event_listener.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+var useScroll = function useScroll(scrollTarget) {
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    scroll = _useState2[0],
+    setScroll = _useState2[1];
+  (0,_use_event_listener__WEBPACK_IMPORTED_MODULE_1__["default"])(scrollTarget || window, {
+    event: 'scroll',
+    handler: function handler(evt) {
+      setScroll(scrollTarget ? evt.target.scrollTop : window.scrollY);
+    }
+  });
+  return scroll;
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useScroll);
+
+/***/ }),
+
 /***/ "./src/icon.js":
 /*!*********************!*\
   !*** ./src/icon.js ***!
@@ -6996,7 +7058,8 @@ var Icon = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(
   var name = props.name,
     size = props.size,
     color = props.color,
-    className = props.className;
+    className = props.className,
+    style = props.style;
   var ic = _icons__WEBPACK_IMPORTED_MODULE_5__["default"][name];
   if (!ic) return null;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledSvg, {
@@ -7005,6 +7068,7 @@ var Icon = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(
     size: size,
     viewBox: ic.viewBox,
     color: _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color[color],
+    style: style,
     "data-icon": name
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("use", {
     href: "#".concat(ic.id)
@@ -7812,6 +7876,11 @@ var useCustomStyles = function useCustomStyles(size) {
           flexDirection: 'column',
           gap: _theme__WEBPACK_IMPORTED_MODULE_5__["default"].spacing["01"]
         });
+      },
+      menuPortal: function menuPortal(baseStyles) {
+        return _objectSpread(_objectSpread({}, baseStyles), {}, {
+          zIndex: 99999
+        });
       }
     };
   }, [size]);
@@ -9828,6 +9897,1828 @@ ProgressBar.propTypes = {
 
 /***/ }),
 
+/***/ "./src/table/context.js":
+/*!******************************!*\
+  !*** ./src/table/context.js ***!
+  \******************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__),
+/* harmony export */   "useTableContext": () => (/* binding */ useTableContext)
+/* harmony export */ });
+/* 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 prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var react_table__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-table */ "react-table");
+/* harmony import */ var react_table__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_table__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
+/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
+/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
+/* harmony import */ var _editable_columns__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./editable_columns */ "./src/table/editable_columns.js");
+/* harmony import */ var _pinned_columns__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./pinned_columns */ "./src/table/pinned_columns.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./util */ "./src/table/util.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["data", "columnsSort", "pageSize", "pageSizes", "children", "stateManager", "hooks", "NoDataComp"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+
+
+
+
+
+
+
+
+var assign = Object.assign;
+var Label = _typography__WEBPACK_IMPORTED_MODULE_3__["default"].Label,
+  Paragraph = _typography__WEBPACK_IMPORTED_MODULE_3__["default"].Paragraph;
+var TableContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createContext({});
+TableContext.displayName = 'TableContext';
+var Cell = function Cell(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Paragraph, {
+    variant: "sm",
+    color: "gray-11-50"
+  }, String(props.value));
+};
+var Provider = function Provider(props) {
+  var defaultColumn = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
+    return {
+      minWidth: 100,
+      Cell: Cell
+    };
+  }, []);
+  var _props$data = props.data,
+    data = _props$data === void 0 ? [] : _props$data,
+    _props$columnsSort = props.columnsSort,
+    columnsSort = _props$columnsSort === void 0 ? {} : _props$columnsSort,
+    pageSize = props.pageSize,
+    _props$pageSizes = props.pageSizes,
+    pageSizes = _props$pageSizes === void 0 ? [5, 10, 20, 30] : _props$pageSizes,
+    children = props.children,
+    stateManager = props.stateManager,
+    _props$hooks = props.hooks,
+    hooks = _props$hooks === void 0 ? [] : _props$hooks,
+    _props$NoDataComp = props.NoDataComp,
+    NoDataComp = _props$NoDataComp === void 0 ? EmptyBody : _props$NoDataComp,
+    rest = _objectWithoutProperties(props, _excluded);
+  var hiddenColumns = (stateManager === null || stateManager === void 0 ? void 0 : stateManager.get('hiddenColumns')) || props.hiddenColumns;
+  var pinnedColumns = (stateManager === null || stateManager === void 0 ? void 0 : stateManager.get('pinnedColumns')) || props.pinnedColumns;
+  var initialState = assign({}, pageSize && {
+    pageSize: pageSize
+  }, hiddenColumns && {
+    hiddenColumns: hiddenColumns
+  }, pinnedColumns && {
+    pinnedColumns: pinnedColumns
+  });
+  var table = react_table__WEBPACK_IMPORTED_MODULE_2__.useTable.apply(void 0, [_objectSpread({
+    data: data,
+    defaultColumn: defaultColumn,
+    initialState: initialState,
+    pageSizes: pageSizes
+  }, rest), useCanHideColumns, react_table__WEBPACK_IMPORTED_MODULE_2__.usePagination, props.fullWidth ? react_table__WEBPACK_IMPORTED_MODULE_2__.useFlexLayout : react_table__WEBPACK_IMPORTED_MODULE_2__.useBlockLayout, react_table__WEBPACK_IMPORTED_MODULE_2__.useResizeColumns, react_table__WEBPACK_IMPORTED_MODULE_2__.useColumnOrder, _pinned_columns__WEBPACK_IMPORTED_MODULE_7__.usePinnedColumns, _editable_columns__WEBPACK_IMPORTED_MODULE_6__.useEditableColumns].concat(_toConsumableArray(hooks)));
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
+    stateManager === null || stateManager === void 0 ? void 0 : stateManager.onStateChange(table.state);
+  }, [table.state]);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(TableContext.Provider, {
+    value: _objectSpread({
+      columnsSort: columnsSort,
+      NoDataComp: NoDataComp
+    }, table)
+  }, children);
+};
+Provider.displayName = 'Table.Provider';
+Provider.propTypes = {
+  columns: prop_types__WEBPACK_IMPORTED_MODULE_1___default().arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_1___default().shape({
+    id: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string.isRequired),
+    accessor: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
+    type: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['string', 'number']),
+    Header: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().element), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)]).isRequired,
+    Cell: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
+    Footer: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().element), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)]),
+    can_sort: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number)]),
+    on_sort: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
+    disableHiding: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
+    width: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
+    minWidth: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
+    maxWidth: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
+    disableResizing: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
+    disablePinning: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
+    disableEditing: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
+  })).isRequired,
+  data: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().array),
+  columnsSort: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().object),
+  pageSize: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
+  pageSizes: prop_types__WEBPACK_IMPORTED_MODULE_1___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_1___default().number)),
+  hiddenColumns: prop_types__WEBPACK_IMPORTED_MODULE_1___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)),
+  pinnedColumns: prop_types__WEBPACK_IMPORTED_MODULE_1___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)),
+  fullWidth: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
+  disableHiding: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
+  disableResizing: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
+  disablePinning: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
+  disableEditing: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
+  rowDensity: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['busy_bee', 'diamond_hand', 'white_spaced']),
+  onRowClick: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
+  stickyHeader: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().object)]),
+  scrollTarget: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().any)
+};
+var useTableContext = function useTableContext() {
+  return (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(TableContext);
+};
+
+// can hide columns
+
+var useCanHideColumns = function useCanHideColumns(hooks) {
+  hooks.useInstanceBeforeDimensions.push(function (instance) {
+    var disableHiding = instance.disableHiding,
+      flatHeaders = instance.flatHeaders;
+    flatHeaders.forEach(function (header) {
+      header.canHide = (0,_util__WEBPACK_IMPORTED_MODULE_8__.firstDefined)(header.disableHiding === true ? false : undefined, disableHiding === true ? false : undefined, true);
+    });
+  });
+};
+useCanHideColumns.pluginName = 'useCanHideColumns';
+var EmptyBody = function EmptyBody() {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_4__.Flex, {
+    align_items: "center",
+    width: "100%",
+    padding: "".concat(_theme__WEBPACK_IMPORTED_MODULE_5__["default"].spacing["04"], " ").concat(_theme__WEBPACK_IMPORTED_MODULE_5__["default"].spacing["05"])
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Label, {
+    color: "gray_11_50"
+  }, "No data"));
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Provider);
+
+/***/ }),
+
+/***/ "./src/table/customize_button.js":
+/*!***************************************!*\
+  !*** ./src/table/customize_button.js ***!
+  \***************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* 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 styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _hoc__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../hoc */ "./src/hoc/index.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
+/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
+/* harmony import */ var _icon_button__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../icon_button */ "./src/icon_button.js");
+/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
+/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../tooltip */ "./src/tooltip.js");
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./context */ "./src/table/context.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+
+
+
+
+
+
+
+
+var CustomizeButton = function CustomizeButton() {
+  var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_8__.useTableContext)(),
+    allColumns = _useTableContext.allColumns;
+  var columns = allColumns.filter(function (col) {
+    return col.canHide || col.canPin;
+  });
+  if (!columns.length) return null;
+  var items = columns.map(function (c) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CustomizeButtonItem, _extends({
+      key: c.id
+    }, c));
+  });
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CustomizeButtonPopover, {
+    popoverProps: {
+      items: items
+    }
+  });
+};
+CustomizeButton.displayName = 'Table.CustomizeButton';
+var ItemsWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
+  displayName: "ItemsWrapper",
+  componentId: "sc-1uptv2h-0"
+})(["display:flex;flex-direction:column;gap:2px;margin:0;padding:4px 0;background:white;border-radius:4px;box-shadow:", ";"], _theme__WEBPACK_IMPORTED_MODULE_6__["default"].box_shadow.md);
+var CustomizeButtonPopover = (0,_hoc__WEBPACK_IMPORTED_MODULE_2__.withPopover)(function (p) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon_button__WEBPACK_IMPORTED_MODULE_5__["default"], {
+    onClick: p.popover.toggle,
+    tooltip: "Customize columns",
+    icon: "Customize"
+  });
+}, function (p) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ItemsWrapper, null, p.items);
+}, {
+  placement: 'bottom'
+});
+var CustomizeButtonItem = function CustomizeButtonItem(props) {
+  var id = props.id,
+    name = props.name,
+    canPin = props.canPin,
+    isPinned = props.isPinned,
+    togglePinned = props.togglePinned,
+    canHide = props.canHide,
+    isVisible = props.isVisible,
+    toggleHidden = props.toggleHidden;
+  var handlePinned = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
+    togglePinned(!isPinned);
+  }, [isPinned, togglePinned]);
+  var handleHidden = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
+    toggleHidden(isVisible);
+  }, [isVisible, toggleHidden]);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CustomizeButtonItemWrapper, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_3__["default"].Label, {
+    variant: "sm",
+    color: isVisible ? 'gray_11_50' : 'gray_9',
+    "data-label": true
+  }, name || id), canPin && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CustomizeButtonItemAction, {
+    icon: isPinned ? 'Unpin' : 'Pin',
+    onClick: handlePinned,
+    tooltip: "".concat(isPinned ? 'Unpin' : 'Pin', " column")
+  }), canHide && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CustomizeButtonItemAction, {
+    icon: isVisible ? 'EyeOff' : 'EyeOn',
+    onClick: handleHidden,
+    tooltip: "".concat(isVisible ? 'Hide' : 'Show', " column")
+  }));
+};
+CustomizeButtonItem.displayName = 'CustomizeButtonItem';
+var CustomizeButtonItemWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
+  displayName: "CustomizeButtonItemWrapper",
+  componentId: "sc-1uptv2h-1"
+})(["margin:0;padding:8px 16px;display:flex;align-items:center;gap:4px;min-width:230px;div[data-label]{margin-right:auto;}&:hover{background-color:", ";}"], _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_2);
+var CustomizeButtonItemAction = function CustomizeButtonItemAction(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CustomizeButtonItemActionWrapper, {
+    onClick: props.onClick
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_7__["default"], {
+    tooltip: props.tooltip,
+    tooltipPlacement: "top"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__["default"], {
+    name: props.icon,
+    size: "xs",
+    color: "gray_9"
+  })));
+};
+CustomizeButtonItemAction.displayName = 'CustomizeButtonItemAction';
+var CustomizeButtonItemActionWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
+  displayName: "CustomizeButtonItemActionWrapper",
+  componentId: "sc-1uptv2h-2"
+})(["cursor:pointer;visibility:hidden;", ":hover &{visibility:visible;}"], CustomizeButtonItemWrapper);
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CustomizeButton);
+
+/***/ }),
+
+/***/ "./src/table/editable_columns.js":
+/*!***************************************!*\
+  !*** ./src/table/editable_columns.js ***!
+  \***************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "useEditableColumns": () => (/* binding */ useEditableColumns)
+/* harmony export */ });
+/* 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 react_table__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-table */ "react-table");
+/* harmony import */ var react_table__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_table__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./util */ "./src/table/util.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+
+
+
+var assign = Object.assign;
+react_table__WEBPACK_IMPORTED_MODULE_1__.actions.columnStartEditing = 'columnStartEditing';
+react_table__WEBPACK_IMPORTED_MODULE_1__.actions.columnDoneEditing = 'columnDoneEditing';
+var prepareEditableRow = function prepareEditableRow(row, _ref) {
+  var instance = _ref.instance;
+  var columnEditing = instance.state.columnEditing;
+  row.cells.forEach(function (cell) {
+    cell.isEditing = columnEditing.rowId == row.id && columnEditing.columnId == cell.column.id;
+  });
+};
+var useEditableReducer = function useEditableReducer(state, action) {
+  if (action.type == react_table__WEBPACK_IMPORTED_MODULE_1__.actions.init) return _objectSpread({
+    columnEditing: {}
+  }, state);
+  if (action.type == react_table__WEBPACK_IMPORTED_MODULE_1__.actions.columnStartEditing) {
+    var columnId = action.columnId,
+      rowId = action.rowId;
+    return _objectSpread(_objectSpread({}, state), {}, {
+      columnEditing: {
+        columnId: columnId,
+        rowId: rowId
+      }
+    });
+  }
+  if (action.type == react_table__WEBPACK_IMPORTED_MODULE_1__.actions.columnDoneEditing) return _objectSpread(_objectSpread({}, state), {}, {
+    columnEditing: {}
+  });
+};
+var useEditableInstance = function useEditableInstance(instance) {
+  var flatHeaders = instance.flatHeaders,
+    dispatch = instance.dispatch;
+  var columnStartEditing = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (columnId, rowId) {
+    dispatch({
+      type: react_table__WEBPACK_IMPORTED_MODULE_1__.actions.columnStartEditing,
+      columnId: columnId,
+      rowId: rowId
+    });
+  }, [dispatch]);
+  var columnDoneEditing = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (columnId, rowId) {
+    dispatch({
+      type: react_table__WEBPACK_IMPORTED_MODULE_1__.actions.columnDoneEditing,
+      columnId: columnId,
+      rowId: rowId
+    });
+  }, [dispatch]);
+  flatHeaders.forEach(function (column) {
+    column.startEditing = function (rowId) {
+      return columnStartEditing(column.id, rowId);
+    };
+    column.doneEditing = function (rowId) {
+      return columnDoneEditing(column.id, rowId);
+    };
+  });
+  assign(instance, {
+    columnStartEditing: columnStartEditing,
+    columnDoneEditing: columnDoneEditing
+  });
+};
+var useEditableInstanceBeforeDimensions = function useEditableInstanceBeforeDimensions(instance) {
+  var flatHeaders = instance.flatHeaders,
+    disableEditing = instance.disableEditing;
+  flatHeaders.forEach(function (header) {
+    header.canEdit = (0,_util__WEBPACK_IMPORTED_MODULE_2__.firstDefined)(header.disableEditing === true ? false : undefined, disableEditing === true ? false : undefined, true);
+  });
+};
+var useEditableColumns = function useEditableColumns(hooks) {
+  hooks.prepareRow.push(prepareEditableRow);
+  hooks.stateReducers.push(useEditableReducer);
+  hooks.useInstance.push(useEditableInstance);
+  hooks.useInstanceBeforeDimensions.push(useEditableInstanceBeforeDimensions);
+};
+useEditableColumns.pluginName = 'useEditableColumns';
+
+/***/ }),
+
+/***/ "./src/table/header_functions.js":
+/*!***************************************!*\
+  !*** ./src/table/header_functions.js ***!
+  \***************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* 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 styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _hoc__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../hoc */ "./src/hoc/index.js");
+/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
+/* harmony import */ var _icon_button__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../icon_button */ "./src/icon_button.js");
+/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
+/* harmony import */ var _sort_icon__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./sort_icon */ "./src/table/sort_icon.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+
+
+
+
+
+
+
+var Label = _typography__WEBPACK_IMPORTED_MODULE_6__["default"].Label;
+var HeaderFunctions = function HeaderFunctions(props) {
+  var header = props.header,
+    visible = props.visible;
+  var id = header.id,
+    on_sort = header.on_sort,
+    canHide = header.canHide,
+    getToggleHiddenProps = header.getToggleHiddenProps,
+    canPin = header.canPin;
+  var canSort = header.can_sort && header.on_sort;
+  var items = [];
+  if (canSort) {
+    items.push({
+      id: 'sort_asc',
+      children: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SortColumn, {
+        id: id,
+        onSort: on_sort,
+        sort: "asc"
+      })
+    }, {
+      id: 'sort_desc',
+      children: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SortColumn, {
+        id: id,
+        onSort: on_sort,
+        sort: "desc"
+      })
+    });
+  }
+  if (canSort && (canHide || canPin)) items.push({
+    id: 'sep',
+    separator: true
+  });
+  if (canPin) items.push({
+    id: 'pin',
+    children: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(PinColumn, header)
+  });
+  if (canHide) {
+    items.push({
+      id: 'hide',
+      children: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(HideColumn, getToggleHiddenProps())
+    });
+  }
+  if (!items.length) return null;
+  var menu = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Menu, null, items.map(function (item) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(MenuItem, _extends({
+      key: item.id
+    }, item));
+  }));
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(MenuPopover, {
+    visible: visible,
+    popoverProps: {
+      menu: menu
+    }
+  });
+};
+HeaderFunctions.displayName = 'HeaderFunctions';
+var MenuButton = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_icon_button__WEBPACK_IMPORTED_MODULE_4__["default"]).attrs(function (props) {
+  return {
+    variant: 'ghost',
+    tooltip: 'Functions',
+    tooltipPlacement: 'auto',
+    icon: 'DotsHorizontal',
+    onClick: props.popover.toggle,
+    style: {
+      visibility: props.visible ? 'visible' : 'hidden'
+    }
+  };
+}).withConfig({
+  displayName: "MenuButton",
+  componentId: "sc-1oo76mu-0"
+})(["cursor:pointer;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%);z-index:2;width:16px;height:16px;background-color:", ";border-radius:4px;width:16px;height:16px;&:hover:not(:disabled){background-color:", ";}"], _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_6, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_6);
+var MenuWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
+  displayName: "MenuWrapper",
+  componentId: "sc-1oo76mu-1"
+})(["background:white;border-radius:4px;box-shadow:", ";"], _theme__WEBPACK_IMPORTED_MODULE_5__["default"].box_shadow.md);
+var MenuPopover = (0,_hoc__WEBPACK_IMPORTED_MODULE_2__.withPopover)(MenuButton, function (p) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(MenuWrapper, {
+    onClick: p.popover.hide
+  }, p.menu);
+}, {
+  placement: 'bottom'
+});
+var Menu = styled_components__WEBPACK_IMPORTED_MODULE_1___default().ul.withConfig({
+  displayName: "Menu",
+  componentId: "sc-1oo76mu-2"
+})(["margin:0;padding:4px 0;"]);
+var MenuItem = styled_components__WEBPACK_IMPORTED_MODULE_1___default().li.withConfig({
+  displayName: "MenuItem",
+  componentId: "sc-1oo76mu-3"
+})(["list-style:none;&:hover{background-color:", ";}", ""], _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_2, function (props) {
+  if (props.separator) {
+    return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["padding:0;height:1px;background-color:", ";&:hover{background-color:", ";}"], _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_4, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_4);
+  }
+});
+var SortColumn = function SortColumn(props) {
+  var id = props.id,
+    sort = props.sort,
+    onSort = props.onSort;
+  var text = sort == 'asc' ? 'Sort A to Z' : 'Sort Z to A';
+  var handleClick = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
+    onSort === null || onSort === void 0 ? void 0 : onSort(id, sort);
+  }, [id, sort, onSort]);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(FunctionWrapper, {
+    onClick: handleClick
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_sort_icon__WEBPACK_IMPORTED_MODULE_7__["default"], {
+    color: "gray_9",
+    reverse: sort != 'asc'
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Label, {
+    variant: "sm",
+    color: "gray_11_50"
+  }, text));
+};
+SortColumn.displayName = 'SortColumn';
+var PinColumn = function PinColumn(props) {
+  var isPinned = props.isPinned,
+    togglePinned = props.togglePinned;
+  var text = isPinned ? 'Unpin column' : 'Pin column';
+  var handleClick = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
+    togglePinned(!isPinned);
+  }, [isPinned, togglePinned]);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(FunctionWrapper, {
+    onClick: handleClick
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_3__["default"], {
+    name: isPinned ? 'Unpin' : 'Pin',
+    color: "gray_9",
+    size: "xs"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Label, {
+    variant: "sm",
+    color: "gray_11_50"
+  }, text));
+};
+PinColumn.displayName = 'PinColumn';
+var HideColumn = function HideColumn(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(FunctionWrapper, {
+    as: "label",
+    onClick: function onClick(evt) {
+      return evt.stopPropagation();
+    }
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", _extends({
+    type: "checkbox"
+  }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_3__["default"], {
+    name: "EyeOff",
+    color: "gray_9",
+    size: "xs"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Label, {
+    variant: "sm",
+    color: "gray_11_50"
+  }, "Hide column"));
+};
+HideColumn.displayName = 'HideColumn';
+var FunctionWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
+  displayName: "FunctionWrapper",
+  componentId: "sc-1oo76mu-4"
+})(["cursor:pointer;margin:0;padding:7px 12px;display:flex;align-items:center;gap:10px;min-width:180px;input[type=\"checkbox\"]{display:none;}"]);
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (HeaderFunctions);
+
+/***/ }),
+
+/***/ "./src/table/index.js":
+/*!****************************!*\
+  !*** ./src/table/index.js ***!
+  \****************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Table": () => (/* reexport safe */ _table__WEBPACK_IMPORTED_MODULE_3__["default"])
+/* harmony export */ });
+/* harmony import */ var _sticky_rows__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./sticky_rows */ "./src/table/sticky_rows.js");
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./context */ "./src/table/context.js");
+/* harmony import */ var _customize_button__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./customize_button */ "./src/table/customize_button.js");
+/* harmony import */ var _table__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./table */ "./src/table/table.js");
+/* harmony import */ var _pagination__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./pagination */ "./src/table/pagination.js");
+/* harmony import */ var _plugin__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./plugin */ "./src/table/plugin.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+
+
+
+
+
+
+_table__WEBPACK_IMPORTED_MODULE_3__["default"].CustomizeButton = _customize_button__WEBPACK_IMPORTED_MODULE_2__["default"];
+_table__WEBPACK_IMPORTED_MODULE_3__["default"].Pagination = _pagination__WEBPACK_IMPORTED_MODULE_4__["default"];
+_table__WEBPACK_IMPORTED_MODULE_3__["default"].Provider = _context__WEBPACK_IMPORTED_MODULE_1__["default"];
+_table__WEBPACK_IMPORTED_MODULE_3__["default"].withPlugins = _plugin__WEBPACK_IMPORTED_MODULE_5__.withPlugins;
+_table__WEBPACK_IMPORTED_MODULE_3__["default"].plugins = _plugin__WEBPACK_IMPORTED_MODULE_5__.plugins;
+
+
+/***/ }),
+
+/***/ "./src/table/pagination.js":
+/*!*********************************!*\
+  !*** ./src/table/pagination.js ***!
+  \*********************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* 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 styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ "prop-types");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _input__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../input */ "./src/input/index.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
+/* harmony import */ var _icon_button__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../icon_button */ "./src/icon_button.js");
+/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
+/* harmony import */ var _link__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../link */ "./src/link/index.js");
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./context */ "./src/table/context.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+var _excluded = ["state"];
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+
+
+
+
+
+
+
+
+var Label = _typography__WEBPACK_IMPORTED_MODULE_4__["default"].Label;
+var Dropdown = _input__WEBPACK_IMPORTED_MODULE_3__["default"].Dropdown;
+var Pagination = function Pagination(props) {
+  var className = props.className,
+    onDownload = props.onDownload,
+    _props$downloadToolti = props.downloadTooltip,
+    downloadTooltip = _props$downloadToolti === void 0 ? 'Download' : _props$downloadToolti;
+  var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_8__.useTableContext)(),
+    state = _useTableContext.state,
+    rest = _objectWithoutProperties(_useTableContext, _excluded);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(PaginationWrapper, {
+    className: className
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(PaginationItems, _extends({}, state, rest)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(PaginationControlsWrapper, null, !!onDownload && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon_button__WEBPACK_IMPORTED_MODULE_5__["default"], {
+    icon: "Download",
+    onClick: onDownload,
+    tooltip: downloadTooltip,
+    variant: "icon"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(PaginationControls, _extends({}, state, rest))));
+};
+Pagination.displayName = 'Table.Pagination';
+Pagination.propTypes = {
+  onDownload: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func),
+  downloadTooltip: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string)
+};
+var PaginationWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
+  displayName: "PaginationWrapper",
+  componentId: "sc-1rdn0jh-0"
+})(["display:flex;flex-direction:row;align-items:center;padding:12px 16px;gap:8px;"]);
+var PaginationControlsWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
+  displayName: "PaginationControlsWrapper",
+  componentId: "sc-1rdn0jh-1"
+})(["margin-left:auto;display:flex;flex-direction:row;align-items:center;gap:12px;"]);
+var PaginationControls = function PaginationControls(props) {
+  var rows = props.rows,
+    pageIndex = props.pageIndex,
+    pageSize = props.pageSize,
+    pageSizes = props.pageSizes,
+    setPageSize = props.setPageSize;
+  var total = rows.length;
+  var minPageSize = Math.min.apply(Math, _toConsumableArray(pageSizes));
+  var handleChange = function handleChange(option) {
+    return setPageSize(+option.value);
+  };
+  var opts = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
+    return pageSizes.map(function (o) {
+      return {
+        label: o,
+        value: o
+      };
+    });
+  }, [pageSizes]);
+  var sel = opts.find(function (o) {
+    return o.value == pageSize;
+  });
+  var from = pageIndex * pageSize + 1;
+  var to = Math.min((pageIndex + 1) * pageSize, total);
+  if (!(total > minPageSize)) return null;
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, opts.length > 1 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Dropdown, {
+    classNamePrefix: "uikit-table-pagination",
+    value: sel,
+    options: opts,
+    onChange: handleChange
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_6__["default"].Flex, {
+    align_items: "center",
+    column_gap: "0.2em"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Label, {
+    variant: "sm",
+    color: "gray_11_50"
+  }, from, "-", to), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Label, {
+    variant: "sm",
+    color: "gray_11_50"
+  }, "of"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Label, {
+    variant: "sm",
+    color: "gray_11_50"
+  }, total)));
+};
+PaginationControls.displayName = 'PaginationControls';
+var PaginationItems = function PaginationItems(props) {
+  var rows = props.rows,
+    pageIndex = props.pageIndex,
+    pageSize = props.pageSize,
+    canPreviousPage = props.canPreviousPage,
+    previousPage = props.previousPage,
+    canNextPage = props.canNextPage,
+    nextPage = props.nextPage,
+    gotoPage = props.gotoPage;
+  var total = rows.length;
+  var pages = usePages({
+    total: total,
+    pageIndex: pageIndex,
+    pageSize: pageSize,
+    gotoPage: gotoPage
+  });
+  if (!pages) return null;
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(PaginationItemsWrapper, null, canPreviousPage && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(PageLink, {
+    onClick: previousPage,
+    text: "Prev"
+  }), pages, canNextPage && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(PageLink, {
+    onClick: nextPage,
+    text: "Next"
+  }));
+};
+PaginationItems.displayName = 'PaginationItems';
+var PaginationItemsWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
+  displayName: "PaginationItemsWrapper",
+  componentId: "sc-1rdn0jh-2"
+})(["display:flex;flex-direction:row;align-items:center;gap:8px;"]);
+var PageLink = function PageLink(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_link__WEBPACK_IMPORTED_MODULE_7__.Link, {
+    as: "div",
+    variant: "secondary",
+    size: "sm",
+    onClick: props.onClick,
+    text: String(props.text),
+    style: {
+      cursor: 'pointer'
+    }
+  });
+};
+PageLink.displayName = 'PageLink';
+var PageLabel = function PageLabel(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Label, {
+    variant: "sm",
+    color: "gray_11_50"
+  }, props.text);
+};
+PageLabel.displayName = 'PageLabel';
+var usePages = function usePages(opt) {
+  return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
+    var pageIndex = opt.pageIndex,
+      pageSize = opt.pageSize,
+      total = opt.total,
+      _opt$button_count = opt.button_count,
+      button_count = _opt$button_count === void 0 ? 7 : _opt$button_count,
+      gotoPage = opt.gotoPage;
+    var currentPage = pageIndex + 1;
+    var ellipsis = function ellipsis(key) {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(PageLabel, {
+        key: key,
+        text: "..."
+      });
+    };
+    var pageItem = function pageItem(page) {
+      if (page == currentPage) return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(PageLabel, {
+        key: page,
+        text: page
+      });
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(PageLink, {
+        key: page,
+        onClick: function onClick() {
+          return gotoPage(page - 1);
+        },
+        text: page
+      });
+    };
+    var page_count = Math.ceil(total / pageSize);
+    if (page_count <= 1) return null;
+    var pages;
+    if (page_count < button_count) {
+      pages = new Array(page_count);
+      for (var i = 1; i <= page_count; i++) pages[i - 1] = pageItem(i);
+    } else {
+      pages = new Array(button_count);
+      var min, max, page_start;
+      if (currentPage < button_count - 2) {
+        page_start = 1;
+        min = 0;
+        max = button_count - 3;
+        pages[button_count - 2] = ellipsis('e2');
+        pages[button_count - 1] = pageItem(page_count);
+      } else if (currentPage > page_count - button_count + 3) {
+        page_start = page_count - button_count + 3;
+        min = 2;
+        max = button_count - 1;
+        pages[1] = ellipsis('e1');
+        pages[0] = pageItem(1);
+      } else {
+        page_start = currentPage - (button_count - 4 >> 1);
+        min = 2;
+        max = button_count - 3;
+        pages[1] = ellipsis('e1');
+        pages[0] = pageItem(1);
+        pages[button_count - 2] = ellipsis('e2');
+        pages[button_count - 1] = pageItem(page_count);
+      }
+      for (var _i = min; _i <= max; _i++, page_start++) pages[_i] = pageItem(page_start);
+    }
+    return pages;
+  }, [opt]);
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Pagination);
+
+/***/ }),
+
+/***/ "./src/table/pinned_columns.js":
+/*!*************************************!*\
+  !*** ./src/table/pinned_columns.js ***!
+  \*************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "usePinnedColumns": () => (/* binding */ usePinnedColumns)
+/* harmony export */ });
+/* 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 react_table__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-table */ "react-table");
+/* harmony import */ var react_table__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_table__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./util */ "./src/table/util.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+
+
+
+
+
+var assign = Object.assign;
+react_table__WEBPACK_IMPORTED_MODULE_1__.actions.togglePinColumn = 'togglePinColumn';
+var checkPinnedErrors = function checkPinnedErrors(columns) {
+  var hasGroups = columns.some(function (col) {
+    return col.parent;
+  });
+  var withoutGroup = columns.filter(function (col) {
+    return col.pinned && !col.parent;
+  }).map(function (col) {
+    return "'".concat(col.Header, "'");
+  });
+  if (hasGroups && withoutGroup.length) {
+    throw new Error("WARNING usePinnedColumns:\nYour ReactTable has group and pinned columns outside groups, " + "and that will break UI.\nYou must place ".concat(withoutGroup.join(' and '), " columns into a group ") + "(even a group with an empty Header label)\n");
+  }
+  var bugWithUnderColumns = columns.find(function (parentCol) {
+    return !parentCol.pinned && parentCol.columns && parentCol.columns.some(function (col) {
+      return col.pinned;
+    });
+  });
+  if (!bugWithUnderColumns) return;
+  var childBugs = bugWithUnderColumns.columns.find(function (col) {
+    return col.pinned;
+  });
+  if (!childBugs) return;
+  throw new Error("WARNING usePinnedColumns:\nYour ReactTable contain columns group with at least one child columns pinned.\nWhen ReactTable has columns groups, only columns groups can be pinned\nYou must set pinned: 1 for the '".concat(bugWithUnderColumns.Header, "'\ncolumn, or remove the pinned property of '").concat(childBugs.Header, "' column."));
+};
+var getPinnedValue = function getPinnedValue(column) {
+  if (column.isPinned && column.isVisible) return true;
+  if (column.parent) return getPinnedValue(column.parent);
+  return false;
+};
+var columnIsLastPinned = function columnIsLastPinned(column_id, columns) {
+  var ind = columns.findIndex(function (col) {
+    return col.id == column_id;
+  });
+  var column = columns[ind];
+  var nextColumn = columns[ind + 1];
+  var columnIsPinned = getPinnedValue(column);
+  var nextColumnIsPinned = nextColumn && getPinnedValue(nextColumn);
+  return columnIsPinned && !nextColumnIsPinned;
+};
+var findHeadersSameLevel = function findHeadersSameLevel(header, flat_headers) {
+  return flat_headers.filter(function (h) {
+    return h.depth == header.depth;
+  });
+};
+var cellStylesPinned = {
+  position: 'sticky',
+  zIndex: 2
+};
+var getPinnedProps = function getPinnedProps(header, instance) {
+  var style = {};
+  var dataAttrs = {};
+  checkPinnedErrors(instance.columns);
+  if (getPinnedValue(header)) {
+    style = assign({}, cellStylesPinned);
+    dataAttrs['data-pinned'] = true;
+    var headers = findHeadersSameLevel(header, instance.flatHeaders);
+    style = _objectSpread(_objectSpread({}, style), {}, {
+      left: (0,_utils__WEBPACK_IMPORTED_MODULE_3__.toPixel)(header.totalLeft)
+    });
+    if (columnIsLastPinned(header.id, headers)) dataAttrs['data-pinned-last'] = true;
+  }
+  return _objectSpread({
+    style: style
+  }, dataAttrs);
+};
+var usePinnedReducer = function usePinnedReducer(state, action) {
+  if (action.type == react_table__WEBPACK_IMPORTED_MODULE_1__.actions.init) return _objectSpread({
+    pinnedColumns: []
+  }, state);
+  if (action.type == react_table__WEBPACK_IMPORTED_MODULE_1__.actions.togglePinColumn) {
+    var should = typeof action.value != 'undefined' ? action.value : !state.pinnedColumns.includes(action.columnId);
+    var pinnedColumns = should ? [].concat(_toConsumableArray(state.pinnedColumns), [action.columnId]) : state.pinnedColumns.filter(function (d) {
+      return d != action.columnId;
+    });
+    return _objectSpread(_objectSpread({}, state), {}, {
+      pinnedColumns: pinnedColumns
+    });
+  }
+};
+var usePinnedInstance = function usePinnedInstance(instance) {
+  var flatHeaders = instance.flatHeaders,
+    dispatch = instance.dispatch,
+    columns = instance.columns,
+    setColumnOrder = instance.setColumnOrder;
+  var togglePinColumn = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (columnId, value) {
+    dispatch({
+      type: react_table__WEBPACK_IMPORTED_MODULE_1__.actions.togglePinColumn,
+      columnId: columnId,
+      value: value
+    });
+    setColumnOrder(lodash__WEBPACK_IMPORTED_MODULE_2___default().sortBy(columns, function (col) {
+      return !(col.id == columnId ? value : col.isPinned);
+    }).map(function (col) {
+      return col.id;
+    }));
+  }, [dispatch, columns, setColumnOrder]);
+  flatHeaders.forEach(function (column) {
+    column.togglePinned = function (value) {
+      return togglePinColumn(column.id, value);
+    };
+  });
+  assign(instance, {
+    togglePinColumn: togglePinColumn
+  });
+};
+var usePinnedInstanceBeforeDimensions = function usePinnedInstanceBeforeDimensions(instance) {
+  var disablePinning = instance.disablePinning,
+    flatHeaders = instance.flatHeaders,
+    pinnedColumns = instance.state.pinnedColumns;
+  flatHeaders.forEach(function (header) {
+    header.canPin = (0,_util__WEBPACK_IMPORTED_MODULE_4__.firstDefined)(header.disablePinning === true ? false : undefined, disablePinning === true ? false : undefined, header.parent ? false : undefined, true);
+    header.isPinned = pinnedColumns.includes(header.id);
+  });
+};
+var usePinnedColumns = function usePinnedColumns(hooks) {
+  hooks.getHeaderProps.push(function (props, _ref) {
+    var instance = _ref.instance,
+      column = _ref.column;
+    var nextProps = getPinnedProps(column, instance);
+    return [props, nextProps];
+  });
+  hooks.getCellProps.push(function (props, _ref2) {
+    var instance = _ref2.instance,
+      cell = _ref2.cell;
+    var nextProps = getPinnedProps(cell.column, instance);
+    return [props, nextProps];
+  });
+  hooks.getFooterProps.push(function (props, _ref3) {
+    var instance = _ref3.instance,
+      column = _ref3.column;
+    var nextProps = getPinnedProps(column, instance);
+    return [props, nextProps];
+  });
+  hooks.stateReducers.push(usePinnedReducer);
+  hooks.useInstance.push(usePinnedInstance);
+  hooks.useInstanceBeforeDimensions.push(usePinnedInstanceBeforeDimensions);
+};
+usePinnedColumns.pluginName = 'usePinnedColumns';
+
+/***/ }),
+
+/***/ "./src/table/plugin.js":
+/*!*****************************!*\
+  !*** ./src/table/plugin.js ***!
+  \*****************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "plugins": () => (/* binding */ plugins),
+/* harmony export */   "withPlugins": () => (/* binding */ withPlugins)
+/* harmony export */ });
+/* 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 _context__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./context */ "./src/table/context.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+
+
+var assign = Object.assign;
+var withPlugins = function withPlugins() {
+  for (var _len = arguments.length, plugins = new Array(_len), _key = 0; _key < _len; _key++) {
+    plugins[_key] = arguments[_key];
+  }
+  var pluginProps = plugins.reduce(function (acc, plugin) {
+    var _plugin$props;
+    return assign(acc, (_plugin$props = plugin.props) === null || _plugin$props === void 0 ? void 0 : _plugin$props.call(plugin));
+  }, {});
+  var hooks = plugins.reduce(function (acc, plugin) {
+    var _plugin$hooks;
+    return acc.concat.apply(acc, _toConsumableArray(((_plugin$hooks = plugin.hooks) === null || _plugin$hooks === void 0 ? void 0 : _plugin$hooks.call(plugin)) || []));
+  }, []);
+  var ProviderWithPlugins = function ProviderWithPlugins(props) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_context__WEBPACK_IMPORTED_MODULE_1__["default"], _extends({}, pluginProps, props, {
+      hooks: hooks
+    }));
+  };
+  ProviderWithPlugins.displayName = 'withPlugins(Table.Provider)';
+  return ProviderWithPlugins;
+};
+var plugins = {};
+
+/***/ }),
+
+/***/ "./src/table/sort_icon.js":
+/*!********************************!*\
+  !*** ./src/table/sort_icon.js ***!
+  \********************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* 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 _icon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+
+
+var SortIcon = function SortIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_1__["default"], {
+    size: "xs",
+    name: props.reverse ? 'SortDesc' : 'SortAsc',
+    color: props.color || 'blue_10',
+    style: {
+      visibility: props.visible ? 'visible' : 'hidden'
+    }
+  });
+};
+SortIcon.displayName = 'SortIcon';
+SortIcon.defaultProps = {
+  visible: true
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SortIcon);
+
+/***/ }),
+
+/***/ "./src/table/sticky_rows.js":
+/*!**********************************!*\
+  !*** ./src/table/sticky_rows.js ***!
+  \**********************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__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 styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var react_table__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-table */ "react-table");
+/* harmony import */ var react_table__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_table__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _hoc__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../hoc */ "./src/hoc/index.js");
+/* harmony import */ var _icon_button__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../icon_button */ "./src/icon_button.js");
+/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../menu */ "./src/menu/index.js");
+/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
+/* harmony import */ var _plugin__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./plugin */ "./src/table/plugin.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+
+
+
+
+
+
+
+
+var assign = Object.assign;
+react_table__WEBPACK_IMPORTED_MODULE_2__.actions.resetPinnedRows = 'resetPinnedRows';
+react_table__WEBPACK_IMPORTED_MODULE_2__.actions.toggleRowPinned = 'toggleRowPinned';
+var useStickyRows = function useStickyRows(hooks) {
+  hooks.getCellProps.push(getStickyCellProps);
+  hooks.stateReducers.push(stickyRowsReducer);
+  hooks.useInstance.push(useStickyRowInstance);
+  hooks.prepareRow.push(prepareStickyRow);
+};
+useStickyRows.pluginName = 'useStickyRows';
+var rowMenuStyle = {
+  backgroundColor: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.white,
+  display: 'flex',
+  alignItems: 'center',
+  position: 'sticky',
+  right: 0,
+  overflow: 'visible'
+};
+var getStickyCellProps = function getStickyCellProps(props, _ref) {
+  var cell = _ref.cell;
+  if (cell.column.id == 'row_menu') return [props, {
+    style: rowMenuStyle
+  }];
+  return props;
+};
+var stickyRowsReducer = function stickyRowsReducer(state, action, previousState, instance) {
+  if (action.type == react_table__WEBPACK_IMPORTED_MODULE_2__.actions.init) return _objectSpread({
+    pinnedRowIds: {}
+  }, state);
+  if (action.type == react_table__WEBPACK_IMPORTED_MODULE_2__.actions.resetPinnedRows) {
+    return _objectSpread(_objectSpread({}, state), {}, {
+      pinnedRowIds: instance.initialState.pinnedRowIds || {}
+    });
+  }
+  if (action.type == react_table__WEBPACK_IMPORTED_MODULE_2__.actions.toggleRowPinned) {
+    var id = action.id,
+      setPinned = action.value;
+    var rowsById = instance.rowsById;
+    var isPinned = state.pinnedRowIds[id];
+    var shouldExist = typeof setPinned != 'undefined' ? setPinned : !isPinned;
+    if (isPinned == shouldExist) return state;
+    var newPinnedRowIds = _objectSpread({}, state.pinnedRowIds);
+    var row = rowsById[id];
+    if (row && !row.isGrouped) {
+      if (shouldExist) newPinnedRowIds[id] = true;else delete newPinnedRowIds[id];
+    }
+    return _objectSpread(_objectSpread({}, state), {}, {
+      pinnedRowIds: newPinnedRowIds
+    });
+  }
+  return state;
+};
+var useStickyRowInstance = function useStickyRowInstance(instance) {
+  var data = instance.data,
+    rows = instance.rows,
+    pinnedRowIds = instance.state.pinnedRowIds,
+    dispatch = instance.dispatch;
+  var pinnedRows = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
+    var newRows = [];
+    rows.forEach(function (row) {
+      var isPinned = !!pinnedRowIds[row.id];
+      row.isPinned = !!isPinned;
+      if (isPinned) newRows.push(row);
+    });
+    return newRows;
+  }, [rows, pinnedRowIds]);
+  (0,react_table__WEBPACK_IMPORTED_MODULE_2__.useMountedLayoutEffect)(function () {
+    dispatch({
+      type: react_table__WEBPACK_IMPORTED_MODULE_2__.actions.resetPinnedRows
+    });
+  }, [dispatch, data]);
+  var toggleRowPinned = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (id, value) {
+    return dispatch({
+      type: react_table__WEBPACK_IMPORTED_MODULE_2__.actions.toggleRowPinned,
+      id: id,
+      value: value
+    });
+  }, [dispatch]);
+  assign(instance, {
+    pinnedRows: pinnedRows,
+    toggleRowPinned: toggleRowPinned
+  });
+};
+var prepareStickyRow = function prepareStickyRow(row, _ref2) {
+  var instance = _ref2.instance;
+  row.toggleRowPinned = function (set) {
+    return instance.toggleRowPinned(row.id, set);
+  };
+};
+var RowMenuCell = function RowMenuCell(props) {
+  var _props$row = props.row,
+    isPinned = _props$row.isPinned,
+    toggleRowPinned = _props$row.toggleRowPinned;
+  var items = [{
+    key: 'stick_row',
+    text: "".concat(isPinned ? 'Unpin' : 'Pin', " row"),
+    icon: isPinned ? 'Unpin' : 'Pin',
+    onClick: function onClick() {
+      return toggleRowPinned(!isPinned);
+    }
+  }];
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(RowMenuCellPopover, {
+    popoverProps: {
+      items: items
+    }
+  });
+};
+RowMenuCell.displayName = 'RowMenuCell';
+var RowMenuCellPopover = (0,_hoc__WEBPACK_IMPORTED_MODULE_3__.withPopover)(function (p) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon_button__WEBPACK_IMPORTED_MODULE_4__["default"], {
+    onClick: p.popover.toggle,
+    icon: "DotsHorizontal",
+    variant: "ghost"
+  });
+}, function (p) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_5__.Menu, {
+    items: p.items,
+    size: "sm"
+  });
+}, {
+  placement: 'left'
+});
+var RowMenuButton = styled_components__WEBPACK_IMPORTED_MODULE_1___default().button.withConfig({
+  displayName: "RowMenuButton",
+  componentId: "sc-u1g3r9-0"
+})(["box-sizing:border-box;min-width:180px;display:flex;align-items:center;padding:7px 12px;gap:10px;border:0 none;background-color:unset;white-space:nowrap;"]);
+RowMenuButton.displayName = 'RowMenuButton';
+var rowMenuColumn = {
+  id: 'row_menu',
+  name: ' ',
+  Cell: RowMenuCell,
+  disableHiding: true,
+  disableResizing: true,
+  disablePinning: true,
+  disableEditing: true,
+  width: 48,
+  minWidth: 48,
+  maxWidth: 48
+};
+_plugin__WEBPACK_IMPORTED_MODULE_7__.plugins.stickyRows = function () {
+  return {
+    hooks: function hooks() {
+      return [useStickyRows, function (hooks) {
+        hooks.visibleColumns.push(function (columns) {
+          return [].concat(_toConsumableArray(columns), [rowMenuColumn]);
+        });
+      }];
+    }
+  };
+};
+
+/***/ }),
+
+/***/ "./src/table/table.js":
+/*!****************************!*\
+  !*** ./src/table/table.js ***!
+  \****************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* 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 styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ "prop-types");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../hooks */ "./src/hooks/index.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
+/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./context */ "./src/table/context.js");
+/* harmony import */ var _header_functions__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./header_functions */ "./src/table/header_functions.js");
+/* harmony import */ var _sort_icon__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./sort_icon */ "./src/table/sort_icon.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+var _excluded = ["key"],
+  _excluded2 = ["key"],
+  _excluded3 = ["row", "onRowClick"],
+  _excluded4 = ["key"];
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+
+
+
+
+
+
+
+
+var assign = Object.assign;
+var Table = function Table(props) {
+  var className = props.className,
+    rowDensity = props.rowDensity,
+    onRowClick = props.onRowClick,
+    stickyHeader = props.stickyHeader,
+    scrollTarget = props.scrollTarget;
+  var offsetTop = lodash__WEBPACK_IMPORTED_MODULE_3___default().isObject(stickyHeader) && stickyHeader.offsetTop || 0;
+  var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_8__.useTableContext)(),
+    getTableProps = _useTableContext.getTableProps,
+    getTableBodyProps = _useTableContext.getTableBodyProps,
+    prepareRow = _useTableContext.prepareRow,
+    page = _useTableContext.page,
+    _useTableContext$pinn = _useTableContext.pinnedRows,
+    pinnedRows = _useTableContext$pinn === void 0 ? [] : _useTableContext$pinn,
+    columnStartEditing = _useTableContext.columnStartEditing,
+    columnDoneEditing = _useTableContext.columnDoneEditing,
+    NoDataComp = _useTableContext.NoDataComp;
+  var wrapperRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    left = _useState2[0],
+    setLeft = _useState2[1];
+  (0,_hooks__WEBPACK_IMPORTED_MODULE_4__.useEventListener)(wrapperRef.current, {
+    event: 'scroll',
+    handler: function handler(evt) {
+      setLeft(evt.target.scrollLeft);
+    }
+  });
+  var tableRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
+  var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    width = _useState4[0],
+    setWidth = _useState4[1];
+  var _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    showSticky = _useState6[0],
+    setShowSticky = _useState6[1];
+  var scroll = (0,_hooks__WEBPACK_IMPORTED_MODULE_4__.useScroll)(scrollTarget);
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
+    if (!stickyHeader || !tableRef.current) return;
+    var rect = tableRef.current.getBoundingClientRect();
+    setWidth(rect.width);
+    var top = -rect.top + offsetTop;
+    setShowSticky(top > 0 && top - rect.height <= 0);
+  }, [scroll]);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(TableWrapper, {
+    ref: wrapperRef,
+    className: className
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledTable, _extends({
+    ref: tableRef
+  }, getTableProps()), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(TableHeader, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", _extends({
+    "data-rowgroup-type": "body"
+  }, getTableBodyProps()), pinnedRows.map(function (row) {
+    prepareRow(row);
+    return renderRow({
+      row: row,
+      columnStartEditing: columnStartEditing,
+      columnDoneEditing: columnDoneEditing,
+      rowDensity: rowDensity,
+      onRowClick: onRowClick
+    });
+  }), !page.length && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(NoDataComp, null), page.map(function (row, i, arr) {
+    prepareRow(row);
+    if (row.isPinned) return null;
+    return renderRow({
+      row: row,
+      columnStartEditing: columnStartEditing,
+      columnDoneEditing: columnDoneEditing,
+      rowDensity: rowDensity,
+      onRowClick: onRowClick,
+      isLastRow: i == arr.length - 1
+    });
+  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(TableFooter, {
+    rowDensity: rowDensity
+  }), showSticky && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StickyHeader, {
+    top: offsetTop,
+    width: width,
+    left: left,
+    onRowClick: onRowClick,
+    rowDensity: rowDensity
+  })));
+};
+Table.displayName = 'Table';
+Table.defaultProps = {
+  rowDensity: 'busy_bee'
+};
+Table.propTypes = {
+  rowDensity: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['busy_bee', 'diamond_hand', 'white_spaced']),
+  onRowClick: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func),
+  stickyHeader: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool), (prop_types__WEBPACK_IMPORTED_MODULE_2___default().object)]),
+  scrollTarget: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().any)
+};
+var TableWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
+  displayName: "TableWrapper",
+  componentId: "sc-ebeoik-0"
+})(["width:100%;overflow-x:auto;border:1px solid ", ";border-radius:4px;scrollbar-color:", " ", ";scrollbar-width:thin;&::-webkit-scrollbar{width:4px;height:4px;}&::-webkit-scrollbar-track{background-color:", ";}&::-webkit-scrollbar-thumb{background-color:", ";border-radius:2px;}"], _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_3, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_6, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_6);
+TableWrapper.displayName = 'TableWrapper';
+var StyledTable = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
+  displayName: "StyledTable",
+  componentId: "sc-ebeoik-1"
+})(["min-width:100%;border-spacing:0;border-collapse:separate;"]);
+StyledTable.displayName = 'StyledTable';
+var StickyHeader = function StickyHeader(props) {
+  var top = props.top,
+    width = props.width,
+    left = props.left,
+    onRowClick = props.onRowClick,
+    rowDensity = props.rowDensity;
+  var _useTableContext2 = (0,_context__WEBPACK_IMPORTED_MODULE_8__.useTableContext)(),
+    prepareRow = _useTableContext2.prepareRow,
+    columnStartEditing = _useTableContext2.columnStartEditing,
+    columnDoneEditing = _useTableContext2.columnDoneEditing,
+    _useTableContext2$pin = _useTableContext2.pinnedRows,
+    pinnedRows = _useTableContext2$pin === void 0 ? [] : _useTableContext2$pin;
+  var style = {
+    top: (0,_utils__WEBPACK_IMPORTED_MODULE_7__.toPixel)(top),
+    width: (0,_utils__WEBPACK_IMPORTED_MODULE_7__.toPixel)(width)
+  };
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StickyHeaderWrapper, {
+    style: style
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(TableHeader, {
+    left: left,
+    compact: true
+  }), pinnedRows.map(function (row) {
+    prepareRow(row);
+    return renderRow({
+      row: row,
+      columnStartEditing: columnStartEditing,
+      columnDoneEditing: columnDoneEditing,
+      rowDensity: rowDensity,
+      onRowClick: onRowClick
+    });
+  }));
+};
+StickyHeader.displayName = 'StickyHeader';
+var StickyHeaderWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
+  displayName: "StickyHeaderWrapper",
+  componentId: "sc-ebeoik-2"
+})(["position:fixed;z-index:3;overflow-x:hidden;box-shadow:0px 2px 4px -2px rgba(24,39,75,0.12);"]);
+StickyHeaderWrapper.displayName = 'StickyHeaderWrapper';
+var TableHeader = function TableHeader(props) {
+  var compact = props.compact,
+    left = props.left;
+  var _useTableContext3 = (0,_context__WEBPACK_IMPORTED_MODULE_8__.useTableContext)(),
+    headerGroups = _useTableContext3.headerGroups;
+  var style = {};
+  if (typeof left != 'undefined') style.marginLeft = (0,_utils__WEBPACK_IMPORTED_MODULE_7__.toPixel)(-left);
+  var dataAttributes = {};
+  if (!compact) dataAttributes['data-rowgroup-type'] = 'head';
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", _extends({
+    role: "rowgroup",
+    style: style
+  }, dataAttributes), headerGroups.map(function (group) {
+    var _group$getHeaderGroup = group.getHeaderGroupProps(),
+      key = _group$getHeaderGroup.key,
+      rest = _objectWithoutProperties(_group$getHeaderGroup, _excluded);
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", _extends({
+      key: key
+    }, rest), group.headers.map(function (header, i, arr) {
+      var isLast = i == arr.length - 1;
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(HeaderCell, {
+        compact: compact,
+        isLast: isLast,
+        key: header.getHeaderProps().key,
+        header: header
+      });
+    }));
+  }));
+};
+TableHeader.displayName = 'TableHeader';
+var HeaderCell = function HeaderCell(props) {
+  var header = props.header,
+    compact = props.compact,
+    isLast = props.isLast;
+  var id = header.id,
+    name = header.name,
+    on_sort = header.on_sort,
+    isResizing = header.isResizing,
+    getHeaderProps = header.getHeaderProps,
+    getResizerProps = header.getResizerProps;
+  var _useTableContext4 = (0,_context__WEBPACK_IMPORTED_MODULE_8__.useTableContext)(),
+    columnsSort = _useTableContext4.columnsSort,
+    fullWidth = _useTableContext4.fullWidth;
+  var sort = columnsSort[id];
+  var canSort = header.can_sort && header.on_sort;
+  var iconVisible = canSort && ['asc', 'desc'].includes(sort);
+  var handleSort = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
+    if (on_sort) {
+      on_sort(id, {
+        asc: 'desc',
+        desc: undefined,
+        none: 'asc'
+      }[sort || 'none']);
+    }
+  }, [id, sort, on_sort]);
+  var canResize = header.canResize && !(fullWidth && isLast) && !compact;
+  var _useState7 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    hovered = _useState8[0],
+    setHovered = _useState8[1];
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledHeaderCell, _extends({}, getHeaderProps(), {
+    onMouseOver: function onMouseOver() {
+      return setHovered(true);
+    },
+    onMouseOut: function onMouseOut() {
+      return setHovered(false);
+    }
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(HeaderCellWrapper, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(HeaderCellLeft, {
+    $canSort: canSort,
+    onClick: handleSort
+  }, !compact && renderCellContent(header, 'Header', {
+    compact: compact
+  }), compact && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_5__["default"].Label, {
+    variant: "sm",
+    color: "gray_11",
+    no_wrap: true
+  }, name || id), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_sort_icon__WEBPACK_IMPORTED_MODULE_10__["default"], {
+    visible: !!iconVisible,
+    reverse: sort == 'desc'
+  })), !compact && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_header_functions__WEBPACK_IMPORTED_MODULE_9__["default"], {
+    header: header,
+    visible: hovered
+  }), canResize && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(HeaderCellResizer, _extends({}, getResizerProps(), {
+    isResizing: isResizing
+  }))));
+};
+HeaderCell.displayName = 'HeaderCell';
+var StyledHeaderCell = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
+  displayName: "StyledHeaderCell",
+  componentId: "sc-ebeoik-3"
+})(["background-color:", ";&:hover{background-color:", ";}border-bottom:1px solid ", ";&[data-pinned]{z-index:3 !important;}&[data-pinned-last]{box-shadow:2px 0px 4px -2px rgba(24,39,75,0.12),4px 0px 4px -2px rgba(24,39,75,0.08);}"], _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_2, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_3);
+StyledHeaderCell.displayName = 'StyledHeaderCell';
+var HeaderCellWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
+  displayName: "HeaderCellWrapper",
+  componentId: "sc-ebeoik-4"
+})(["display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:8px 8px 8px 16px;"]);
+HeaderCellWrapper.displayName = 'HeaderCellWrapper';
+var HeaderCellLeft = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
+  displayName: "HeaderCellLeft",
+  componentId: "sc-ebeoik-5"
+})(["display:flex;flex-direction:row;align-items:center;padding:0px;gap:4px;min-height:16px;overflow-x:clip;", ""], function (props) {
+  return props.$canSort ? 'cursor: pointer;' : null;
+});
+HeaderCellLeft.displayName = 'HeaderCellLeft';
+var HeaderCellResizer = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
+  displayName: "HeaderCellResizer",
+  componentId: "sc-ebeoik-6"
+})(["display:inline-block;width:10px;height:100%;position:absolute;right:0;top:0;transform:translateX(50%);z-index:1;touch-action:none;", ""], function (props) {
+  if (props.isResizing) {
+    return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["&:after{content:\" \";display:block;width:2px;height:24px;background:", ";position:absolute;bottom:0;left:4px;}"], _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_10);
+  }
+});
+HeaderCellResizer.displayName = 'HeaderCellResizer';
+var TableRow = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
+  displayName: "TableRow",
+  componentId: "sc-ebeoik-7"
+})(["cursor:", ";"], function (props) {
+  return props.cursor;
+});
+TableRow.displayName = 'TableRow';
+var Cell = function Cell(props) {
+  var rowDensity = props.rowDensity,
+    isLastRow = props.isLastRow,
+    isEditing = props.isEditing,
+    columnStartEditing = props.columnStartEditing,
+    columnDoneEditing = props.columnDoneEditing,
+    row = props.row,
+    column = props.column;
+  var columnId = column.id,
+    _column$type = column.type,
+    type = _column$type === void 0 ? 'string' : _column$type,
+    canEdit = column.canEdit;
+  var rowId = row.id;
+  var startEditing = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
+    columnStartEditing(columnId, rowId);
+  }, [columnStartEditing, columnId, rowId]);
+  var doneEditing = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
+    columnDoneEditing(columnId, rowId);
+  }, [columnDoneEditing, columnId, rowId]);
+  var cellProps = assign({
+    type: type,
+    rowDensity: rowDensity,
+    canEdit: canEdit,
+    isEditing: isEditing
+  }, {
+    border: isLastRow ? null : 'bottom'
+  }, props.getCellProps(), canEdit ? {
+    onClick: function onClick(e) {
+      e.stopPropagation();
+      startEditing();
+    }
+  } : undefined);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledCell, cellProps, props.render('Cell', {
+    row: row,
+    isEditing: isEditing,
+    startEditing: startEditing,
+    doneEditing: doneEditing
+  }));
+};
+Cell.displayName = 'Cell';
+var TableFooter = function TableFooter(props) {
+  var rowDensity = props.rowDensity;
+  var _useTableContext5 = (0,_context__WEBPACK_IMPORTED_MODULE_8__.useTableContext)(),
+    footerGroups = _useTableContext5.footerGroups,
+    allColumns = _useTableContext5.allColumns;
+  var hasFooter = allColumns.some(function (col) {
+    return col.Footer;
+  });
+  if (!hasFooter) return null;
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    role: "rowgroup",
+    "data-rowgroup-type": "footer"
+  }, footerGroups.map(function (group) {
+    var _group$getFooterGroup = group.getFooterGroupProps(),
+      key = _group$getFooterGroup.key,
+      rest = _objectWithoutProperties(_group$getFooterGroup, _excluded2);
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", _extends({
+      key: key,
+      role: "row"
+    }, rest), group.headers.map(function (column) {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(FooterCell, {
+        column: column,
+        key: column.getFooterProps().key,
+        rowDensity: rowDensity
+      });
+    }));
+  }));
+};
+TableFooter.displayName = 'TableFooter';
+var FooterCell = function FooterCell(props) {
+  var column = props.column,
+    rowDensity = props.rowDensity;
+  var _column$type2 = column.type,
+    type = _column$type2 === void 0 ? 'string' : _column$type2;
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledCell, _extends({
+    type: type,
+    role: "cell",
+    rowDensity: rowDensity,
+    border: "top"
+  }, column.getFooterProps()), renderCellContent(column, 'Footer'));
+};
+FooterCell.displayName = 'FooterCell';
+var StyledCell = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
+  displayName: "StyledCell",
+  componentId: "sc-ebeoik-8"
+})(["padding:5px 15px;overflow-x:clip;", " background-color:", ";border:1px solid ", ";", ":hover &{background-color:", ";border-left-color:", ";border-right-color:", ";}", " ", " &[data-pinned-last]{box-shadow:2px 0px 4px -2px rgba(24,39,75,0.12),4px 0px 4px -2px rgba(24,39,75,0.08);}", ""], function (props) {
+  return props.type == 'number' ? 'text-align: right;' : null;
+}, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.white, TableRow, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_1, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_1, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_1, function (props) {
+  if (props.border == 'top') return "border-top-color: ".concat(_theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_3, ";");
+  if (props.border == 'bottom') return "border-bottom-color: ".concat(_theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_3, ";");
+}, function (props) {
+  if (props.rowDensity == 'diamond_hand') return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["padding-top:11px;padding-bottom:11px;"]);
+  if (props.rowDensity == 'white_spaced') return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["padding-top:25px;padding-bottom:25px;"]);
+}, function (props) {
+  if (props.canEdit) {
+    if (props.isEditing) {
+      return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["border:1px solid ", " !important;box-shadow:0px 0px 0px 2px rgba(0,106,220,0.4);z-index:1;"], _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_11);
+    }
+    return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["&:hover{border-color:", " !important;}"], _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_9);
+  }
+});
+StyledCell.displayName = 'StyledCell';
+
+// -- util
+
+var renderRow = function renderRow(opt) {
+  var row = opt.row,
+    onRowClick = opt.onRowClick,
+    cellProps = _objectWithoutProperties(opt, _excluded3);
+  var _row$getRowProps = row.getRowProps(),
+    key = _row$getRowProps.key,
+    rowProps = _objectWithoutProperties(_row$getRowProps, _excluded4);
+  var onClick = onRowClick ? function (evt) {
+    return onRowClick(row.original, evt);
+  } : undefined;
+  var cursor = onRowClick ? 'pointer' : undefined;
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(TableRow, _extends({
+    key: key,
+    onClick: onClick,
+    cursor: cursor
+  }, rowProps), row.cells.map(function (cell) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Cell, _extends({
+      key: cell.getCellProps().key
+    }, cellProps, cell));
+  }));
+};
+var renderCellContent = function renderCellContent(column, type, props) {
+  var content = column[type];
+  if (lodash__WEBPACK_IMPORTED_MODULE_3___default().isString(content)) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_5__["default"].Label, {
+      variant: "sm",
+      color: "gray_11",
+      no_wrap: true
+    }, content);
+  }
+  return column.render(type, props);
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Table);
+
+/***/ }),
+
+/***/ "./src/table/util.js":
+/*!***************************!*\
+  !*** ./src/table/util.js ***!
+  \***************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "firstDefined": () => (/* binding */ firstDefined)
+/* harmony export */ });
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+var firstDefined = function firstDefined() {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+  for (var i = 0; i < args.length; i += 1) {
+    if (typeof args[i] != 'undefined') return args[i];
+  }
+};
+
+/***/ }),
+
 /***/ "./src/tag/base.js":
 /*!*************************!*\
   !*** ./src/tag/base.js ***!
@@ -10317,14 +12208,16 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* 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 react_popper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react-popper */ "./node_modules/react-popper/lib/esm/usePopper.js");
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ "prop-types");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils */ "./src/utils.js");
-/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./theme */ "./src/theme.js");
-/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./typography */ "./src/typography/index.js");
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ "react-dom");
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var react_popper__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react-popper */ "./node_modules/react-popper/lib/esm/usePopper.js");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "styled-components");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! prop-types */ "prop-types");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils */ "./src/utils.js");
+/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./theme */ "./src/theme.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./typography */ "./src/typography/index.js");
 // LICENSE_CODE ZON
 
 
@@ -10343,7 +12236,8 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 
 
-var Label = _typography__WEBPACK_IMPORTED_MODULE_5__["default"].Label;
+
+var Label = _typography__WEBPACK_IMPORTED_MODULE_6__["default"].Label;
 var Tooltip = function Tooltip(props) {
   var children = props.children,
     tooltip = props.tooltip,
@@ -10370,7 +12264,7 @@ var Tooltip = function Tooltip(props) {
   var hide = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
     return setVisible(false);
   }, []);
-  var _usePopper = (0,react_popper__WEBPACK_IMPORTED_MODULE_6__.usePopper)(referenceElement, popperElement, {
+  var _usePopper = (0,react_popper__WEBPACK_IMPORTED_MODULE_7__.usePopper)(referenceElement, popperElement, {
       placement: placement,
       modifiers: [{
         name: 'arrow',
@@ -10387,11 +12281,7 @@ var Tooltip = function Tooltip(props) {
     styles = _usePopper.styles,
     attributes = _usePopper.attributes;
   if (!tooltip) return children;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledTooltipReference, {
-    ref: setReferenceElement,
-    onPointerEnter: show,
-    onPointerLeave: hide
-  }, children), visible && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledTooltipBody, _extends({
+  var tooltipNode = /*#__PURE__*/react_dom__WEBPACK_IMPORTED_MODULE_1___default().createPortal( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledTooltipBody, _extends({
     ref: setPopperElement,
     style: styles.popper
   }, attributes.popper), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Label, {
@@ -10400,29 +12290,34 @@ var Tooltip = function Tooltip(props) {
   }, tooltip), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledTooltipArrow, _extends({
     ref: setArrowElement,
     style: styles.arrow
-  }, attributes.arrow))));
+  }, attributes.arrow))), document.body);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledTooltipReference, {
+    ref: setReferenceElement,
+    onPointerEnter: show,
+    onPointerLeave: hide
+  }, children), visible && tooltipNode);
 };
 Tooltip.defaultProps = {
   placement: 'top'
 };
 Tooltip.propTypes = {
-  tooltip: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().node),
-  placement: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_3__.tooltipPlacements)
+  tooltip: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().node),
+  placement: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_4__.tooltipPlacements)
 };
 var withTooltip = function withTooltip(Comp, tooltipProps) {
   return function WithTooltip(props) {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Tooltip, tooltipProps, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Comp, props));
   };
 };
-var StyledTooltipBody = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
+var StyledTooltipBody = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "StyledTooltipBody",
   componentId: "sc-146jrck-0"
-})(["background-color:", ";padding:", ";width:fit-content;max-width:500px;border-radius:", ";transition:opacity 200ms;z-index:9999;"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_11_50, _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["03"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["02"]);
-var StyledTooltipArrow = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
+})(["background-color:", ";padding:", ";width:fit-content;max-width:500px;border-radius:", ";transition:opacity 200ms;z-index:9999;"], _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_11_50, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].spacing["03"], _theme__WEBPACK_IMPORTED_MODULE_5__["default"].spacing["02"]);
+var StyledTooltipArrow = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "StyledTooltipArrow",
   componentId: "sc-146jrck-1"
-})(["&,&::before{position:absolute;width:", ";height:", ";background:inherit;border-radius:", ";}z-index:-1;visibility:hidden;&::before{visibility:visible;content:'';transform:rotate(45deg);}[data-popper-placement^='top'] > &{bottom:-", ";}[data-popper-placement^='right'] > &{left:-", ";}[data-popper-placement^='bottom'] > &{top:-", ";}[data-popper-placement^='left'] > &{right:-", ";}"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["04"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["04"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["01"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["02"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["02"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["02"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["02"]);
-var StyledTooltipReference = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
+})(["&,&::before{position:absolute;width:", ";height:", ";background:inherit;border-radius:", ";}z-index:-1;visibility:hidden;&::before{visibility:visible;content:'';transform:rotate(45deg);}[data-popper-placement^='top'] > &{bottom:-", ";}[data-popper-placement^='right'] > &{left:-", ";}[data-popper-placement^='bottom'] > &{top:-", ";}[data-popper-placement^='left'] > &{right:-", ";}"], _theme__WEBPACK_IMPORTED_MODULE_5__["default"].spacing["04"], _theme__WEBPACK_IMPORTED_MODULE_5__["default"].spacing["04"], _theme__WEBPACK_IMPORTED_MODULE_5__["default"].spacing["01"], _theme__WEBPACK_IMPORTED_MODULE_5__["default"].spacing["02"], _theme__WEBPACK_IMPORTED_MODULE_5__["default"].spacing["02"], _theme__WEBPACK_IMPORTED_MODULE_5__["default"].spacing["02"], _theme__WEBPACK_IMPORTED_MODULE_5__["default"].spacing["02"]);
+var StyledTooltipReference = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "StyledTooltipReference",
   componentId: "sc-146jrck-2"
 })(["width:fit-content;"]);
@@ -10648,7 +12543,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _header__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./header */ "./src/typography/header.js");
 /* harmony import */ var _label__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./label */ "./src/typography/label.js");
 /* harmony import */ var _paragraph__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./paragraph */ "./src/typography/paragraph.js");
-/* harmony import */ var _hyperlink__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./hyperlink */ "./src/typography/hyperlink.js");
+/* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./style */ "./src/typography/style.js");
+/* harmony import */ var _hyperlink__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./hyperlink */ "./src/typography/hyperlink.js");
 // LICENSE_CODE ZON
 
 
@@ -10658,12 +12554,14 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 var typography = {
   Typography: _typography__WEBPACK_IMPORTED_MODULE_0__["default"],
   Header: _header__WEBPACK_IMPORTED_MODULE_1__["default"],
   Label: _label__WEBPACK_IMPORTED_MODULE_2__["default"],
   Paragraph: _paragraph__WEBPACK_IMPORTED_MODULE_3__["default"],
-  Hyperlink: _hyperlink__WEBPACK_IMPORTED_MODULE_4__["default"]
+  Hyperlink: _hyperlink__WEBPACK_IMPORTED_MODULE_5__["default"],
+  Style: _style__WEBPACK_IMPORTED_MODULE_4__["default"]
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (typography);
 
@@ -10788,6 +12686,72 @@ Paragraph.propTypes = {
 
 /***/ }),
 
+/***/ "./src/typography/style.js":
+/*!*********************************!*\
+  !*** ./src/typography/style.js ***!
+  \*********************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* 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 prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./typography */ "./src/typography/typography.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+
+
+
+
+var Style = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
+  var children = props.children;
+  var typographyProps = _objectSpread(_objectSpread({}, (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getTypographyProps)(props)), {}, {
+    font_size: {
+      italic_sm: 'sm',
+      code: 'sm',
+      italic_xs: 'xs',
+      capitals: 'xs'
+    }[props.variant] || 'md',
+    line_height: {
+      italic_lg: 'snug',
+      italic_sm: 'snug'
+    }[props.variant] || 'none',
+    font_family: {
+      code: 'mono'
+    }[props.variant] || 'sans',
+    italic: ['italic_lg', 'italic_sm', 'italic_xs'].includes(props.variant),
+    uppercase: props.variant == 'capitals'
+  });
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_2__["default"], _extends({
+    ref: ref
+  }, typographyProps), children);
+});
+Style.displayName = 'Style';
+Style.defaultProps = {
+  variant: 'italic_lg'
+};
+Style.propTypes = {
+  variant: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['italic_lg', 'italic_sm', 'italic_xs', 'code', 'capitals'])
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Style);
+
+/***/ }),
+
 /***/ "./src/typography/typography.js":
 /*!**************************************!*\
   !*** ./src/typography/typography.js ***!
@@ -10813,17 +12777,22 @@ __webpack_require__.r(__webpack_exports__);
 var Typography = styled_components__WEBPACK_IMPORTED_MODULE_0___default().div.withConfig({
   displayName: "Typography",
   componentId: "sc-11dsq0e-0"
-})(["font-family:", "", ";font-style:", ";font-weight:", ";font-size:", ";line-height:", ";letter-spacing:", ";color:", ";", " ", ""], function (props) {
+})(["font-family:", "", ";font-style:", ";font-weight:", ";font-size:", ";line-height:", ";letter-spacing:", ";color:", ";", " ", " ", " ", ""], function (props) {
   return _theme__WEBPACK_IMPORTED_MODULE_2__["default"].font_family[props.font_family];
 }, function (props) {
   return props.as == 'h1' ? ' !important' : '';
 }, function (props) {
   return props.italic ? 'italic' : 'normal';
 }, (0,_utils__WEBPACK_IMPORTED_MODULE_1__.fromTheme)('font_weight'), (0,_utils__WEBPACK_IMPORTED_MODULE_1__.fromTheme)('font_size'), (0,_utils__WEBPACK_IMPORTED_MODULE_1__.fromTheme)('line_height'), (0,_utils__WEBPACK_IMPORTED_MODULE_1__.fromTheme)('letter_spacing'), (0,_utils__WEBPACK_IMPORTED_MODULE_1__.fromTheme)('color'), function (props) {
+  return props.uppercase ? 'text-transform: uppercase;' : null;
+}, function (props) {
+  return props.uppercase ? 'letter-spacing: 0.02em;' : null;
+}, function (props) {
   return props.no_wrap ? 'white-space: nowrap;' : null;
 }, function (props) {
   return props.underline ? 'text-decoration: underline;' : null;
 });
+Typography.displayName = 'Typography';
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Typography);
 
 /***/ }),
@@ -51322,7 +53291,7 @@ var symbol = new (_node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMP
   "id": "eye_off_uikit_icon",
   "use": "eye_off_uikit_icon-usage",
   "viewBox": "0 0 20 20",
-  "content": "<symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 20 20\" id=\"eye_off_uikit_icon\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M16.91 1.91a.833.833 0 1 1 1.18 1.18L15.247 5.93c.418.318.787.655 1.11.99.656.68 1.127 1.357 1.436 1.865a9.288 9.288 0 0 1 .46.86l.008.017.002.005.001.002v.001L17.5 10l.766.329-.002.003-.002.005-.007.017a9.28 9.28 0 0 1-.461.86 10.74 10.74 0 0 1-1.435 1.864c-1.314 1.363-3.392 2.755-6.359 2.755a8.511 8.511 0 0 1-3.792-.863L3.09 18.09a.833.833 0 1 1-1.178-1.18l15-15ZM7.473 13.707a6.94 6.94 0 0 0 2.528.46c2.39 0 4.062-1.107 5.159-2.245A9.075 9.075 0 0 0 16.569 10a9.074 9.074 0 0 0-1.41-1.922 7.964 7.964 0 0 0-1.103-.956l-1.184 1.185a3.333 3.333 0 0 1-4.565 4.565l-.835.834Zm2.096-2.096A1.67 1.67 0 0 0 11.667 10c0-.15-.02-.294-.057-.432L9.568 11.61ZM17.5 10l.766.328a.833.833 0 0 0 0-.656L17.5 10ZM10 4.167c.748 0 1.44.088 2.078.243l-1.45 1.45A7.475 7.475 0 0 0 10 5.832c-2.39 0-4.062 1.108-5.16 2.245A9.074 9.074 0 0 0 3.43 10a9.105 9.105 0 0 0 1.277 1.78l-1.179 1.18a10.762 10.762 0 0 1-1.322-1.746 9.216 9.216 0 0 1-.46-.86l-.008-.017-.002-.005-.001-.002v-.001L2.5 10l-.766.328a.833.833 0 0 1 0-.656L2.5 10l-.766-.329.002-.003.002-.005.007-.017a3.937 3.937 0 0 1 .114-.237c.077-.153.192-.368.347-.623.309-.508.78-1.185 1.435-1.864C4.955 5.559 7.033 4.167 10 4.167ZM6.672 9.816a3.334 3.334 0 0 1 3.144-3.144L6.672 9.816Z\" clip-rule=\"evenodd\" /></symbol>"
+  "content": "<symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 20 20\" id=\"eye_off_uikit_icon\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M16.91 1.91a.833.833 0 1 1 1.18 1.18l-2.843 2.84c.418.318.787.655 1.11.99.656.68 1.127 1.357 1.436 1.865a9.288 9.288 0 0 1 .46.86l.008.017.002.005.001.002v.001L17.5 10l.766.329-.002.003-.002.005-.007.017a9.28 9.28 0 0 1-.461.86 10.74 10.74 0 0 1-1.435 1.864c-1.314 1.363-3.392 2.755-6.359 2.755a8.511 8.511 0 0 1-3.792-.863L3.09 18.09a.833.833 0 1 1-1.178-1.18l15-15ZM7.473 13.707a6.94 6.94 0 0 0 2.528.46c2.39 0 4.062-1.107 5.159-2.245A9.075 9.075 0 0 0 16.569 10a9.074 9.074 0 0 0-1.41-1.922 7.964 7.964 0 0 0-1.103-.956l-1.184 1.185a3.333 3.333 0 0 1-4.565 4.565l-.835.834Zm2.096-2.096A1.67 1.67 0 0 0 11.667 10c0-.15-.02-.294-.057-.432L9.568 11.61ZM17.5 10l.766.328a.833.833 0 0 0 0-.656L17.5 10ZM10 4.167c.748 0 1.44.088 2.078.243l-1.45 1.45A7.475 7.475 0 0 0 10 5.832c-2.39 0-4.062 1.108-5.16 2.245A9.074 9.074 0 0 0 3.43 10a9.105 9.105 0 0 0 1.277 1.78l-1.179 1.18a10.762 10.762 0 0 1-1.322-1.746 9.216 9.216 0 0 1-.46-.86l-.008-.017-.002-.005-.001-.002v-.001L2.5 10l-.766.328a.833.833 0 0 1 0-.656L2.5 10l-.766-.329.002-.003.002-.005.007-.017a3.937 3.937 0 0 1 .114-.237c.077-.153.192-.368.347-.623a10.76 10.76 0 0 1 1.435-1.864C4.955 5.559 7.033 4.167 10 4.167ZM6.672 9.816a3.334 3.334 0 0 1 3.144-3.144L6.672 9.816Z\" clip-rule=\"evenodd\" /></symbol>"
 });
 var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default().add(symbol);
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (symbol);
@@ -51350,7 +53319,7 @@ var symbol = new (_node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMP
   "id": "eye_on_uikit_icon",
   "use": "eye_on_uikit_icon-usage",
   "viewBox": "0 0 20 20",
-  "content": "<symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 20 20\" id=\"eye_on_uikit_icon\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3.17 10.54a12.82 12.82 0 0 1-.32-.54 13.96 13.96 0 0 1 1.796-2.495C5.95 6.07 7.763 4.75 10 4.75s4.05 1.32 5.354 2.755A13.957 13.957 0 0 1 17.151 10a13.957 13.957 0 0 1-1.796 2.495C14.05 13.93 12.236 15.25 10 15.25c-2.237 0-4.05-1.32-5.354-2.755A13.96 13.96 0 0 1 3.17 10.54Zm15.505-.868L18 10l.675.328-.002.002-.002.005-.008.017a5.247 5.247 0 0 1-.14.265 15.455 15.455 0 0 1-2.06 2.887c-1.422 1.566-3.609 3.246-6.463 3.246s-5.04-1.68-6.464-3.245a15.46 15.46 0 0 1-2.06-2.888 9.521 9.521 0 0 1-.139-.265l-.008-.017-.002-.005-.001-.002L2 10l-.675-.328.002-.002.002-.005.008-.017a5.57 5.57 0 0 1 .14-.265 15.46 15.46 0 0 1 2.06-2.888C4.958 4.93 7.145 3.25 9.999 3.25s5.04 1.68 6.464 3.245a15.455 15.455 0 0 1 2.06 2.888 9.646 9.646 0 0 1 .139.265l.008.017.002.005.001.002ZM18 10l.675-.327c.1.206.1.448 0 .654L18 10ZM1.325 9.673 2 10l-.675.327a.75.75 0 0 1 0-.654ZM8.75 10a1.25 1.25 0 1 1 2.5 0 1.25 1.25 0 0 1-2.5 0ZM10 7.25a2.75 2.75 0 1 0 0 5.5 2.75 2.75 0 0 0 0-5.5Z\" clip-rule=\"evenodd\" /></symbol>"
+  "content": "<symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 20 20\" id=\"eye_on_uikit_icon\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3.17 10.54a12.82 12.82 0 0 1-.32-.54 13.96 13.96 0 0 1 1.796-2.495C5.95 6.07 7.763 4.75 10 4.75s4.05 1.32 5.354 2.755A13.957 13.957 0 0 1 17.151 10a13.957 13.957 0 0 1-1.796 2.495C14.05 13.93 12.236 15.25 10 15.25c-2.237 0-4.05-1.32-5.354-2.755A13.96 13.96 0 0 1 3.17 10.54Zm15.505-.868L18 10l.675.328-.002.002-.002.005-.008.017a5.247 5.247 0 0 1-.14.265 15.455 15.455 0 0 1-2.06 2.887C15.041 15.07 12.854 16.75 10 16.75s-5.04-1.68-6.464-3.245a15.46 15.46 0 0 1-2.06-2.888 9.521 9.521 0 0 1-.139-.265l-.008-.017-.002-.005-.001-.002L2 10l-.675-.328.002-.002.002-.005.008-.017a5.57 5.57 0 0 1 .14-.265 15.46 15.46 0 0 1 2.06-2.888C4.958 4.93 7.145 3.25 9.999 3.25s5.04 1.68 6.464 3.245a15.455 15.455 0 0 1 2.06 2.888 9.646 9.646 0 0 1 .139.265l.008.017.002.005.001.002ZM18 10l.675-.327c.1.206.1.448 0 .654L18 10ZM1.325 9.673 2 10l-.675.327a.75.75 0 0 1 0-.654ZM8.75 10a1.25 1.25 0 1 1 2.5 0 1.25 1.25 0 0 1-2.5 0ZM10 7.25a2.75 2.75 0 1 0 0 5.5 2.75 2.75 0 0 0 0-5.5Z\" clip-rule=\"evenodd\" /></symbol>"
 });
 var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default().add(symbol);
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (symbol);
@@ -53233,6 +55202,62 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 
 /***/ }),
 
+/***/ "./assets/icons/sort_asc.svg":
+/*!***********************************!*\
+  !*** ./assets/icons/sort_asc.svg ***!
+  \***********************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../node_modules/svg-baker-runtime/browser-symbol.js */ "./node_modules/svg-baker-runtime/browser-symbol.js");
+/* harmony import */ var _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js */ "./node_modules/svg-sprite-loader/runtime/browser-sprite.build.js");
+/* harmony import */ var _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1__);
+
+
+var symbol = new (_node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default())({
+  "id": "sort_asc_uikit_icon",
+  "use": "sort_asc_uikit_icon-usage",
+  "viewBox": "0 0 20 20",
+  "content": "<symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 20 20\" id=\"sort_asc_uikit_icon\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M7.317 13.437a.833.833 0 0 0-1.301-1.04l-.183.227V5a.833.833 0 0 0-1.666 0v7.624l-.183-.228a.833.833 0 0 0-1.301 1.041l1.666 2.084a.833.833 0 0 0 1.302 0l1.666-2.084ZM10 15a.833.833 0 0 1 0-1.666h6.667a.833.833 0 0 1 0 1.666H10Zm0-4.166a.833.833 0 0 1 0-1.667h4.167a.833.833 0 0 1 0 1.667H10Zm-.833-5c0 .46.373.833.833.833h2.5A.833.833 0 1 0 12.5 5H10a.833.833 0 0 0-.833.833Z\" clip-rule=\"evenodd\" /></symbol>"
+});
+var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default().add(symbol);
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (symbol);
+
+/***/ }),
+
+/***/ "./assets/icons/sort_desc.svg":
+/*!************************************!*\
+  !*** ./assets/icons/sort_desc.svg ***!
+  \************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../node_modules/svg-baker-runtime/browser-symbol.js */ "./node_modules/svg-baker-runtime/browser-symbol.js");
+/* harmony import */ var _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js */ "./node_modules/svg-sprite-loader/runtime/browser-sprite.build.js");
+/* harmony import */ var _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1__);
+
+
+var symbol = new (_node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default())({
+  "id": "sort_desc_uikit_icon",
+  "use": "sort_desc_uikit_icon-usage",
+  "viewBox": "0 0 20 20",
+  "content": "<symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 20 20\" id=\"sort_desc_uikit_icon\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M7.317 13.437a.833.833 0 0 0-1.301-1.041l-.183.228V5a.833.833 0 1 0-1.666 0v7.624l-.183-.228a.833.833 0 0 0-1.301 1.041l1.666 2.083a.833.833 0 0 0 1.302 0l1.666-2.083ZM10 5a.833.833 0 0 0 0 1.667h6.667a.833.833 0 0 0 0-1.667H10Zm0 4.166a.833.833 0 0 0 0 1.667h4.167a.833.833 0 0 0 0-1.667H10Zm-.833 5c0-.46.373-.833.833-.833h2.5a.833.833 0 1 1 0 1.667H10a.833.833 0 0 1-.833-.834Z\" clip-rule=\"evenodd\" /></symbol>"
+});
+var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default().add(symbol);
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (symbol);
+
+/***/ }),
+
 /***/ "./assets/icons/statistic.svg":
 /*!************************************!*\
   !*** ./assets/icons/statistic.svg ***!
@@ -53373,6 +55398,34 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 
 /***/ }),
 
+/***/ "./assets/icons/terminal_window.svg":
+/*!******************************************!*\
+  !*** ./assets/icons/terminal_window.svg ***!
+  \******************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../node_modules/svg-baker-runtime/browser-symbol.js */ "./node_modules/svg-baker-runtime/browser-symbol.js");
+/* harmony import */ var _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../node_modules/svg-sprite-loader/runtime/browser-sprite.build.js */ "./node_modules/svg-sprite-loader/runtime/browser-sprite.build.js");
+/* harmony import */ var _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1__);
+
+
+var symbol = new (_node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPORTED_MODULE_0___default())({
+  "id": "terminal_window_uikit_icon",
+  "use": "terminal_window_uikit_icon-usage",
+  "viewBox": "0 0 20 21",
+  "content": "<symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 20 21\" id=\"terminal_window_uikit_icon\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m5.938 7.296 3.385 2.708-3.386 2.709M10.677 12.713h3.385\" /><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M17.406 3.234H2.594a.72.72 0 0 0-.719.719v12.103c0 .397.322.72.72.72h14.81a.72.72 0 0 0 .72-.72V3.953a.72.72 0 0 0-.72-.72Z\" /></symbol>"
+});
+var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default().add(symbol);
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (symbol);
+
+/***/ }),
+
 /***/ "./assets/icons/text.svg":
 /*!*******************************!*\
   !*** ./assets/icons/text.svg ***!
@@ -54781,6 +56834,17 @@ module.exports = __WEBPACK_EXTERNAL_MODULE_react_dom__;
 
 /***/ }),
 
+/***/ "react-table":
+/*!******************************!*\
+  !*** external "react-table" ***!
+  \******************************/
+/***/ ((module) => {
+
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE_react_table__;
+
+/***/ }),
+
 /***/ "styled-components":
 /*!************************************!*\
   !*** external "styled-components" ***!
@@ -58488,6 +60552,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "Progress": () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.Progress),
 /* harmony export */   "ProgressBar": () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.ProgressBar),
 /* harmony export */   "RemovableTag": () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.RemovableTag),
+/* harmony export */   "Table": () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.Table),
 /* harmony export */   "TagGroup": () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.TagGroup),
 /* harmony export */   "Tooltip": () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.Tooltip),
 /* harmony export */   "Typography": () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.Typography),