@majoo-ui/react 1.29.0 → 1.30.2

package/index.umd.js

@@ -46,7 +46,7 @@
   var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
   var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
 
-  var _jsxFileName$Q = "C:\\Project\\majoo-ui\\packages\\react\\src\\majoo-provider\\ThemeProvider.js";
+  var _jsxFileName$Q = "/home/omegalord666/work/majoo-ui/packages/react/src/majoo-provider/ThemeProvider.js";
 
   function ThemeProvider({
     theme,
@@ -76,7 +76,7 @@
 
   // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
   var global$A =
-    // eslint-disable-next-line es/no-global-this -- safe
+    // eslint-disable-next-line es-x/no-global-this -- safe
     check(typeof globalThis == 'object' && globalThis) ||
     check(typeof window == 'object' && window) ||
     // eslint-disable-next-line no-restricted-globals -- safe
@@ -99,13 +99,14 @@
 
   // Detect IE8's incomplete defineProperty implementation
   var descriptors = !fails$j(function () {
-    // eslint-disable-next-line es/no-object-defineproperty -- required for testing
+    // eslint-disable-next-line es-x/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');
@@ -122,7 +123,7 @@
   var objectPropertyIsEnumerable = {};
 
   var $propertyIsEnumerable = {}.propertyIsEnumerable;
-  // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
+  // eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
   var getOwnPropertyDescriptor$2 = Object.getOwnPropertyDescriptor;
 
   // Nashorn ~ JDK8 bug
@@ -263,12 +264,12 @@
 
   var engineV8Version = version;
 
-  /* eslint-disable es/no-symbol -- required for testing */
+  /* eslint-disable es-x/no-symbol -- required for testing */
 
   var V8_VERSION = engineV8Version;
   var fails$g = fails$k;
 
-  // eslint-disable-next-line es/no-object-getownpropertysymbols -- required for testing
+  // eslint-disable-next-line es-x/no-object-getownpropertysymbols -- required for testing
   var nativeSymbol = !!Object.getOwnPropertySymbols && !fails$g(function () {
     var symbol = Symbol();
     // Chrome 38 Symbol has incorrect toString conversion
@@ -278,7 +279,7 @@
       !Symbol.sham && V8_VERSION && V8_VERSION < 41;
   });
 
-  /* eslint-disable es/no-symbol -- required for testing */
+  /* eslint-disable es-x/no-symbol -- required for testing */
 
   var NATIVE_SYMBOL$1 = nativeSymbol;
 
@@ -355,7 +356,7 @@
 
   var global$r = global$A;
 
-  // eslint-disable-next-line es/no-object-defineproperty -- safe
+  // eslint-disable-next-line es-x/no-object-defineproperty -- safe
   var defineProperty$3 = Object.defineProperty;
 
   var setGlobal$3 = function (key, value) {
@@ -379,10 +380,10 @@
   (shared$4.exports = function (key, value) {
     return store$2[key] || (store$2[key] = value !== undefined ? value : {});
   })('versions', []).push({
-    version: '3.21.1',
+    version: '3.22.0',
     mode: 'global',
     copyright: '© 2014-2022 Denis Pushkarev (zloirock.ru)',
-    license: 'https://github.com/zloirock/core-js/blob/v3.21.1/LICENSE',
+    license: 'https://github.com/zloirock/core-js/blob/v3.22.0/LICENSE',
     source: 'https://github.com/zloirock/core-js'
   });
 
@@ -404,6 +405,7 @@
 
   // `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);
   };
@@ -497,7 +499,7 @@
 
   // Thanks to IE8 for its funny defineProperty
   var ie8DomDefine = !DESCRIPTORS$8 && !fails$f(function () {
-    // eslint-disable-next-line es/no-object-defineproperty -- required for testing
+    // eslint-disable-next-line es-x/no-object-defineproperty -- required for testing
     return Object.defineProperty(createElement('div'), 'a', {
       get: function () { return 7; }
     }).a != 7;
@@ -512,7 +514,7 @@
   var hasOwn$7 = hasOwnProperty_1;
   var IE8_DOM_DEFINE$1 = ie8DomDefine;
 
-  // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
+  // eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
   var $getOwnPropertyDescriptor$1 = Object.getOwnPropertyDescriptor;
 
   // `Object.getOwnPropertyDescriptor` method
@@ -534,7 +536,7 @@
   // 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/no-object-defineproperty -- required for testing
+    // eslint-disable-next-line es-x/no-object-defineproperty -- required for testing
     return Object.defineProperty(function () { /* empty */ }, 'prototype', {
       value: 42,
       writable: false
@@ -561,9 +563,9 @@
   var toPropertyKey$1 = toPropertyKey$3;
 
   var TypeError$6 = global$k.TypeError;
-  // eslint-disable-next-line es/no-object-defineproperty -- safe
+  // eslint-disable-next-line es-x/no-object-defineproperty -- safe
   var $defineProperty = Object.defineProperty;
-  // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
+  // eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
   var $getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
   var ENUMERABLE = 'enumerable';
   var CONFIGURABLE$1 = 'configurable';
@@ -719,7 +721,7 @@
   var hasOwn$5 = hasOwnProperty_1;
 
   var FunctionPrototype$1 = Function.prototype;
-  // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
+  // eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
   var getDescriptor = DESCRIPTORS$3 && Object.getOwnPropertyDescriptor;
 
   var EXISTS = hasOwn$5(FunctionPrototype$1, 'name');
@@ -896,14 +898,14 @@
 
   // `Object.getOwnPropertyNames` method
   // https://tc39.es/ecma262/#sec-object.getownpropertynames
-  // eslint-disable-next-line es/no-object-getownpropertynames -- safe
+  // eslint-disable-next-line es-x/no-object-getownpropertynames -- safe
   objectGetOwnPropertyNames.f = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {
     return internalObjectKeys$1(O, hiddenKeys$1);
   };
 
   var objectGetOwnPropertySymbols = {};
 
-  // eslint-disable-next-line es/no-object-getownpropertysymbols -- safe
+  // eslint-disable-next-line es-x/no-object-getownpropertysymbols -- safe
   objectGetOwnPropertySymbols.f = Object.getOwnPropertySymbols;
 
   var getBuiltIn$2 = getBuiltIn$5;
@@ -1022,7 +1024,7 @@
 
   // `Object.keys` method
   // https://tc39.es/ecma262/#sec-object.keys
-  // eslint-disable-next-line es/no-object-keys -- safe
+  // eslint-disable-next-line es-x/no-object-keys -- safe
   var objectKeys$2 = Object.keys || function keys(O) {
     return internalObjectKeys(O, enumBugKeys$1);
   };
@@ -1037,9 +1039,9 @@
   var toObject$2 = toObject$4;
   var IndexedObject = indexedObject;
 
-  // eslint-disable-next-line es/no-object-assign -- safe
+  // eslint-disable-next-line es-x/no-object-assign -- safe
   var $assign = Object.assign;
-  // eslint-disable-next-line es/no-object-defineproperty -- required for testing
+  // eslint-disable-next-line es-x/no-object-defineproperty -- required for testing
   var defineProperty$2 = Object.defineProperty;
   var concat$1 = uncurryThis$f([].concat);
 
@@ -1059,7 +1061,7 @@
     // should work with symbols and should have deterministic property order (V8 bug)
     var A = {};
     var B = {};
-    // eslint-disable-next-line es/no-symbol -- safe
+    // eslint-disable-next-line es-x/no-symbol -- safe
     var symbol = Symbol();
     var alphabet = 'abcdefghijklmnopqrst';
     A[symbol] = 7;
@@ -1089,7 +1091,7 @@
 
   // `Object.assign` method
   // https://tc39.es/ecma262/#sec-object.assign
-  // eslint-disable-next-line es/no-object-assign -- required for testing
+  // eslint-disable-next-line es-x/no-object-assign -- required for testing
   $$6({ target: 'Object', stat: true, forced: Object.assign !== assign }, {
     assign: assign
   });
@@ -1112,7 +1114,8 @@
       fonts: Object.assign({}, core.foundations.fonts),
       lineHeights: Object.assign({}, core.foundations.lineHeights),
       letterSpacings: Object.assign({}, core.foundations.letterSpacings),
-      radii: Object.assign({}, core.foundations.radii)
+      radii: Object.assign({}, core.foundations.radii),
+      sizes: Object.assign({}, core.foundations.sizes)
     },
     media: {
       sm: '(min-width: 359px)',
@@ -1377,7 +1380,7 @@
 
   // `Object.defineProperties` method
   // https://tc39.es/ecma262/#sec-object.defineproperties
-  // eslint-disable-next-line es/no-object-defineproperties -- safe
+  // eslint-disable-next-line es-x/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);
@@ -1465,6 +1468,7 @@
 
   // `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) {
@@ -1505,7 +1509,7 @@
   var correctPrototypeGetter = !fails$b(function () {
     function F() { /* empty */ }
     F.prototype.constructor = null;
-    // eslint-disable-next-line es/no-object-getprototypeof -- required for testing
+    // eslint-disable-next-line es-x/no-object-getprototypeof -- required for testing
     return Object.getPrototypeOf(new F()) !== F.prototype;
   });
 
@@ -1544,7 +1548,7 @@
   // https://tc39.es/ecma262/#sec-%iteratorprototype%-object
   var IteratorPrototype$2, PrototypeOfArrayIteratorPrototype, arrayIterator;
 
-  /* eslint-disable es/no-array-prototype-keys -- safe */
+  /* eslint-disable es-x/no-array-prototype-keys -- safe */
   if ([].keys) {
     arrayIterator = [].keys();
     // Safari 8 has buggy iterators w/o `next`
@@ -1625,13 +1629,13 @@
   // `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/no-object-setprototypeof -- safe
+  // eslint-disable-next-line es-x/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/no-object-getownpropertydescriptor -- safe
+      // eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
       setter = uncurryThis$e(Object.getOwnPropertyDescriptor(Object.prototype, '__proto__').set);
       setter(test, []);
       CORRECT_SETTER = test instanceof Array;
@@ -1886,7 +1890,7 @@
   handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
 
   const _excluded$v = ["className", "children", "color", "textColor", "padding"];
-  var _jsxFileName$P = "C:\\Project\\majoo-ui\\packages\\react\\src\\layout\\box\\Box.js";
+  var _jsxFileName$P = "/home/omegalord666/work/majoo-ui/packages/react/src/layout/box/Box.js";
   const BoxComponent = styled('div', {
     height: 'auto',
     background: 'none',
@@ -2062,7 +2066,7 @@
 
   const _excluded$u = ["children"],
         _excluded2$3 = ["children"];
-  var _jsxFileName$O = "C:\\Project\\majoo-ui\\packages\\react\\src\\layout\\grid\\Grid.js";
+  var _jsxFileName$O = "/home/omegalord666/work/majoo-ui/packages/react/src/layout/grid/Grid.js";
   const GridComponent = styled('div', {
     display: 'grid',
     variants: {
@@ -2321,7 +2325,7 @@
   GridItem.displayName = 'Grid Item';
 
   const _excluded$t = ["className", "children", "type", "buttonType", "size", "disabled", "onClick", "block", "width", "leftIcon", "rightIcon", "icon"];
-  var _jsxFileName$N = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\button\\Button.js";
+  var _jsxFileName$N = "/home/omegalord666/work/majoo-ui/packages/react/src/components/button/Button.js";
   const ButtonPrimary = {
     backgroundColor: '$btnPrimary',
     color: '$textWhite',
@@ -2608,7 +2612,7 @@
   };
 
   const _excluded$s = ["id", "message", "dismissAfter", "variant", "onAction", "actionText", "onRemove"];
-  var _jsxFileName$M = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\toast\\Toast.js";
+  var _jsxFileName$M = "/home/omegalord666/work/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;
@@ -2828,7 +2832,7 @@
 
   const ToastContext = /*#__PURE__*/React__namespace.createContext({});
 
-  var _jsxFileName$L = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\toast\\ToastContainer.js";
+  var _jsxFileName$L = "/home/omegalord666/work/majoo-ui/packages/react/src/components/toast/ToastContainer.js";
   const ToastBox = styled(Box$1, {
     display: 'block',
     position: 'fixed',
@@ -2874,7 +2878,7 @@
   };
 
   const _excluded$r = ["id"];
-  var _jsxFileName$K = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\toast\\context\\ToastProvider.js";
+  var _jsxFileName$K = "/home/omegalord666/work/majoo-ui/packages/react/src/components/toast/context/ToastProvider.js";
   let toastCount = 0;
 
   const ToastProvider = ({
@@ -2926,7 +2930,7 @@
     }));
   };
 
-  var _jsxFileName$J = "C:\\Project\\majoo-ui\\packages\\react\\src\\majoo-provider\\MajooProvider.js";
+  var _jsxFileName$J = "/home/omegalord666/work/majoo-ui/packages/react/src/majoo-provider/MajooProvider.js";
 
   function MajooProvider({
     children,
@@ -2998,7 +3002,7 @@
       return t;
   }
 
-  var _jsxFileName$I = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\alert\\AlertProvider.js";
+  var _jsxFileName$I = "/home/omegalord666/work/majoo-ui/packages/react/src/components/alert/AlertProvider.js";
   const StatusContext = /*#__PURE__*/React.createContext();
 
   const AlertProvider = ({
@@ -3022,7 +3026,7 @@
     }, children);
   };
 
-  var _jsxFileName$H = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\alert\\Alert.js";
+  var _jsxFileName$H = "/home/omegalord666/work/majoo-ui/packages/react/src/components/alert/Alert.js";
   const AlertStyle = styled('div', {
     backgroundColor: 'white',
     borderWidth: 0,
@@ -3292,7 +3296,7 @@
   AlertTitle.displayName = 'AlertTitle';
 
   const _excluded$q = ["className", "children", "color", "shadow", "radius", "padding", "title", "width", "textColor", "icon"];
-  var _jsxFileName$G = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\card\\Card.js";
+  var _jsxFileName$G = "/home/omegalord666/work/majoo-ui/packages/react/src/components/card/Card.js";
   const CardComponent = styled('div', {
     padding: '20px',
     height: 'auto',
@@ -3716,7 +3720,7 @@
   Paragraph.displayName = 'Paragraph';
 
   const _excluded$p = ["children"];
-  var _jsxFileName$F = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\breadcrumb\\Breadcrumb.js";
+  var _jsxFileName$F = "/home/omegalord666/work/majoo-ui/packages/react/src/components/breadcrumb/Breadcrumb.js";
   const BreadcrumbStyle = styled('nav', {
     wordWrap: 'break-word',
     '& li+li:before': {
@@ -3991,7 +3995,7 @@
   Badge.displayName = 'Badge';
 
   const _excluded$o = ["className", "img", "children", "onLoadingStatusChange", "delayMs", "onClick", "css"];
-  var _jsxFileName$E = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\avatar\\Avatar.js";
+  var _jsxFileName$E = "/home/omegalord666/work/majoo-ui/packages/react/src/components/avatar/Avatar.js";
   const StyledAvatar = styled(AvatarPrimitive__namespace.Root, {
     width: '32px',
     height: '32px',
@@ -4094,7 +4098,7 @@
   };
 
   const _excluded$n = ["className", "src", "alt", "width", "height", "objectFit", "fallback"];
-  var _jsxFileName$D = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\image\\Image.js";
+  var _jsxFileName$D = "/home/omegalord666/work/majoo-ui/packages/react/src/components/image/Image.js";
   const StyledImage = styled('img', {
     display: 'inline-block',
     alignItems: 'center',
@@ -4153,7 +4157,7 @@
   };
 
   const _excluded$m = ["children", "label", "color", "contentCss", "withClick"];
-  var _jsxFileName$C = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\tooltip\\Tooltip.js";
+  var _jsxFileName$C = "/home/omegalord666/work/majoo-ui/packages/react/src/components/tooltip/Tooltip.js";
   const slideUpAndFade$1 = keyframes({
     '0%': {
       opacity: 0,
@@ -4315,7 +4319,7 @@
   };
 
   const _excluded$l = ["className", "value", "max", "getValueLabel", "color", "size", "rounded", "width"];
-  var _jsxFileName$B = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\progress\\Progress.js";
+  var _jsxFileName$B = "/home/omegalord666/work/majoo-ui/packages/react/src/components/progress/Progress.js";
   const StyledProgress = react.styled(ProgressPrimitive__namespace.Root, {
     position: 'relative',
     overflow: 'hidden',
@@ -4486,7 +4490,7 @@
   };
 
   const _excluded$k = ["children", "htmlFor", "variant", "tooltipLabel", "count", "maxCount"];
-  var _jsxFileName$A = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\FormLabel\\Label.js";
+  var _jsxFileName$A = "/home/omegalord666/work/majoo-ui/packages/react/src/components/form/components/FormLabel/Label.js";
   const StyledLabel = styled(LabelPrimitive__namespace.Root, Text$1, {
     display: 'inline-block',
     fontSize: '$label',
@@ -4598,7 +4602,7 @@
   FormLabel.displayName = 'FormLabel';
 
   const _excluded$j = ["children", "error"];
-  var _jsxFileName$z = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\FormHelper\\Helper.js";
+  var _jsxFileName$z = "/home/omegalord666/work/majoo-ui/packages/react/src/components/form/components/FormHelper/Helper.js";
   const StyledHelper = styled(Text$1, {
     display: 'inline-block',
     color: '$textSecondary',
@@ -4636,7 +4640,7 @@
   };
   FormHelper.displayName = 'FormHelper';
 
-  var _jsxFileName$y = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCheckbox\\icon\\CheckOutline.js";
+  var _jsxFileName$y = "/home/omegalord666/work/majoo-ui/packages/react/src/components/form/components/InputCheckbox/icon/CheckOutline.js";
 
   const CheckOutline$1 = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -4684,7 +4688,7 @@
     }
   }));
 
-  var _jsxFileName$x = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCheckbox\\icon\\MinusOutline.js";
+  var _jsxFileName$x = "/home/omegalord666/work/majoo-ui/packages/react/src/components/form/components/InputCheckbox/icon/MinusOutline.js";
 
   const SvgMinusOutline = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -4733,7 +4737,7 @@
   }));
 
   const _excluded$i = ["id", "checked", "indeterminate", "disabled", "onCheckedChange", "label"];
-  var _jsxFileName$w = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCheckbox\\InputCheckbox.js";
+  var _jsxFileName$w = "/home/omegalord666/work/majoo-ui/packages/react/src/components/form/components/InputCheckbox/InputCheckbox.js";
   const StyledIndicator$1 = styled(CheckboxPrimitive__namespace.Indicator, {
     alignItems: 'center',
     display: 'flex',
@@ -4882,7 +4886,7 @@
   InputCheckbox.displayName = 'InputCheckbox';
 
   const _excluded$h = ["children", "size"];
-  var _jsxFileName$v = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputGroup\\InputGroup.js";
+  var _jsxFileName$v = "/home/omegalord666/work/majoo-ui/packages/react/src/components/form/components/InputGroup/InputGroup.js";
   const InputGroupStyle = styled('div', {
     display: 'flex',
     width: '100%',
@@ -5333,7 +5337,7 @@
   InputRadioGroup.displayName = 'InputRadioGroup';
 
   const _excluded$g = ["id", "disabled"];
-  var _jsxFileName$u = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputRadio\\InputRadio.js";
+  var _jsxFileName$u = "/home/omegalord666/work/majoo-ui/packages/react/src/components/form/components/InputRadio/InputRadio.js";
   const INDICATOR_BASE_STYLES = {
     alignItems: 'center',
     display: 'flex',
@@ -5495,7 +5499,7 @@
   InputRightElement.name = 'InputRightElement';
 
   const _excluded$f = ["className", "children", "onClick", "color", "size", "leftIcon", "rightIcon"];
-  var _jsxFileName$t = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\tag\\Tag.js";
+  var _jsxFileName$t = "/home/omegalord666/work/majoo-ui/packages/react/src/components/tag/Tag.js";
   const TagComponent = styled('span', {
     boxSizing: 'border-box',
     color: '$white',
@@ -5617,7 +5621,7 @@
   };
 
   const _excluded$e = ["className", "size", "isInvalid", "placeholder", "onChange", "value", "disabled", "readOnly", "max"];
-  var _jsxFileName$s = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputTags\\InputTags.js";
+  var _jsxFileName$s = "/home/omegalord666/work/majoo-ui/packages/react/src/components/form/components/InputTags/InputTags.js";
   const InputTagsComponent = styled('div', {
     display: 'flex',
     position: 'relative',
@@ -5838,7 +5842,7 @@
   };
 
   const _excluded$d = ["id", "defaultChecked", "dataOnLabel", "dataOffLabel", "disabled"];
-  var _jsxFileName$r = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSwitch\\InputSwitch.js";
+  var _jsxFileName$r = "/home/omegalord666/work/majoo-ui/packages/react/src/components/form/components/InputSwitch/InputSwitch.js";
   const StyledThumb$1 = styled(SwitchPrimitive__namespace.Thumb, {
     display: 'block',
     width: '16px',
@@ -5946,7 +5950,7 @@
   };
   InputSwitch.displayName = 'InputSwitch';
 
-  var _jsxFileName$q = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSearchbox\\CloseFilled.js";
+  var _jsxFileName$q = "/home/omegalord666/work/majoo-ui/packages/react/src/components/form/components/InputSearchbox/CloseFilled.js";
 
   const SvgCloseFilled = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
     width: props.size,
@@ -6007,7 +6011,7 @@
     size: 24
   };
 
-  var _jsxFileName$p = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSearchbox\\SearchOutline.js";
+  var _jsxFileName$p = "/home/omegalord666/work/majoo-ui/packages/react/src/components/form/components/InputSearchbox/SearchOutline.js";
 
   const SvgSearchOutline = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
     width: props.size,
@@ -6050,7 +6054,7 @@
   };
 
   const _excluded$c = ["size", "onChange"];
-  var _jsxFileName$o = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSearchbox\\InputSearchbox.js";
+  var _jsxFileName$o = "/home/omegalord666/work/majoo-ui/packages/react/src/components/form/components/InputSearchbox/InputSearchbox.js";
 
   const InputSearchbox = _ref => {
     let {
@@ -6470,7 +6474,7 @@
 
   // `SameValue` abstract operation
   // https://tc39.es/ecma262/#sec-samevalue
-  // eslint-disable-next-line es/no-object-is -- safe
+  // eslint-disable-next-line es-x/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;
@@ -6584,7 +6588,7 @@
   var requireObjectCoercible$6 = requireObjectCoercible$a;
   var correctIsRegExpLogic$1 = correctIsRegexpLogic;
 
-  // eslint-disable-next-line es/no-string-prototype-startswith -- safe
+  // eslint-disable-next-line es-x/no-string-prototype-startswith -- safe
   var un$StartsWith = uncurryThis$b(''.startsWith);
   var stringSlice$5 = uncurryThis$b(''.slice);
   var min$2 = Math.min;
@@ -6610,8 +6614,29 @@
     }
   });
 
-  const _excluded$b = ["placeholder", "option", "onChange", "size", "disabled", "search", "value", "iconColor", "icon", "placement", "css"];
-  var _jsxFileName$n = "C:\\Project\\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 = "/home/omegalord666/work/majoo-ui/packages/react/src/components/form/components/InputSelect/InputSelect.js";
   const Box = styled('div', {
     margin: 0,
     flexDirection: 'column',
@@ -6776,6 +6801,9 @@
       iconColor,
       icon,
       placement,
+      valueSelector,
+      textSelector,
+      disabledOptions,
       css
     } = _ref,
         props = _objectWithoutPropertiesLoose(_ref, _excluded$b);
@@ -6791,6 +6819,30 @@
       }
     };
 
+    React__namespace.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__namespace.createElement(Downshift__default["default"], _extends({}, props, {
       onChange: onChange,
       itemToString: item => item ? item.name : '',
@@ -6798,7 +6850,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$n,
-        lineNumber: 181,
+        lineNumber: 207,
         columnNumber: 5
       }
     }), ({
@@ -6817,7 +6869,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$n,
-        lineNumber: 199,
+        lineNumber: 225,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__namespace.createElement(BoxSelect, _extends({}, getRootProps({}, {
@@ -6828,7 +6880,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$n,
-        lineNumber: 200,
+        lineNumber: 226,
         columnNumber: 11
       }
     }), search ? /*#__PURE__*/React__namespace.createElement("div", _extends({}, getToggleButtonProps(), {
@@ -6838,7 +6890,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$n,
-        lineNumber: 202,
+        lineNumber: 228,
         columnNumber: 15
       }
     }), /*#__PURE__*/React__namespace.createElement(Input$1, _extends({
@@ -6850,7 +6902,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$n,
-        lineNumber: 203,
+        lineNumber: 229,
         columnNumber: 17
       }
     }))) : /*#__PURE__*/React__namespace.createElement(Button, _extends({}, getToggleButtonProps(), {
@@ -6859,7 +6911,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$n,
-        lineNumber: 210,
+        lineNumber: 236,
         columnNumber: 15
       }
     }), selectedItem ? /*#__PURE__*/React__namespace.createElement(Paragraph, {
@@ -6867,7 +6919,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$n,
-        lineNumber: 212,
+        lineNumber: 238,
         columnNumber: 19
       }
     }, selectedItem.name) : /*#__PURE__*/React__namespace.createElement(Paragraph, {
@@ -6875,14 +6927,14 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$n,
-        lineNumber: 214,
+        lineNumber: 240,
         columnNumber: 19
       }
     }, placeholder)), /*#__PURE__*/React__namespace.createElement(IconContainer, _extends({}, getToggleButtonProps(), {
       __self: this,
       __source: {
         fileName: _jsxFileName$n,
-        lineNumber: 218,
+        lineNumber: 244,
         columnNumber: 13
       }
     }), icon ? icon : /*#__PURE__*/React__namespace.createElement(MajooIcons.CaretDownOutline, {
@@ -6890,7 +6942,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$n,
-        lineNumber: 219,
+        lineNumber: 245,
         columnNumber: 30
       }
     }))), /*#__PURE__*/React__namespace.createElement(BoxItem, {
@@ -6901,24 +6953,29 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$n,
-        lineNumber: 222,
+        lineNumber: 248,
         columnNumber: 11
       }
     }, item.length !== 0 ? /*#__PURE__*/React__namespace.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__namespace.createElement(SelectItem, _extends({}, getItemProps({
+      return /*#__PURE__*/React__namespace.createElement(SelectItem, _extends({}, !item.isDisabled ? Object.assign({}, getItemProps({
         item
-      }), {
+      })) : {}, {
         key: (_item$value = item.value) != null ? _item$value : index,
-        css: {
+        css: item.isDisabled ? {
+          backgroundColor: '$formDisable',
+          cursor: 'not-allowed',
+          fontWeight: selectedItem === item ? 'bold' : 'normal',
+          color: '$textPrimary'
+        } : {
           backgroundColor: highlightedIndex === index ? '$bgGray' : 'white',
           fontWeight: selectedItem === item ? 'bold' : 'normal',
           color: '$textPrimary'
@@ -6926,7 +6983,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$n,
-          lineNumber: 226,
+          lineNumber: 252,
           columnNumber: 19
         }
       }), item.name);
@@ -6934,14 +6991,14 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$n,
-        lineNumber: 240,
+        lineNumber: 275,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__namespace.createElement(StyledDiv, {
       __self: this,
       __source: {
         fileName: _jsxFileName$n,
-        lineNumber: 241,
+        lineNumber: 276,
         columnNumber: 17
       }
     }, "Item yang anda cari tidak ada")))));
@@ -6956,7 +7013,10 @@
     value: PropTypes__default["default"].object,
     iconColor: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].object]),
     icon: PropTypes__default["default"].node,
-    placement: PropTypes__default["default"].oneOf(['top', 'bottom'])
+    placement: PropTypes__default["default"].oneOf(['top', 'bottom']),
+    textSelector: PropTypes__default["default"].string,
+    valueSelector: PropTypes__default["default"].string,
+    disabledOptions: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string)
   };
   Select$1.defaultProps = {
     placeholder: 'Select Item',
@@ -6965,31 +7025,11 @@
     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 = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSelectTag\\icon\\CheckOutline.js";
+  var _jsxFileName$m = "/home/omegalord666/work/majoo-ui/packages/react/src/components/form/components/InputSelectTag/icon/CheckOutline.js";
 
   const CheckOutline = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -7037,7 +7077,7 @@
     }
   }));
 
-  var _jsxFileName$l = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSelectTag\\InputSelectTag.js";
+  var _jsxFileName$l = "/home/omegalord666/work/majoo-ui/packages/react/src/components/form/components/InputSelectTag/InputSelectTag.js";
   const Wrapper = styled('div', {
     margin: 0,
     flexDirection: 'column',
@@ -7519,7 +7559,7 @@
   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 = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\slider\\Slider.js";
+  var _jsxFileName$k = "/home/omegalord666/work/majoo-ui/packages/react/src/components/slider/Slider.js";
   const StyledSlider = react.styled(SliderPrimitive__namespace.Root, {
     position: 'relative',
     display: 'flex',
@@ -7927,7 +7967,7 @@
 
   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 = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\buttonGroup\\ButtonGroup.js";
+  var _jsxFileName$j = "/home/omegalord666/work/majoo-ui/packages/react/src/components/buttonGroup/ButtonGroup.js";
   const ButtonGroupComponent = styled(ToggleGroupPrimitive__namespace.Root, {
     display: 'inline-flex',
     borderRadius: '$md',
@@ -8155,7 +8195,7 @@
   };
 
   const _excluded$8 = ["children", "value"];
-  var _jsxFileName$i = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\notificationBadge\\notificationBadge.js";
+  var _jsxFileName$i = "/home/omegalord666/work/majoo-ui/packages/react/src/components/notificationBadge/notificationBadge.js";
   const NotificationBadgeRootStyle = styled('span', {
     position: 'relative',
     display: 'inline-flex',
@@ -8319,7 +8359,7 @@
   };
 
   const _excluded$7 = ["className", "children", "radius", "padding", "width", "height"];
-  var _jsxFileName$h = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\paper\\Paper.js";
+  var _jsxFileName$h = "/home/omegalord666/work/majoo-ui/packages/react/src/components/paper/Paper.js";
   const PaperComponent = styled('div', {
     padding: '20px',
     height: 'auto',
@@ -8371,7 +8411,6 @@
   };
 
   const IconButton = styled('button', {
-    all: 'unset',
     cursor: 'pointer',
     borderRadius: '$round',
     size: '24px',
@@ -8379,6 +8418,8 @@
     display: 'inline-flex',
     alignItems: 'center',
     justifyContent: 'center',
+    border: 'none',
+    appearance: 'none',
     // '&:focus': {
     //   outline: '2px solid #82C4E0',
     // },
@@ -8412,7 +8453,7 @@
   });
 
   const _excluded$6 = ["children"];
-  var _jsxFileName$g = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\modalDialog\\ModalDialog.js";
+  var _jsxFileName$g = "/home/omegalord666/work/majoo-ui/packages/react/src/components/modalDialog/ModalDialog.js";
   const overlayShow = keyframes({
     '0%': {
       opacity: 0
@@ -8449,6 +8490,33 @@
     },
     '&:focus': {
       outline: 'none'
+    },
+    width: '100%',
+    variants: {
+      size: {
+        xs: {
+          maxWidth: '320px'
+        },
+        sm: {
+          maxWidth: '384px'
+        },
+        md: {
+          maxWidth: '448px'
+        },
+        lg: {
+          maxWidth: '512px'
+        },
+        xl: {
+          maxWidth: '576px'
+        },
+        full: {
+          maxWidth: '100vw',
+          minHeight: '100vh'
+        }
+      }
+    },
+    defaultVariants: {
+      size: 'md'
     }
   });
 
@@ -8462,21 +8530,21 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$g,
-        lineNumber: 38,
+        lineNumber: 66,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__default["default"].createElement(StyledOverlay$1, {
       __self: this,
       __source: {
         fileName: _jsxFileName$g,
-        lineNumber: 39,
+        lineNumber: 67,
         columnNumber: 7
       }
     }), /*#__PURE__*/React__default["default"].createElement(StyledContent$2, _extends({}, props, {
       __self: this,
       __source: {
         fileName: _jsxFileName$g,
-        lineNumber: 40,
+        lineNumber: 68,
         columnNumber: 7
       }
     }), children));
@@ -8504,9 +8572,14 @@
   const DialogTitle = StyledTitle;
   const DialogDescription = StyledDescription;
   const DialogClose = DialogPrimitive__namespace.Close;
+  DialogTrigger.displayName = 'DialogTrigger';
+  DialogContent.displayName = 'DialogContent';
+  DialogTitle.displayName = 'DialogTitle';
+  DialogDescription.displayName = 'DialogDescription';
+  DialogClose.displayName = 'DialogClose';
 
   const _excluded$5 = ["children"];
-  var _jsxFileName$f = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\drawer\\Drawer.js";
+  var _jsxFileName$f = "/home/omegalord666/work/majoo-ui/packages/react/src/components/drawer/Drawer.js";
   const fadeIn = keyframes({
     from: {
       opacity: '0'
@@ -8658,11 +8731,16 @@
   const DrawerClose = StyledClose;
   const DrawerTitle = DialogPrimitive__namespace.Title;
   const DrawerDescription = DialogPrimitive__namespace.Description;
+  Drawer.displayName = 'Drawer';
+  DrawerContent.displayName = 'DrawerContent';
+  DrawerClose.displayName = 'DrawerClose';
+  DrawerTitle.displayName = 'DrawerTitle';
+  DrawerDescription.displayName = 'DrawerDescription';
 
   const _excluded$4 = ["children", "disabled"],
         _excluded2$1 = ["children", "hasContent", "arrowColor"],
         _excluded3$1 = ["children"];
-  var _jsxFileName$e = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\accordion\\Accordion.js";
+  var _jsxFileName$e = "/home/omegalord666/work/majoo-ui/packages/react/src/components/accordion/Accordion.js";
   //   from: { height: 0 },
   //   to: { height: 'var(--radix-accordion-content-height)' },
   // });
@@ -8834,7 +8912,7 @@
     return matches;
   }
 
-  var _jsxFileName$d = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\datePicker\\AdvancedOption.js";
+  var _jsxFileName$d = "/home/omegalord666/work/majoo-ui/packages/react/src/components/datePicker/AdvancedOption.js";
   const ButtonGroup = styled(ToggleGroupPrimitive__namespace.Root, {
     width: '100%'
   });
@@ -8947,7 +9025,7 @@
   });
   DateNumber.displayName = 'DateNumber';
 
-  var _jsxFileName$c = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\datePicker\\components\\Calendar.js";
+  var _jsxFileName$c = "/home/omegalord666/work/majoo-ui/packages/react/src/components/datePicker/components/Calendar.js";
 
   const getVariant$1 = ({
     selectable,
@@ -9614,7 +9692,7 @@
     return null;
   };
 
-  var _jsxFileName$b = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\datePicker\\components\\MobileCalendar.js";
+  var _jsxFileName$b = "/home/omegalord666/work/majoo-ui/packages/react/src/components/datePicker/components/MobileCalendar.js";
 
   const getVariant = ({
     selectable,
@@ -10270,7 +10348,7 @@
   const _excluded$3 = ["multiDatePicker", "onChange", "onClose", "advanceView", "selected", "disabled"],
         _excluded2 = ["multiDatePicker", "onChange", "onClose", "advanceView", "selected", "disabled"],
         _excluded3 = ["type"];
-  var _jsxFileName$a = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\datePicker\\DatePicker.js";
+  var _jsxFileName$a = "/home/omegalord666/work/majoo-ui/packages/react/src/components/datePicker/DatePicker.js";
   const SINGLE_PICKER = 'single';
   const RANGE_PICKER = 'range';
   const ADVANCE_PICKER = 'advance';
@@ -10452,7 +10530,7 @@
     }));
   };
 
-  var _jsxFileName$9 = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\datePicker\\InputDatePicker.js";
+  var _jsxFileName$9 = "/home/omegalord666/work/majoo-ui/packages/react/src/components/datePicker/InputDatePicker.js";
   const UPDATE = 'UPDATE';
   const TODAY = 'TODAY';
   const YESTERDAY = 'YESTERDAY';
@@ -10665,8 +10743,8 @@
       }),
       type: type,
       disabled: disabled,
-      date: date ? date === null || date === void 0 ? void 0 : date[1] : selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate[1],
-      selected: date != null ? date : selectedDate,
+      date: date ? date == null ? void 0 : date[1] : selectedDate == null ? void 0 : selectedDate[1],
+      selected: selectedDate,
       multiDatePicker: type !== SINGLE_PICKER,
       onChange: date => {
         dispatch({
@@ -10774,6 +10852,14 @@
     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;
@@ -10805,7 +10891,7 @@
   }
 
   const _excluded$2 = ["isActive", "onClick"];
-  var _jsxFileName$8 = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\pagination\\PaginationButton.js";
+  var _jsxFileName$8 = "/home/omegalord666/work/majoo-ui/packages/react/src/components/pagination/PaginationButton.js";
 
   const PageButton = _ref => {
     let {
@@ -10842,11 +10928,15 @@
     const isLg = useMediaQuery('(max-width: 800px)');
 
     const handleSelectPage = page => {
-      if (onSelect) {
+      if (onSelect && page > 0 && page <= totalPages) {
         onSelect(page);
       }
     };
 
+    const inputPageRef = React.useRef();
+    React.useEffect(() => {
+      inputPageRef.current.value = '';
+    }, [currentPage]);
     const debouncedGoToPage = React.useCallback(debounce__default["default"](handleSelectPage, 1000), []);
 
     const generatePages = () => {
@@ -10895,7 +10985,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$8,
-        lineNumber: 75,
+        lineNumber: 81,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__default["default"].createElement(Flex, {
@@ -10904,7 +10994,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$8,
-        lineNumber: 76,
+        lineNumber: 82,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default["default"].createElement(IconButton, {
@@ -10914,14 +11004,14 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$8,
-        lineNumber: 77,
+        lineNumber: 83,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(MajooIcons.DoubleChevronLeftOutline, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$8,
-        lineNumber: 82,
+        lineNumber: 88,
         columnNumber: 11
       }
     })), /*#__PURE__*/React__default["default"].createElement(IconButton, {
@@ -10931,14 +11021,14 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$8,
-        lineNumber: 84,
+        lineNumber: 90,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(MajooIcons.ChevronLeftOutline, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$8,
-        lineNumber: 89,
+        lineNumber: 95,
         columnNumber: 11
       }
     })), generatePages().map((page, index) => {
@@ -10949,7 +11039,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$8,
-          lineNumber: 93,
+          lineNumber: 99,
           columnNumber: 13
         }
       }, page);
@@ -10960,14 +11050,14 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$8,
-        lineNumber: 102,
+        lineNumber: 108,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(MajooIcons.ChevronRightOutline, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$8,
-        lineNumber: 107,
+        lineNumber: 113,
         columnNumber: 11
       }
     })), /*#__PURE__*/React__default["default"].createElement(IconButton, {
@@ -10977,14 +11067,14 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$8,
-        lineNumber: 109,
+        lineNumber: 115,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(MajooIcons.DoubleChevronRightOutline, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$8,
-        lineNumber: 116,
+        lineNumber: 122,
         columnNumber: 11
       }
     }))), /*#__PURE__*/React__default["default"].createElement(Separator, {
@@ -10996,7 +11086,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$8,
-        lineNumber: 120,
+        lineNumber: 126,
         columnNumber: 7
       }
     }), /*#__PURE__*/React__default["default"].createElement(Box$1, {
@@ -11008,7 +11098,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$8,
-        lineNumber: 122,
+        lineNumber: 128,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default["default"].createElement(Text$1, {
@@ -11016,10 +11106,11 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$8,
-        lineNumber: 123,
+        lineNumber: 129,
         columnNumber: 9
       }
     }, "Ke Halaman"), /*#__PURE__*/React__default["default"].createElement(InputText, {
+      ref: inputPageRef,
       type: "number",
       onChange: e => {
         if (e.target.value) {
@@ -11039,14 +11130,14 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$8,
-        lineNumber: 124,
+        lineNumber: 130,
         columnNumber: 9
       }
     })));
   };
 
   const _excluded$1 = ["limits", "selectedLimit", "currentPage", "totalData", "onChange"];
-  var _jsxFileName$7 = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\pagination\\PaginationInfo.js";
+  var _jsxFileName$7 = "/home/omegalord666/work/majoo-ui/packages/react/src/components/pagination/PaginationInfo.js";
 
   function PaginationInfo(_ref) {
     let {
@@ -11142,7 +11233,7 @@
   }
 
   const _excluded = ["limit", "currentPage", "totalData", "onLimitChange", "onPageChange"];
-  var _jsxFileName$6 = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\pagination\\Pagination.js";
+  var _jsxFileName$6 = "/home/omegalord666/work/majoo-ui/packages/react/src/components/pagination/Pagination.js";
 
   function Pagination(_ref) {
     let {
@@ -11202,9 +11293,9 @@
   };
   Pagination.displayName = 'Pagination';
 
-  var _jsxFileName$5 = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\table\\MobileTable.js";
+  var _jsxFileName$5 = "/home/omegalord666/work/majoo-ui/packages/react/src/components/table/MobileTable.js";
   const TableContainer$1 = styled(Flex, {
-    position: 'fixed',
+    position: 'relative',
     flexDirection: 'column',
     width: '100%',
     height: '100%',
@@ -11470,7 +11561,7 @@
     }, footer)))));
   }
 
-  var _jsxFileName$4 = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\table\\Table.js";
+  var _jsxFileName$4 = "/home/omegalord666/work/majoo-ui/packages/react/src/components/table/Table.js";
   const TableContainer = styled('div', {
     display: 'block',
     flexDirection: 'column',
@@ -11612,21 +11703,35 @@
     }
   };
 
+  const defaultFetchDataParams = {
+    pageIndex: 0,
+    pageSize: 10
+  };
+
   function Table({
     columns,
     data,
+    pageIndex: controlledPageIndex,
     totalData,
     fetchData,
     css,
     onSelectedChange
   }) {
+    const [limit, setLimit] = React.useState(10);
     const instance = reactTable.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
     }, reactTable.useSortBy, reactTable.useExpanded, reactTable.usePagination, reactTable.useRowSelect);
     const {
       getTableProps,
@@ -11640,21 +11745,43 @@
       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);
+    };
+
+    React.useEffect(() => {
+      gotoPage(controlledPageIndex);
+    }, [controlledPageIndex]);
+    React.useEffect(() => {
+      if (data && data.length > 0) doFetchData(0, pageSize);
+    }, [sortBy]);
+    const isMobile = useMediaQuery('(max-width: 1024px)');
+
     const renderFooter = () => /*#__PURE__*/React__default["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: {
@@ -11666,18 +11793,11 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$4,
-        lineNumber: 194,
+        lineNumber: 225,
         columnNumber: 5
       }
     });
 
-    const isMobile = useMediaQuery('(max-width: 1024px)');
-    React.useEffect(() => {
-      if (fetchData) fetchData({
-        pageIndex,
-        pageSize
-      });
-    }, [fetchData, pageIndex, pageSize]);
     React.useEffect(() => {
       if (isMobile) {
         allColumns.map(column => {
@@ -11702,28 +11822,28 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$4,
-        lineNumber: 240,
+        lineNumber: 268,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__default["default"].createElement(TableContent, _extends({}, getTableProps(), {
       __self: this,
       __source: {
         fileName: _jsxFileName$4,
-        lineNumber: 241,
+        lineNumber: 269,
         columnNumber: 7
       }
     }), /*#__PURE__*/React__default["default"].createElement(TableHead, {
       __self: this,
       __source: {
         fileName: _jsxFileName$4,
-        lineNumber: 242,
+        lineNumber: 270,
         columnNumber: 9
       }
     }, headerGroups.map(headerGroup => /*#__PURE__*/React__default["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 => {
@@ -11732,14 +11852,14 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$4,
-          lineNumber: 250,
+          lineNumber: 278,
           columnNumber: 21
         }
       }), typeof headerRender === 'string' ? /*#__PURE__*/React__default["default"].createElement(TableHeaderCellContainer, {
         __self: this,
         __source: {
           fileName: _jsxFileName$4,
-          lineNumber: 252,
+          lineNumber: 280,
           columnNumber: 25
         }
       }, /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(TableHeadCellContent, {
@@ -11747,7 +11867,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$4,
-          lineNumber: 254,
+          lineNumber: 282,
           columnNumber: 29
         }
       }, headerRender.toUpperCase()), /*#__PURE__*/React__default["default"].createElement(MajooIcons.SortingOutline, {
@@ -11756,7 +11876,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$4,
-          lineNumber: 257,
+          lineNumber: 285,
           columnNumber: 29
         }
       }))) : headerRender);
@@ -11764,7 +11884,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$4,
-        lineNumber: 269,
+        lineNumber: 297,
         columnNumber: 9
       }
     }), page.map((row, i) => {
@@ -11780,21 +11900,21 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$4,
-          lineNumber: 277,
+          lineNumber: 305,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default["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["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) => {
@@ -11804,7 +11924,7 @@
           __self: this,
           __source: {
             fileName: _jsxFileName$4,
-            lineNumber: 290,
+            lineNumber: 318,
             columnNumber: 25
           }
         }, leftAddOnCells.map((_, index) => /*#__PURE__*/React__default["default"].createElement("td", {
@@ -11812,7 +11932,7 @@
           __self: this,
           __source: {
             fileName: _jsxFileName$4,
-            lineNumber: 292,
+            lineNumber: 320,
             columnNumber: 29
           }
         })), cells.map((cell, index) => /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
@@ -11820,7 +11940,7 @@
           __self: this,
           __source: {
             fileName: _jsxFileName$4,
-            lineNumber: 295,
+            lineNumber: 323,
             columnNumber: 29
           }
         }, /*#__PURE__*/React__default["default"].createElement(TableCell, {
@@ -11829,7 +11949,7 @@
           __self: this,
           __source: {
             fileName: _jsxFileName$4,
-            lineNumber: 296,
+            lineNumber: 324,
             columnNumber: 31
           }
         }, /*#__PURE__*/React__default["default"].createElement(Paragraph, {
@@ -11837,7 +11957,7 @@
           __self: this,
           __source: {
             fileName: _jsxFileName$4,
-            lineNumber: 297,
+            lineNumber: 325,
             columnNumber: 33
           }
         }, cell.column.Header)), /*#__PURE__*/React__default["default"].createElement(TableCell, {
@@ -11846,7 +11966,7 @@
           __self: this,
           __source: {
             fileName: _jsxFileName$4,
-            lineNumber: 299,
+            lineNumber: 327,
             columnNumber: 31
           }
         }, /*#__PURE__*/React__default["default"].createElement(Paragraph, {
@@ -11854,7 +11974,7 @@
           __self: this,
           __source: {
             fileName: _jsxFileName$4,
-            lineNumber: 310,
+            lineNumber: 338,
             columnNumber: 33
           }
         }, cell.render('Cell'))))));
@@ -11863,14 +11983,14 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$4,
-        lineNumber: 322,
+        lineNumber: 350,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(TableFootRow, {
       __self: this,
       __source: {
         fileName: _jsxFileName$4,
-        lineNumber: 323,
+        lineNumber: 351,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default["default"].createElement(TableFootCell, {
@@ -11878,7 +11998,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$4,
-        lineNumber: 324,
+        lineNumber: 352,
         columnNumber: 13
       }
     }, renderFooter()))))) : /*#__PURE__*/React__default["default"].createElement(MobileTable, {
@@ -11888,7 +12008,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$4,
-        lineNumber: 330,
+        lineNumber: 358,
         columnNumber: 5
       }
     });
@@ -11897,11 +12017,14 @@
   Table.propTypes = {
     data: PropTypes__default["default"].arrayOf(PropTypes__default["default"].object),
     column: PropTypes__default["default"].arrayOf(PropTypes__default["default"].object),
+    totalData: PropTypes__default["default"].number,
+    fetchData: PropTypes__default["default"].func,
+    css: PropTypes__default["default"].object,
     onSelectedChange: PropTypes__default["default"].func
   };
   Table.displayName = 'Table';
 
-  var _jsxFileName$3 = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\DateColumn.js";
+  var _jsxFileName$3 = "/home/omegalord666/work/majoo-ui/packages/react/src/components/table/components/columns/DateColumn.js";
 
   const DateColumn = ({
     value
@@ -12160,7 +12283,7 @@
   var apply$2 = FunctionPrototype.apply;
   var call$2 = FunctionPrototype.call;
 
-  // eslint-disable-next-line es/no-reflect -- safe
+  // eslint-disable-next-line es-x/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);
   });
@@ -12738,7 +12861,7 @@
     return addThousandSeparator(param);
   };
 
-  var _jsxFileName$2 = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\RowExpanderColumn.js";
+  var _jsxFileName$2 = "/home/omegalord666/work/majoo-ui/packages/react/src/components/table/components/columns/RowExpanderColumn.js";
   const rowExpanderColumn = {
     id: 'expander',
     Header: () => null,
@@ -12765,20 +12888,37 @@
         lineNumber: 9,
         columnNumber: 50
       }
-    }))
+    })),
+    canSort: false
   };
 
-  var _jsxFileName$1 = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\RowMenuColumn.js";
+  var _jsxFileName$1 = "/home/omegalord666/work/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] = React.useState(false);
       return /*#__PURE__*/React__default["default"].createElement(Popover, {
         open: open,
@@ -12786,29 +12926,28 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$1,
-          lineNumber: 22,
+          lineNumber: 37,
           columnNumber: 7
         }
       }, /*#__PURE__*/React__default["default"].createElement(MenuTriggerButton, {
-        buttonType: "secondary",
         __self: undefined,
         __source: {
           fileName: _jsxFileName$1,
-          lineNumber: 23,
+          lineNumber: 38,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(MajooIcons.EllipsisHorizontalOutline, {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$1,
-          lineNumber: 24,
+          lineNumber: 39,
           columnNumber: 11
         }
       })), /*#__PURE__*/React__default["default"].createElement(PopoverContent, {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$1,
-          lineNumber: 26,
+          lineNumber: 41,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(MenuContainer, {
@@ -12816,7 +12955,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$1,
-          lineNumber: 27,
+          lineNumber: 42,
           columnNumber: 11
         }
       }, options.map(option => /*#__PURE__*/React__default["default"].createElement(Button$1, {
@@ -12824,19 +12963,20 @@
         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 = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\RowSelectionColumn.js";
+  var _jsxFileName = "/home/omegalord666/work/majoo-ui/packages/react/src/components/table/components/columns/RowSelectionColumn.js";
   const rowSelectionColumn = {
     id: 'selection',
     Header: ({
@@ -12863,7 +13003,8 @@
         lineNumber: 13,
         columnNumber: 5
       }
-    }))
+    })),
+    canSort: false
   };
 
   exports.ADVANCE_PICKER = ADVANCE_PICKER;
@@ -12931,6 +13072,7 @@
   exports.InputText = InputText;
   exports.InputTextArea = InputTextArea;
   exports.MajooProvider = MajooProvider;
+  exports.MobileTable = MobileTable;
   exports.NotificationBadge = NotificationBadge;
   exports.Pagination = Pagination;
   exports.Paper = Paper;
@@ -12970,6 +13112,7 @@
   exports.ToastContext = ToastContext;
   exports.Tooltip = Tooltip;
   exports.addOnCellStyle = addOnCellStyle;
+  exports.defaultFetchDataParams = defaultFetchDataParams;
 
   Object.defineProperty(exports, '__esModule', { value: true });