@majoo-ui/react 1.29.1 → 1.29.2

package/index.esm.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import React__default, { createContext, useState, useContext, useEffect, useReducer, useCallback } from 'react';
+import React__default, { createContext, useState, useContext, useEffect, useReducer, useRef, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import { createStitches, styled as styled$1 } from '@stitches/react';
 import { foundations } from '@majoo-ui/core';
@@ -29,7 +29,7 @@ import { useTable, useSortBy, useExpanded, usePagination, useRowSelect } from 'r
 import moment from 'moment';
 import debounce from 'lodash.debounce';
 
-var _jsxFileName$Q = "/home/omegalord666/work/majoo-ui/packages/react/src/majoo-provider/ThemeProvider.js";
+var _jsxFileName$Q = "C:\\Project\\majoo-ui\\packages\\react\\src\\majoo-provider\\ThemeProvider.js";
 
 function ThemeProvider({
   theme,
@@ -59,7 +59,7 @@ var check = function (it) {
 
 // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
 var global$A =
-  // eslint-disable-next-line es-x/no-global-this -- safe
+  // eslint-disable-next-line es/no-global-this -- safe
   check(typeof globalThis == 'object' && globalThis) ||
   check(typeof window == 'object' && window) ||
   // eslint-disable-next-line no-restricted-globals -- safe
@@ -82,14 +82,13 @@ var fails$j = fails$k;
 
 // Detect IE8's incomplete defineProperty implementation
 var descriptors = !fails$j(function () {
-  // eslint-disable-next-line es-x/no-object-defineproperty -- required for testing
+  // eslint-disable-next-line es/no-object-defineproperty -- required for testing
   return Object.defineProperty({}, 1, { get: function () { return 7; } })[1] != 7;
 });
 
 var fails$i = fails$k;
 
 var functionBindNative = !fails$i(function () {
-  // eslint-disable-next-line es-x/no-function-prototype-bind -- safe
   var test = (function () { /* empty */ }).bind();
   // eslint-disable-next-line no-prototype-builtins -- safe
   return typeof test != 'function' || test.hasOwnProperty('prototype');
@@ -106,7 +105,7 @@ var functionCall = NATIVE_BIND$2 ? call$c.bind(call$c) : function () {
 var objectPropertyIsEnumerable = {};
 
 var $propertyIsEnumerable = {}.propertyIsEnumerable;
-// eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
+// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
 var getOwnPropertyDescriptor$2 = Object.getOwnPropertyDescriptor;
 
 // Nashorn ~ JDK8 bug
@@ -247,12 +246,12 @@ if (!version && userAgent) {
 
 var engineV8Version = version;
 
-/* eslint-disable es-x/no-symbol -- required for testing */
+/* eslint-disable es/no-symbol -- required for testing */
 
 var V8_VERSION = engineV8Version;
 var fails$g = fails$k;
 
-// eslint-disable-next-line es-x/no-object-getownpropertysymbols -- required for testing
+// eslint-disable-next-line es/no-object-getownpropertysymbols -- required for testing
 var nativeSymbol = !!Object.getOwnPropertySymbols && !fails$g(function () {
   var symbol = Symbol();
   // Chrome 38 Symbol has incorrect toString conversion
@@ -262,7 +261,7 @@ var nativeSymbol = !!Object.getOwnPropertySymbols && !fails$g(function () {
     !Symbol.sham && V8_VERSION && V8_VERSION < 41;
 });
 
-/* eslint-disable es-x/no-symbol -- required for testing */
+/* eslint-disable es/no-symbol -- required for testing */
 
 var NATIVE_SYMBOL$1 = nativeSymbol;
 
@@ -339,7 +338,7 @@ var shared$4 = {exports: {}};
 
 var global$r = global$A;
 
-// eslint-disable-next-line es-x/no-object-defineproperty -- safe
+// eslint-disable-next-line es/no-object-defineproperty -- safe
 var defineProperty$3 = Object.defineProperty;
 
 var setGlobal$3 = function (key, value) {
@@ -363,10 +362,10 @@ var store$2 = sharedStore;
 (shared$4.exports = function (key, value) {
   return store$2[key] || (store$2[key] = value !== undefined ? value : {});
 })('versions', []).push({
-  version: '3.22.0',
+  version: '3.21.1',
   mode: 'global',
   copyright: '© 2014-2022 Denis Pushkarev (zloirock.ru)',
-  license: 'https://github.com/zloirock/core-js/blob/v3.22.0/LICENSE',
+  license: 'https://github.com/zloirock/core-js/blob/v3.21.1/LICENSE',
   source: 'https://github.com/zloirock/core-js'
 });
 
@@ -388,7 +387,6 @@ var hasOwnProperty = uncurryThis$l({}.hasOwnProperty);
 
 // `HasOwnProperty` abstract operation
 // https://tc39.es/ecma262/#sec-hasownproperty
-// eslint-disable-next-line es-x/no-object-hasown -- safe
 var hasOwnProperty_1 = Object.hasOwn || function hasOwn(it, key) {
   return hasOwnProperty(toObject$3(it), key);
 };
@@ -482,7 +480,7 @@ var createElement = documentCreateElement$2;
 
 // Thanks to IE8 for its funny defineProperty
 var ie8DomDefine = !DESCRIPTORS$8 && !fails$f(function () {
-  // eslint-disable-next-line es-x/no-object-defineproperty -- required for testing
+  // eslint-disable-next-line es/no-object-defineproperty -- required for testing
   return Object.defineProperty(createElement('div'), 'a', {
     get: function () { return 7; }
   }).a != 7;
@@ -497,7 +495,7 @@ var toPropertyKey$2 = toPropertyKey$3;
 var hasOwn$7 = hasOwnProperty_1;
 var IE8_DOM_DEFINE$1 = ie8DomDefine;
 
-// eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
+// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
 var $getOwnPropertyDescriptor$1 = Object.getOwnPropertyDescriptor;
 
 // `Object.getOwnPropertyDescriptor` method
@@ -519,7 +517,7 @@ var fails$e = fails$k;
 // V8 ~ Chrome 36-
 // https://bugs.chromium.org/p/v8/issues/detail?id=3334
 var v8PrototypeDefineBug = DESCRIPTORS$6 && fails$e(function () {
-  // eslint-disable-next-line es-x/no-object-defineproperty -- required for testing
+  // eslint-disable-next-line es/no-object-defineproperty -- required for testing
   return Object.defineProperty(function () { /* empty */ }, 'prototype', {
     value: 42,
     writable: false
@@ -546,9 +544,9 @@ var anObject$b = anObject$c;
 var toPropertyKey$1 = toPropertyKey$3;
 
 var TypeError$6 = global$k.TypeError;
-// eslint-disable-next-line es-x/no-object-defineproperty -- safe
+// eslint-disable-next-line es/no-object-defineproperty -- safe
 var $defineProperty = Object.defineProperty;
-// eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
+// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
 var $getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
 var ENUMERABLE = 'enumerable';
 var CONFIGURABLE$1 = 'configurable';
@@ -704,7 +702,7 @@ var DESCRIPTORS$3 = descriptors;
 var hasOwn$5 = hasOwnProperty_1;
 
 var FunctionPrototype$1 = Function.prototype;
-// eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
+// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
 var getDescriptor = DESCRIPTORS$3 && Object.getOwnPropertyDescriptor;
 
 var EXISTS = hasOwn$5(FunctionPrototype$1, 'name');
@@ -881,14 +879,14 @@ var hiddenKeys$1 = enumBugKeys$2.concat('length', 'prototype');
 
 // `Object.getOwnPropertyNames` method
 // https://tc39.es/ecma262/#sec-object.getownpropertynames
-// eslint-disable-next-line es-x/no-object-getownpropertynames -- safe
+// eslint-disable-next-line es/no-object-getownpropertynames -- safe
 objectGetOwnPropertyNames.f = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {
   return internalObjectKeys$1(O, hiddenKeys$1);
 };
 
 var objectGetOwnPropertySymbols = {};
 
-// eslint-disable-next-line es-x/no-object-getownpropertysymbols -- safe
+// eslint-disable-next-line es/no-object-getownpropertysymbols -- safe
 objectGetOwnPropertySymbols.f = Object.getOwnPropertySymbols;
 
 var getBuiltIn$2 = getBuiltIn$5;
@@ -1007,7 +1005,7 @@ var enumBugKeys$1 = enumBugKeys$3;
 
 // `Object.keys` method
 // https://tc39.es/ecma262/#sec-object.keys
-// eslint-disable-next-line es-x/no-object-keys -- safe
+// eslint-disable-next-line es/no-object-keys -- safe
 var objectKeys$2 = Object.keys || function keys(O) {
   return internalObjectKeys(O, enumBugKeys$1);
 };
@@ -1022,9 +1020,9 @@ var propertyIsEnumerableModule = objectPropertyIsEnumerable;
 var toObject$2 = toObject$4;
 var IndexedObject = indexedObject;
 
-// eslint-disable-next-line es-x/no-object-assign -- safe
+// eslint-disable-next-line es/no-object-assign -- safe
 var $assign = Object.assign;
-// eslint-disable-next-line es-x/no-object-defineproperty -- required for testing
+// eslint-disable-next-line es/no-object-defineproperty -- required for testing
 var defineProperty$2 = Object.defineProperty;
 var concat$1 = uncurryThis$f([].concat);
 
@@ -1044,7 +1042,7 @@ var objectAssign = !$assign || fails$c(function () {
   // should work with symbols and should have deterministic property order (V8 bug)
   var A = {};
   var B = {};
-  // eslint-disable-next-line es-x/no-symbol -- safe
+  // eslint-disable-next-line es/no-symbol -- safe
   var symbol = Symbol();
   var alphabet = 'abcdefghijklmnopqrst';
   A[symbol] = 7;
@@ -1074,7 +1072,7 @@ var assign = objectAssign;
 
 // `Object.assign` method
 // https://tc39.es/ecma262/#sec-object.assign
-// eslint-disable-next-line es-x/no-object-assign -- required for testing
+// eslint-disable-next-line es/no-object-assign -- required for testing
 $$6({ target: 'Object', stat: true, forced: Object.assign !== assign }, {
   assign: assign
 });
@@ -1362,7 +1360,7 @@ var objectKeys = objectKeys$2;
 
 // `Object.defineProperties` method
 // https://tc39.es/ecma262/#sec-object.defineproperties
-// eslint-disable-next-line es-x/no-object-defineproperties -- safe
+// eslint-disable-next-line es/no-object-defineproperties -- safe
 objectDefineProperties.f = DESCRIPTORS$1 && !V8_PROTOTYPE_DEFINE_BUG ? Object.defineProperties : function defineProperties(O, Properties) {
   anObject$9(O);
   var props = toIndexedObject$1(Properties);
@@ -1450,7 +1448,6 @@ hiddenKeys[IE_PROTO$1] = true;
 
 // `Object.create` method
 // https://tc39.es/ecma262/#sec-object.create
-// eslint-disable-next-line es-x/no-object-create -- safe
 var objectCreate = Object.create || function create(O, Properties) {
   var result;
   if (O !== null) {
@@ -1491,7 +1488,7 @@ var fails$b = fails$k;
 var correctPrototypeGetter = !fails$b(function () {
   function F() { /* empty */ }
   F.prototype.constructor = null;
-  // eslint-disable-next-line es-x/no-object-getprototypeof -- required for testing
+  // eslint-disable-next-line es/no-object-getprototypeof -- required for testing
   return Object.getPrototypeOf(new F()) !== F.prototype;
 });
 
@@ -1530,7 +1527,7 @@ var BUGGY_SAFARI_ITERATORS$1 = false;
 // https://tc39.es/ecma262/#sec-%iteratorprototype%-object
 var IteratorPrototype$2, PrototypeOfArrayIteratorPrototype, arrayIterator;
 
-/* eslint-disable es-x/no-array-prototype-keys -- safe */
+/* eslint-disable es/no-array-prototype-keys -- safe */
 if ([].keys) {
   arrayIterator = [].keys();
   // Safari 8 has buggy iterators w/o `next`
@@ -1611,13 +1608,13 @@ var aPossiblePrototype = aPossiblePrototype$1;
 // `Object.setPrototypeOf` method
 // https://tc39.es/ecma262/#sec-object.setprototypeof
 // Works with __proto__ only. Old v8 can't work with null proto objects.
-// eslint-disable-next-line es-x/no-object-setprototypeof -- safe
+// eslint-disable-next-line es/no-object-setprototypeof -- safe
 var objectSetPrototypeOf = Object.setPrototypeOf || ('__proto__' in {} ? function () {
   var CORRECT_SETTER = false;
   var test = {};
   var setter;
   try {
-    // eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
+    // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
     setter = uncurryThis$e(Object.getOwnPropertyDescriptor(Object.prototype, '__proto__').set);
     setter(test, []);
     CORRECT_SETTER = test instanceof Array;
@@ -1872,7 +1869,7 @@ for (var COLLECTION_NAME in DOMIterables) {
 handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
 
 const _excluded$v = ["className", "children", "color", "textColor", "padding"];
-var _jsxFileName$P = "/home/omegalord666/work/majoo-ui/packages/react/src/layout/box/Box.js";
+var _jsxFileName$P = "C:\\Project\\majoo-ui\\packages\\react\\src\\layout\\box\\Box.js";
 const BoxComponent = styled('div', {
   height: 'auto',
   background: 'none',
@@ -2048,7 +2045,7 @@ Flex.displayName = 'Flex';
 
 const _excluded$u = ["children"],
       _excluded2$3 = ["children"];
-var _jsxFileName$O = "/home/omegalord666/work/majoo-ui/packages/react/src/layout/grid/Grid.js";
+var _jsxFileName$O = "C:\\Project\\majoo-ui\\packages\\react\\src\\layout\\grid\\Grid.js";
 const GridComponent = styled('div', {
   display: 'grid',
   variants: {
@@ -2307,7 +2304,7 @@ GridItem.propTypes = {
 GridItem.displayName = 'Grid Item';
 
 const _excluded$t = ["className", "children", "type", "buttonType", "size", "disabled", "onClick", "block", "width", "leftIcon", "rightIcon", "icon"];
-var _jsxFileName$N = "/home/omegalord666/work/majoo-ui/packages/react/src/components/button/Button.js";
+var _jsxFileName$N = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\button\\Button.js";
 const ButtonPrimary = {
   backgroundColor: '$btnPrimary',
   color: '$textWhite',
@@ -2594,7 +2591,7 @@ Button$1.defaultProps = {
 };
 
 const _excluded$s = ["id", "message", "dismissAfter", "variant", "onAction", "actionText", "onRemove"];
-var _jsxFileName$M = "/home/omegalord666/work/majoo-ui/packages/react/src/components/toast/Toast.js";
+var _jsxFileName$M = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\toast\\Toast.js";
 const TOAST_WIDTH = 360;
 const ANIMATION_DURATION = 400; // export interface ToastProps extends Omit<ToastSettings, 'status'>, BoxProps {
 //   variant?: ToastVariants;
@@ -2814,7 +2811,7 @@ Toast.defaultProps = {
 
 const ToastContext = /*#__PURE__*/React.createContext({});
 
-var _jsxFileName$L = "/home/omegalord666/work/majoo-ui/packages/react/src/components/toast/ToastContainer.js";
+var _jsxFileName$L = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\toast\\ToastContainer.js";
 const ToastBox = styled(Box$1, {
   display: 'block',
   position: 'fixed',
@@ -2860,7 +2857,7 @@ const ToastContainer = ({
 };
 
 const _excluded$r = ["id"];
-var _jsxFileName$K = "/home/omegalord666/work/majoo-ui/packages/react/src/components/toast/context/ToastProvider.js";
+var _jsxFileName$K = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\toast\\context\\ToastProvider.js";
 let toastCount = 0;
 
 const ToastProvider = ({
@@ -2912,7 +2909,7 @@ const ToastProvider = ({
   }));
 };
 
-var _jsxFileName$J = "/home/omegalord666/work/majoo-ui/packages/react/src/majoo-provider/MajooProvider.js";
+var _jsxFileName$J = "C:\\Project\\majoo-ui\\packages\\react\\src\\majoo-provider\\MajooProvider.js";
 
 function MajooProvider({
   children,
@@ -2946,7 +2943,7 @@ MajooProvider.propTypes = {
   disableGlobalStyle: PropTypes.bool
 };
 
-var _jsxFileName$I = "/home/omegalord666/work/majoo-ui/packages/react/src/components/alert/AlertProvider.js";
+var _jsxFileName$I = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\alert\\AlertProvider.js";
 const StatusContext = /*#__PURE__*/createContext();
 
 const AlertProvider = ({
@@ -2970,7 +2967,7 @@ const AlertProvider = ({
   }, children);
 };
 
-var _jsxFileName$H = "/home/omegalord666/work/majoo-ui/packages/react/src/components/alert/Alert.js";
+var _jsxFileName$H = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\alert\\Alert.js";
 const AlertStyle = styled('div', {
   backgroundColor: 'white',
   borderWidth: 0,
@@ -3240,7 +3237,7 @@ AlertDescription.displayName = 'AlertDescription';
 AlertTitle.displayName = 'AlertTitle';
 
 const _excluded$q = ["className", "children", "color", "shadow", "radius", "padding", "title", "width", "textColor", "icon"];
-var _jsxFileName$G = "/home/omegalord666/work/majoo-ui/packages/react/src/components/card/Card.js";
+var _jsxFileName$G = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\card\\Card.js";
 const CardComponent = styled('div', {
   padding: '20px',
   height: 'auto',
@@ -3691,7 +3688,7 @@ function __rest(s, e) {
 }
 
 const _excluded$p = ["children"];
-var _jsxFileName$F = "/home/omegalord666/work/majoo-ui/packages/react/src/components/breadcrumb/Breadcrumb.js";
+var _jsxFileName$F = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\breadcrumb\\Breadcrumb.js";
 const BreadcrumbStyle = styled('nav', {
   wordWrap: 'break-word',
   '& li+li:before': {
@@ -3968,7 +3965,7 @@ Badge.defaultProps = {
 Badge.displayName = 'Badge';
 
 const _excluded$o = ["className", "img", "children", "onLoadingStatusChange", "delayMs", "onClick", "css"];
-var _jsxFileName$E = "/home/omegalord666/work/majoo-ui/packages/react/src/components/avatar/Avatar.js";
+var _jsxFileName$E = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\avatar\\Avatar.js";
 const StyledAvatar = styled(AvatarPrimitive.Root, {
   width: '32px',
   height: '32px',
@@ -4071,7 +4068,7 @@ Avatar.defaultProps = {
 };
 
 const _excluded$n = ["className", "src", "alt", "width", "height", "objectFit", "fallback"];
-var _jsxFileName$D = "/home/omegalord666/work/majoo-ui/packages/react/src/components/image/Image.js";
+var _jsxFileName$D = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\image\\Image.js";
 const StyledImage = styled('img', {
   display: 'inline-block',
   alignItems: 'center',
@@ -4130,7 +4127,7 @@ Image.defaultProps = {
 };
 
 const _excluded$m = ["children", "label", "color", "contentCss", "withClick"];
-var _jsxFileName$C = "/home/omegalord666/work/majoo-ui/packages/react/src/components/tooltip/Tooltip.js";
+var _jsxFileName$C = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\tooltip\\Tooltip.js";
 const slideUpAndFade$1 = keyframes({
   '0%': {
     opacity: 0,
@@ -4292,7 +4289,7 @@ Tooltip.defaultProps = {
 };
 
 const _excluded$l = ["className", "value", "max", "getValueLabel", "color", "size", "rounded", "width"];
-var _jsxFileName$B = "/home/omegalord666/work/majoo-ui/packages/react/src/components/progress/Progress.js";
+var _jsxFileName$B = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\progress\\Progress.js";
 const StyledProgress = styled$1(ProgressPrimitive.Root, {
   position: 'relative',
   overflow: 'hidden',
@@ -4463,7 +4460,7 @@ Progress.defaultProps = {
 };
 
 const _excluded$k = ["children", "htmlFor", "variant", "tooltipLabel", "count", "maxCount"];
-var _jsxFileName$A = "/home/omegalord666/work/majoo-ui/packages/react/src/components/form/components/FormLabel/Label.js";
+var _jsxFileName$A = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\FormLabel\\Label.js";
 const StyledLabel = styled(LabelPrimitive.Root, Text$1, {
   display: 'inline-block',
   fontSize: '$label',
@@ -4575,7 +4572,7 @@ FormLabel.propTypes = {
 FormLabel.displayName = 'FormLabel';
 
 const _excluded$j = ["children", "error"];
-var _jsxFileName$z = "/home/omegalord666/work/majoo-ui/packages/react/src/components/form/components/FormHelper/Helper.js";
+var _jsxFileName$z = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\FormHelper\\Helper.js";
 const StyledHelper = styled(Text$1, {
   display: 'inline-block',
   color: '$textSecondary',
@@ -4613,7 +4610,7 @@ FormHelper.propTypes = {
 };
 FormHelper.displayName = 'FormHelper';
 
-var _jsxFileName$y = "/home/omegalord666/work/majoo-ui/packages/react/src/components/form/components/InputCheckbox/icon/CheckOutline.js";
+var _jsxFileName$y = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCheckbox\\icon\\CheckOutline.js";
 
 const CheckOutline$1 = props => /*#__PURE__*/React.createElement("svg", _extends({
   xmlns: "http://www.w3.org/2000/svg",
@@ -4661,7 +4658,7 @@ const CheckOutline$1 = props => /*#__PURE__*/React.createElement("svg", _extends
   }
 }));
 
-var _jsxFileName$x = "/home/omegalord666/work/majoo-ui/packages/react/src/components/form/components/InputCheckbox/icon/MinusOutline.js";
+var _jsxFileName$x = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCheckbox\\icon\\MinusOutline.js";
 
 const SvgMinusOutline = props => /*#__PURE__*/React.createElement("svg", _extends({
   xmlns: "http://www.w3.org/2000/svg",
@@ -4710,7 +4707,7 @@ const SvgMinusOutline = props => /*#__PURE__*/React.createElement("svg", _extend
 }));
 
 const _excluded$i = ["id", "checked", "indeterminate", "disabled", "onCheckedChange", "label"];
-var _jsxFileName$w = "/home/omegalord666/work/majoo-ui/packages/react/src/components/form/components/InputCheckbox/InputCheckbox.js";
+var _jsxFileName$w = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCheckbox\\InputCheckbox.js";
 const StyledIndicator$1 = styled(CheckboxPrimitive.Indicator, {
   alignItems: 'center',
   display: 'flex',
@@ -4859,7 +4856,7 @@ InputCheckbox.propTypes = {
 InputCheckbox.displayName = 'InputCheckbox';
 
 const _excluded$h = ["children", "size"];
-var _jsxFileName$v = "/home/omegalord666/work/majoo-ui/packages/react/src/components/form/components/InputGroup/InputGroup.js";
+var _jsxFileName$v = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputGroup\\InputGroup.js";
 const InputGroupStyle = styled('div', {
   display: 'flex',
   width: '100%',
@@ -5310,7 +5307,7 @@ InputRadioGroup.propTypes = {
 InputRadioGroup.displayName = 'InputRadioGroup';
 
 const _excluded$g = ["id", "disabled"];
-var _jsxFileName$u = "/home/omegalord666/work/majoo-ui/packages/react/src/components/form/components/InputRadio/InputRadio.js";
+var _jsxFileName$u = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputRadio\\InputRadio.js";
 const INDICATOR_BASE_STYLES = {
   alignItems: 'center',
   display: 'flex',
@@ -5472,7 +5469,7 @@ InputRightElement.propTypes = {
 InputRightElement.name = 'InputRightElement';
 
 const _excluded$f = ["className", "children", "onClick", "color", "size", "leftIcon", "rightIcon"];
-var _jsxFileName$t = "/home/omegalord666/work/majoo-ui/packages/react/src/components/tag/Tag.js";
+var _jsxFileName$t = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\tag\\Tag.js";
 const TagComponent = styled('span', {
   boxSizing: 'border-box',
   color: '$white',
@@ -5594,7 +5591,7 @@ Tag.defaultProps = {
 };
 
 const _excluded$e = ["className", "size", "isInvalid", "placeholder", "onChange", "value", "disabled", "readOnly", "max"];
-var _jsxFileName$s = "/home/omegalord666/work/majoo-ui/packages/react/src/components/form/components/InputTags/InputTags.js";
+var _jsxFileName$s = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputTags\\InputTags.js";
 const InputTagsComponent = styled('div', {
   display: 'flex',
   position: 'relative',
@@ -5815,7 +5812,7 @@ TagsInput.defaultProps = {
 };
 
 const _excluded$d = ["id", "defaultChecked", "dataOnLabel", "dataOffLabel", "disabled"];
-var _jsxFileName$r = "/home/omegalord666/work/majoo-ui/packages/react/src/components/form/components/InputSwitch/InputSwitch.js";
+var _jsxFileName$r = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSwitch\\InputSwitch.js";
 const StyledThumb$1 = styled(SwitchPrimitive.Thumb, {
   display: 'block',
   width: '16px',
@@ -5923,7 +5920,7 @@ InputSwitch.propTypes = {
 };
 InputSwitch.displayName = 'InputSwitch';
 
-var _jsxFileName$q = "/home/omegalord666/work/majoo-ui/packages/react/src/components/form/components/InputSearchbox/CloseFilled.js";
+var _jsxFileName$q = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSearchbox\\CloseFilled.js";
 
 const SvgCloseFilled = props => /*#__PURE__*/React.createElement("svg", _extends({
   width: props.size,
@@ -5984,7 +5981,7 @@ SvgCloseFilled.defaultProps = {
   size: 24
 };
 
-var _jsxFileName$p = "/home/omegalord666/work/majoo-ui/packages/react/src/components/form/components/InputSearchbox/SearchOutline.js";
+var _jsxFileName$p = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSearchbox\\SearchOutline.js";
 
 const SvgSearchOutline = props => /*#__PURE__*/React.createElement("svg", _extends({
   width: props.size,
@@ -6027,7 +6024,7 @@ SvgSearchOutline.defaultProps = {
 };
 
 const _excluded$c = ["size", "onChange"];
-var _jsxFileName$o = "/home/omegalord666/work/majoo-ui/packages/react/src/components/form/components/InputSearchbox/InputSearchbox.js";
+var _jsxFileName$o = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSearchbox\\InputSearchbox.js";
 
 const InputSearchbox = _ref => {
   let {
@@ -6447,7 +6444,7 @@ var fixRegexpWellKnownSymbolLogic = function (KEY, exec, FORCED, SHAM) {
 
 // `SameValue` abstract operation
 // https://tc39.es/ecma262/#sec-samevalue
-// eslint-disable-next-line es-x/no-object-is -- safe
+// eslint-disable-next-line es/no-object-is -- safe
 var sameValue$1 = Object.is || function is(x, y) {
   // eslint-disable-next-line no-self-compare -- NaN check
   return x === y ? x !== 0 || 1 / x === 1 / y : x != x && y != y;
@@ -6561,7 +6558,7 @@ var notARegExp$1 = notARegexp;
 var requireObjectCoercible$6 = requireObjectCoercible$a;
 var correctIsRegExpLogic$1 = correctIsRegexpLogic;
 
-// eslint-disable-next-line es-x/no-string-prototype-startswith -- safe
+// eslint-disable-next-line es/no-string-prototype-startswith -- safe
 var un$StartsWith = uncurryThis$b(''.startsWith);
 var stringSlice$5 = uncurryThis$b(''.slice);
 var min$2 = Math.min;
@@ -6587,8 +6584,29 @@ $$3({ target: 'String', proto: true, forced: !MDN_POLYFILL_BUG && !CORRECT_IS_RE
   }
 });
 
-const _excluded$b = ["placeholder", "option", "onChange", "size", "disabled", "search", "value", "iconColor", "icon", "placement", "css"];
-var _jsxFileName$n = "/home/omegalord666/work/majoo-ui/packages/react/src/components/form/components/InputSelect/InputSelect.js";
+var $$2 = _export;
+var uncurryThis$a = functionUncurryThis;
+var notARegExp = notARegexp;
+var requireObjectCoercible$5 = requireObjectCoercible$a;
+var toString$6 = toString$a;
+var correctIsRegExpLogic = correctIsRegexpLogic;
+
+var stringIndexOf$1 = uncurryThis$a(''.indexOf);
+
+// `String.prototype.includes` method
+// https://tc39.es/ecma262/#sec-string.prototype.includes
+$$2({ target: 'String', proto: true, forced: !correctIsRegExpLogic('includes') }, {
+  includes: function includes(searchString /* , position = 0 */) {
+    return !!~stringIndexOf$1(
+      toString$6(requireObjectCoercible$5(this)),
+      toString$6(notARegExp(searchString)),
+      arguments.length > 1 ? arguments[1] : undefined
+    );
+  }
+});
+
+const _excluded$b = ["placeholder", "option", "onChange", "size", "disabled", "search", "value", "iconColor", "icon", "placement", "valueSelector", "textSelector", "disabledOptions", "css"];
+var _jsxFileName$n = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSelect\\InputSelect.js";
 const Box = styled('div', {
   margin: 0,
   flexDirection: 'column',
@@ -6753,6 +6771,9 @@ function Select$1(_ref) {
     iconColor,
     icon,
     placement,
+    valueSelector,
+    textSelector,
+    disabledOptions,
     css
   } = _ref,
       props = _objectWithoutPropertiesLoose(_ref, _excluded$b);
@@ -6768,6 +6789,30 @@ function Select$1(_ref) {
     }
   };
 
+  React.useEffect(() => {
+    if (valueSelector && textSelector) setItem(generateOptions(option, valueSelector, textSelector));
+  }, [option, valueSelector, textSelector]);
+
+  const generateOptions = (data, valueSelector = '', textSelector = '') => {
+    return data.map(option => {
+      if (typeof option === 'object') {
+        const name = textSelector ? option[textSelector] : Object.values(option)[1];
+        const value = valueSelector ? option[valueSelector] : Object.values(option)[0];
+        return {
+          name,
+          value,
+          isDisabled: disabledOptions.includes(value)
+        };
+      }
+
+      return {
+        name: option,
+        value: option,
+        isDisabled: disabledOptions.includes(option)
+      };
+    });
+  };
+
   return /*#__PURE__*/React.createElement(Downshift, _extends({}, props, {
     onChange: onChange,
     itemToString: item => item ? item.name : '',
@@ -6775,7 +6820,7 @@ function Select$1(_ref) {
     __self: this,
     __source: {
       fileName: _jsxFileName$n,
-      lineNumber: 181,
+      lineNumber: 207,
       columnNumber: 5
     }
   }), ({
@@ -6794,7 +6839,7 @@ function Select$1(_ref) {
     __self: this,
     __source: {
       fileName: _jsxFileName$n,
-      lineNumber: 199,
+      lineNumber: 225,
       columnNumber: 9
     }
   }, /*#__PURE__*/React.createElement(BoxSelect, _extends({}, getRootProps({}, {
@@ -6805,7 +6850,7 @@ function Select$1(_ref) {
     __self: this,
     __source: {
       fileName: _jsxFileName$n,
-      lineNumber: 200,
+      lineNumber: 226,
       columnNumber: 11
     }
   }), search ? /*#__PURE__*/React.createElement("div", _extends({}, getToggleButtonProps(), {
@@ -6815,7 +6860,7 @@ function Select$1(_ref) {
     __self: this,
     __source: {
       fileName: _jsxFileName$n,
-      lineNumber: 202,
+      lineNumber: 228,
       columnNumber: 15
     }
   }), /*#__PURE__*/React.createElement(Input$1, _extends({
@@ -6827,7 +6872,7 @@ function Select$1(_ref) {
     __self: this,
     __source: {
       fileName: _jsxFileName$n,
-      lineNumber: 203,
+      lineNumber: 229,
       columnNumber: 17
     }
   }))) : /*#__PURE__*/React.createElement(Button, _extends({}, getToggleButtonProps(), {
@@ -6836,7 +6881,7 @@ function Select$1(_ref) {
     __self: this,
     __source: {
       fileName: _jsxFileName$n,
-      lineNumber: 210,
+      lineNumber: 236,
       columnNumber: 15
     }
   }), selectedItem ? /*#__PURE__*/React.createElement(Paragraph, {
@@ -6844,7 +6889,7 @@ function Select$1(_ref) {
     __self: this,
     __source: {
       fileName: _jsxFileName$n,
-      lineNumber: 212,
+      lineNumber: 238,
       columnNumber: 19
     }
   }, selectedItem.name) : /*#__PURE__*/React.createElement(Paragraph, {
@@ -6852,14 +6897,14 @@ function Select$1(_ref) {
     __self: this,
     __source: {
       fileName: _jsxFileName$n,
-      lineNumber: 214,
+      lineNumber: 240,
       columnNumber: 19
     }
   }, placeholder)), /*#__PURE__*/React.createElement(IconContainer, _extends({}, getToggleButtonProps(), {
     __self: this,
     __source: {
       fileName: _jsxFileName$n,
-      lineNumber: 218,
+      lineNumber: 244,
       columnNumber: 13
     }
   }), icon ? icon : /*#__PURE__*/React.createElement(CaretDownOutline, {
@@ -6867,7 +6912,7 @@ function Select$1(_ref) {
     __self: this,
     __source: {
       fileName: _jsxFileName$n,
-      lineNumber: 219,
+      lineNumber: 245,
       columnNumber: 30
     }
   }))), /*#__PURE__*/React.createElement(BoxItem, {
@@ -6878,22 +6923,22 @@ function Select$1(_ref) {
     __self: this,
     __source: {
       fileName: _jsxFileName$n,
-      lineNumber: 222,
+      lineNumber: 248,
       columnNumber: 11
     }
   }, item.length !== 0 ? /*#__PURE__*/React.createElement(SelectOption, _extends({}, getMenuProps(), {
     __self: this,
     __source: {
       fileName: _jsxFileName$n,
-      lineNumber: 224,
+      lineNumber: 250,
       columnNumber: 15
     }
   }), item.map((item, index) => {
     var _item$value;
 
-    return /*#__PURE__*/React.createElement(SelectItem, _extends({}, getItemProps({
+    return /*#__PURE__*/React.createElement(SelectItem, _extends({}, !item.isDisabled ? Object.assign({}, getItemProps({
       item
-    }), {
+    })) : {}, {
       key: (_item$value = item.value) != null ? _item$value : index,
       css: item.isDisabled ? {
         backgroundColor: '$formDisable',
@@ -6908,7 +6953,7 @@ function Select$1(_ref) {
       __self: this,
       __source: {
         fileName: _jsxFileName$n,
-        lineNumber: 226,
+        lineNumber: 252,
         columnNumber: 19
       }
     }), item.name);
@@ -6916,14 +6961,14 @@ function Select$1(_ref) {
     __self: this,
     __source: {
       fileName: _jsxFileName$n,
-      lineNumber: 245,
+      lineNumber: 275,
       columnNumber: 15
     }
   }, /*#__PURE__*/React.createElement(StyledDiv, {
     __self: this,
     __source: {
       fileName: _jsxFileName$n,
-      lineNumber: 246,
+      lineNumber: 276,
       columnNumber: 17
     }
   }, "Item yang anda cari tidak ada")))));
@@ -6938,7 +6983,10 @@ Select$1.propTypes = {
   value: PropTypes.object,
   iconColor: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
   icon: PropTypes.node,
-  placement: PropTypes.oneOf(['top', 'bottom'])
+  placement: PropTypes.oneOf(['top', 'bottom']),
+  textSelector: PropTypes.string,
+  valueSelector: PropTypes.string,
+  disabledOptions: PropTypes.arrayOf(PropTypes.string)
 };
 Select$1.defaultProps = {
   placeholder: 'Select Item',
@@ -6947,31 +6995,11 @@ Select$1.defaultProps = {
   search: false,
   iconColor: 'currentColor',
   icon: undefined,
-  placement: 'bottom'
+  placement: 'bottom',
+  disabledOptions: []
 };
 
-var $$2 = _export;
-var uncurryThis$a = functionUncurryThis;
-var notARegExp = notARegexp;
-var requireObjectCoercible$5 = requireObjectCoercible$a;
-var toString$6 = toString$a;
-var correctIsRegExpLogic = correctIsRegexpLogic;
-
-var stringIndexOf$1 = uncurryThis$a(''.indexOf);
-
-// `String.prototype.includes` method
-// https://tc39.es/ecma262/#sec-string.prototype.includes
-$$2({ target: 'String', proto: true, forced: !correctIsRegExpLogic('includes') }, {
-  includes: function includes(searchString /* , position = 0 */) {
-    return !!~stringIndexOf$1(
-      toString$6(requireObjectCoercible$5(this)),
-      toString$6(notARegExp(searchString)),
-      arguments.length > 1 ? arguments[1] : undefined
-    );
-  }
-});
-
-var _jsxFileName$m = "/home/omegalord666/work/majoo-ui/packages/react/src/components/form/components/InputSelectTag/icon/CheckOutline.js";
+var _jsxFileName$m = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSelectTag\\icon\\CheckOutline.js";
 
 const CheckOutline = props => /*#__PURE__*/React.createElement("svg", _extends({
   xmlns: "http://www.w3.org/2000/svg",
@@ -7019,7 +7047,7 @@ const CheckOutline = props => /*#__PURE__*/React.createElement("svg", _extends({
   }
 }));
 
-var _jsxFileName$l = "/home/omegalord666/work/majoo-ui/packages/react/src/components/form/components/InputSelectTag/InputSelectTag.js";
+var _jsxFileName$l = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSelectTag\\InputSelectTag.js";
 const Wrapper = styled('div', {
   margin: 0,
   flexDirection: 'column',
@@ -7501,7 +7529,7 @@ const StyledAnchor = styled(PopoverPrimitive.Anchor, {});
 const PopoverAnchor = StyledAnchor;
 
 const _excluded$a = ["className", "defaultValue", "value", "name", "disabled", "orientation", "dir", "min", "max", "step", "onValueChange", "minStepsBetweenThumbs", "color", "size", "width", "height"];
-var _jsxFileName$k = "/home/omegalord666/work/majoo-ui/packages/react/src/components/slider/Slider.js";
+var _jsxFileName$k = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\slider\\Slider.js";
 const StyledSlider = styled$1(SliderPrimitive.Root, {
   position: 'relative',
   display: 'flex',
@@ -7909,7 +7937,7 @@ const Separator = StyledSeparator;
 
 const _excluded$9 = ["className", "children", "type", "value", "defaultValue", "onValueChange", "disabled", "rovingFocus", "orientation", "dir", "loop", "size"],
       _excluded2$2 = ["className", "children", "leftIcon", "rightIcon", "disabled", "isToggle", "value"];
-var _jsxFileName$j = "/home/omegalord666/work/majoo-ui/packages/react/src/components/buttonGroup/ButtonGroup.js";
+var _jsxFileName$j = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\buttonGroup\\ButtonGroup.js";
 const ButtonGroupComponent = styled(ToggleGroupPrimitive.Root, {
   display: 'inline-flex',
   borderRadius: '$md',
@@ -8137,7 +8165,7 @@ ButtonGroupItem.defaultProps = {
 };
 
 const _excluded$8 = ["children", "value"];
-var _jsxFileName$i = "/home/omegalord666/work/majoo-ui/packages/react/src/components/notificationBadge/notificationBadge.js";
+var _jsxFileName$i = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\notificationBadge\\notificationBadge.js";
 const NotificationBadgeRootStyle = styled('span', {
   position: 'relative',
   display: 'inline-flex',
@@ -8301,7 +8329,7 @@ NotificationBadge.propTypes = {
 };
 
 const _excluded$7 = ["className", "children", "radius", "padding", "width", "height"];
-var _jsxFileName$h = "/home/omegalord666/work/majoo-ui/packages/react/src/components/paper/Paper.js";
+var _jsxFileName$h = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\paper\\Paper.js";
 const PaperComponent = styled('div', {
   padding: '20px',
   height: 'auto',
@@ -8353,7 +8381,6 @@ Paper.defaultProps = {
 };
 
 const IconButton = styled('button', {
-  all: 'unset',
   cursor: 'pointer',
   borderRadius: '$round',
   size: '24px',
@@ -8361,6 +8388,8 @@ const IconButton = styled('button', {
   display: 'inline-flex',
   alignItems: 'center',
   justifyContent: 'center',
+  border: 'none',
+  appearance: 'none',
   // '&:focus': {
   //   outline: '2px solid #82C4E0',
   // },
@@ -8394,7 +8423,7 @@ const IconButton = styled('button', {
 });
 
 const _excluded$6 = ["children"];
-var _jsxFileName$g = "/home/omegalord666/work/majoo-ui/packages/react/src/components/modalDialog/ModalDialog.js";
+var _jsxFileName$g = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\modalDialog\\ModalDialog.js";
 const overlayShow = keyframes({
   '0%': {
     opacity: 0
@@ -8488,7 +8517,7 @@ const DialogDescription = StyledDescription;
 const DialogClose = DialogPrimitive.Close;
 
 const _excluded$5 = ["children"];
-var _jsxFileName$f = "/home/omegalord666/work/majoo-ui/packages/react/src/components/drawer/Drawer.js";
+var _jsxFileName$f = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\drawer\\Drawer.js";
 const fadeIn = keyframes({
   from: {
     opacity: '0'
@@ -8644,7 +8673,7 @@ const DrawerDescription = DialogPrimitive.Description;
 const _excluded$4 = ["children", "disabled"],
       _excluded2$1 = ["children", "hasContent", "arrowColor"],
       _excluded3$1 = ["children"];
-var _jsxFileName$e = "/home/omegalord666/work/majoo-ui/packages/react/src/components/accordion/Accordion.js";
+var _jsxFileName$e = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\accordion\\Accordion.js";
 //   from: { height: 0 },
 //   to: { height: 'var(--radix-accordion-content-height)' },
 // });
@@ -8816,7 +8845,7 @@ function useMediaQuery(query) {
   return matches;
 }
 
-var _jsxFileName$d = "/home/omegalord666/work/majoo-ui/packages/react/src/components/datePicker/AdvancedOption.js";
+var _jsxFileName$d = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\datePicker\\AdvancedOption.js";
 const ButtonGroup = styled(ToggleGroupPrimitive.Root, {
   width: '100%'
 });
@@ -8929,7 +8958,7 @@ const DateNumber = styled('div', {
 });
 DateNumber.displayName = 'DateNumber';
 
-var _jsxFileName$c = "/home/omegalord666/work/majoo-ui/packages/react/src/components/datePicker/components/Calendar.js";
+var _jsxFileName$c = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\datePicker\\components\\Calendar.js";
 
 const getVariant$1 = ({
   selectable,
@@ -9596,7 +9625,7 @@ const CalendarBox = ({
   return null;
 };
 
-var _jsxFileName$b = "/home/omegalord666/work/majoo-ui/packages/react/src/components/datePicker/components/MobileCalendar.js";
+var _jsxFileName$b = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\datePicker\\components\\MobileCalendar.js";
 
 const getVariant = ({
   selectable,
@@ -10252,7 +10281,7 @@ const MobileCalendarBox = ({
 const _excluded$3 = ["multiDatePicker", "onChange", "onClose", "advanceView", "selected", "disabled"],
       _excluded2 = ["multiDatePicker", "onChange", "onClose", "advanceView", "selected", "disabled"],
       _excluded3 = ["type"];
-var _jsxFileName$a = "/home/omegalord666/work/majoo-ui/packages/react/src/components/datePicker/DatePicker.js";
+var _jsxFileName$a = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\datePicker\\DatePicker.js";
 const SINGLE_PICKER = 'single';
 const RANGE_PICKER = 'range';
 const ADVANCE_PICKER = 'advance';
@@ -10434,7 +10463,7 @@ const DatePicker = props => {
   }));
 };
 
-var _jsxFileName$9 = "/home/omegalord666/work/majoo-ui/packages/react/src/components/datePicker/InputDatePicker.js";
+var _jsxFileName$9 = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\datePicker\\InputDatePicker.js";
 const UPDATE = 'UPDATE';
 const TODAY = 'TODAY';
 const YESTERDAY = 'YESTERDAY';
@@ -10647,7 +10676,7 @@ function InputDatePicker({
     }),
     type: type,
     disabled: disabled,
-    date: date ? date == null ? void 0 : date[1] : selectedDate == null ? void 0 : selectedDate[1],
+    date: date ? date === null || date === void 0 ? void 0 : date[1] : selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate[1],
     selected: selectedDate,
     multiDatePicker: type !== SINGLE_PICKER,
     onChange: date => {
@@ -10756,6 +10785,14 @@ function sliceIntoChunks(arr, chunkSize) {
   return res;
 }
 
+const removeUndefinedFields = obj => {
+  let newObj = {};
+  Object.keys(obj).forEach(key => {
+    if (obj[key] === Object(obj[key])) newObj[key] = removeUndefinedFields(obj[key]);else if (obj[key] !== undefined) newObj[key] = obj[key];
+  });
+  return newObj;
+};
+
 var uncurryThis$9 = functionUncurryThis;
 var PROPER_FUNCTION_NAME = functionName.PROPER;
 var redefine = redefine$5.exports;
@@ -10787,7 +10824,7 @@ if (NOT_GENERIC || INCORRECT_NAME) {
 }
 
 const _excluded$2 = ["isActive", "onClick"];
-var _jsxFileName$8 = "/home/omegalord666/work/majoo-ui/packages/react/src/components/pagination/PaginationButton.js";
+var _jsxFileName$8 = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\pagination\\PaginationButton.js";
 
 const PageButton = _ref => {
   let {
@@ -10824,11 +10861,15 @@ const PaginationButton = ({
   const isLg = useMediaQuery('(max-width: 800px)');
 
   const handleSelectPage = page => {
-    if (onSelect) {
+    if (onSelect && page > 0 && page <= totalPages) {
       onSelect(page);
     }
   };
 
+  const inputPageRef = useRef();
+  useEffect(() => {
+    inputPageRef.current.value = '';
+  }, [currentPage]);
   const debouncedGoToPage = useCallback(debounce(handleSelectPage, 1000), []);
 
   const generatePages = () => {
@@ -10877,7 +10918,7 @@ const PaginationButton = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$8,
-      lineNumber: 75,
+      lineNumber: 81,
       columnNumber: 5
     }
   }, /*#__PURE__*/React__default.createElement(Flex, {
@@ -10886,7 +10927,7 @@ const PaginationButton = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$8,
-      lineNumber: 76,
+      lineNumber: 82,
       columnNumber: 7
     }
   }, /*#__PURE__*/React__default.createElement(IconButton, {
@@ -10896,14 +10937,14 @@ const PaginationButton = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$8,
-      lineNumber: 77,
+      lineNumber: 83,
       columnNumber: 9
     }
   }, /*#__PURE__*/React__default.createElement(DoubleChevronLeftOutline, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$8,
-      lineNumber: 82,
+      lineNumber: 88,
       columnNumber: 11
     }
   })), /*#__PURE__*/React__default.createElement(IconButton, {
@@ -10913,14 +10954,14 @@ const PaginationButton = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$8,
-      lineNumber: 84,
+      lineNumber: 90,
       columnNumber: 9
     }
   }, /*#__PURE__*/React__default.createElement(ChevronLeftOutline, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$8,
-      lineNumber: 89,
+      lineNumber: 95,
       columnNumber: 11
     }
   })), generatePages().map((page, index) => {
@@ -10931,7 +10972,7 @@ const PaginationButton = ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$8,
-        lineNumber: 93,
+        lineNumber: 99,
         columnNumber: 13
       }
     }, page);
@@ -10942,14 +10983,14 @@ const PaginationButton = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$8,
-      lineNumber: 102,
+      lineNumber: 108,
       columnNumber: 9
     }
   }, /*#__PURE__*/React__default.createElement(ChevronRightOutline, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$8,
-      lineNumber: 107,
+      lineNumber: 113,
       columnNumber: 11
     }
   })), /*#__PURE__*/React__default.createElement(IconButton, {
@@ -10959,14 +11000,14 @@ const PaginationButton = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$8,
-      lineNumber: 109,
+      lineNumber: 115,
       columnNumber: 9
     }
   }, /*#__PURE__*/React__default.createElement(DoubleChevronRightOutline, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$8,
-      lineNumber: 116,
+      lineNumber: 122,
       columnNumber: 11
     }
   }))), /*#__PURE__*/React__default.createElement(Separator, {
@@ -10978,7 +11019,7 @@ const PaginationButton = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$8,
-      lineNumber: 120,
+      lineNumber: 126,
       columnNumber: 7
     }
   }), /*#__PURE__*/React__default.createElement(Box$1, {
@@ -10990,7 +11031,7 @@ const PaginationButton = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$8,
-      lineNumber: 122,
+      lineNumber: 128,
       columnNumber: 7
     }
   }, /*#__PURE__*/React__default.createElement(Text$1, {
@@ -10998,10 +11039,11 @@ const PaginationButton = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$8,
-      lineNumber: 123,
+      lineNumber: 129,
       columnNumber: 9
     }
   }, "Ke Halaman"), /*#__PURE__*/React__default.createElement(InputText, {
+    ref: inputPageRef,
     type: "number",
     onChange: e => {
       if (e.target.value) {
@@ -11021,14 +11063,14 @@ const PaginationButton = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$8,
-      lineNumber: 124,
+      lineNumber: 130,
       columnNumber: 9
     }
   })));
 };
 
 const _excluded$1 = ["limits", "selectedLimit", "currentPage", "totalData", "onChange"];
-var _jsxFileName$7 = "/home/omegalord666/work/majoo-ui/packages/react/src/components/pagination/PaginationInfo.js";
+var _jsxFileName$7 = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\pagination\\PaginationInfo.js";
 
 function PaginationInfo(_ref) {
   let {
@@ -11124,7 +11166,7 @@ function PaginationInfo(_ref) {
 }
 
 const _excluded = ["limit", "currentPage", "totalData", "onLimitChange", "onPageChange"];
-var _jsxFileName$6 = "/home/omegalord666/work/majoo-ui/packages/react/src/components/pagination/Pagination.js";
+var _jsxFileName$6 = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\pagination\\Pagination.js";
 
 function Pagination(_ref) {
   let {
@@ -11184,9 +11226,9 @@ Pagination.propTypes = {
 };
 Pagination.displayName = 'Pagination';
 
-var _jsxFileName$5 = "/home/omegalord666/work/majoo-ui/packages/react/src/components/table/MobileTable.js";
+var _jsxFileName$5 = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\table\\MobileTable.js";
 const TableContainer$1 = styled(Flex, {
-  position: 'fixed',
+  position: 'relative',
   flexDirection: 'column',
   width: '100%',
   height: '100%',
@@ -11452,7 +11494,7 @@ function MobileTable({
   }, footer)))));
 }
 
-var _jsxFileName$4 = "/home/omegalord666/work/majoo-ui/packages/react/src/components/table/Table.js";
+var _jsxFileName$4 = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\table\\Table.js";
 const TableContainer = styled('div', {
   display: 'block',
   flexDirection: 'column',
@@ -11594,21 +11636,35 @@ const getExpandedColSpan = (index, cells, visibleColumns, subRowCells, leftAddOn
   }
 };
 
+const defaultFetchDataParams = {
+  pageIndex: 0,
+  pageSize: 10
+};
+
 function Table({
   columns,
   data,
+  pageIndex: controlledPageIndex,
   totalData,
   fetchData,
   css,
   onSelectedChange
 }) {
+  const [limit, setLimit] = useState(10);
   const instance = useTable({
     columns,
     data,
     initialState: {
-      pageIndex: 0
+      pageIndex: controlledPageIndex
     },
-    manualPagination: !!fetchData
+    manualPagination: !!fetchData,
+    manualSortBy: !!fetchData,
+    defaultCanSort: true,
+    pageCount: Math.ceil(totalData / limit),
+    autoResetSortBy: false,
+    autoResetExpanded: false,
+    autoResetPage: false,
+    autoResetSelectedRows: false
   }, useSortBy, useExpanded, usePagination, useRowSelect);
   const {
     getTableProps,
@@ -11622,21 +11678,43 @@ function Table({
     setPageSize,
     state: {
       pageIndex,
-      pageSize
+      pageSize,
+      sortBy
     },
     selectedFlatRows
   } = instance;
 
+  const doFetchData = (pageIndex, pageSize, sortAccessor = sortBy.length > 0 ? sortBy[0].id : undefined, sortDirection = sortBy.length > 0 ? sortBy[0].desc ? 'DESC' : 'ASC' : undefined) => {
+    const fetchParams = removeUndefinedFields({
+      pageIndex,
+      pageSize,
+      sortAccessor,
+      sortDirection
+    });
+    if (fetchData) fetchData(fetchParams);
+  };
+
+  useEffect(() => {
+    gotoPage(controlledPageIndex);
+  }, [controlledPageIndex]);
+  useEffect(() => {
+    if (data && data.length > 0) doFetchData(0, pageSize);
+  }, [sortBy]);
+  const isMobile = useMediaQuery('(max-width: 1024px)');
+
   const renderFooter = () => /*#__PURE__*/React__default.createElement(Pagination, {
     limit: pageSize,
     currentPage: pageIndex + 1,
     totalData: totalData,
     onLimitChange: selectedItem => {
       if (selectedItem) {
+        doFetchData(pageIndex, selectedItem);
         setPageSize(selectedItem);
+        setLimit(selectedItem);
       }
     },
     onPageChange: page => {
+      doFetchData(page - 1, pageSize);
       gotoPage(page - 1);
     },
     css: {
@@ -11648,18 +11726,11 @@ function Table({
     __self: this,
     __source: {
       fileName: _jsxFileName$4,
-      lineNumber: 194,
+      lineNumber: 225,
       columnNumber: 5
     }
   });
 
-  const isMobile = useMediaQuery('(max-width: 1024px)');
-  useEffect(() => {
-    if (fetchData) fetchData({
-      pageIndex,
-      pageSize
-    });
-  }, [fetchData, pageIndex, pageSize]);
   useEffect(() => {
     if (isMobile) {
       allColumns.map(column => {
@@ -11684,28 +11755,28 @@ function Table({
     __self: this,
     __source: {
       fileName: _jsxFileName$4,
-      lineNumber: 240,
+      lineNumber: 268,
       columnNumber: 5
     }
   }, /*#__PURE__*/React__default.createElement(TableContent, _extends({}, getTableProps(), {
     __self: this,
     __source: {
       fileName: _jsxFileName$4,
-      lineNumber: 241,
+      lineNumber: 269,
       columnNumber: 7
     }
   }), /*#__PURE__*/React__default.createElement(TableHead, {
     __self: this,
     __source: {
       fileName: _jsxFileName$4,
-      lineNumber: 242,
+      lineNumber: 270,
       columnNumber: 9
     }
   }, headerGroups.map(headerGroup => /*#__PURE__*/React__default.createElement(TableHeadRow, _extends({}, headerGroup.getHeaderGroupProps(), {
     __self: this,
     __source: {
       fileName: _jsxFileName$4,
-      lineNumber: 244,
+      lineNumber: 272,
       columnNumber: 13
     }
   }), headerGroup.headers.filter(column => !column.isSubRow).map(column => {
@@ -11714,14 +11785,14 @@ function Table({
       __self: this,
       __source: {
         fileName: _jsxFileName$4,
-        lineNumber: 250,
+        lineNumber: 278,
         columnNumber: 21
       }
     }), typeof headerRender === 'string' ? /*#__PURE__*/React__default.createElement(TableHeaderCellContainer, {
       __self: this,
       __source: {
         fileName: _jsxFileName$4,
-        lineNumber: 252,
+        lineNumber: 280,
         columnNumber: 25
       }
     }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(TableHeadCellContent, {
@@ -11729,7 +11800,7 @@ function Table({
       __self: this,
       __source: {
         fileName: _jsxFileName$4,
-        lineNumber: 254,
+        lineNumber: 282,
         columnNumber: 29
       }
     }, headerRender.toUpperCase()), /*#__PURE__*/React__default.createElement(SortingOutline, {
@@ -11738,7 +11809,7 @@ function Table({
       __self: this,
       __source: {
         fileName: _jsxFileName$4,
-        lineNumber: 257,
+        lineNumber: 285,
         columnNumber: 29
       }
     }))) : headerRender);
@@ -11746,7 +11817,7 @@ function Table({
     __self: this,
     __source: {
       fileName: _jsxFileName$4,
-      lineNumber: 269,
+      lineNumber: 297,
       columnNumber: 9
     }
   }), page.map((row, i) => {
@@ -11762,21 +11833,21 @@ function Table({
       __self: this,
       __source: {
         fileName: _jsxFileName$4,
-        lineNumber: 277,
+        lineNumber: 305,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default.createElement(TableRow, _extends({}, row.getRowProps(), {
       __self: this,
       __source: {
         fileName: _jsxFileName$4,
-        lineNumber: 278,
+        lineNumber: 306,
         columnNumber: 17
       }
     }), row.cells.filter(cell => !cell.column.isSubRow).map(cell => /*#__PURE__*/React__default.createElement(TableCell, _extends({}, cell.getCellProps(addOnCellStyle(cell.column.id)), {
       __self: this,
       __source: {
         fileName: _jsxFileName$4,
-        lineNumber: 282,
+        lineNumber: 310,
         columnNumber: 23
       }
     }), cell.render('Cell')))), row.isExpanded ? cellArrays.map((cells, index) => {
@@ -11786,7 +11857,7 @@ function Table({
         __self: this,
         __source: {
           fileName: _jsxFileName$4,
-          lineNumber: 290,
+          lineNumber: 318,
           columnNumber: 25
         }
       }, leftAddOnCells.map((_, index) => /*#__PURE__*/React__default.createElement("td", {
@@ -11794,7 +11865,7 @@ function Table({
         __self: this,
         __source: {
           fileName: _jsxFileName$4,
-          lineNumber: 292,
+          lineNumber: 320,
           columnNumber: 29
         }
       })), cells.map((cell, index) => /*#__PURE__*/React__default.createElement(React__default.Fragment, {
@@ -11802,7 +11873,7 @@ function Table({
         __self: this,
         __source: {
           fileName: _jsxFileName$4,
-          lineNumber: 295,
+          lineNumber: 323,
           columnNumber: 29
         }
       }, /*#__PURE__*/React__default.createElement(TableCell, {
@@ -11811,7 +11882,7 @@ function Table({
         __self: this,
         __source: {
           fileName: _jsxFileName$4,
-          lineNumber: 296,
+          lineNumber: 324,
           columnNumber: 31
         }
       }, /*#__PURE__*/React__default.createElement(Paragraph, {
@@ -11819,7 +11890,7 @@ function Table({
         __self: this,
         __source: {
           fileName: _jsxFileName$4,
-          lineNumber: 297,
+          lineNumber: 325,
           columnNumber: 33
         }
       }, cell.column.Header)), /*#__PURE__*/React__default.createElement(TableCell, {
@@ -11828,7 +11899,7 @@ function Table({
         __self: this,
         __source: {
           fileName: _jsxFileName$4,
-          lineNumber: 299,
+          lineNumber: 327,
           columnNumber: 31
         }
       }, /*#__PURE__*/React__default.createElement(Paragraph, {
@@ -11836,7 +11907,7 @@ function Table({
         __self: this,
         __source: {
           fileName: _jsxFileName$4,
-          lineNumber: 310,
+          lineNumber: 338,
           columnNumber: 33
         }
       }, cell.render('Cell'))))));
@@ -11845,14 +11916,14 @@ function Table({
     __self: this,
     __source: {
       fileName: _jsxFileName$4,
-      lineNumber: 322,
+      lineNumber: 350,
       columnNumber: 9
     }
   }, /*#__PURE__*/React__default.createElement(TableFootRow, {
     __self: this,
     __source: {
       fileName: _jsxFileName$4,
-      lineNumber: 323,
+      lineNumber: 351,
       columnNumber: 11
     }
   }, /*#__PURE__*/React__default.createElement(TableFootCell, {
@@ -11860,7 +11931,7 @@ function Table({
     __self: this,
     __source: {
       fileName: _jsxFileName$4,
-      lineNumber: 324,
+      lineNumber: 352,
       columnNumber: 13
     }
   }, renderFooter()))))) : /*#__PURE__*/React__default.createElement(MobileTable, {
@@ -11870,7 +11941,7 @@ function Table({
     __self: this,
     __source: {
       fileName: _jsxFileName$4,
-      lineNumber: 330,
+      lineNumber: 358,
       columnNumber: 5
     }
   });
@@ -11879,11 +11950,14 @@ function Table({
 Table.propTypes = {
   data: PropTypes.arrayOf(PropTypes.object),
   column: PropTypes.arrayOf(PropTypes.object),
+  totalData: PropTypes.number,
+  fetchData: PropTypes.func,
+  css: PropTypes.object,
   onSelectedChange: PropTypes.func
 };
 Table.displayName = 'Table';
 
-var _jsxFileName$3 = "/home/omegalord666/work/majoo-ui/packages/react/src/components/table/components/columns/DateColumn.js";
+var _jsxFileName$3 = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\DateColumn.js";
 
 const DateColumn = ({
   value
@@ -12142,7 +12216,7 @@ var FunctionPrototype = Function.prototype;
 var apply$2 = FunctionPrototype.apply;
 var call$2 = FunctionPrototype.call;
 
-// eslint-disable-next-line es-x/no-reflect -- safe
+// eslint-disable-next-line es/no-reflect -- safe
 var functionApply = typeof Reflect == 'object' && Reflect.apply || (NATIVE_BIND ? call$2.bind(apply$2) : function () {
   return call$2.apply(apply$2, arguments);
 });
@@ -12720,7 +12794,7 @@ const PriceColumn = props => {
   return addThousandSeparator(param);
 };
 
-var _jsxFileName$2 = "/home/omegalord666/work/majoo-ui/packages/react/src/components/table/components/columns/RowExpanderColumn.js";
+var _jsxFileName$2 = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\RowExpanderColumn.js";
 const rowExpanderColumn = {
   id: 'expander',
   Header: () => null,
@@ -12747,20 +12821,37 @@ const rowExpanderColumn = {
       lineNumber: 9,
       columnNumber: 50
     }
-  }))
+  })),
+  canSort: false
 };
 
-var _jsxFileName$1 = "/home/omegalord666/work/majoo-ui/packages/react/src/components/table/components/columns/RowMenuColumn.js";
+var _jsxFileName$1 = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\RowMenuColumn.js";
 const MenuContainer = styled(Flex, {
   boxShadow: '0px 0px 8px rgba(131, 131, 131, 0.16)',
   borderRadius: '$sm'
 });
-const MenuTriggerButton = styled(PopoverTrigger, IconButton);
+const MenuTriggerButton = styled(PopoverTrigger, {
+  cursor: 'pointer',
+  borderRadius: '$round',
+  size: '24px',
+  padding: '$spacing-01',
+  display: 'inline-flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+  backgroundColor: 'white',
+  '&:hover': {
+    backgroundColor: '$bgGray',
+    color: '$textGreen'
+  },
+  '&:active': {
+    backgroundColor: '$gray100'
+  }
+});
 
 const rowMenuColumn = options => ({
   id: 'menu',
   Header: () => null,
-  Cell: () => {
+  Cell: props => {
     const [open, setOpen] = useState(false);
     return /*#__PURE__*/React__default.createElement(Popover, {
       open: open,
@@ -12768,29 +12859,28 @@ const rowMenuColumn = options => ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 22,
+        lineNumber: 37,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default.createElement(MenuTriggerButton, {
-      buttonType: "secondary",
       __self: undefined,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 23,
+        lineNumber: 38,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement(EllipsisHorizontalOutline, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 24,
+        lineNumber: 39,
         columnNumber: 11
       }
     })), /*#__PURE__*/React__default.createElement(PopoverContent, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 26,
+        lineNumber: 41,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement(MenuContainer, {
@@ -12798,7 +12888,7 @@ const rowMenuColumn = options => ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 27,
+        lineNumber: 42,
         columnNumber: 11
       }
     }, options.map(option => /*#__PURE__*/React__default.createElement(Button$1, {
@@ -12806,19 +12896,20 @@ const rowMenuColumn = options => ({
       buttonType: "tableMenu",
       onClick: () => {
         setOpen(false);
-        option.onClick();
+        option.onClick(props);
       },
       __self: undefined,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 29,
+        lineNumber: 44,
         columnNumber: 15
       }
     }, option.title)))));
-  }
+  },
+  canSort: false
 });
 
-var _jsxFileName = "/home/omegalord666/work/majoo-ui/packages/react/src/components/table/components/columns/RowSelectionColumn.js";
+var _jsxFileName = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\RowSelectionColumn.js";
 const rowSelectionColumn = {
   id: 'selection',
   Header: ({
@@ -12845,7 +12936,8 @@ const rowSelectionColumn = {
       lineNumber: 13,
       columnNumber: 5
     }
-  }))
+  })),
+  canSort: false
 };
 
-export { ADVANCE_PICKER, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AdvancedOption, Alert, AlertDescription, AlertIcon, AlertTitle, Avatar, Badge, Box$1 as Box, BoxComponent, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button$1 as Button, ButtonGroup$1 as ButtonGroup, ButtonGroupItem, Card, CardComponent, CardLineColor, DateColumn, DatePicker, DecimalColumn, Dialog, DialogClose, DialogContent, DialogDescription, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerTitle, DrawerTrigger, Flex, FormHelper, FormLabel, Grid, GridItem, Heading$1 as Heading, IconButton, Image, InputCheckbox, InputDatePicker, InputGroup, InputLeftAddon, InputLeftElement, InputPrefix, InputRadio, InputRadioGroup, InputRightAddon, InputRightElement, InputSearchbox, Select$1 as InputSelect, SelectTag as InputSelectTag, InputSuffix, InputSwitch, TagsInput as InputTags, InputText, InputTextArea, MajooProvider, MobileTable, NotificationBadge, Pagination, Paper, PaperComponent, Paragraph, Popover, PopoverAnchor, PopoverArrow, PopoverClose, PopoverContent, PopoverTrigger, PriceColumn, Progress, RANGE_PICKER, rowExpanderColumn as RowExpanderColumn, rowMenuColumn as RowMenuColumn, rowSelectionColumn as RowSelectionColumn, SINGLE_PICKER, Separator, Slider, StyledTitle$1 as StyledTitle, Table, TableBody, TableContent, TableFoot, TableFootCell, TableFootRow, TableHead, TableHeadCellContent, TableHeaderCellContainer, Tabs, TabsContent, TabsList, TabsTrigger, Tag, Text$1 as Text, ToastContext, Tooltip, addOnCellStyle };
+export { ADVANCE_PICKER, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AdvancedOption, Alert, AlertDescription, AlertIcon, AlertTitle, Avatar, Badge, Box$1 as Box, BoxComponent, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button$1 as Button, ButtonGroup$1 as ButtonGroup, ButtonGroupItem, Card, CardComponent, CardLineColor, DateColumn, DatePicker, DecimalColumn, Dialog, DialogClose, DialogContent, DialogDescription, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerTitle, DrawerTrigger, Flex, FormHelper, FormLabel, Grid, GridItem, Heading$1 as Heading, IconButton, Image, InputCheckbox, InputDatePicker, InputGroup, InputLeftAddon, InputLeftElement, InputPrefix, InputRadio, InputRadioGroup, InputRightAddon, InputRightElement, InputSearchbox, Select$1 as InputSelect, SelectTag as InputSelectTag, InputSuffix, InputSwitch, TagsInput as InputTags, InputText, InputTextArea, MajooProvider, MobileTable, NotificationBadge, Pagination, Paper, PaperComponent, Paragraph, Popover, PopoverAnchor, PopoverArrow, PopoverClose, PopoverContent, PopoverTrigger, PriceColumn, Progress, RANGE_PICKER, rowExpanderColumn as RowExpanderColumn, rowMenuColumn as RowMenuColumn, rowSelectionColumn as RowSelectionColumn, SINGLE_PICKER, Separator, Slider, StyledTitle$1 as StyledTitle, Table, TableBody, TableContent, TableFoot, TableFootCell, TableFootRow, TableHead, TableHeadCellContent, TableHeaderCellContainer, Tabs, TabsContent, TabsList, TabsTrigger, Tag, Text$1 as Text, ToastContext, Tooltip, addOnCellStyle, defaultFetchDataParams };