@majoo-ui/react 1.46.6 → 1.46.7

package/index.esm.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import React__default, { useState, createContext, useContext, useEffect, useRef, createElement as createElement$2, cloneElement, useCallback, useReducer } from 'react';
-import PropTypes, { string, func } from 'prop-types';
+import PropTypes from 'prop-types';
 import { createStitches, styled as styled$1 } from '@stitches/react';
 import { foundations } from '@majoo-ui/core';
 import { CloseOutline, UserFilled, CircleQuestionOutline, SearchOutline, CloseFilled, CircleInfoOutline, CaretDownOutline, CirclePlusOutline, ChevronDownOutline, ChevronLeftOutline, ChevronRightOutline, ChevronUpOutline, TimeOutline, CalendarOutline, ArrowLeftOutline, ArrowRightOutline, EllipsisHorizontalOutline, EyeOutline, CheckFilled, UploadOutline, ImageOutline, ChevronLgLeftOutline, ChevronUpDownOutline, RemoveOutline } from '@majoo-ui/icons';
@@ -40,7 +40,7 @@ import ReactCrop, { centerCrop, makeAspectCrop } from 'react-image-crop';
 import request from 'superagent';
 import { useSticky } from 'react-table-sticky';
 
-var _jsxFileName$$ = "C:\\Project\\majoo-ui\\packages\\react\\src\\majoo-provider\\ThemeProvider.js";
+var _jsxFileName$$ = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\majoo-provider\\ThemeProvider.js";
 
 function ThemeProvider({
   theme,
@@ -69,7 +69,7 @@ var check = function (it) {
 };
 
 // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
-var global$s =
+var global$U =
   // eslint-disable-next-line es-x/no-global-this -- safe
   check(typeof globalThis == 'object' && globalThis) ||
   check(typeof window == 'object' && window) ||
@@ -156,35 +156,38 @@ var functionUncurryThis = NATIVE_BIND$2 ? function (fn) {
 
 var uncurryThis$w = functionUncurryThis;
 
-var toString$h = uncurryThis$w({}.toString);
+var toString$j = uncurryThis$w({}.toString);
 var stringSlice$b = uncurryThis$w(''.slice);
 
 var classofRaw$1 = function (it) {
-  return stringSlice$b(toString$h(it), 8, -1);
+  return stringSlice$b(toString$j(it), 8, -1);
 };
 
+var global$T = global$U;
 var uncurryThis$v = functionUncurryThis;
 var fails$p = fails$s;
 var classof$8 = classofRaw$1;
 
-var $Object$4 = Object;
+var Object$5 = global$T.Object;
 var split$3 = uncurryThis$v(''.split);
 
 // fallback for non-array-like ES3 and non-enumerable old V8 strings
 var indexedObject = fails$p(function () {
   // throws an error in rhino, see https://github.com/mozilla/rhino/issues/346
   // eslint-disable-next-line no-prototype-builtins -- safe
-  return !$Object$4('z').propertyIsEnumerable(0);
+  return !Object$5('z').propertyIsEnumerable(0);
 }) ? function (it) {
-  return classof$8(it) == 'String' ? split$3(it, '') : $Object$4(it);
-} : $Object$4;
+  return classof$8(it) == 'String' ? split$3(it, '') : Object$5(it);
+} : Object$5;
 
-var $TypeError$f = TypeError;
+var global$S = global$U;
+
+var TypeError$j = global$S.TypeError;
 
 // `RequireObjectCoercible` abstract operation
 // https://tc39.es/ecma262/#sec-requireobjectcoercible
 var requireObjectCoercible$a = function (it) {
-  if (it == undefined) throw $TypeError$f("Can't call method on " + it);
+  if (it == undefined) throw TypeError$j("Can't call method on " + it);
   return it;
 };
 
@@ -208,7 +211,7 @@ var isObject$d = function (it) {
   return typeof it == 'object' ? it !== null : isCallable$o(it);
 };
 
-var global$r = global$s;
+var global$R = global$U;
 var isCallable$n = isCallable$p;
 
 var aFunction = function (argument) {
@@ -216,7 +219,7 @@ var aFunction = function (argument) {
 };
 
 var getBuiltIn$8 = function (namespace, method) {
-  return arguments.length < 2 ? aFunction(global$r[namespace]) : global$r[namespace] && global$r[namespace][method];
+  return arguments.length < 2 ? aFunction(global$R[namespace]) : global$R[namespace] && global$R[namespace][method];
 };
 
 var uncurryThis$u = functionUncurryThis;
@@ -227,11 +230,11 @@ var getBuiltIn$7 = getBuiltIn$8;
 
 var engineUserAgent = getBuiltIn$7('navigator', 'userAgent') || '';
 
-var global$q = global$s;
+var global$Q = global$U;
 var userAgent$5 = engineUserAgent;
 
-var process$3 = global$q.process;
-var Deno$1 = global$q.Deno;
+var process$3 = global$Q.process;
+var Deno$1 = global$Q.Deno;
 var versions = process$3 && process$3.versions || Deno$1 && Deno$1.version;
 var v8 = versions && versions.v8;
 var match, version;
@@ -278,39 +281,43 @@ var useSymbolAsUid = NATIVE_SYMBOL$2
   && !Symbol.sham
   && typeof Symbol.iterator == 'symbol';
 
+var global$P = global$U;
 var getBuiltIn$6 = getBuiltIn$8;
 var isCallable$m = isCallable$p;
 var isPrototypeOf$5 = objectIsPrototypeOf;
 var USE_SYMBOL_AS_UID$1 = useSymbolAsUid;
 
-var $Object$3 = Object;
+var Object$4 = global$P.Object;
 
-var isSymbol$2 = USE_SYMBOL_AS_UID$1 ? function (it) {
+var isSymbol$6 = USE_SYMBOL_AS_UID$1 ? function (it) {
   return typeof it == 'symbol';
 } : function (it) {
   var $Symbol = getBuiltIn$6('Symbol');
-  return isCallable$m($Symbol) && isPrototypeOf$5($Symbol.prototype, $Object$3(it));
+  return isCallable$m($Symbol) && isPrototypeOf$5($Symbol.prototype, Object$4(it));
 };
 
-var $String$4 = String;
+var global$O = global$U;
+
+var String$6 = global$O.String;
 
-var tryToString$5 = function (argument) {
+var tryToString$4 = function (argument) {
   try {
-    return $String$4(argument);
+    return String$6(argument);
   } catch (error) {
     return 'Object';
   }
 };
 
+var global$N = global$U;
 var isCallable$l = isCallable$p;
-var tryToString$4 = tryToString$5;
+var tryToString$3 = tryToString$4;
 
-var $TypeError$e = TypeError;
+var TypeError$i = global$N.TypeError;
 
 // `Assert: IsCallable(argument) is true`
 var aCallable$9 = function (argument) {
   if (isCallable$l(argument)) return argument;
-  throw $TypeError$e(tryToString$4(argument) + ' is not a function');
+  throw TypeError$i(tryToString$3(argument) + ' is not a function');
 };
 
 var aCallable$8 = aCallable$9;
@@ -322,11 +329,12 @@ var getMethod$6 = function (V, P) {
   return func == null ? undefined : aCallable$8(func);
 };
 
+var global$M = global$U;
 var call$k = functionCall;
 var isCallable$k = isCallable$p;
 var isObject$c = isObject$d;
 
-var $TypeError$d = TypeError;
+var TypeError$h = global$M.TypeError;
 
 // `OrdinaryToPrimitive` abstract operation
 // https://tc39.es/ecma262/#sec-ordinarytoprimitive
@@ -335,31 +343,31 @@ var ordinaryToPrimitive$1 = function (input, pref) {
   if (pref === 'string' && isCallable$k(fn = input.toString) && !isObject$c(val = call$k(fn, input))) return val;
   if (isCallable$k(fn = input.valueOf) && !isObject$c(val = call$k(fn, input))) return val;
   if (pref !== 'string' && isCallable$k(fn = input.toString) && !isObject$c(val = call$k(fn, input))) return val;
-  throw $TypeError$d("Can't convert object to primitive value");
+  throw TypeError$h("Can't convert object to primitive value");
 };
 
 var shared$4 = {exports: {}};
 
 var isPure = false;
 
-var global$p = global$s;
+var global$L = global$U;
 
 // eslint-disable-next-line es-x/no-object-defineproperty -- safe
-var defineProperty$8 = Object.defineProperty;
+var defineProperty$7 = Object.defineProperty;
 
-var defineGlobalProperty$3 = function (key, value) {
+var setGlobal$3 = function (key, value) {
   try {
-    defineProperty$8(global$p, key, { value: value, configurable: true, writable: true });
+    defineProperty$7(global$L, key, { value: value, configurable: true, writable: true });
   } catch (error) {
-    global$p[key] = value;
+    global$L[key] = value;
   } return value;
 };
 
-var global$o = global$s;
-var defineGlobalProperty$2 = defineGlobalProperty$3;
+var global$K = global$U;
+var setGlobal$2 = setGlobal$3;
 
 var SHARED = '__core-js_shared__';
-var store$3 = global$o[SHARED] || defineGlobalProperty$2(SHARED, {});
+var store$3 = global$K[SHARED] || setGlobal$2(SHARED, {});
 
 var sharedStore = store$3;
 
@@ -368,21 +376,22 @@ var store$2 = sharedStore;
 (shared$4.exports = function (key, value) {
   return store$2[key] || (store$2[key] = value !== undefined ? value : {});
 })('versions', []).push({
-  version: '3.23.3',
+  version: '3.22.5',
   mode: 'global',
   copyright: '© 2014-2022 Denis Pushkarev (zloirock.ru)',
-  license: 'https://github.com/zloirock/core-js/blob/v3.23.3/LICENSE',
+  license: 'https://github.com/zloirock/core-js/blob/v3.22.5/LICENSE',
   source: 'https://github.com/zloirock/core-js'
 });
 
+var global$J = global$U;
 var requireObjectCoercible$8 = requireObjectCoercible$a;
 
-var $Object$2 = Object;
+var Object$3 = global$J.Object;
 
 // `ToObject` abstract operation
 // https://tc39.es/ecma262/#sec-toobject
 var toObject$7 = function (argument) {
-  return $Object$2(requireObjectCoercible$8(argument));
+  return Object$3(requireObjectCoercible$8(argument));
 };
 
 var uncurryThis$t = functionUncurryThis;
@@ -401,13 +410,13 @@ var uncurryThis$s = functionUncurryThis;
 
 var id = 0;
 var postfix = Math.random();
-var toString$g = uncurryThis$s(1.0.toString);
+var toString$i = uncurryThis$s(1.0.toString);
 
 var uid$2 = function (key) {
-  return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString$g(++id + postfix, 36);
+  return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString$i(++id + postfix, 36);
 };
 
-var global$n = global$s;
+var global$I = global$U;
 var shared$3 = shared$4.exports;
 var hasOwn$e = hasOwnProperty_1;
 var uid$1 = uid$2;
@@ -415,7 +424,7 @@ var NATIVE_SYMBOL$1 = nativeSymbol;
 var USE_SYMBOL_AS_UID = useSymbolAsUid;
 
 var WellKnownSymbolsStore = shared$3('wks');
-var Symbol$7 = global$n.Symbol;
+var Symbol$7 = global$I.Symbol;
 var symbolFor = Symbol$7 && Symbol$7['for'];
 var createWellKnownSymbol = USE_SYMBOL_AS_UID ? Symbol$7 : Symbol$7 && Symbol$7.withoutSetter || uid$1;
 
@@ -432,46 +441,47 @@ var wellKnownSymbol$l = function (name) {
   } return WellKnownSymbolsStore[name];
 };
 
+var global$H = global$U;
 var call$j = functionCall;
 var isObject$b = isObject$d;
-var isSymbol$1 = isSymbol$2;
+var isSymbol$5 = isSymbol$6;
 var getMethod$5 = getMethod$6;
 var ordinaryToPrimitive = ordinaryToPrimitive$1;
 var wellKnownSymbol$k = wellKnownSymbol$l;
 
-var $TypeError$c = TypeError;
+var TypeError$g = global$H.TypeError;
 var TO_PRIMITIVE = wellKnownSymbol$k('toPrimitive');
 
 // `ToPrimitive` abstract operation
 // https://tc39.es/ecma262/#sec-toprimitive
 var toPrimitive$1 = function (input, pref) {
-  if (!isObject$b(input) || isSymbol$1(input)) return input;
+  if (!isObject$b(input) || isSymbol$5(input)) return input;
   var exoticToPrim = getMethod$5(input, TO_PRIMITIVE);
   var result;
   if (exoticToPrim) {
     if (pref === undefined) pref = 'default';
     result = call$j(exoticToPrim, input, pref);
-    if (!isObject$b(result) || isSymbol$1(result)) return result;
-    throw $TypeError$c("Can't convert object to primitive value");
+    if (!isObject$b(result) || isSymbol$5(result)) return result;
+    throw TypeError$g("Can't convert object to primitive value");
   }
   if (pref === undefined) pref = 'number';
   return ordinaryToPrimitive(input, pref);
 };
 
 var toPrimitive = toPrimitive$1;
-var isSymbol = isSymbol$2;
+var isSymbol$4 = isSymbol$6;
 
 // `ToPropertyKey` abstract operation
 // https://tc39.es/ecma262/#sec-topropertykey
 var toPropertyKey$3 = function (argument) {
   var key = toPrimitive(argument, 'string');
-  return isSymbol(key) ? key : key + '';
+  return isSymbol$4(key) ? key : key + '';
 };
 
-var global$m = global$s;
+var global$G = global$U;
 var isObject$a = isObject$d;
 
-var document$3 = global$m.document;
+var document$3 = global$G.document;
 // typeof document.createElement is 'object' in old IE
 var EXISTS$1 = isObject$a(document$3) && isObject$a(document$3.createElement);
 
@@ -529,24 +539,26 @@ var v8PrototypeDefineBug = DESCRIPTORS$c && fails$m(function () {
   }).prototype != 42;
 });
 
+var global$F = global$U;
 var isObject$9 = isObject$d;
 
-var $String$3 = String;
-var $TypeError$b = TypeError;
+var String$5 = global$F.String;
+var TypeError$f = global$F.TypeError;
 
 // `Assert: Type(argument) is Object`
 var anObject$i = function (argument) {
   if (isObject$9(argument)) return argument;
-  throw $TypeError$b($String$3(argument) + ' is not an object');
+  throw TypeError$f(String$5(argument) + ' is not an object');
 };
 
+var global$E = global$U;
 var DESCRIPTORS$b = descriptors;
 var IE8_DOM_DEFINE = ie8DomDefine;
 var V8_PROTOTYPE_DEFINE_BUG$1 = v8PrototypeDefineBug;
 var anObject$h = anObject$i;
 var toPropertyKey$1 = toPropertyKey$3;
 
-var $TypeError$a = TypeError;
+var TypeError$e = global$E.TypeError;
 // eslint-disable-next-line es-x/no-object-defineproperty -- safe
 var $defineProperty = Object.defineProperty;
 // eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
@@ -579,7 +591,7 @@ objectDefineProperty.f = DESCRIPTORS$b ? V8_PROTOTYPE_DEFINE_BUG$1 ? function de
   if (IE8_DOM_DEFINE) try {
     return $defineProperty(O, P, Attributes);
   } catch (error) { /* empty */ }
-  if ('get' in Attributes || 'set' in Attributes) throw $TypeError$a('Accessors not supported');
+  if ('get' in Attributes || 'set' in Attributes) throw TypeError$e('Accessors not supported');
   if ('value' in Attributes) O[P] = Attributes.value;
   return O;
 };
@@ -588,7 +600,7 @@ var DESCRIPTORS$a = descriptors;
 var definePropertyModule$5 = objectDefineProperty;
 var createPropertyDescriptor$3 = createPropertyDescriptor$5;
 
-var createNonEnumerableProperty$6 = DESCRIPTORS$a ? function (object, key, value) {
+var createNonEnumerableProperty$7 = DESCRIPTORS$a ? function (object, key, value) {
   return definePropertyModule$5.f(object, key, createPropertyDescriptor$3(1, value));
 } : function (object, key, value) {
   object[key] = value;
@@ -630,11 +642,11 @@ if (!isCallable$j(store$1.inspectSource)) {
 
 var inspectSource$4 = store$1.inspectSource;
 
-var global$l = global$s;
+var global$D = global$U;
 var isCallable$i = isCallable$p;
 var inspectSource$3 = inspectSource$4;
 
-var WeakMap$1 = global$l.WeakMap;
+var WeakMap$1 = global$D.WeakMap;
 
 var nativeWeakMap = isCallable$i(WeakMap$1) && /native code/.test(inspectSource$3(WeakMap$1));
 
@@ -650,29 +662,29 @@ var sharedKey$3 = function (key) {
 var hiddenKeys$4 = {};
 
 var NATIVE_WEAK_MAP = nativeWeakMap;
-var global$k = global$s;
+var global$C = global$U;
 var uncurryThis$q = functionUncurryThis;
 var isObject$8 = isObject$d;
-var createNonEnumerableProperty$5 = createNonEnumerableProperty$6;
+var createNonEnumerableProperty$6 = createNonEnumerableProperty$7;
 var hasOwn$b = hasOwnProperty_1;
 var shared$1 = sharedStore;
 var sharedKey$2 = sharedKey$3;
 var hiddenKeys$3 = hiddenKeys$4;
 
 var OBJECT_ALREADY_INITIALIZED = 'Object already initialized';
-var TypeError$4 = global$k.TypeError;
-var WeakMap = global$k.WeakMap;
-var set$1, get, has;
+var TypeError$d = global$C.TypeError;
+var WeakMap = global$C.WeakMap;
+var set$1, get$1, has;
 
 var enforce = function (it) {
-  return has(it) ? get(it) : set$1(it, {});
+  return has(it) ? get$1(it) : set$1(it, {});
 };
 
 var getterFor = function (TYPE) {
   return function (it) {
     var state;
-    if (!isObject$8(it) || (state = get(it)).type !== TYPE) {
-      throw TypeError$4('Incompatible receiver, ' + TYPE + ' required');
+    if (!isObject$8(it) || (state = get$1(it)).type !== TYPE) {
+      throw TypeError$d('Incompatible receiver, ' + TYPE + ' required');
     } return state;
   };
 };
@@ -683,12 +695,12 @@ if (NATIVE_WEAK_MAP || shared$1.state) {
   var wmhas = uncurryThis$q(store.has);
   var wmset = uncurryThis$q(store.set);
   set$1 = function (it, metadata) {
-    if (wmhas(store, it)) throw new TypeError$4(OBJECT_ALREADY_INITIALIZED);
+    if (wmhas(store, it)) throw new TypeError$d(OBJECT_ALREADY_INITIALIZED);
     metadata.facade = it;
     wmset(store, it, metadata);
     return metadata;
   };
-  get = function (it) {
+  get$1 = function (it) {
     return wmget(store, it) || {};
   };
   has = function (it) {
@@ -698,12 +710,12 @@ if (NATIVE_WEAK_MAP || shared$1.state) {
   var STATE = sharedKey$2('state');
   hiddenKeys$3[STATE] = true;
   set$1 = function (it, metadata) {
-    if (hasOwn$b(it, STATE)) throw new TypeError$4(OBJECT_ALREADY_INITIALIZED);
+    if (hasOwn$b(it, STATE)) throw new TypeError$d(OBJECT_ALREADY_INITIALIZED);
     metadata.facade = it;
-    createNonEnumerableProperty$5(it, STATE, metadata);
+    createNonEnumerableProperty$6(it, STATE, metadata);
     return metadata;
   };
-  get = function (it) {
+  get$1 = function (it) {
     return hasOwn$b(it, STATE) ? it[STATE] : {};
   };
   has = function (it) {
@@ -713,7 +725,7 @@ if (NATIVE_WEAK_MAP || shared$1.state) {
 
 var internalState = {
   set: set$1,
-  get: get,
+  get: get$1,
   has: has,
   enforce: enforce,
   getterFor: getterFor
@@ -730,10 +742,10 @@ var InternalStateModule$5 = internalState;
 var enforceInternalState$1 = InternalStateModule$5.enforce;
 var getInternalState$3 = InternalStateModule$5.get;
 // eslint-disable-next-line es-x/no-object-defineproperty -- safe
-var defineProperty$7 = Object.defineProperty;
+var defineProperty$6 = Object.defineProperty;
 
 var CONFIGURABLE_LENGTH = DESCRIPTORS$8 && !fails$l(function () {
-  return defineProperty$7(function () { /* empty */ }, 'length', { value: 8 }).length !== 8;
+  return defineProperty$6(function () { /* empty */ }, 'length', { value: 8 }).length !== 8;
 });
 
 var TEMPLATE = String(String).split('String');
@@ -745,18 +757,16 @@ var makeBuiltIn$2 = makeBuiltIn$3.exports = function (value, name, options) {
   if (options && options.getter) name = 'get ' + name;
   if (options && options.setter) name = 'set ' + name;
   if (!hasOwn$a(value, 'name') || (CONFIGURABLE_FUNCTION_NAME$1 && value.name !== name)) {
-    if (DESCRIPTORS$8) defineProperty$7(value, 'name', { value: name, configurable: true });
-    else value.name = name;
+    defineProperty$6(value, 'name', { value: name, configurable: true });
   }
   if (CONFIGURABLE_LENGTH && options && hasOwn$a(options, 'arity') && value.length !== options.arity) {
-    defineProperty$7(value, 'length', { value: options.arity });
+    defineProperty$6(value, 'length', { value: options.arity });
   }
-  try {
-    if (options && hasOwn$a(options, 'constructor') && options.constructor) {
-      if (DESCRIPTORS$8) defineProperty$7(value, 'prototype', { writable: false });
-    // in V8 ~ Chrome 53, prototypes of some methods, like `Array.prototype.values`, are non-writable
-    } else if (value.prototype) value.prototype = undefined;
-  } catch (error) { /* empty */ }
+  if (options && hasOwn$a(options, 'constructor') && options.constructor) {
+    if (DESCRIPTORS$8) try {
+      defineProperty$6(value, 'prototype', { writable: false });
+    } catch (error) { /* empty */ }
+  } else value.prototype = undefined;
   var state = enforceInternalState$1(value);
   if (!hasOwn$a(state, 'source')) {
     state.source = TEMPLATE.join(typeof name == 'string' ? name : '');
@@ -769,32 +779,30 @@ Function.prototype.toString = makeBuiltIn$2(function toString() {
   return isCallable$h(this) && getInternalState$3(this).source || inspectSource$2(this);
 }, 'toString');
 
+var global$B = global$U;
 var isCallable$g = isCallable$p;
-var definePropertyModule$4 = objectDefineProperty;
+var createNonEnumerableProperty$5 = createNonEnumerableProperty$7;
 var makeBuiltIn$1 = makeBuiltIn$3.exports;
-var defineGlobalProperty$1 = defineGlobalProperty$3;
+var setGlobal$1 = setGlobal$3;
 
 var defineBuiltIn$b = function (O, key, value, options) {
-  if (!options) options = {};
-  var simple = options.enumerable;
-  var name = options.name !== undefined ? options.name : key;
+  var unsafe = options ? !!options.unsafe : false;
+  var simple = options ? !!options.enumerable : false;
+  var noTargetGet = options ? !!options.noTargetGet : false;
+  var name = options && options.name !== undefined ? options.name : key;
   if (isCallable$g(value)) makeBuiltIn$1(value, name, options);
-  if (options.global) {
+  if (O === global$B) {
     if (simple) O[key] = value;
-    else defineGlobalProperty$1(key, value);
-  } else {
-    try {
-      if (!options.unsafe) delete O[key];
-      else if (O[key]) simple = true;
-    } catch (error) { /* empty */ }
-    if (simple) O[key] = value;
-    else definePropertyModule$4.f(O, key, {
-      value: value,
-      enumerable: false,
-      configurable: !options.nonConfigurable,
-      writable: !options.nonWritable
-    });
-  } return O;
+    else setGlobal$1(key, value);
+    return O;
+  } else if (!unsafe) {
+    delete O[key];
+  } else if (!noTargetGet && O[key]) {
+    simple = true;
+  }
+  if (simple) O[key] = value;
+  else createNonEnumerableProperty$5(O, key, value);
+  return O;
 };
 
 var objectGetOwnPropertyNames = {};
@@ -802,22 +810,12 @@ var objectGetOwnPropertyNames = {};
 var ceil = Math.ceil;
 var floor$5 = Math.floor;
 
-// `Math.trunc` method
-// https://tc39.es/ecma262/#sec-math.trunc
-// eslint-disable-next-line es-x/no-math-trunc -- safe
-var mathTrunc = Math.trunc || function trunc(x) {
-  var n = +x;
-  return (n > 0 ? floor$5 : ceil)(n);
-};
-
-var trunc = mathTrunc;
-
 // `ToIntegerOrInfinity` abstract operation
 // https://tc39.es/ecma262/#sec-tointegerorinfinity
 var toIntegerOrInfinity$6 = function (argument) {
   var number = +argument;
-  // eslint-disable-next-line no-self-compare -- NaN check
-  return number !== number || number === 0 ? 0 : trunc(number);
+  // eslint-disable-next-line no-self-compare -- safe
+  return number !== number || number === 0 ? 0 : (number > 0 ? floor$5 : ceil)(number);
 };
 
 var toIntegerOrInfinity$5 = toIntegerOrInfinity$6;
@@ -951,11 +949,11 @@ var ownKeys$1 = getBuiltIn$5('Reflect', 'ownKeys') || function ownKeys(it) {
 var hasOwn$8 = hasOwnProperty_1;
 var ownKeys = ownKeys$1;
 var getOwnPropertyDescriptorModule = objectGetOwnPropertyDescriptor;
-var definePropertyModule$3 = objectDefineProperty;
+var definePropertyModule$4 = objectDefineProperty;
 
 var copyConstructorProperties$2 = function (target, source, exceptions) {
   var keys = ownKeys(source);
-  var defineProperty = definePropertyModule$3.f;
+  var defineProperty = definePropertyModule$4.f;
   var getOwnPropertyDescriptor = getOwnPropertyDescriptorModule.f;
   for (var i = 0; i < keys.length; i++) {
     var key = keys[i];
@@ -988,28 +986,28 @@ var POLYFILL = isForced$3.POLYFILL = 'P';
 
 var isForced_1 = isForced$3;
 
-var global$j = global$s;
+var global$A = global$U;
 var getOwnPropertyDescriptor$3 = objectGetOwnPropertyDescriptor.f;
-var createNonEnumerableProperty$4 = createNonEnumerableProperty$6;
+var createNonEnumerableProperty$4 = createNonEnumerableProperty$7;
 var defineBuiltIn$a = defineBuiltIn$b;
-var defineGlobalProperty = defineGlobalProperty$3;
+var setGlobal = setGlobal$3;
 var copyConstructorProperties$1 = copyConstructorProperties$2;
 var isForced$2 = isForced_1;
 
 /*
-  options.target         - name of the target object
-  options.global         - target is the global object
-  options.stat           - export as static methods of target
-  options.proto          - export as prototype methods of target
-  options.real           - real prototype method for the `pure` version
-  options.forced         - export even if the native feature is available
-  options.bind           - bind methods to the target, required for the `pure` version
-  options.wrap           - wrap constructors to preventing global pollution, required for the `pure` version
-  options.unsafe         - use the simple assignment of property instead of delete + defineProperty
-  options.sham           - add a flag to not completely full polyfills
-  options.enumerable     - export as enumerable property
-  options.dontCallGetSet - prevent calling a getter on target
-  options.name           - the .name of the function if it does not match the key
+  options.target      - name of the target object
+  options.global      - target is the global object
+  options.stat        - export as static methods of target
+  options.proto       - export as prototype methods of target
+  options.real        - real prototype method for the `pure` version
+  options.forced      - export even if the native feature is available
+  options.bind        - bind methods to the target, required for the `pure` version
+  options.wrap        - wrap constructors to preventing global pollution, required for the `pure` version
+  options.unsafe      - use the simple assignment of property instead of delete + defineProperty
+  options.sham        - add a flag to not completely full polyfills
+  options.enumerable  - export as enumerable property
+  options.noTargetGet - prevent calling a getter on target
+  options.name        - the .name of the function if it does not match the key
 */
 var _export = function (options, source) {
   var TARGET = options.target;
@@ -1017,15 +1015,15 @@ var _export = function (options, source) {
   var STATIC = options.stat;
   var FORCED, target, key, targetProperty, sourceProperty, descriptor;
   if (GLOBAL) {
-    target = global$j;
+    target = global$A;
   } else if (STATIC) {
-    target = global$j[TARGET] || defineGlobalProperty(TARGET, {});
+    target = global$A[TARGET] || setGlobal(TARGET, {});
   } else {
-    target = (global$j[TARGET] || {}).prototype;
+    target = (global$A[TARGET] || {}).prototype;
   }
   if (target) for (key in source) {
     sourceProperty = source[key];
-    if (options.dontCallGetSet) {
+    if (options.noTargetGet) {
       descriptor = getOwnPropertyDescriptor$3(target, key);
       targetProperty = descriptor && descriptor.value;
     } else targetProperty = target[key];
@@ -1066,17 +1064,17 @@ var IndexedObject$1 = indexedObject;
 // eslint-disable-next-line es-x/no-object-assign -- safe
 var $assign = Object.assign;
 // eslint-disable-next-line es-x/no-object-defineproperty -- required for testing
-var defineProperty$6 = Object.defineProperty;
+var defineProperty$5 = Object.defineProperty;
 var concat$1 = uncurryThis$n([].concat);
 
 // `Object.assign` method
 // https://tc39.es/ecma262/#sec-object.assign
 var objectAssign = !$assign || fails$j(function () {
   // should have correct order of operations (Edge bug)
-  if (DESCRIPTORS$7 && $assign({ b: 1 }, $assign(defineProperty$6({}, 'a', {
+  if (DESCRIPTORS$7 && $assign({ b: 1 }, $assign(defineProperty$5({}, 'a', {
     enumerable: true,
     get: function () {
-      defineProperty$6(this, 'b', {
+      defineProperty$5(this, 'b', {
         value: 3,
         enumerable: false
       });
@@ -1361,7 +1359,7 @@ const applyGlobalStyles = additionaStyles => {
 };
 
 function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
+  _extends = Object.assign || function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
 
@@ -1374,6 +1372,7 @@ function _extends() {
 
     return target;
   };
+
   return _extends.apply(this, arguments);
 }
 
@@ -1396,7 +1395,7 @@ var objectDefineProperties = {};
 
 var DESCRIPTORS$6 = descriptors;
 var V8_PROTOTYPE_DEFINE_BUG = v8PrototypeDefineBug;
-var definePropertyModule$2 = objectDefineProperty;
+var definePropertyModule$3 = objectDefineProperty;
 var anObject$f = anObject$i;
 var toIndexedObject$1 = toIndexedObject$5;
 var objectKeys = objectKeys$2;
@@ -1411,7 +1410,7 @@ objectDefineProperties.f = DESCRIPTORS$6 && !V8_PROTOTYPE_DEFINE_BUG ? Object.de
   var length = keys.length;
   var index = 0;
   var key;
-  while (length > index) definePropertyModule$2.f(O, key = keys[index++], props[key]);
+  while (length > index) definePropertyModule$3.f(O, key = keys[index++], props[key]);
   return O;
 };
 
@@ -1506,7 +1505,7 @@ var objectCreate = Object.create || function create(O, Properties) {
 
 var wellKnownSymbol$j = wellKnownSymbol$l;
 var create$3 = objectCreate;
-var defineProperty$5 = objectDefineProperty.f;
+var definePropertyModule$2 = objectDefineProperty;
 
 var UNSCOPABLES = wellKnownSymbol$j('unscopables');
 var ArrayPrototype$1 = Array.prototype;
@@ -1514,7 +1513,7 @@ var ArrayPrototype$1 = Array.prototype;
 // Array.prototype[@@unscopables]
 // https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
 if (ArrayPrototype$1[UNSCOPABLES] == undefined) {
-  defineProperty$5(ArrayPrototype$1, UNSCOPABLES, {
+  definePropertyModule$2.f(ArrayPrototype$1, UNSCOPABLES, {
     configurable: true,
     value: create$3(null)
   });
@@ -1536,6 +1535,7 @@ var correctPrototypeGetter = !fails$i(function () {
   return Object.getPrototypeOf(new F()) !== F.prototype;
 });
 
+var global$z = global$U;
 var hasOwn$7 = hasOwnProperty_1;
 var isCallable$e = isCallable$p;
 var toObject$4 = toObject$7;
@@ -1543,19 +1543,18 @@ var sharedKey = sharedKey$3;
 var CORRECT_PROTOTYPE_GETTER = correctPrototypeGetter;
 
 var IE_PROTO = sharedKey('IE_PROTO');
-var $Object$1 = Object;
-var ObjectPrototype = $Object$1.prototype;
+var Object$2 = global$z.Object;
+var ObjectPrototype = Object$2.prototype;
 
 // `Object.getPrototypeOf` method
 // https://tc39.es/ecma262/#sec-object.getprototypeof
-// eslint-disable-next-line es-x/no-object-getprototypeof -- safe
-var objectGetPrototypeOf = CORRECT_PROTOTYPE_GETTER ? $Object$1.getPrototypeOf : function (O) {
+var objectGetPrototypeOf = CORRECT_PROTOTYPE_GETTER ? Object$2.getPrototypeOf : function (O) {
   var object = toObject$4(O);
   if (hasOwn$7(object, IE_PROTO)) return object[IE_PROTO];
   var constructor = object.constructor;
   if (isCallable$e(constructor) && object instanceof constructor) {
     return constructor.prototype;
-  } return object instanceof $Object$1 ? ObjectPrototype : null;
+  } return object instanceof Object$2 ? ObjectPrototype : null;
 };
 
 var fails$h = fails$s;
@@ -1632,14 +1631,15 @@ var createIteratorConstructor$2 = function (IteratorConstructor, NAME, next, ENU
   return IteratorConstructor;
 };
 
+var global$y = global$U;
 var isCallable$c = isCallable$p;
 
-var $String$2 = String;
-var $TypeError$9 = TypeError;
+var String$4 = global$y.String;
+var TypeError$c = global$y.TypeError;
 
 var aPossiblePrototype$1 = function (argument) {
   if (typeof argument == 'object' || isCallable$c(argument)) return argument;
-  throw $TypeError$9("Can't set " + $String$2(argument) + ' as a prototype');
+  throw TypeError$c("Can't set " + String$4(argument) + ' as a prototype');
 };
 
 /* eslint-disable no-proto -- safe */
@@ -1679,7 +1679,7 @@ var createIteratorConstructor$1 = createIteratorConstructor$2;
 var getPrototypeOf = objectGetPrototypeOf;
 var setPrototypeOf$2 = objectSetPrototypeOf;
 var setToStringTag$3 = setToStringTag$5;
-var createNonEnumerableProperty$3 = createNonEnumerableProperty$6;
+var createNonEnumerableProperty$3 = createNonEnumerableProperty$7;
 var defineBuiltIn$8 = defineBuiltIn$b;
 var wellKnownSymbol$g = wellKnownSymbol$l;
 var Iterators$3 = iterators;
@@ -1872,11 +1872,11 @@ var DOMTokenListPrototype$1 = classList && classList.constructor && classList.co
 
 var domTokenListPrototype = DOMTokenListPrototype$1 === Object.prototype ? undefined : DOMTokenListPrototype$1;
 
-var global$i = global$s;
+var global$x = global$U;
 var DOMIterables = domIterables;
 var DOMTokenListPrototype = domTokenListPrototype;
 var ArrayIteratorMethods = es_array_iterator;
-var createNonEnumerableProperty$2 = createNonEnumerableProperty$6;
+var createNonEnumerableProperty$2 = createNonEnumerableProperty$7;
 var wellKnownSymbol$f = wellKnownSymbol$l;
 
 var ITERATOR$7 = wellKnownSymbol$f('iterator');
@@ -1906,7 +1906,7 @@ var handlePrototype = function (CollectionPrototype, COLLECTION_NAME) {
 };
 
 for (var COLLECTION_NAME in DOMIterables) {
-  handlePrototype(global$i[COLLECTION_NAME] && global$i[COLLECTION_NAME].prototype, COLLECTION_NAME);
+  handlePrototype(global$x[COLLECTION_NAME] && global$x[COLLECTION_NAME].prototype, COLLECTION_NAME);
 }
 
 handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
@@ -1920,13 +1920,14 @@ test$1[TO_STRING_TAG$1] = 'z';
 
 var toStringTagSupport = String(test$1) === '[object z]';
 
+var global$w = global$U;
 var TO_STRING_TAG_SUPPORT = toStringTagSupport;
 var isCallable$a = isCallable$p;
 var classofRaw = classofRaw$1;
 var wellKnownSymbol$d = wellKnownSymbol$l;
 
 var TO_STRING_TAG = wellKnownSymbol$d('toStringTag');
-var $Object = Object;
+var Object$1 = global$w.Object;
 
 // ES3 wrong here
 var CORRECT_ARGUMENTS = classofRaw(function () { return arguments; }()) == 'Arguments';
@@ -1943,34 +1944,35 @@ var classof$7 = TO_STRING_TAG_SUPPORT ? classofRaw : function (it) {
   var O, tag, result;
   return it === undefined ? 'Undefined' : it === null ? 'Null'
     // @@toStringTag case
-    : typeof (tag = tryGet(O = $Object(it), TO_STRING_TAG)) == 'string' ? tag
+    : typeof (tag = tryGet(O = Object$1(it), TO_STRING_TAG)) == 'string' ? tag
     // builtinTag case
     : CORRECT_ARGUMENTS ? classofRaw(O)
     // ES3 arguments fallback
     : (result = classofRaw(O)) == 'Object' && isCallable$a(O.callee) ? 'Arguments' : result;
 };
 
+var global$v = global$U;
 var classof$6 = classof$7;
 
-var $String$1 = String;
+var String$3 = global$v.String;
 
-var toString$f = function (argument) {
+var toString$h = function (argument) {
   if (classof$6(argument) === 'Symbol') throw TypeError('Cannot convert a Symbol value to a string');
-  return $String$1(argument);
+  return String$3(argument);
 };
 
 var $$h = _export;
 var DESCRIPTORS$4 = descriptors;
-var global$h = global$s;
+var global$u = global$U;
 var uncurryThis$l = functionUncurryThis;
 var hasOwn$5 = hasOwnProperty_1;
 var isCallable$9 = isCallable$p;
 var isPrototypeOf$4 = objectIsPrototypeOf;
-var toString$e = toString$f;
+var toString$g = toString$h;
 var defineProperty$2 = objectDefineProperty.f;
 var copyConstructorProperties = copyConstructorProperties$2;
 
-var NativeSymbol = global$h.Symbol;
+var NativeSymbol = global$u.Symbol;
 var SymbolPrototype = NativeSymbol && NativeSymbol.prototype;
 
 if (DESCRIPTORS$4 && isCallable$9(NativeSymbol) && (!('description' in SymbolPrototype) ||
@@ -1980,7 +1982,7 @@ if (DESCRIPTORS$4 && isCallable$9(NativeSymbol) && (!('description' in SymbolPro
   var EmptyStringDescriptionStore = {};
   // wrap Symbol constructor for correct work with undefined description
   var SymbolWrapper = function Symbol() {
-    var description = arguments.length < 1 || arguments[0] === undefined ? undefined : toString$e(arguments[0]);
+    var description = arguments.length < 1 || arguments[0] === undefined ? undefined : toString$g(arguments[0]);
     var result = isPrototypeOf$4(SymbolPrototype, this)
       ? new NativeSymbol(description)
       // in Edge 13, String(Symbol(undefined)) === 'Symbol(undefined)'
@@ -1994,7 +1996,7 @@ if (DESCRIPTORS$4 && isCallable$9(NativeSymbol) && (!('description' in SymbolPro
   SymbolPrototype.constructor = SymbolWrapper;
 
   var NATIVE_SYMBOL = String(NativeSymbol('test')) == 'Symbol(test)';
-  var symbolToString = uncurryThis$l(SymbolPrototype.toString);
+  var symbolToString$1 = uncurryThis$l(SymbolPrototype.toString);
   var symbolValueOf = uncurryThis$l(SymbolPrototype.valueOf);
   var regexp = /^Symbol\((.*)\)[^)]+$/;
   var replace$7 = uncurryThis$l(''.replace);
@@ -2004,7 +2006,7 @@ if (DESCRIPTORS$4 && isCallable$9(NativeSymbol) && (!('description' in SymbolPro
     configurable: true,
     get: function description() {
       var symbol = symbolValueOf(this);
-      var string = symbolToString(symbol);
+      var string = symbolToString$1(symbol);
       if (hasOwn$5(EmptyStringDescriptionStore, symbol)) return '';
       var desc = NATIVE_SYMBOL ? stringSlice$a(string, 7, -1) : replace$7(string, regexp, '$1');
       return desc === '' ? undefined : desc;
@@ -2050,13 +2052,14 @@ var isRegexp = function (it) {
   return isObject$7(it) && ((isRegExp = it[MATCH$2]) !== undefined ? !!isRegExp : classof$5(it) == 'RegExp');
 };
 
+var global$t = global$U;
 var isRegExp$2 = isRegexp;
 
-var $TypeError$8 = TypeError;
+var TypeError$b = global$t.TypeError;
 
 var notARegexp = function (it) {
   if (isRegExp$2(it)) {
-    throw $TypeError$8("The method doesn't accept regular expressions");
+    throw TypeError$b("The method doesn't accept regular expressions");
   } return it;
 };
 
@@ -2080,7 +2083,7 @@ var $$f = _export;
 var uncurryThis$k = functionUncurryThis;
 var notARegExp$1 = notARegexp;
 var requireObjectCoercible$7 = requireObjectCoercible$a;
-var toString$d = toString$f;
+var toString$f = toString$h;
 var correctIsRegExpLogic$1 = correctIsRegexpLogic;
 
 var stringIndexOf$2 = uncurryThis$k(''.indexOf);
@@ -2090,8 +2093,8 @@ var stringIndexOf$2 = uncurryThis$k(''.indexOf);
 $$f({ target: 'String', proto: true, forced: !correctIsRegExpLogic$1('includes') }, {
   includes: function includes(searchString /* , position = 0 */) {
     return !!~stringIndexOf$2(
-      toString$d(requireObjectCoercible$7(this)),
-      toString$d(notARegExp$1(searchString)),
+      toString$f(requireObjectCoercible$7(this)),
+      toString$f(notARegExp$1(searchString)),
       arguments.length > 1 ? arguments[1] : undefined
     );
   }
@@ -2230,7 +2233,7 @@ Flex$1.displayName = 'Flex';
 
 const _excluded$z = ["children"],
       _excluded2$2 = ["children"];
-var _jsxFileName$_ = "C:\\Project\\majoo-ui\\packages\\react\\src\\layout\\grid\\Grid.js";
+var _jsxFileName$_ = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\layout\\grid\\Grid.js";
 const GridComponent = styled('div', {
   display: 'grid',
   variants: {
@@ -2489,7 +2492,7 @@ GridItem.propTypes = {
 GridItem.displayName = 'Grid Item';
 
 const _excluded$y = ["children", "isCollapse", "css", "contentHeader"];
-var _jsxFileName$Z = "C:\\Project\\majoo-ui\\packages\\react\\src\\layout\\pageContainer\\PageContainer.js";
+var _jsxFileName$Z = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\layout\\pageContainer\\PageContainer.js";
 const StyledDiv$3 = styled(Flex$1, {
   justifyContent: 'center',
   marginLeft: 'auto',
@@ -2842,7 +2845,7 @@ const Link = /*#__PURE__*/React.forwardRef((_a, forwardedRef) => {
 });
 
 const _excluded$x = ["id", "title", "description", "position", "dismissAfter", "variant", "onClick", "onRemove", "isExternalOfAction", "onClickOfAction", "captionOfAction", "hrefOfAction"];
-var _jsxFileName$Y = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\toast\\Toast.js";
+var _jsxFileName$Y = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\toast\\Toast.js";
 const TOAST_WIDTH = 576;
 const ANIMATION_DURATION = 400;
 const TOP_RIGHT_POSITION = 'top-right';
@@ -3188,7 +3191,7 @@ Toast.defaultProps = {
 
 const ToastContext = /*#__PURE__*/React.createContext({});
 
-var _jsxFileName$X = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\toast\\ToastContainer.js";
+var _jsxFileName$X = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\toast\\ToastContainer.js";
 const ToastBox = styled(Flex$1, {
   position: 'fixed',
   variants: {
@@ -3258,7 +3261,7 @@ const ToastContainer = ({
 };
 
 const _excluded$w = ["id"];
-var _jsxFileName$W = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\toast\\context\\ToastProvider.js";
+var _jsxFileName$W = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\toast\\context\\ToastProvider.js";
 let toastCount = 0;
 
 const ToastProvider = ({
@@ -3343,7 +3346,7 @@ const ToastProvider = ({
   }));
 };
 
-var _jsxFileName$V = "C:\\Project\\majoo-ui\\packages\\react\\src\\majoo-provider\\MajooProvider.js";
+var _jsxFileName$V = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\majoo-provider\\MajooProvider.js";
 
 function MajooProvider({
   children,
@@ -3378,7 +3381,7 @@ MajooProvider.propTypes = {
 };
 
 const _excluded$v = ["title", "description", "variant", "link", "linkText", "onClick", "onRemove", "children", "bannerBlock"];
-var _jsxFileName$U = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\banner\\Banner.js";
+var _jsxFileName$U = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\banner\\Banner.js";
 const Context$2 = /*#__PURE__*/React.createContext();
 const StyledBanner = styled(Flex$1, {
   maxWidth: '100%',
@@ -3466,13 +3469,13 @@ const BannerTitle = props => /*#__PURE__*/React.createElement(Title$2, _extends(
   }
 }), props.children);
 BannerTitle.propTypes = {
-  /**
-   Additional styles of title
+  /**
+   Additional styles of title
   */
   css: PropTypes.object,
 
-  /**
-   Title of the Banner to be displayed
+  /**
+   Title of the Banner to be displayed
   */
   children: PropTypes.string
 };
@@ -3488,13 +3491,13 @@ const BannerDescription = props => /*#__PURE__*/React.createElement(Description,
   }
 }), props.children);
 BannerDescription.propTypes = {
-  /**
-   Additional styles of description
+  /**
+   Additional styles of description
   */
   css: PropTypes.object,
 
-  /**
-   Description of the Banner to be displayed
+  /**
+   Description of the Banner to be displayed
   */
   children: PropTypes.string
 };
@@ -3523,18 +3526,18 @@ const BannerLink = ({
   }
 }, children));
 BannerLink.propTypes = {
-  /**
-   The purpose of a clickable link, presented in url
+  /**
+   The purpose of a clickable link, presented in url
   */
   link: PropTypes.string,
 
-  /**
-   Text of BannerLink to be displayed
+  /**
+   Text of BannerLink to be displayed
   */
   children: PropTypes.string,
 
-  /**
-   Additional theme of BannerLink is presented by color variants
+  /**
+   Additional theme of BannerLink is presented by color variants
   */
   variant: PropTypes.oneOf(['info', 'warning', 'success', 'failed'])
 };
@@ -3725,43 +3728,43 @@ Banner.displayName = 'Banner';
 BannerTitle.displayName = 'BannerTitle';
 BannerDescription.displayName = 'BannerDescription';
 Banner.propTypes = {
-  /**
-   Title of banner to be displayed
+  /**
+   Title of banner to be displayed
   */
   title: PropTypes.string,
 
-  /**
-   Description of banner to be displayed
+  /**
+   Description of banner to be displayed
   */
   description: PropTypes.string,
 
-  /**
-   The banner theme is presented in color variants
+  /**
+   The banner theme is presented in color variants
   */
   variant: PropTypes.oneOf(['info', 'warning', 'success', 'failed']),
 
-  /**
-   The purpose of a clickable link, presented in url
+  /**
+   The purpose of a clickable link, presented in url
   */
   link: PropTypes.string,
 
-  /**
-   Text of button link to be displayed
+  /**
+   Text of button link to be displayed
   */
   linkText: PropTypes.string,
 
-  /**
-   Clickable event handler
+  /**
+   Clickable event handler
   */
   onClick: PropTypes.func,
 
-  /**
-   Closable event handler
+  /**
+   Closable event handler
   */
   onRemove: PropTypes.func,
 
-  /**
-  Block type banner to display in full width
+  /**
+  Block type banner to display in full width
   */
   bannerBlock: PropTypes.bool
 };
@@ -4025,7 +4028,7 @@ const Button$2 = /*#__PURE__*/React.forwardRef((_a, forwardedRef) => {
 });
 
 const _excluded$u = ["className", "children", "color", "shadow", "radius", "padding", "title", "width", "textColor", "icon"];
-var _jsxFileName$T = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\card\\Card.js";
+var _jsxFileName$T = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\card\\Card.js";
 const CardComponent = styled('div', {
   padding: '20px',
   height: 'auto',
@@ -4233,7 +4236,7 @@ Card.defaultProps = {
 };
 
 const _excluded$t = ["children"];
-var _jsxFileName$S = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\breadcrumb\\Breadcrumb.js";
+var _jsxFileName$S = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\breadcrumb\\Breadcrumb.js";
 const BreadcrumbStyle = styled('nav', {
   wordWrap: 'break-word',
   '& li+li:before': {
@@ -4509,7 +4512,7 @@ Badge.defaultProps = {
 Badge.displayName = 'Badge';
 
 const _excluded$s = ["className", "img", "children", "onLoadingStatusChange", "delayMs", "onClick", "css"];
-var _jsxFileName$R = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\avatar\\Avatar.js";
+var _jsxFileName$R = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\avatar\\Avatar.js";
 const StyledAvatar = styled(AvatarPrimitive.Root, {
   width: '32px',
   height: '32px',
@@ -4611,8 +4614,30 @@ Avatar.defaultProps = {
   delayMs: 0
 };
 
-const _excluded$r = ["className", "src", "alt", "width", "height", "objectFit", "fallback"];
-var _jsxFileName$Q = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\image\\Image.js";
+const _excluded$r = ["className", "src", "alt", "width", "height", "objectFit", "fallback", "fallbackTitle", "css", "cssFallback", "rounded"];
+var _jsxFileName$Q = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\image\\Image.js";
+const ContainerFallback = styled(Flex$1, {
+  boxSizing: 'border-box',
+  border: '2px dashed #C0C4C4',
+  borderRadius: 8,
+  backgroundColor: '$gray50',
+  minHeight: 120,
+  minWidth: 188,
+  variants: {
+    rounded: {
+      true: {
+        borderRadius: '100%'
+      }
+    }
+  }
+});
+const TextFallback = styled('p', {
+  fontSize: 12,
+  fontWeight: 400,
+  fontStyle: 'normal',
+  textAlign: 'center',
+  color: '$textDisable'
+});
 const StyledImage = styled('img', {
   display: 'inline-block',
   alignItems: 'center',
@@ -4633,45 +4658,122 @@ function Image(_ref) {
     width,
     height,
     objectFit,
-    fallback
+    fallback,
+    fallbackTitle,
+    css,
+    cssFallback,
+    rounded
   } = _ref,
       props = _objectWithoutPropertiesLoose(_ref, _excluded$r);
 
-  return /*#__PURE__*/React__default.createElement(StyledImage, _extends({
-    className: className,
-    src: src,
-    alt: alt,
-    width: width,
-    height: height,
-    srcSet: fallback,
-    css: Object.assign({
-      objectFit: objectFit
-    }, props.css)
-  }, props, {
-    __self: this,
-    __source: {
-      fileName: _jsxFileName$Q,
-      lineNumber: 20,
-      columnNumber: 9
-    }
-  }));
+  if (src || fallback) {
+    return /*#__PURE__*/React__default.createElement(StyledImage, _extends({
+      className: className,
+      src: src,
+      alt: alt,
+      width: width,
+      height: height,
+      srcSet: fallback,
+      rounded: rounded,
+      css: Object.assign({
+        objectFit: objectFit
+      }, css)
+    }, props, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName$Q,
+        lineNumber: 59,
+        columnNumber: 7
+      }
+    }));
+  } else {
+    return /*#__PURE__*/React__default.createElement(ContainerFallback, {
+      rounded: rounded,
+      align: "center",
+      justify: "center",
+      css: Object.assign({
+        width,
+        height
+      }, cssFallback),
+      __self: this,
+      __source: {
+        fileName: _jsxFileName$Q,
+        lineNumber: 73,
+        columnNumber: 7
+      }
+    }, /*#__PURE__*/React__default.createElement(TextFallback, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName$Q,
+        lineNumber: 74,
+        columnNumber: 9
+      }
+    }, fallbackTitle));
+  }
 }
 Image.propTypes = {
+  /**
+   Additional className for img element.
+   */
   className: PropTypes.string,
+
+  /**
+   Which is used to specify the source of an image.
+   */
   src: PropTypes.string,
+
+  /**
+   The written copy that appears in place of an image on a webpage if the image fails to load on a user's screen.
+   */
   alt: PropTypes.string,
+
+  /**
+   Additional css for img element.
+   */
+  css: PropTypes.object,
+
+  /**
+   Additional css for default fallback element.
+   */
+  cssFallback: PropTypes.object,
+
+  /**
+   Custom width of img element.
+   */
   width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+
+  /**
+   Custom height of img element.
+   */
   height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+
+  /**
+   Set image to circle.
+   */
   rounded: PropTypes.bool,
+
+  /**
+   Used to specify how an <img> should be resized to fit its container.
+   */
   objectFit: PropTypes.string,
-  fallback: PropTypes.string
+
+  /**
+   Custom fallback if image url doesn't exist.
+   */
+  fallback: PropTypes.string,
+
+  /**
+   Custom fallback title for default fallback.
+   */
+  fallbackTitle: PropTypes.string
 };
 Image.defaultProps = {
-  rounded: false
+  rounded: false,
+  fallbackTitle: 'Tidak ada foto'
 };
 
 const _excluded$q = ["children", "label", "color", "css", "withClick", "side", "align"];
-var _jsxFileName$P = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\tooltip\\Tooltip.js";
+var _jsxFileName$P = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\tooltip\\Tooltip.js";
 const slideUpAndFade$1 = keyframes({
   '0%': {
     opacity: 0,
@@ -4852,7 +4954,7 @@ Tooltip.defaultProps = {
 };
 
 const _excluded$p = ["className", "value", "max", "getValueLabel", "color", "size", "rounded", "width"];
-var _jsxFileName$O = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\progress\\Progress.js";
+var _jsxFileName$O = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\progress\\Progress.js";
 const StyledProgress$1 = styled$1(ProgressPrimitive.Root, {
   position: 'relative',
   overflow: 'hidden',
@@ -5023,7 +5125,7 @@ Progress$1.defaultProps = {
 };
 
 const _excluded$o = ["gap", "direction", "children"];
-var _jsxFileName$N = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\FormGroup\\FormGroup.js";
+var _jsxFileName$N = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\FormGroup\\FormGroup.js";
 
 const FormGroup = _ref => {
   let {
@@ -5057,7 +5159,7 @@ FormGroup.defaultProps = {
 };
 
 const _excluded$n = ["children", "htmlFor", "variant", "tooltipLabel", "count", "maxCount", "labelCss"];
-var _jsxFileName$M = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\FormLabel\\Label.js";
+var _jsxFileName$M = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\FormLabel\\Label.js";
 const StyledLabel$1 = styled(LabelPrimitive.Root, Text$1, {
   display: 'inline-block',
   fontSize: '$label',
@@ -5171,7 +5273,7 @@ FormLabel.propTypes = {
 FormLabel.displayName = 'FormLabel';
 
 const _excluded$m = ["children", "error"];
-var _jsxFileName$L = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\FormHelper\\Helper.js";
+var _jsxFileName$L = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\FormHelper\\Helper.js";
 const StyledHelper = styled(Text$1, {
   display: 'inline-block',
   color: '$textSecondary',
@@ -5209,7 +5311,7 @@ FormHelper.propTypes = {
 };
 FormHelper.displayName = 'FormHelper';
 
-var _jsxFileName$K = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCheckbox\\CheckboxGroup.js";
+var _jsxFileName$K = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCheckbox\\CheckboxGroup.js";
 const CheckboxContext = /*#__PURE__*/createContext();
 
 const CheckboxGroup = ({
@@ -5272,7 +5374,7 @@ CheckboxGroup.defaultProps = {
 };
 CheckboxGroup.displayName = 'CheckboxGroup';
 
-var _jsxFileName$J = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCheckbox\\icon\\CheckOutline.js";
+var _jsxFileName$J = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\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",
@@ -5320,7 +5422,7 @@ const CheckOutline$1 = props => /*#__PURE__*/React.createElement("svg", _extends
   }
 }));
 
-var _jsxFileName$I = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCheckbox\\icon\\MinusOutline.js";
+var _jsxFileName$I = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\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",
@@ -5369,7 +5471,7 @@ const SvgMinusOutline = props => /*#__PURE__*/React.createElement("svg", _extend
 }));
 
 const _excluded$l = ["id", "checked", "indeterminate", "disabled", "onCheckedChange", "label", "index", "value"];
-var _jsxFileName$H = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCheckbox\\InputCheckbox.js";
+var _jsxFileName$H = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCheckbox\\InputCheckbox.js";
 const StyledIndicator$2 = styled(CheckboxPrimitive.Indicator, {
   alignItems: 'center',
   display: 'flex',
@@ -5434,7 +5536,7 @@ const Checkbox = _ref => {
   const [isChecked, setChecked] = useState(false);
   useEffect(() => {
     const checkValue = context && context.checkedItems.includes(value) || checked || indeterminate;
-    setChecked(checkValue != null ? checkValue : false);
+    setChecked(checkValue !== null && checkValue !== void 0 ? checkValue : false);
   }, [checked, indeterminate, context]);
   return /*#__PURE__*/React__default.createElement(StyledCheckbox, _extends({
     id: id,
@@ -5535,7 +5637,7 @@ InputCheckbox.propTypes = {
 InputCheckbox.displayName = 'InputCheckbox';
 
 const _excluded$k = ["children", "size"];
-var _jsxFileName$G = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputGroup\\InputGroup.js";
+var _jsxFileName$G = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputGroup\\InputGroup.js";
 const InputGroupStyle = styled('div', {
   display: 'flex',
   width: '100%',
@@ -5682,13 +5784,13 @@ const InputGroup = _ref => {
   }));
 };
 InputGroup.propTypes = {
-  /**
-    Adjust Input Text Size
+  /**
+    Adjust Input Text Size
    */
   size: PropTypes.oneOf(['sm', 'lg']),
 
-  /**
-    Children must be InputText, InputAddon, or InputPrefixes
+  /**
+    Children must be InputText, InputAddon, or InputPrefixes
    */
   children: PropTypes.node.isRequired,
 
@@ -5822,7 +5924,7 @@ InputSuffix.propTypes = {
 };
 
 const _excluded$j = ["disabled"];
-var _jsxFileName$F = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputText\\InputText.js";
+var _jsxFileName$F = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputText\\InputText.js";
 const disabledStyle = {
   backgroundColor: '$formDisable',
   color: '$textDisable',
@@ -6002,7 +6104,7 @@ InputTextArea.defaultProps = {
 
 const InputRadioContext = /*#__PURE__*/React__default.createContext();
 
-var _jsxFileName$E = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputRadio\\InputRadioGroup.js";
+var _jsxFileName$E = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputRadio\\InputRadioGroup.js";
 const RadioGroup = styled(RadioGroupPrimitive.Root, Flex$1);
 function InputRadioGroup(props) {
   return (props === null || props === void 0 ? void 0 : props.children) && /*#__PURE__*/React__default.createElement(InputRadioContext.Provider, {
@@ -6035,7 +6137,7 @@ InputRadioGroup.propTypes = {
 InputRadioGroup.displayName = 'InputRadioGroup';
 
 const _excluded$i = ["id", "disabled", "css", "inputType", "inputProps"];
-var _jsxFileName$D = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputRadio\\InputRadio.js";
+var _jsxFileName$D = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputRadio\\InputRadio.js";
 const INDICATOR_BASE_STYLES = {
   alignItems: 'center',
   display: 'flex',
@@ -6211,7 +6313,7 @@ const InputRadio = _ref => {
     value,
     outlined
   }) => {
-    const checked = value != null ? value : defaultValue;
+    const checked = value !== null && value !== void 0 ? value : defaultValue;
     return /*#__PURE__*/React__default.createElement(Container$5, {
       align: "center",
       gap: 4,
@@ -6462,7 +6564,6 @@ var regexpFlags$1 = function () {
   if (that.multiline) result += 'm';
   if (that.dotAll) result += 's';
   if (that.unicode) result += 'u';
-  if (that.unicodeSets) result += 'v';
   if (that.sticky) result += 'y';
   return result;
 };
@@ -6481,10 +6582,10 @@ var regexpGetFlags = function (R) {
 };
 
 var fails$f = fails$s;
-var global$g = global$s;
+var global$s = global$U;
 
 // babel-minify and Closure Compiler transpiles RegExp('a', 'y') -> /a/y and it causes SyntaxError
-var $RegExp$2 = global$g.RegExp;
+var $RegExp$2 = global$s.RegExp;
 
 var UNSUPPORTED_Y$3 = fails$f(function () {
   var re = $RegExp$2('a', 'y');
@@ -6541,10 +6642,10 @@ var setSpecies$2 = function (CONSTRUCTOR_NAME) {
 };
 
 var fails$e = fails$s;
-var global$f = global$s;
+var global$r = global$U;
 
 // babel-minify and Closure Compiler transpiles RegExp('.', 's') -> /./s and it causes SyntaxError
-var $RegExp$1 = global$f.RegExp;
+var $RegExp$1 = global$r.RegExp;
 
 var regexpUnsupportedDotAll = fails$e(function () {
   var re = $RegExp$1('.', 's');
@@ -6552,10 +6653,10 @@ var regexpUnsupportedDotAll = fails$e(function () {
 });
 
 var fails$d = fails$s;
-var global$e = global$s;
+var global$q = global$U;
 
 // babel-minify and Closure Compiler transpiles RegExp('(?<a>b)', 'g') -> /(?<a>b)/g and it causes SyntaxError
-var $RegExp = global$e.RegExp;
+var $RegExp = global$q.RegExp;
 
 var regexpUnsupportedNcg = fails$d(function () {
   var re = $RegExp('(?<a>b)', 'g');
@@ -6564,15 +6665,15 @@ var regexpUnsupportedNcg = fails$d(function () {
 });
 
 var DESCRIPTORS$2 = descriptors;
-var global$d = global$s;
+var global$p = global$U;
 var uncurryThis$j = functionUncurryThis;
 var isForced$1 = isForced_1;
 var inheritIfRequired = inheritIfRequired$1;
-var createNonEnumerableProperty$1 = createNonEnumerableProperty$6;
+var createNonEnumerableProperty$1 = createNonEnumerableProperty$7;
 var getOwnPropertyNames = objectGetOwnPropertyNames.f;
 var isPrototypeOf$2 = objectIsPrototypeOf;
 var isRegExp$1 = isRegexp;
-var toString$c = toString$f;
+var toString$e = toString$h;
 var getRegExpFlags$1 = regexpGetFlags;
 var stickyHelpers$2 = regexpStickyHelpers;
 var proxyAccessor = proxyAccessor$1;
@@ -6586,9 +6687,9 @@ var UNSUPPORTED_DOT_ALL$1 = regexpUnsupportedDotAll;
 var UNSUPPORTED_NCG$1 = regexpUnsupportedNcg;
 
 var MATCH = wellKnownSymbol$9('match');
-var NativeRegExp = global$d.RegExp;
+var NativeRegExp = global$p.RegExp;
 var RegExpPrototype$2 = NativeRegExp.prototype;
-var SyntaxError = global$d.SyntaxError;
+var SyntaxError = global$p.SyntaxError;
 var exec$6 = uncurryThis$j(RegExpPrototype$2.exec);
 var charAt$8 = uncurryThis$j(''.charAt);
 var replace$6 = uncurryThis$j(''.replace);
@@ -6700,8 +6801,8 @@ if (isForced$1('RegExp', BASE_FORCED)) {
       if (flagsAreUndefined) flags = getRegExpFlags$1(rawPattern);
     }
 
-    pattern = pattern === undefined ? '' : toString$c(pattern);
-    flags = flags === undefined ? '' : toString$c(flags);
+    pattern = pattern === undefined ? '' : toString$e(pattern);
+    flags = flags === undefined ? '' : toString$e(flags);
     rawPattern = pattern;
 
     if (UNSUPPORTED_DOT_ALL$1 && 'dotAll' in re1) {
@@ -6748,7 +6849,7 @@ if (isForced$1('RegExp', BASE_FORCED)) {
 
   RegExpPrototype$2.constructor = RegExpWrapper;
   RegExpWrapper.prototype = RegExpPrototype$2;
-  defineBuiltIn$7(global$d, 'RegExp', RegExpWrapper, { constructor: true });
+  defineBuiltIn$7(global$p, 'RegExp', RegExpWrapper, { constructor: true });
 }
 
 // https://tc39.es/ecma262/#sec-get-regexp-@@species
@@ -6758,7 +6859,7 @@ setSpecies$1('RegExp');
 /* eslint-disable regexp/no-useless-quantifier -- testing */
 var call$e = functionCall;
 var uncurryThis$i = functionUncurryThis;
-var toString$b = toString$f;
+var toString$d = toString$h;
 var regexpFlags = regexpFlags$1;
 var stickyHelpers$1 = regexpStickyHelpers;
 var shared = shared$4.exports;
@@ -6794,7 +6895,7 @@ if (PATCH) {
   patchedExec = function exec(string) {
     var re = this;
     var state = getInternalState$1(re);
-    var str = toString$b(string);
+    var str = toString$d(string);
     var raw = state.raw;
     var result, reCopy, lastIndex, match, i, object, group;
 
@@ -6883,7 +6984,7 @@ $$e({ target: 'RegExp', proto: true, forced: /./.exec !== exec$5 }, {
 var PROPER_FUNCTION_NAME = functionName.PROPER;
 var defineBuiltIn$6 = defineBuiltIn$b;
 var anObject$b = anObject$i;
-var $toString$2 = toString$f;
+var $toString$2 = toString$h;
 var fails$b = fails$s;
 var getRegExpFlags = regexpGetFlags;
 
@@ -6907,7 +7008,7 @@ if (NOT_GENERIC || INCORRECT_NAME) {
 }
 
 const _excluded$h = ["className", "children", "onClick", "size", "icon", "isRemovable", "disabled", "type", "onRemove", "readOnly"];
-var _jsxFileName$C = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\tag\\Tag.js";
+var _jsxFileName$C = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\tag\\Tag.js";
 const TagWrapper$3 = styled('div', {
   boxSizing: 'border-box',
   listStyle: 'none',
@@ -7084,7 +7185,7 @@ Tag.defaultProps = {
 };
 
 const _excluded$g = ["size", "isInvalid", "placeholder", "onChange", "onInputChange", "value", "disabled", "readOnly", "max", "maxChar", "pattern"];
-var _jsxFileName$B = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputTags\\InputTags.js";
+var _jsxFileName$B = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputTags\\InputTags.js";
 const Wrapper$2 = styled('div', {
   margin: 0,
   flexDirection: 'column',
@@ -7348,7 +7449,7 @@ TagsInput.defaultProps = {
 };
 
 const _excluded$f = ["id", "defaultChecked", "dataOnLabel", "dataOffLabel", "disabled"];
-var _jsxFileName$A = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSwitch\\InputSwitch.js";
+var _jsxFileName$A = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSwitch\\InputSwitch.js";
 const StyledThumb$1 = styled(SwitchPrimitive.Thumb, {
   display: 'block',
   width: '16px',
@@ -7456,7 +7557,7 @@ InputSwitch.propTypes = {
 };
 InputSwitch.displayName = 'InputSwitch';
 
-var _jsxFileName$z = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSearchbox\\CloseFilled.js";
+var _jsxFileName$z = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSearchbox\\CloseFilled.js";
 
 const SvgCloseFilled = props => /*#__PURE__*/React.createElement("svg", _extends({
   width: props.size,
@@ -7517,7 +7618,7 @@ SvgCloseFilled.defaultProps = {
   size: 24
 };
 
-var _jsxFileName$y = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSearchbox\\SearchOutline.js";
+var _jsxFileName$y = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSearchbox\\SearchOutline.js";
 
 const SvgSearchOutline = props => /*#__PURE__*/React.createElement("svg", _extends({
   width: props.size,
@@ -7560,7 +7661,7 @@ SvgSearchOutline.defaultProps = {
 };
 
 const _excluded$e = ["size", "onChange", "css", "disabled"];
-var _jsxFileName$x = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSearchbox\\InputSearchbox.js";
+var _jsxFileName$x = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSearchbox\\InputSearchbox.js";
 
 const InputSearchbox = _ref => {
   let {
@@ -7675,7 +7776,7 @@ var defineBuiltIn$5 = defineBuiltIn$b;
 var regexpExec$2 = regexpExec$3;
 var fails$a = fails$s;
 var wellKnownSymbol$8 = wellKnownSymbol$l;
-var createNonEnumerableProperty = createNonEnumerableProperty$6;
+var createNonEnumerableProperty = createNonEnumerableProperty$7;
 
 var SPECIES$2 = wellKnownSymbol$8('species');
 var RegExpPrototype = RegExp.prototype;
@@ -7750,13 +7851,14 @@ var sameValue$1 = Object.is || function is(x, y) {
   return x === y ? x !== 0 || 1 / x === 1 / y : x != x && y != y;
 };
 
+var global$o = global$U;
 var call$d = functionCall;
 var anObject$a = anObject$i;
 var isCallable$7 = isCallable$p;
 var classof$4 = classofRaw$1;
 var regexpExec$1 = regexpExec$3;
 
-var $TypeError$7 = TypeError;
+var TypeError$a = global$o.TypeError;
 
 // `RegExpExec` abstract operation
 // https://tc39.es/ecma262/#sec-regexpexec
@@ -7768,7 +7870,7 @@ var regexpExecAbstract = function (R, S) {
     return result;
   }
   if (classof$4(R) === 'RegExp') return call$d(regexpExec$1, R, S);
-  throw $TypeError$7('RegExp#exec called on incompatible receiver');
+  throw TypeError$a('RegExp#exec called on incompatible receiver');
 };
 
 var call$c = functionCall;
@@ -7776,7 +7878,7 @@ var fixRegExpWellKnownSymbolLogic$2 = fixRegexpWellKnownSymbolLogic;
 var anObject$9 = anObject$i;
 var requireObjectCoercible$6 = requireObjectCoercible$a;
 var sameValue = sameValue$1;
-var toString$a = toString$f;
+var toString$c = toString$h;
 var getMethod$4 = getMethod$6;
 var regExpExec$1 = regexpExecAbstract;
 
@@ -7788,13 +7890,13 @@ fixRegExpWellKnownSymbolLogic$2('search', function (SEARCH, nativeSearch, maybeC
     function search(regexp) {
       var O = requireObjectCoercible$6(this);
       var searcher = regexp == undefined ? undefined : getMethod$4(regexp, SEARCH);
-      return searcher ? call$c(searcher, regexp, O) : new RegExp(regexp)[SEARCH](toString$a(O));
+      return searcher ? call$c(searcher, regexp, O) : new RegExp(regexp)[SEARCH](toString$c(O));
     },
     // `RegExp.prototype[@@search]` method
     // https://tc39.es/ecma262/#sec-regexp.prototype-@@search
     function (string) {
       var rx = anObject$9(this);
-      var S = toString$a(string);
+      var S = toString$c(string);
       var res = maybeCallNative(nativeSearch, rx, S);
 
       if (res.done) return res.value;
@@ -7810,7 +7912,7 @@ fixRegExpWellKnownSymbolLogic$2('search', function (SEARCH, nativeSearch, maybeC
 
 const _excluded$d = ["showLeadingIcon", "disabled", "placeholder", "readOnly", "inputProps", "handleInputValue", "noStyling", "onChange"],
       _excluded2$1 = ["placeholder", "searchPlaceholder", "embedSearch", "option", "onChange", "size", "disabled", "search", "value", "iconColor", "icon", "placement", "valueSelector", "textSelector", "disabledOptions", "css", "onSearch", "readOnly", "isInvalid", "noOptionIcon"];
-var _jsxFileName$w = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSelect\\InputSelect.js";
+var _jsxFileName$w = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSelect\\InputSelect.js";
 const SelectContainer = styled('div', {
   margin: 0,
   flexDirection: 'column',
@@ -8396,7 +8498,7 @@ function Select$1(_ref2) {
         item,
         disabled: item.isDisabled
       }), {
-        key: (_item$value = item.value) != null ? _item$value : index,
+        key: (_item$value = item.value) !== null && _item$value !== void 0 ? _item$value : index,
         css: item.isDisabled ? {
           backgroundColor: 'unset',
           cursor: 'not-allowed',
@@ -8491,14 +8593,6 @@ Select$1.defaultProps = {
   noOptionIcon: false
 };
 
-var tryToString$3 = tryToString$5;
-
-var $TypeError$6 = TypeError;
-
-var deletePropertyOrThrow$1 = function (O, P) {
-  if (!delete O[P]) throw $TypeError$6('Cannot delete property ' + tryToString$3(P) + ' of ' + tryToString$3(O));
-};
-
 var toPropertyKey = toPropertyKey$3;
 var definePropertyModule = objectDefineProperty;
 var createPropertyDescriptor$1 = createPropertyDescriptor$5;
@@ -8509,18 +8603,19 @@ var createProperty$2 = function (object, key, value) {
   else object[propertyKey] = value;
 };
 
+var global$n = global$U;
 var toAbsoluteIndex = toAbsoluteIndex$2;
 var lengthOfArrayLike$4 = lengthOfArrayLike$6;
 var createProperty$1 = createProperty$2;
 
-var $Array$1 = Array;
+var Array$2 = global$n.Array;
 var max$1 = Math.max;
 
 var arraySliceSimple = function (O, start, end) {
   var length = lengthOfArrayLike$4(O);
   var k = toAbsoluteIndex(start, length);
   var fin = toAbsoluteIndex(end === undefined ? length : end, length);
-  var result = $Array$1(max$1(fin - k, 0));
+  var result = Array$2(max$1(fin - k, 0));
   for (var n = 0; k < fin; k++, n++) createProperty$1(result, n, O[k]);
   result.length = n;
   return result;
@@ -8602,8 +8697,7 @@ var uncurryThis$g = functionUncurryThis;
 var aCallable$7 = aCallable$9;
 var toObject$3 = toObject$7;
 var lengthOfArrayLike$3 = lengthOfArrayLike$6;
-var deletePropertyOrThrow = deletePropertyOrThrow$1;
-var toString$9 = toString$f;
+var toString$b = toString$h;
 var fails$8 = fails$s;
 var internalSort = arraySort$1;
 var arrayMethodIsStrict$1 = arrayMethodIsStrict$2;
@@ -8669,7 +8763,7 @@ var getSortCompare = function (comparefn) {
     if (y === undefined) return -1;
     if (x === undefined) return 1;
     if (comparefn !== undefined) return +comparefn(x, y) || 0;
-    return toString$9(x) > toString$9(y) ? 1 : -1;
+    return toString$b(x) > toString$b(y) ? 1 : -1;
   };
 };
 
@@ -8697,18 +8791,19 @@ $$d({ target: 'Array', proto: true, forced: FORCED$3 }, {
     index = 0;
 
     while (index < itemsLength) array[index] = items[index++];
-    while (index < arrayLength) deletePropertyOrThrow(array, index++);
+    while (index < arrayLength) delete array[index++];
 
     return array;
   }
 });
 
+var global$m = global$U;
 var aCallable$6 = aCallable$9;
 var toObject$2 = toObject$7;
 var IndexedObject = indexedObject;
 var lengthOfArrayLike$2 = lengthOfArrayLike$6;
 
-var $TypeError$5 = TypeError;
+var TypeError$9 = global$m.TypeError;
 
 // `Array.prototype.{ reduce, reduceRight }` methods implementation
 var createMethod$2 = function (IS_RIGHT) {
@@ -8727,7 +8822,7 @@ var createMethod$2 = function (IS_RIGHT) {
       }
       index += i;
       if (IS_RIGHT ? index < 0 : length <= index) {
-        throw $TypeError$5('Reduce of empty array with no initial value');
+        throw TypeError$9('Reduce of empty array with no initial value');
       }
     }
     for (;IS_RIGHT ? index >= 0 : length > index; index += i) if (index in self) {
@@ -8747,9 +8842,9 @@ var arrayReduce = {
 };
 
 var classof$3 = classofRaw$1;
-var global$c = global$s;
+var global$l = global$U;
 
-var engineIsNode = classof$3(global$c.process) == 'process';
+var engineIsNode = classof$3(global$l.process) == 'process';
 
 var $$c = _export;
 var $reduce = arrayReduce.left;
@@ -8775,7 +8870,7 @@ var $$b = _export;
 var uncurryThis$f = functionUncurryThis;
 var getOwnPropertyDescriptor$2 = objectGetOwnPropertyDescriptor.f;
 var toLength$2 = toLength$4;
-var toString$8 = toString$f;
+var toString$a = toString$h;
 var notARegExp = notARegexp;
 var requireObjectCoercible$5 = requireObjectCoercible$a;
 var correctIsRegExpLogic = correctIsRegexpLogic;
@@ -8796,17 +8891,17 @@ var MDN_POLYFILL_BUG = !CORRECT_IS_REGEXP_LOGIC && !!function () {
 // https://tc39.es/ecma262/#sec-string.prototype.startswith
 $$b({ target: 'String', proto: true, forced: !MDN_POLYFILL_BUG && !CORRECT_IS_REGEXP_LOGIC }, {
   startsWith: function startsWith(searchString /* , position = 0 */) {
-    var that = toString$8(requireObjectCoercible$5(this));
+    var that = toString$a(requireObjectCoercible$5(this));
     notARegExp(searchString);
     var index = toLength$2(min$2(arguments.length > 1 ? arguments[1] : undefined, that.length));
-    var search = toString$8(searchString);
+    var search = toString$a(searchString);
     return un$StartsWith
       ? un$StartsWith(that, search, index)
       : stringSlice$7(that, index, index + search.length) === search;
   }
 });
 
-var _jsxFileName$v = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSelectCheck\\icon\\CheckOutline.js";
+var _jsxFileName$v = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSelectCheck\\icon\\CheckOutline.js";
 
 const CheckOutline = props => /*#__PURE__*/React.createElement("svg", _extends({
   xmlns: "http://www.w3.org/2000/svg",
@@ -8855,7 +8950,7 @@ const CheckOutline = props => /*#__PURE__*/React.createElement("svg", _extends({
 }));
 
 const _excluded$c = ["placeholder", "option", "value", "size", "disabled", "onChange", "search", "readOnly", "placement", "disabledOptions", "textEmptyItem", "onRemoveItem", "isInvalid", "sortBy", "showSelectedTag", "css"];
-var _jsxFileName$u = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSelectCheck\\InputSelectCheck.js";
+var _jsxFileName$u = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSelectCheck\\InputSelectCheck.js";
 const Wrapper$1 = styled('div', {
   margin: 0,
   flexDirection: 'column',
@@ -9517,7 +9612,7 @@ InputSelectCheck.defaultProps = {
   sortBy: 'name'
 };
 
-var _jsxFileName$t = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSelectTag\\InputSelectTag.js";
+var _jsxFileName$t = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSelectTag\\InputSelectTag.js";
 function InputSelectTag(props) {
   return /*#__PURE__*/React.createElement(InputSelectCheck, _extends({
     showSelectedTag: true
@@ -9560,7 +9655,7 @@ InputSelectTag.defaultProps = {
   sortBy: 'name'
 };
 
-var _jsxFileName$s = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCreatable\\InputCreatable.js";
+var _jsxFileName$s = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCreatable\\InputCreatable.js";
 const Wrapper = styled('div', {
   margin: 0,
   flexDirection: 'column',
@@ -10064,7 +10159,7 @@ const InputCombobox = /*#__PURE__*/React.forwardRef((_a, forwardedRef) => {
 });
 
 const _excluded$b = ["children"];
-var _jsxFileName$r = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\popover\\Popover.js";
+var _jsxFileName$r = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\popover\\Popover.js";
 const {
   zIndices
 } = foundations;
@@ -10154,8 +10249,8 @@ const PopoverContent = ({
     ref: floating,
     style: Object.assign({
       position: strategy,
-      top: isMobile ? 0 : y != null ? y : '',
-      left: isMobile ? 0 : x != null ? x : '',
+      top: isMobile ? 0 : y !== null && y !== void 0 ? y : '',
+      left: isMobile ? 0 : x !== null && x !== void 0 ? x : '',
       zIndex: zIndices.popover
     }, style)
   }), {
@@ -10198,7 +10293,7 @@ Popover.propTypes = {
 Popover.displayName = 'Popover';
 
 const _excluded$a = ["className", "defaultValue", "value", "name", "disabled", "orientation", "dir", "min", "max", "step", "onValueChange", "minStepsBetweenThumbs", "color", "size", "width", "height"];
-var _jsxFileName$q = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\slider\\Slider.js";
+var _jsxFileName$q = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\slider\\Slider.js";
 const StyledSlider = styled$1(SliderPrimitive.Root, {
   position: 'relative',
   display: 'flex',
@@ -10543,7 +10638,7 @@ Slider.defaultProps = {
 };
 
 const _excluded$9 = ["className", "children", "onClick", "type", "size"];
-var _jsxFileName$p = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\tagStatus\\TagStatus.js";
+var _jsxFileName$p = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\tagStatus\\TagStatus.js";
 const TagWrapper = styled('div', {
   boxSizing: 'border-box',
   fontSize: '12px',
@@ -10753,7 +10848,7 @@ Separator$2.displayName = 'Separator';
 
 const _excluded$8 = ["className", "children", "type", "value", "defaultValue", "onValueChange", "disabled", "rovingFocus", "orientation", "dir", "loop", "size"],
       _excluded2 = ["className", "children", "leftIcon", "rightIcon", "disabled", "isToggle", "value"];
-var _jsxFileName$o = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\buttonGroup\\ButtonGroup.js";
+var _jsxFileName$o = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\buttonGroup\\ButtonGroup.js";
 const ButtonGroupComponent = styled(ToggleGroupPrimitive.Root, {
   display: 'inline-flex',
   borderRadius: '$md',
@@ -10986,7 +11081,7 @@ var whitespaces$3 = '\u0009\u000A\u000B\u000C\u000D\u0020\u00A0\u1680\u2000\u200
 
 var uncurryThis$e = functionUncurryThis;
 var requireObjectCoercible$4 = requireObjectCoercible$a;
-var toString$7 = toString$f;
+var toString$9 = toString$h;
 var whitespaces$2 = whitespaces$3;
 
 var replace$4 = uncurryThis$e(''.replace);
@@ -10997,7 +11092,7 @@ var rtrim = RegExp(whitespace + whitespace + '*$');
 // `String.prototype.{ trim, trimStart, trimEnd, trimLeft, trimRight }` methods implementation
 var createMethod$1 = function (TYPE) {
   return function ($this) {
-    var string = toString$7(requireObjectCoercible$4($this));
+    var string = toString$9(requireObjectCoercible$4($this));
     if (TYPE & 1) string = replace$4(string, ltrim, '');
     if (TYPE & 2) string = replace$4(string, rtrim, '');
     return string;
@@ -11016,15 +11111,15 @@ var stringTrim = {
   trim: createMethod$1(3)
 };
 
-var global$b = global$s;
+var global$k = global$U;
 var fails$7 = fails$s;
 var uncurryThis$d = functionUncurryThis;
-var toString$6 = toString$f;
+var toString$8 = toString$h;
 var trim$1 = stringTrim.trim;
 var whitespaces$1 = whitespaces$3;
 
-var $parseInt$1 = global$b.parseInt;
-var Symbol$6 = global$b.Symbol;
+var $parseInt$1 = global$k.parseInt;
+var Symbol$6 = global$k.Symbol;
 var ITERATOR$6 = Symbol$6 && Symbol$6.iterator;
 var hex = /^[+-]?0x/i;
 var exec$4 = uncurryThis$d(hex.exec);
@@ -11035,7 +11130,7 @@ var FORCED$2 = $parseInt$1(whitespaces$1 + '08') !== 8 || $parseInt$1(whitespace
 // `parseInt` method
 // https://tc39.es/ecma262/#sec-parseint-string-radix
 var numberParseInt = FORCED$2 ? function parseInt(string, radix) {
-  var S = trim$1(toString$6(string));
+  var S = trim$1(toString$8(string));
   return $parseInt$1(S, (radix >>> 0) || (exec$4(hex, S) ? 16 : 10));
 } : $parseInt$1;
 
@@ -11049,7 +11144,7 @@ $$a({ global: true, forced: parseInt != $parseInt }, {
 });
 
 const _excluded$7 = ["children"];
-var _jsxFileName$n = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\notificationBadge\\NotificationBadge.js";
+var _jsxFileName$n = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\notificationBadge\\NotificationBadge.js";
 const NotificationBadgeRootStyle = styled('span', {
   position: 'relative',
   display: 'inline-flex',
@@ -11193,7 +11288,7 @@ NotificationBadge.propTypes = {
 };
 
 const _excluded$6 = ["className", "children", "radius", "padding", "width", "height"];
-var _jsxFileName$m = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\paper\\Paper.js";
+var _jsxFileName$m = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\paper\\Paper.js";
 const PaperComponent = styled('div', {
   padding: '20px',
   height: 'auto',
@@ -11393,13 +11488,14 @@ DialogClose.displayName = 'DialogClose';
 DialogOverlay.displayName = 'DialogOverlay';
 DialogPortal.displayName = 'DialogPortal';
 
+var global$j = global$U;
 var isPrototypeOf$1 = objectIsPrototypeOf;
 
-var $TypeError$4 = TypeError;
+var TypeError$8 = global$j.TypeError;
 
 var anInstance$3 = function (it, Prototype) {
   if (isPrototypeOf$1(Prototype, it)) return it;
-  throw $TypeError$4('Incorrect invocation');
+  throw TypeError$8('Incorrect invocation');
 };
 
 var uncurryThis$c = functionUncurryThis;
@@ -11455,15 +11551,16 @@ var isConstructor$2 = !construct || fails$6(function () {
     || called;
 }) ? isConstructorLegacy : isConstructorModern;
 
+var global$i = global$U;
 var isConstructor$1 = isConstructor$2;
-var tryToString$2 = tryToString$5;
+var tryToString$2 = tryToString$4;
 
-var $TypeError$3 = TypeError;
+var TypeError$7 = global$i.TypeError;
 
 // `Assert: IsConstructor(argument) is true`
 var aConstructor$1 = function (argument) {
   if (isConstructor$1(argument)) return argument;
-  throw $TypeError$3(tryToString$2(argument) + ' is not a constructor');
+  throw TypeError$7(tryToString$2(argument) + ' is not a constructor');
 };
 
 var anObject$8 = anObject$i;
@@ -11509,10 +11606,12 @@ var uncurryThis$a = functionUncurryThis;
 
 var arraySlice$3 = uncurryThis$a([].slice);
 
-var $TypeError$2 = TypeError;
+var global$h = global$U;
+
+var TypeError$6 = global$h.TypeError;
 
 var validateArgumentsLength$3 = function (passed, required) {
-  if (passed < required) throw $TypeError$2('Not enough arguments');
+  if (passed < required) throw TypeError$6('Not enough arguments');
   return passed;
 };
 
@@ -11520,7 +11619,7 @@ var userAgent$2 = engineUserAgent;
 
 var engineIsIos = /(?:ipad|iphone|ipod).*applewebkit/i.test(userAgent$2);
 
-var global$a = global$s;
+var global$g = global$U;
 var apply$2 = functionApply;
 var bind$6 = functionBindContext;
 var isCallable$5 = isCallable$p;
@@ -11533,13 +11632,13 @@ var validateArgumentsLength$2 = validateArgumentsLength$3;
 var IS_IOS$1 = engineIsIos;
 var IS_NODE$2 = engineIsNode;
 
-var set = global$a.setImmediate;
-var clear = global$a.clearImmediate;
-var process$2 = global$a.process;
-var Dispatch = global$a.Dispatch;
-var Function$1 = global$a.Function;
-var MessageChannel = global$a.MessageChannel;
-var String$1 = global$a.String;
+var set = global$g.setImmediate;
+var clear = global$g.clearImmediate;
+var process$2 = global$g.process;
+var Dispatch = global$g.Dispatch;
+var Function$1 = global$g.Function;
+var MessageChannel = global$g.MessageChannel;
+var String$2 = global$g.String;
 var counter = 0;
 var queue$1 = {};
 var ONREADYSTATECHANGE = 'onreadystatechange';
@@ -11547,7 +11646,7 @@ var location, defer, channel, port;
 
 try {
   // Deno throws a ReferenceError on `location` access without `--location` flag
-  location = global$a.location;
+  location = global$g.location;
 } catch (error) { /* empty */ }
 
 var run = function (id) {
@@ -11570,7 +11669,7 @@ var listener = function (event) {
 
 var post = function (id) {
   // old engines have not location.origin
-  global$a.postMessage(String$1(id), location.protocol + '//' + location.host);
+  global$g.postMessage(String$2(id), location.protocol + '//' + location.host);
 };
 
 // Node.js 0.9+ & IE10+ has setImmediate, otherwise:
@@ -11608,14 +11707,14 @@ if (!set || !clear) {
   // Browsers with postMessage, skip WebWorkers
   // IE8 has postMessage, but it's sync & typeof its postMessage is 'object'
   } else if (
-    global$a.addEventListener &&
-    isCallable$5(global$a.postMessage) &&
-    !global$a.importScripts &&
+    global$g.addEventListener &&
+    isCallable$5(global$g.postMessage) &&
+    !global$g.importScripts &&
     location && location.protocol !== 'file:' &&
     !fails$5(post)
   ) {
     defer = post;
-    global$a.addEventListener('message', listener, false);
+    global$g.addEventListener('message', listener, false);
   // IE8-
   } else if (ONREADYSTATECHANGE in createElement('script')) {
     defer = function (id) {
@@ -11638,15 +11737,15 @@ var task$1 = {
 };
 
 var userAgent$1 = engineUserAgent;
-var global$9 = global$s;
+var global$f = global$U;
 
-var engineIsIosPebble = /ipad|iphone|ipod/i.test(userAgent$1) && global$9.Pebble !== undefined;
+var engineIsIosPebble = /ipad|iphone|ipod/i.test(userAgent$1) && global$f.Pebble !== undefined;
 
 var userAgent = engineUserAgent;
 
 var engineIsWebosWebkit = /web0s(?!.*chrome)/i.test(userAgent);
 
-var global$8 = global$s;
+var global$e = global$U;
 var bind$5 = functionBindContext;
 var getOwnPropertyDescriptor$1 = objectGetOwnPropertyDescriptor.f;
 var macrotask = task$1.set;
@@ -11655,12 +11754,12 @@ var IS_IOS_PEBBLE = engineIsIosPebble;
 var IS_WEBOS_WEBKIT = engineIsWebosWebkit;
 var IS_NODE$1 = engineIsNode;
 
-var MutationObserver = global$8.MutationObserver || global$8.WebKitMutationObserver;
-var document$2 = global$8.document;
-var process$1 = global$8.process;
-var Promise$1 = global$8.Promise;
+var MutationObserver = global$e.MutationObserver || global$e.WebKitMutationObserver;
+var document$2 = global$e.document;
+var process$1 = global$e.process;
+var Promise$1 = global$e.Promise;
 // Node.js 11 shows ExperimentalWarning on getting `queueMicrotask`
-var queueMicrotaskDescriptor = getOwnPropertyDescriptor$1(global$8, 'queueMicrotask');
+var queueMicrotaskDescriptor = getOwnPropertyDescriptor$1(global$e, 'queueMicrotask');
 var queueMicrotask = queueMicrotaskDescriptor && queueMicrotaskDescriptor.value;
 
 var flush, head, last, notify$1, toggle, node, promise, then;
@@ -11716,7 +11815,7 @@ if (!queueMicrotask) {
   // - setTimeout
   } else {
     // strange IE + webpack dev server bug - use .bind(global)
-    macrotask = bind$5(macrotask, global$8);
+    macrotask = bind$5(macrotask, global$e);
     notify$1 = function () {
       macrotask(flush);
     };
@@ -11732,10 +11831,10 @@ var microtask$1 = queueMicrotask || function (fn) {
   } last = task;
 };
 
-var global$7 = global$s;
+var global$d = global$U;
 
 var hostReportErrors$1 = function (a, b) {
-  var console = global$7.console;
+  var console = global$d.console;
   if (console && console.error) {
     arguments.length == 1 ? console.error(a) : console.error(a, b);
   }
@@ -11773,13 +11872,13 @@ Queue$1.prototype = {
 
 var queue = Queue$1;
 
-var global$6 = global$s;
+var global$c = global$U;
 
-var promiseNativeConstructor = global$6.Promise;
+var promiseNativeConstructor = global$c.Promise;
 
 var engineIsBrowser = typeof window == 'object' && typeof Deno != 'object';
 
-var global$5 = global$s;
+var global$b = global$U;
 var NativePromiseConstructor$3 = promiseNativeConstructor;
 var isCallable$4 = isCallable$p;
 var isForced = isForced_1;
@@ -11791,7 +11890,7 @@ var V8_VERSION = engineV8Version;
 NativePromiseConstructor$3 && NativePromiseConstructor$3.prototype;
 var SPECIES = wellKnownSymbol$6('species');
 var SUBCLASSING = false;
-var NATIVE_PROMISE_REJECTION_EVENT$1 = isCallable$4(global$5.PromiseRejectionEvent);
+var NATIVE_PROMISE_REJECTION_EVENT$1 = isCallable$4(global$b.PromiseRejectionEvent);
 
 var FORCED_PROMISE_CONSTRUCTOR$5 = isForced('Promise', function () {
   var PROMISE_CONSTRUCTOR_SOURCE = inspectSource(NativePromiseConstructor$3);
@@ -11846,7 +11945,7 @@ newPromiseCapability$2.f = function (C) {
 
 var $$9 = _export;
 var IS_NODE = engineIsNode;
-var global$4 = global$s;
+var global$a = global$U;
 var call$a = functionCall;
 var defineBuiltIn$4 = defineBuiltIn$b;
 var setPrototypeOf = objectSetPrototypeOf;
@@ -11876,13 +11975,13 @@ var setInternalState$3 = InternalStateModule$3.set;
 var NativePromisePrototype$1 = NativePromiseConstructor$2 && NativePromiseConstructor$2.prototype;
 var PromiseConstructor = NativePromiseConstructor$2;
 var PromisePrototype = NativePromisePrototype$1;
-var TypeError$3 = global$4.TypeError;
-var document$1 = global$4.document;
-var process = global$4.process;
+var TypeError$5 = global$a.TypeError;
+var document$1 = global$a.document;
+var process = global$a.process;
 var newPromiseCapability$1 = newPromiseCapabilityModule$3.f;
 var newGenericPromiseCapability = newPromiseCapability$1;
 
-var DISPATCH_EVENT = !!(document$1 && document$1.createEvent && global$4.dispatchEvent);
+var DISPATCH_EVENT = !!(document$1 && document$1.createEvent && global$a.dispatchEvent);
 var UNHANDLED_REJECTION = 'unhandledrejection';
 var REJECTION_HANDLED = 'rejectionhandled';
 var PENDING = 0;
@@ -11923,7 +12022,7 @@ var callReaction = function (reaction, state) {
         }
       }
       if (result === reaction.promise) {
-        reject(TypeError$3('Promise-chain cycle'));
+        reject(TypeError$5('Promise-chain cycle'));
       } else if (then = isThenable(result)) {
         call$a(then, result, resolve, reject);
       } else resolve(result);
@@ -11955,14 +12054,14 @@ var dispatchEvent = function (name, promise, reason) {
     event.promise = promise;
     event.reason = reason;
     event.initEvent(name, false, true);
-    global$4.dispatchEvent(event);
+    global$a.dispatchEvent(event);
   } else event = { promise: promise, reason: reason };
-  if (!NATIVE_PROMISE_REJECTION_EVENT && (handler = global$4['on' + name])) handler(event);
+  if (!NATIVE_PROMISE_REJECTION_EVENT && (handler = global$a['on' + name])) handler(event);
   else if (name === UNHANDLED_REJECTION) hostReportErrors('Unhandled promise rejection', reason);
 };
 
 var onUnhandled = function (state) {
-  call$a(task, global$4, function () {
+  call$a(task, global$a, function () {
     var promise = state.facade;
     var value = state.value;
     var IS_UNHANDLED = isUnhandled(state);
@@ -11985,7 +12084,7 @@ var isUnhandled = function (state) {
 };
 
 var onHandleUnhandled = function (state) {
-  call$a(task, global$4, function () {
+  call$a(task, global$a, function () {
     var promise = state.facade;
     if (IS_NODE) {
       process.emit('rejectionHandled', promise);
@@ -12013,7 +12112,7 @@ var internalResolve = function (state, value, unwrap) {
   state.done = true;
   if (unwrap) state = unwrap;
   try {
-    if (state.facade === value) throw TypeError$3("Promise can't be resolved itself");
+    if (state.facade === value) throw TypeError$5("Promise can't be resolved itself");
     var then = isThenable(value);
     if (then) {
       microtask(function () {
@@ -12155,18 +12254,19 @@ var getIteratorMethod$4 = function (it) {
     || Iterators[classof$1(it)];
 };
 
+var global$9 = global$U;
 var call$9 = functionCall;
 var aCallable$2 = aCallable$9;
 var anObject$7 = anObject$i;
-var tryToString$1 = tryToString$5;
+var tryToString$1 = tryToString$4;
 var getIteratorMethod$3 = getIteratorMethod$4;
 
-var $TypeError$1 = TypeError;
+var TypeError$4 = global$9.TypeError;
 
 var getIterator$3 = function (argument, usingIterator) {
   var iteratorMethod = arguments.length < 2 ? getIteratorMethod$3(argument) : usingIterator;
   if (aCallable$2(iteratorMethod)) return anObject$7(call$9(iteratorMethod, argument));
-  throw $TypeError$1(tryToString$1(argument) + ' is not iterable');
+  throw TypeError$4(tryToString$1(argument) + ' is not iterable');
 };
 
 var call$8 = functionCall;
@@ -12193,10 +12293,11 @@ var iteratorClose$2 = function (iterator, kind, value) {
   return value;
 };
 
+var global$8 = global$U;
 var bind$3 = functionBindContext;
 var call$7 = functionCall;
 var anObject$5 = anObject$i;
-var tryToString = tryToString$5;
+var tryToString = tryToString$4;
 var isArrayIteratorMethod$1 = isArrayIteratorMethod$2;
 var lengthOfArrayLike$1 = lengthOfArrayLike$6;
 var isPrototypeOf = objectIsPrototypeOf;
@@ -12204,7 +12305,7 @@ var getIterator$2 = getIterator$3;
 var getIteratorMethod$2 = getIteratorMethod$4;
 var iteratorClose$1 = iteratorClose$2;
 
-var $TypeError = TypeError;
+var TypeError$3 = global$8.TypeError;
 
 var Result = function (stopped, result) {
   this.stopped = stopped;
@@ -12237,7 +12338,7 @@ var iterate$2 = function (iterable, unboundFunction, options) {
     iterator = iterable;
   } else {
     iterFn = getIteratorMethod$2(iterable);
-    if (!iterFn) throw $TypeError(tryToString(iterable) + ' is not iterable');
+    if (!iterFn) throw TypeError$3(tryToString(iterable) + ' is not iterable');
     // optimisation for array iterators
     if (isArrayIteratorMethod$1(iterFn)) {
       for (index = 0, length = lengthOfArrayLike$1(iterable); length > index; index++) {
@@ -12662,7 +12763,7 @@ ModalDialog.defaultProps = {
 };
 
 const _excluded$5 = ["children"];
-var _jsxFileName$l = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\drawer\\Drawer.js";
+var _jsxFileName$l = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\drawer\\Drawer.js";
 const Context$1 = /*#__PURE__*/React__default.createContext();
 const {
   sizes
@@ -14335,7 +14436,7 @@ const MobileCalendarBox = ({
   return null;
 };
 
-var _jsxFileName$k = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\datePicker\\timePicker\\TimePicker.js";
+var _jsxFileName$k = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\datePicker\\timePicker\\TimePicker.js";
 const Input$2 = styled('input', {
   display: 'none'
 });
@@ -14349,9 +14450,6 @@ const Time = styled('p', {
   variants: {
     size: {
       sm: {
-        fontSize: 24
-      },
-      md: {
         fontSize: 28
       },
       lg: {
@@ -14369,10 +14467,6 @@ const Container$4 = styled(Flex$1, {
   variants: {
     size: {
       sm: {
-        width: 180,
-        height: 115
-      },
-      md: {
         width: 200,
         height: 130
       },
@@ -14439,7 +14533,7 @@ const IconStateFull$1 = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$k,
-      lineNumber: 107,
+      lineNumber: 100,
       columnNumber: 5
     }
   })) : /*#__PURE__*/React__default.createElement(IconDown, _extends({}, props, {
@@ -14449,7 +14543,7 @@ const IconStateFull$1 = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$k,
-      lineNumber: 114,
+      lineNumber: 107,
       columnNumber: 5
     }
   }));
@@ -14497,7 +14591,7 @@ const NativeTimePicker = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$k,
-      lineNumber: 149,
+      lineNumber: 142,
       columnNumber: 5
     }
   }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -14506,7 +14600,7 @@ const NativeTimePicker = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$k,
-      lineNumber: 150,
+      lineNumber: 143,
       columnNumber: 7
     }
   }, /*#__PURE__*/React__default.createElement(IconStateFull$1, {
@@ -14516,7 +14610,7 @@ const NativeTimePicker = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$k,
-      lineNumber: 151,
+      lineNumber: 144,
       columnNumber: 9
     }
   }), /*#__PURE__*/React__default.createElement(IconStateFull$1, {
@@ -14526,7 +14620,7 @@ const NativeTimePicker = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$k,
-      lineNumber: 152,
+      lineNumber: 145,
       columnNumber: 9
     }
   })), /*#__PURE__*/React__default.createElement(Input$2, {
@@ -14537,7 +14631,7 @@ const NativeTimePicker = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$k,
-      lineNumber: 154,
+      lineNumber: 147,
       columnNumber: 7
     }
   }), /*#__PURE__*/React__default.createElement(Time, {
@@ -14545,7 +14639,7 @@ const NativeTimePicker = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$k,
-      lineNumber: 155,
+      lineNumber: 148,
       columnNumber: 7
     }
   }, moment(date).format(format)), /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -14554,7 +14648,7 @@ const NativeTimePicker = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$k,
-      lineNumber: 156,
+      lineNumber: 149,
       columnNumber: 7
     }
   }, /*#__PURE__*/React__default.createElement(IconStateFull$1, {
@@ -14564,7 +14658,7 @@ const NativeTimePicker = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$k,
-      lineNumber: 157,
+      lineNumber: 150,
       columnNumber: 9
     }
   }), /*#__PURE__*/React__default.createElement(IconStateFull$1, {
@@ -14574,29 +14668,29 @@ const NativeTimePicker = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$k,
-      lineNumber: 158,
+      lineNumber: 151,
       columnNumber: 9
     }
   })));
 };
 NativeTimePicker.propTypes = {
-  /**
-   Resize time picker.
+  /**
+   Resize time picker.
   */
-  size: PropTypes.oneOf(['sm', 'md', 'lg']),
+  size: PropTypes.oneOf(['sm', 'lg']),
 
-  /**
-   Change handler.
+  /**
+   Change handler.
   */
   onChange: PropTypes.func,
 
-  /**
-   Time picker default value, support moment format.
+  /**
+   Time picker default value, support moment format.
   */
   defaultValue: PropTypes.instanceOf(Date),
 
-  /**
-   Time picker value, support moment format.
+  /**
+   Time picker value, support moment format.
   */
   value: PropTypes.instanceOf(Date)
 };
@@ -14619,7 +14713,7 @@ const TimePicker = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$k,
-      lineNumber: 185,
+      lineNumber: 178,
       columnNumber: 5
     }
   }, /*#__PURE__*/React__default.createElement(NativeTimePicker, {
@@ -14631,42 +14725,46 @@ const TimePicker = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$k,
-      lineNumber: 186,
+      lineNumber: 179,
       columnNumber: 7
     }
   }));
 };
 TimePicker.displayName = 'TimePicker';
 TimePicker.propTypes = {
-  /**
-   Additional styles.
+  /**
+   Additional styles.
   */
   css: PropTypes.object,
 
-  /**
-   Resize time picker.
+  /**
+   Resize time picker.
   */
-  size: PropTypes.oneOf(['sm', 'md', 'lg']),
+  size: PropTypes.oneOf(['sm', 'lg']),
 
-  /**
-   Change handler.
+  /**
+   Change handler.
   */
   onChange: PropTypes.func,
 
-  /**
-   Time picker default value, support moment format.
+  /**
+   Time picker default value, support moment format.
   */
   defaultValue: PropTypes.instanceOf(Date),
 
-  /**
-   Time picker value, support moment format.
+  /**
+   Time picker value, support moment format.
   */
   value: PropTypes.instanceOf(Date),
+
+  /**
+   Disabled state.
+  */
   disabled: PropTypes.bool
 };
-NativeTimePicker.displayName = 'TimePicker';
+NativeTimePicker.displayName = 'NativeTimePicker';
 
-var _jsxFileName$j = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\datePicker\\timePicker\\InputTimePicker.js";
+var _jsxFileName$j = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\datePicker\\timePicker\\InputTimePicker.js";
 
 const getInputPickerValue$1 = date => {
   if (!date) return;
@@ -14693,7 +14791,7 @@ function InputTimePicker({
   }
 
   const renderInputGroup = () => /*#__PURE__*/React__default.createElement(InputGroup, {
-    size: "sm",
+    size: size,
     disabled: disabled,
     onClick: handleChange,
     __self: this,
@@ -14833,39 +14931,43 @@ InputTimePicker.defaultProps = {
   placeholder: 'Select Time'
 };
 InputTimePicker.propTypes = {
-  /**
-   Additional styles.
+  /**
+   Additional styles.
   */
   css: PropTypes.object,
+
+  /**
+   Disabled state.
+  */
   disabled: PropTypes.bool,
 
-  /**
-   Resize time picker.
+  /**
+   Resize time picker.
   */
-  size: PropTypes.oneOf(['sm', 'md', 'lg']),
+  size: PropTypes.oneOf(['sm', 'lg']),
 
-  /**
-   Custom placeholder input time picker.
+  /**
+   Custom placeholder input time picker.
   */
   placeholder: PropTypes.string,
 
-  /**
-   Time picker default value, support moment format.
+  /**
+   Time picker default value, support moment format.
   */
   defaultValue: PropTypes.instanceOf(Date),
 
-  /**
-   Time picker value, support moment format.
+  /**
+   Time picker value, support moment format.
   */
   value: PropTypes.instanceOf(Date),
 
-  /**
-   Change handler.
+  /**
+   Change handler.
   */
   onChange: PropTypes.func,
 
-  /**
-   Placement popover input time picker.
+  /**
+   Placement popover input time picker.
   */
   placement: PropTypes.string
 };
@@ -15320,7 +15422,7 @@ const removeUndefinedFields = obj => {
 };
 
 const _excluded$4 = ["isActive", "onClick"];
-var _jsxFileName$i = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\pagination\\PaginationButton.js";
+var _jsxFileName$i = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\pagination\\PaginationButton.js";
 const PrevNextButton = styled(Text$1, {
   padding: '$spacing-01',
   cursor: 'pointer',
@@ -15577,7 +15679,7 @@ const PaginationButton = ({
 };
 
 const _excluded$3 = ["limits", "selectedLimit", "currentPage", "totalData", "onChange"];
-var _jsxFileName$h = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\pagination\\PaginationInfo.js";
+var _jsxFileName$h = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\pagination\\PaginationInfo.js";
 const LimitContainer = styled(Flex$1, {
   cursor: 'pointer'
 });
@@ -15714,7 +15816,7 @@ function PaginationInfo(_ref) {
 }
 
 const _excluded$2 = ["limit", "currentPage", "totalData", "hideDataInfo", "onLimitChange", "onPageChange", "rowsPerPageOptions"];
-var _jsxFileName$g = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\pagination\\Pagination.js";
+var _jsxFileName$g = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\pagination\\Pagination.js";
 
 function Pagination(_ref) {
   let {
@@ -16565,7 +16667,7 @@ const TableColumn = _a => {
   return jsx("div", {}, void 0);
 };
 
-var _jsxFileName$f = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\DateColumn.js";
+var _jsxFileName$f = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\DateColumn.js";
 
 const DateColumn = ({
   value
@@ -16600,32 +16702,34 @@ var uncurryThis$9 = functionUncurryThis;
 // https://tc39.es/ecma262/#sec-thisnumbervalue
 var thisNumberValue$1 = uncurryThis$9(1.0.valueOf);
 
+var global$7 = global$U;
 var toIntegerOrInfinity$3 = toIntegerOrInfinity$6;
-var toString$5 = toString$f;
+var toString$7 = toString$h;
 var requireObjectCoercible$3 = requireObjectCoercible$a;
 
-var $RangeError$2 = RangeError;
+var RangeError$2 = global$7.RangeError;
 
 // `String.prototype.repeat` method implementation
 // https://tc39.es/ecma262/#sec-string.prototype.repeat
 var stringRepeat = function repeat(count) {
-  var str = toString$5(requireObjectCoercible$3(this));
+  var str = toString$7(requireObjectCoercible$3(this));
   var result = '';
   var n = toIntegerOrInfinity$3(count);
-  if (n < 0 || n == Infinity) throw $RangeError$2('Wrong number of repetitions');
+  if (n < 0 || n == Infinity) throw RangeError$2('Wrong number of repetitions');
   for (;n > 0; (n >>>= 1) && (str += str)) if (n & 1) result += str;
   return result;
 };
 
 var $$3 = _export;
+var global$6 = global$U;
 var uncurryThis$8 = functionUncurryThis;
 var toIntegerOrInfinity$2 = toIntegerOrInfinity$6;
 var thisNumberValue = thisNumberValue$1;
 var $repeat = stringRepeat;
 var fails$4 = fails$s;
 
-var $RangeError$1 = RangeError;
-var $String = String;
+var RangeError$1 = global$6.RangeError;
+var String$1 = global$6.String;
 var floor$3 = Math.floor;
 var repeat = uncurryThis$8($repeat);
 var stringSlice$6 = uncurryThis$8(''.slice);
@@ -16673,7 +16777,7 @@ var dataToString = function (data) {
   var s = '';
   while (--index >= 0) {
     if (s !== '' || index === 0 || data[index] !== 0) {
-      var t = $String(data[index]);
+      var t = String$1(data[index]);
       s = s === '' ? t : s + repeat('0', 7 - t.length) + t;
     }
   } return s;
@@ -16701,10 +16805,10 @@ $$3({ target: 'Number', proto: true, forced: FORCED$1 }, {
     var e, z, j, k;
 
     // TODO: ES2018 increased the maximum number of fraction digits to 100, need to improve the implementation
-    if (fractDigits < 0 || fractDigits > 20) throw $RangeError$1('Incorrect fraction digits');
+    if (fractDigits < 0 || fractDigits > 20) throw RangeError$1('Incorrect fraction digits');
     // eslint-disable-next-line no-self-compare -- NaN check
     if (number != number) return 'NaN';
-    if (number <= -1e21 || number >= 1e21) return $String(number);
+    if (number <= -1e21 || number >= 1e21) return String$1(number);
     if (number < 0) {
       sign = '-';
       number = -number;
@@ -16748,16 +16852,16 @@ $$3({ target: 'Number', proto: true, forced: FORCED$1 }, {
   }
 });
 
-var global$3 = global$s;
+var global$5 = global$U;
 var fails$3 = fails$s;
 var uncurryThis$7 = functionUncurryThis;
-var toString$4 = toString$f;
+var toString$6 = toString$h;
 var trim = stringTrim.trim;
 var whitespaces = whitespaces$3;
 
 var charAt$6 = uncurryThis$7(''.charAt);
-var n$ParseFloat = global$3.parseFloat;
-var Symbol$5 = global$3.Symbol;
+var n$ParseFloat = global$5.parseFloat;
+var Symbol$5 = global$5.Symbol;
 var ITERATOR$2 = Symbol$5 && Symbol$5.iterator;
 var FORCED = 1 / n$ParseFloat(whitespaces + '-0') !== -Infinity
   // MS Edge 18- broken with boxed symbols
@@ -16766,7 +16870,7 @@ var FORCED = 1 / n$ParseFloat(whitespaces + '-0') !== -Infinity
 // `parseFloat` method
 // https://tc39.es/ecma262/#sec-parsefloat-string
 var numberParseFloat = FORCED ? function parseFloat(string) {
-  var trimmedString = trim(toString$4(string));
+  var trimmedString = trim(toString$6(string));
   var result = n$ParseFloat(trimmedString);
   return result === 0 && charAt$6(trimmedString, 0) == '-' ? -0 : result;
 } : n$ParseFloat;
@@ -16782,7 +16886,7 @@ $$2({ global: true, forced: parseFloat != $parseFloat }, {
 
 var uncurryThis$6 = functionUncurryThis;
 var toIntegerOrInfinity$1 = toIntegerOrInfinity$6;
-var toString$3 = toString$f;
+var toString$5 = toString$h;
 var requireObjectCoercible$2 = requireObjectCoercible$a;
 
 var charAt$5 = uncurryThis$6(''.charAt);
@@ -16791,7 +16895,7 @@ var stringSlice$5 = uncurryThis$6(''.slice);
 
 var createMethod = function (CONVERT_TO_STRING) {
   return function ($this, pos) {
-    var S = toString$3(requireObjectCoercible$2($this));
+    var S = toString$5(requireObjectCoercible$2($this));
     var position = toIntegerOrInfinity$1(pos);
     var size = S.length;
     var first, second;
@@ -16835,7 +16939,7 @@ var requireObjectCoercible$1 = requireObjectCoercible$a;
 var speciesConstructor = speciesConstructor$2;
 var advanceStringIndex$1 = advanceStringIndex$2;
 var toLength$1 = toLength$4;
-var toString$2 = toString$f;
+var toString$4 = toString$h;
 var getMethod$1 = getMethod$6;
 var arraySlice$1 = arraySliceSimple;
 var callRegExpExec = regexpExecAbstract;
@@ -16877,7 +16981,7 @@ fixRegExpWellKnownSymbolLogic$1('split', function (SPLIT, nativeSplit, maybeCall
   ) {
     // based on es5-shim implementation, need to rework it
     internalSplit = function (separator, limit) {
-      var string = toString$2(requireObjectCoercible$1(this));
+      var string = toString$4(requireObjectCoercible$1(this));
       var lim = limit === undefined ? MAX_UINT32 : limit >>> 0;
       if (lim === 0) return [];
       if (separator === undefined) return [string];
@@ -16925,7 +17029,7 @@ fixRegExpWellKnownSymbolLogic$1('split', function (SPLIT, nativeSplit, maybeCall
       var splitter = separator == undefined ? undefined : getMethod$1(separator, SPLIT);
       return splitter
         ? call$3(splitter, separator, O, limit)
-        : call$3(internalSplit, toString$2(O), separator, limit);
+        : call$3(internalSplit, toString$4(O), separator, limit);
     },
     // `RegExp.prototype[@@split]` method
     // https://tc39.es/ecma262/#sec-regexp.prototype-@@split
@@ -16934,7 +17038,7 @@ fixRegExpWellKnownSymbolLogic$1('split', function (SPLIT, nativeSplit, maybeCall
     // the 'y' flag.
     function (string, limit) {
       var rx = anObject$3(this);
-      var S = toString$2(string);
+      var S = toString$4(string);
       var res = maybeCallNative(internalSplit, rx, S, limit, internalSplit !== nativeSplit);
 
       if (res.done) return res.value;
@@ -17035,7 +17139,7 @@ var anObject$2 = anObject$i;
 var isCallable$1 = isCallable$p;
 var toIntegerOrInfinity = toIntegerOrInfinity$6;
 var toLength = toLength$4;
-var toString$1 = toString$f;
+var toString$3 = toString$h;
 var requireObjectCoercible = requireObjectCoercible$a;
 var advanceStringIndex = advanceStringIndex$2;
 var getMethod = getMethod$6;
@@ -17093,13 +17197,13 @@ fixRegExpWellKnownSymbolLogic('replace', function (_, nativeReplace, maybeCallNa
       var replacer = searchValue == undefined ? undefined : getMethod(searchValue, REPLACE);
       return replacer
         ? call$2(replacer, searchValue, O, replaceValue)
-        : call$2(nativeReplace, toString$1(O), searchValue, replaceValue);
+        : call$2(nativeReplace, toString$3(O), searchValue, replaceValue);
     },
     // `RegExp.prototype[@@replace]` method
     // https://tc39.es/ecma262/#sec-regexp.prototype-@@replace
     function (string, replaceValue) {
       var rx = anObject$2(this);
-      var S = toString$1(string);
+      var S = toString$3(string);
 
       if (
         typeof replaceValue == 'string' &&
@@ -17111,7 +17215,7 @@ fixRegExpWellKnownSymbolLogic('replace', function (_, nativeReplace, maybeCallNa
       }
 
       var functionalReplace = isCallable$1(replaceValue);
-      if (!functionalReplace) replaceValue = toString$1(replaceValue);
+      if (!functionalReplace) replaceValue = toString$3(replaceValue);
 
       var global = rx.global;
       if (global) {
@@ -17126,7 +17230,7 @@ fixRegExpWellKnownSymbolLogic('replace', function (_, nativeReplace, maybeCallNa
         push$3(results, result);
         if (!global) break;
 
-        var matchStr = toString$1(result[0]);
+        var matchStr = toString$3(result[0]);
         if (matchStr === '') rx.lastIndex = advanceStringIndex(S, toLength(rx.lastIndex), fullUnicode);
       }
 
@@ -17135,7 +17239,7 @@ fixRegExpWellKnownSymbolLogic('replace', function (_, nativeReplace, maybeCallNa
       for (var i = 0; i < results.length; i++) {
         result = results[i];
 
-        var matched = toString$1(result[0]);
+        var matched = toString$3(result[0]);
         var position = max(min(toIntegerOrInfinity(result.index), S.length), 0);
         var captures = [];
         // NOTE: This is equivalent to
@@ -17148,7 +17252,7 @@ fixRegExpWellKnownSymbolLogic('replace', function (_, nativeReplace, maybeCallNa
         if (functionalReplace) {
           var replacerArgs = concat([matched], captures, position, S);
           if (namedCaptures !== undefined) push$3(replacerArgs, namedCaptures);
-          var replacement = toString$1(apply(replaceValue, undefined, replacerArgs));
+          var replacement = toString$3(apply(replaceValue, undefined, replacerArgs));
         } else {
           replacement = getSubstitution(matched, S, position, captures, namedCaptures, replaceValue);
         }
@@ -17246,7 +17350,7 @@ const PriceColumn = props => {
   return addThousandSeparator(param);
 };
 
-var _jsxFileName$e = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\RowExpanderColumn.js";
+var _jsxFileName$e = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\RowExpanderColumn.js";
 const rowExpanderColumn = {
   id: 'expander',
   Header: () => null,
@@ -17288,7 +17392,7 @@ const rowExpanderColumn = {
   unsortable: true
 };
 
-var _jsxFileName$d = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\RowMenuColumn.js";
+var _jsxFileName$d = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\RowMenuColumn.js";
 
 const rowMenuColumn = (options, icon, config) => ({
   id: 'menu',
@@ -17529,7 +17633,7 @@ const rowMenuColumn = (options, icon, config) => ({
   unsortable: true
 });
 
-var _jsxFileName$c = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\RowSelectionColumn.js";
+var _jsxFileName$c = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\RowSelectionColumn.js";
 const rowSelectionColumn = {
   id: 'selection',
   Header: ({
@@ -17791,7 +17895,7 @@ PageDialog.defaultProps = {
 };
 
 const _excluded$1 = ["children"];
-var _jsxFileName$b = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\alertDialog\\AlertDialog.js";
+var _jsxFileName$b = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\alertDialog\\AlertDialog.js";
 const overlayShow = keyframes({
   '0%': {
     opacity: 0
@@ -17870,7 +17974,7 @@ function Content$1(_ref) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 74,
+      lineNumber: 75,
       columnNumber: 5
     }
   }, /*#__PURE__*/React__default.createElement(StyledOverlay, {
@@ -17880,14 +17984,14 @@ function Content$1(_ref) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 75,
+      lineNumber: 76,
       columnNumber: 7
     }
   }), /*#__PURE__*/React__default.createElement(StyledContent$1, _extends({}, props, {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 76,
+      lineNumber: 77,
       columnNumber: 7
     }
   }), children));
@@ -17901,14 +18005,14 @@ function AlertDialogFunction(properties) {
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 85,
+        lineNumber: 86,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default.createElement(TemplateAlertFunction, _extends({}, props, {
       __self: this,
       __source: {
         fileName: _jsxFileName$b,
-        lineNumber: 86,
+        lineNumber: 87,
         columnNumber: 9
       }
     }))), document.getElementById('a-dialog'));
@@ -17952,7 +18056,7 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 127,
+      lineNumber: 128,
       columnNumber: 5
     }
   }), /*#__PURE__*/React__default.createElement(Content$1, _extends({}, props, {
@@ -17963,14 +18067,14 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 128,
+      lineNumber: 129,
       columnNumber: 7
     }
   }), /*#__PURE__*/React__default.createElement(StyledTitle, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 129,
+      lineNumber: 130,
       columnNumber: 9
     }
   }, /*#__PURE__*/React__default.createElement(Heading, {
@@ -17978,7 +18082,7 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 130,
+      lineNumber: 131,
       columnNumber: 11
     }
   }, props.title), /*#__PURE__*/React__default.createElement(ADialog.Cancel, {
@@ -17986,7 +18090,7 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 131,
+      lineNumber: 132,
       columnNumber: 11
     }
   }, /*#__PURE__*/React__default.createElement(Box, {
@@ -17997,7 +18101,7 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 132,
+      lineNumber: 133,
       columnNumber: 13
     }
   }, /*#__PURE__*/React__default.createElement(CloseOutline, {
@@ -18005,7 +18109,7 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 133,
+      lineNumber: 134,
       columnNumber: 15
     }
   })))), /*#__PURE__*/React__default.createElement(Separator$2, {
@@ -18013,14 +18117,14 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 137,
+      lineNumber: 138,
       columnNumber: 9
     }
   }), /*#__PURE__*/React__default.createElement(StyledDescription, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 138,
+      lineNumber: 139,
       columnNumber: 9
     }
   }, /*#__PURE__*/React__default.createElement(Paragraph, {
@@ -18030,7 +18134,7 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 139,
+      lineNumber: 140,
       columnNumber: 11
     }
   }, props.description)), /*#__PURE__*/React__default.createElement(Box, {
@@ -18042,7 +18146,7 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 141,
+      lineNumber: 142,
       columnNumber: 9
     }
   }, /*#__PURE__*/React__default.createElement(Separator$2, {
@@ -18050,7 +18154,7 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 142,
+      lineNumber: 143,
       columnNumber: 11
     }
   }), /*#__PURE__*/React__default.createElement(Flex, {
@@ -18064,7 +18168,7 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 143,
+      lineNumber: 144,
       columnNumber: 11
     }
   }, props.singleButton ? /*#__PURE__*/React__default.createElement(ADialog.Action, {
@@ -18072,28 +18176,30 @@ const TemplateAlertFunction = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 145,
+      lineNumber: 146,
       columnNumber: 15
     }
-  }, /*#__PURE__*/React__default.createElement(Button$2, {
+  }, /*#__PURE__*/React__default.createElement(Button$2, _extends({
     size: "sm",
     onClick: buttonConfirm,
     buttonType: props.dialogType,
+    disabled: props === null || props === void 0 ? void 0 : props.disabledButton
+  }, props === null || props === void 0 ? void 0 : props.actionButtonProps, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 146,
+      lineNumber: 147,
       columnNumber: 17
     }
-  }, props.labelConfirm ? props.labelConfirm : 'Confirm')) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ADialog.Cancel, {
+  }), props.labelConfirm ? props.labelConfirm : 'Confirm')) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ADialog.Cancel, {
     asChild: true,
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 152,
+      lineNumber: 159,
       columnNumber: 17
     }
-  }, /*#__PURE__*/React__default.createElement(Button$2, {
+  }, /*#__PURE__*/React__default.createElement(Button$2, _extends({
     size: "sm",
     onClick: buttonCancel,
     css: {
@@ -18101,34 +18207,38 @@ const TemplateAlertFunction = props => {
       flex: props.isMobile && 1
     },
     buttonType: "ghost",
+    disabled: props === null || props === void 0 ? void 0 : props.disabledButton
+  }, props === null || props === void 0 ? void 0 : props.cancelButtonProps, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 153,
+      lineNumber: 160,
       columnNumber: 19
     }
-  }, props.labelCancel ? props.labelCancel : 'Cancel')), /*#__PURE__*/React__default.createElement(ADialog.Action, {
+  }), props.labelCancel ? props.labelCancel : 'Cancel')), /*#__PURE__*/React__default.createElement(ADialog.Action, {
     asChild: true,
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 162,
+      lineNumber: 171,
       columnNumber: 17
     }
-  }, /*#__PURE__*/React__default.createElement(Button$2, {
+  }, /*#__PURE__*/React__default.createElement(Button$2, _extends({
     size: "sm",
     onClick: buttonConfirm,
     buttonType: props.dialogType,
     css: {
       flex: props.isMobile && 1
     },
+    disabled: props === null || props === void 0 ? void 0 : props.disabledButton
+  }, props === null || props === void 0 ? void 0 : props.actionButtonProps, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 163,
+      lineNumber: 172,
       columnNumber: 19
     }
-  }, props.labelConfirm ? props.labelConfirm : 'Confirm')))))));
+  }), props.labelConfirm ? props.labelConfirm : 'Confirm')))))));
 };
 
 function AlertDialog(props) {
@@ -18150,7 +18260,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 192,
+      lineNumber: 203,
       columnNumber: 5
     }
   }, /*#__PURE__*/React__default.createElement(Content$1, _extends({}, props, {
@@ -18161,14 +18271,14 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 193,
+      lineNumber: 204,
       columnNumber: 7
     }
   }), /*#__PURE__*/React__default.createElement(StyledTitle, {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 194,
+      lineNumber: 205,
       columnNumber: 9
     }
   }, /*#__PURE__*/React__default.createElement(Heading, {
@@ -18176,7 +18286,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 195,
+      lineNumber: 206,
       columnNumber: 11
     }
   }, props.title), /*#__PURE__*/React__default.createElement(AlertDialogCancel, {
@@ -18184,7 +18294,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 196,
+      lineNumber: 207,
       columnNumber: 11
     }
   }, /*#__PURE__*/React__default.createElement(Box, {
@@ -18195,7 +18305,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 197,
+      lineNumber: 208,
       columnNumber: 13
     }
   }, /*#__PURE__*/React__default.createElement(CloseOutline, {
@@ -18203,7 +18313,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 198,
+      lineNumber: 209,
       columnNumber: 15
     }
   })))), /*#__PURE__*/React__default.createElement(Separator$2, {
@@ -18211,14 +18321,14 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 202,
+      lineNumber: 213,
       columnNumber: 9
     }
   }), /*#__PURE__*/React__default.createElement(StyledDescription, {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 203,
+      lineNumber: 214,
       columnNumber: 9
     }
   }, /*#__PURE__*/React__default.createElement(Paragraph, {
@@ -18228,7 +18338,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 204,
+      lineNumber: 215,
       columnNumber: 11
     }
   }, props.description)), /*#__PURE__*/React__default.createElement(Box, {
@@ -18240,7 +18350,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 206,
+      lineNumber: 217,
       columnNumber: 9
     }
   }, /*#__PURE__*/React__default.createElement(Separator$2, {
@@ -18248,7 +18358,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 207,
+      lineNumber: 218,
       columnNumber: 11
     }
   }), /*#__PURE__*/React__default.createElement(Flex, {
@@ -18262,7 +18372,7 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 208,
+      lineNumber: 219,
       columnNumber: 11
     }
   }, props.singleButton ? /*#__PURE__*/React__default.createElement(ADialog.Action, {
@@ -18270,31 +18380,33 @@ function AlertDialog(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 210,
+      lineNumber: 221,
       columnNumber: 15
     }
-  }, /*#__PURE__*/React__default.createElement(Button$2, {
+  }, /*#__PURE__*/React__default.createElement(Button$2, _extends({
     size: "sm",
     onClick: props.onConfirm,
     buttonType: props.dialogType,
     css: {
       flex: props.isMobile && 1
     },
+    disabled: props === null || props === void 0 ? void 0 : props.disabledButton
+  }, props === null || props === void 0 ? void 0 : props.actionButtonProps, {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 211,
+      lineNumber: 222,
       columnNumber: 17
     }
-  }, props.labelConfirm ? props.labelConfirm : 'Confirm')) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ADialog.Cancel, {
+  }), props.labelConfirm ? props.labelConfirm : 'Confirm')) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ADialog.Cancel, {
     asChild: true,
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 222,
+      lineNumber: 235,
       columnNumber: 17
     }
-  }, /*#__PURE__*/React__default.createElement(Button$2, {
+  }, /*#__PURE__*/React__default.createElement(Button$2, _extends({
     size: "sm",
     onClick: props.onCancel,
     css: {
@@ -18302,58 +18414,70 @@ function AlertDialog(props) {
       flex: props.isMobile && 1
     },
     buttonType: "ghost",
+    disabled: props === null || props === void 0 ? void 0 : props.disabledButton
+  }, props === null || props === void 0 ? void 0 : props.cancelButtonProps, {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 223,
+      lineNumber: 236,
       columnNumber: 19
     }
-  }, props.labelCancel ? props.labelCancel : 'Cancel')), /*#__PURE__*/React__default.createElement(ADialog.Action, {
+  }), props.labelCancel ? props.labelCancel : 'Cancel')), /*#__PURE__*/React__default.createElement(ADialog.Action, {
     asChild: true,
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 232,
+      lineNumber: 247,
       columnNumber: 17
     }
-  }, /*#__PURE__*/React__default.createElement(Button$2, {
+  }, /*#__PURE__*/React__default.createElement(Button$2, _extends({
     size: "sm",
     onClick: props.onConfirm,
     buttonType: props.dialogType,
     css: {
       flex: props.isMobile && 1
     },
+    disabled: props === null || props === void 0 ? void 0 : props.disabledButton
+  }, props === null || props === void 0 ? void 0 : props.actionButtonProps, {
     __self: this,
     __source: {
       fileName: _jsxFileName$b,
-      lineNumber: 233,
+      lineNumber: 248,
       columnNumber: 19
     }
-  }, props.labelConfirm ? props.labelConfirm : 'Confirm')))))));
+  }), props.labelConfirm ? props.labelConfirm : 'Confirm')))))));
 }
 TemplateAlertFunction.propTypes = {
-  title: string.isRequired,
-  description: string.isRequired,
-  dialogType: string,
-  onCancel: func,
-  onConfirm: func
+  title: PropTypes.string.isRequired,
+  description: PropTypes.string.isRequired,
+  dialogType: PropTypes.string,
+  onCancel: PropTypes.func,
+  onConfirm: PropTypes.func,
+  disabledButton: PropTypes.bool,
+  actionButtonProps: PropTypes.object,
+  cancelButtonProps: PropTypes.object
 };
 TemplateAlertFunction.defaultProps = {
   dialogType: 'primary',
   onCancel: () => {},
-  onConfirm: () => {}
+  onConfirm: () => {},
+  disabledButton: false
 };
 AlertDialog.propTypes = {
-  title: string.isRequired,
-  description: string.isRequired,
-  dialogType: string,
-  onCancel: func,
-  onConfirm: func
+  title: PropTypes.string.isRequired,
+  description: PropTypes.string.isRequired,
+  dialogType: PropTypes.string,
+  onCancel: PropTypes.func,
+  onConfirm: PropTypes.func,
+  disabledButton: PropTypes.bool,
+  actionButtonProps: PropTypes.object,
+  cancelButtonProps: PropTypes.object
 };
 AlertDialog.defaultProps = {
   dialogType: 'primary',
   onCancel: () => {},
-  onConfirm: () => {}
+  onConfirm: () => {},
+  disabledButton: false
 };
 const AlertDialogRoot = ADialog.Root;
 const AlertDialogTrigger = ADialog.Trigger;
@@ -18364,7 +18488,7 @@ const AlertDialogCancel = ADialog.Cancel;
 const AlertDialogConfirm = ADialog.Action;
 
 const _excluded = ["side", "align", "children"];
-var _jsxFileName$a = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\dropdownMenu\\DropdownMenu.js";
+var _jsxFileName$a = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\dropdownMenu\\DropdownMenu.js";
 const Context = /*#__PURE__*/React__default.createContext();
 const slideUpAndFade = keyframes({
   '0%': {
@@ -18613,7 +18737,7 @@ DropdownMenuSeparator.displayName = 'DropdownMenuSeparator';
 DropdownMenuArrow.displayName = 'DropdownMenuArrow';
 
 var charAt$2 = stringMultibyte.charAt;
-var toString = toString$f;
+var toString$2 = toString$h;
 var InternalStateModule$2 = internalState;
 var defineIterator = defineIterator$2;
 
@@ -18626,7 +18750,7 @@ var getInternalState = InternalStateModule$2.getterFor(STRING_ITERATOR);
 defineIterator(String, 'String', function (iterated) {
   setInternalState$2(this, {
     type: STRING_ITERATOR,
-    string: toString(iterated),
+    string: toString$2(iterated),
     index: 0
   });
 // `%StringIteratorPrototype%.next` method
@@ -18698,6 +18822,7 @@ var callWithSafeIterationClosing$1 = function (iterator, fn, value, ENTRIES) {
   }
 };
 
+var global$4 = global$U;
 var bind$2 = functionBindContext;
 var call$1 = functionCall;
 var toObject = toObject$7;
@@ -18709,7 +18834,7 @@ var createProperty = createProperty$2;
 var getIterator$1 = getIterator$3;
 var getIteratorMethod$1 = getIteratorMethod$4;
 
-var $Array = Array;
+var Array$1 = global$4.Array;
 
 // `Array.from` method implementation
 // https://tc39.es/ecma262/#sec-array.from
@@ -18724,7 +18849,7 @@ var arrayFrom$1 = function from(arrayLike /* , mapfn = undefined, thisArg = unde
   var index = 0;
   var length, result, step, iterator, next, value;
   // if the target is not iterable or it's an array with the default iterator - use a simple case
-  if (iteratorMethod && !(this === $Array && isArrayIteratorMethod(iteratorMethod))) {
+  if (iteratorMethod && !(this == Array$1 && isArrayIteratorMethod(iteratorMethod))) {
     iterator = getIterator$1(O, iteratorMethod);
     next = iterator.next;
     result = IS_CONSTRUCTOR ? new this() : [];
@@ -18734,7 +18859,7 @@ var arrayFrom$1 = function from(arrayLike /* , mapfn = undefined, thisArg = unde
     }
   } else {
     length = lengthOfArrayLike(O);
-    result = IS_CONSTRUCTOR ? new this(length) : $Array(length);
+    result = IS_CONSTRUCTOR ? new this(length) : Array$1(length);
     for (;length > index; index++) {
       value = mapping ? mapfn(O[index], index) : O[index];
       createProperty(result, index, value);
@@ -18745,6 +18870,7 @@ var arrayFrom$1 = function from(arrayLike /* , mapfn = undefined, thisArg = unde
 };
 
 // based on https://github.com/bestiejs/punycode.js/blob/master/punycode.js
+var global$3 = global$U;
 var uncurryThis$2 = functionUncurryThis;
 
 var maxInt = 2147483647; // aka. 0x7FFFFFFF or 2^31-1
@@ -18761,7 +18887,7 @@ var regexSeparators = /[.\u3002\uFF0E\uFF61]/g; // RFC 3490 separators
 var OVERFLOW_ERROR = 'Overflow: input needs wider integers to process';
 var baseMinusTMin = base - tMin;
 
-var $RangeError = RangeError;
+var RangeError = global$3.RangeError;
 var exec$1 = uncurryThis$2(regexSeparators.exec);
 var floor$1 = Math.floor;
 var fromCharCode = String.fromCharCode;
@@ -18876,7 +19002,7 @@ var encode = function (input) {
     // Increase `delta` enough to advance the decoder's <n,i> state to <m,0>, but guard against overflow.
     var handledCPCountPlusOne = handledCPCount + 1;
     if (m - n > floor$1((maxInt - delta) / handledCPCountPlusOne)) {
-      throw $RangeError(OVERFLOW_ERROR);
+      throw RangeError(OVERFLOW_ERROR);
     }
 
     delta += (m - n) * handledCPCountPlusOne;
@@ -18885,7 +19011,7 @@ var encode = function (input) {
     for (i = 0; i < input.length; i++) {
       currentValue = input[i];
       if (currentValue < n && ++delta > maxInt) {
-        throw $RangeError(OVERFLOW_ERROR);
+        throw RangeError(OVERFLOW_ERROR);
       }
       if (currentValue == n) {
         // Represent delta as a generalized variable-length integer.
@@ -18935,7 +19061,7 @@ var defineBuiltIns$1 = function (target, src, options) {
 // TODO: in core-js@4, move /modules/ dependencies to public entries for better optimization by tools like `preset-env`
 
 var $$1 = _export;
-var global$2 = global$s;
+var global$2 = global$U;
 var call = functionCall;
 var uncurryThis$1 = functionUncurryThis;
 var DESCRIPTORS$1 = descriptors;
@@ -18952,7 +19078,7 @@ var bind$1 = functionBindContext;
 var classof = classof$7;
 var anObject = anObject$i;
 var isObject$3 = isObject$d;
-var $toString$1 = toString$f;
+var $toString$1 = toString$h;
 var create = objectCreate;
 var createPropertyDescriptor = createPropertyDescriptor$5;
 var getIterator = getIterator$3;
@@ -19297,7 +19423,7 @@ if (!USE_NATIVE_URL$1 && isCallable(Headers)) {
   };
 
   if (isCallable(nativeFetch)) {
-    $$1({ global: true, enumerable: true, dontCallGetSet: true, forced: true }, {
+    $$1({ global: true, enumerable: true, noTargetGet: true, forced: true }, {
       fetch: function fetch(input /* , init */) {
         return nativeFetch(input, arguments.length > 1 ? wrapRequestOptions(arguments[1]) : {});
       }
@@ -19313,7 +19439,7 @@ if (!USE_NATIVE_URL$1 && isCallable(Headers)) {
     RequestPrototype.constructor = RequestConstructor;
     RequestConstructor.prototype = RequestPrototype;
 
-    $$1({ global: true, constructor: true, dontCallGetSet: true, forced: true }, {
+    $$1({ global: true, constructor: true, noTargetGet: true, forced: true }, {
       Request: RequestConstructor
     });
   }
@@ -19329,7 +19455,7 @@ var web_urlSearchParams_constructor = {
 var $ = _export;
 var DESCRIPTORS = descriptors;
 var USE_NATIVE_URL = nativeUrl;
-var global$1 = global$s;
+var global$1 = global$U;
 var bind = functionBindContext;
 var uncurryThis = functionUncurryThis;
 var defineBuiltIn = defineBuiltIn$b;
@@ -19341,7 +19467,7 @@ var arrayFrom = arrayFrom$1;
 var arraySlice = arraySliceSimple;
 var codeAt = stringMultibyte.codeAt;
 var toASCII = stringPunycodeToAscii;
-var $toString = toString$f;
+var $toString = toString$h;
 var setToStringTag = setToStringTag$5;
 var validateArgumentsLength = validateArgumentsLength$3;
 var URLSearchParamsModule = web_urlSearchParams_constructor;
@@ -20420,18 +20546,27 @@ function upload({
   token,
   progress,
   reqKey,
-  resKey
+  resKey,
+  onError,
+  onSuccess,
+  onProgress
 }) {
   const promise = new Promise((resolve, reject) => {
     const formdata = new FormData();
     formdata.append(reqKey, file);
-    request.post(url).set(tokenKey, token).send(formdata).on('progress', e => progress && progress(Math.round(e.percent))).end((err, res) => {
+    request.post(url).set(tokenKey, token).send(formdata).on('progress', e => {
+      onProgress === null || onProgress === void 0 ? void 0 : onProgress(e);
+      progress === null || progress === void 0 ? void 0 : progress(Math.round(e.percent));
+    }).end((err, res) => {
       if (err) {
+        const error = new Error(err.message);
+        onError === null || onError === void 0 ? void 0 : onError(error, (res === null || res === void 0 ? void 0 : res.text) && JSON.parse(res.text));
         reject(err.message);
       }
 
       if (res && (res === null || res === void 0 ? void 0 : res.ok)) {
         const response = JSON.parse(res === null || res === void 0 ? void 0 : res.text);
+        onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(response);
         resolve(response[resKey]);
       }
     });
@@ -20439,7 +20574,7 @@ function upload({
   return promise;
 }
 
-var _jsxFileName$9 = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\upload\\Upload.js";
+var _jsxFileName$9 = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\upload\\Upload.js";
 const Input$1 = styled('input', {
   display: 'none !important'
 });
@@ -20463,6 +20598,12 @@ const Text = styled('p', {
     }
   }
 });
+const FileExtension = styled('p', {
+  color: '#C1C1C1',
+  fontSize: 64,
+  fontWeight: 600,
+  fontStyle: 'normal'
+});
 const ErrorMessage = styled('p', {
   color: '$red400',
   fontSize: 12,
@@ -20508,7 +20649,7 @@ const EyeIcon = styled(EyeOutline, {
   height: 40,
   padding: '$spacing-03'
 });
-const CheckIcon = styled(CheckFilled, {
+styled(CheckFilled, {
   background: '$white',
   borderRadius: 50,
   width: 40,
@@ -20528,13 +20669,13 @@ const IconStateFull = props => {
   }
 
   return props.type === 'close' ? /*#__PURE__*/React__default.createElement(CloseIcon, _extends({}, props, {
-    color: isHover ? '#E13743' : '#A5ABAB',
+    color: isHover ? '#E13743' : '#DF2A36',
     onMouseEnter: handleEnter,
     onMouseLeave: handleLeave,
     __self: undefined,
     __source: {
       fileName: _jsxFileName$9,
-      lineNumber: 118,
+      lineNumber: 126,
       columnNumber: 5
     }
   })) : /*#__PURE__*/React__default.createElement(EyeIcon, _extends({}, props, {
@@ -20544,7 +20685,7 @@ const IconStateFull = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$9,
-      lineNumber: 125,
+      lineNumber: 133,
       columnNumber: 5
     }
   }));
@@ -20555,6 +20696,9 @@ const Upload = ({
   multiple,
   fileList,
   onChange,
+  onError,
+  onSuccess,
+  onProgress,
   onPreview,
   onRemove,
   children,
@@ -20597,7 +20741,6 @@ const Upload = ({
       setIsLoading(false);
     }
   }, [loading, progress]);
-  useEffect(() => {}, [ratio]);
   const ContainerUpload = styled('div', {
     border: '2px dashed $gray300',
     borderRadius: 8,
@@ -20676,7 +20819,7 @@ const Upload = ({
     borderRadius: 8,
     width: width,
     height: height - 36,
-    background: 'rgba(39, 42, 42, 0.6);'
+    background: '$gray50'
   });
 
   function handleClick() {
@@ -20707,6 +20850,9 @@ const Upload = ({
           tokenKey,
           reqKey,
           resKey,
+          onError,
+          onSuccess,
+          onProgress,
           progress: percent => {
             var _onChange, _onChange$then;
 
@@ -20874,6 +21020,33 @@ const Upload = ({
     }
   }
 
+  function handleOpenFile(file) {
+    var _String, _file$name;
+
+    let extension = (_String = String(file === null || file === void 0 ? void 0 : (_file$name = file.name) === null || _file$name === void 0 ? void 0 : _file$name.split('.').pop())) === null || _String === void 0 ? void 0 : _String.toLowerCase();
+
+    if (extension === 'pdf') {
+      window.open(file === null || file === void 0 ? void 0 : file.url);
+    } else {
+      request.get(file === null || file === void 0 ? void 0 : file.url).end((err, res) => {
+        if (err) {
+          console.error(err.message);
+        }
+
+        if (res && res !== null && res !== void 0 && res.ok) {
+          const response = res === null || res === void 0 ? void 0 : res.text;
+          const url = window.URL.createObjectURL(new Blob([response]));
+          const link = document.createElement('a');
+          link.href = url;
+          link.setAttribute('download', file === null || file === void 0 ? void 0 : file.name);
+          document.body.appendChild(link);
+          link.click();
+          document.body.removeChild(link);
+        }
+      });
+    }
+  }
+
   function handleDragEnter(e) {
     e.preventDefault();
     e.stopPropagation();
@@ -20918,7 +21091,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 484,
+        lineNumber: 520,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default.createElement(ButtonText, {
@@ -20928,7 +21101,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 485,
+        lineNumber: 521,
         columnNumber: 9
       }
     }, replaceLabel && replaceLabel.length > 0 ? replaceLabel : `Ubah ${isFile ? 'Berkas' : 'Gambar'}`));
@@ -20944,7 +21117,7 @@ const Upload = ({
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 495,
+            lineNumber: 531,
             columnNumber: 16
           }
         });
@@ -20956,7 +21129,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 498,
+          lineNumber: 534,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default.createElement(Box, {
@@ -20966,7 +21139,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 499,
+          lineNumber: 535,
           columnNumber: 11
         }
       }, /*#__PURE__*/React__default.createElement(IconStateFull, {
@@ -20975,7 +21148,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 500,
+          lineNumber: 536,
           columnNumber: 13
         }
       }), /*#__PURE__*/React__default.createElement(Box, {
@@ -20988,7 +21161,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 501,
+          lineNumber: 537,
           columnNumber: 13
         }
       }, /*#__PURE__*/React__default.createElement(IconStateFull, {
@@ -20997,7 +21170,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 509,
+          lineNumber: 545,
           columnNumber: 15
         }
       })), /*#__PURE__*/React__default.createElement(Image, {
@@ -21005,7 +21178,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 511,
+          lineNumber: 547,
           columnNumber: 13
         }
       })), renderButtonReplace(index));
@@ -21014,6 +21187,8 @@ const Upload = ({
 
   const renderFile = () => {
     return fileList === null || fileList === void 0 ? void 0 : fileList.map((item, index) => {
+      var _item$name;
+
       if ((item === null || item === void 0 ? void 0 : item.status) === 'uploading') {
         return /*#__PURE__*/React__default.createElement(UploadProgress, {
           key: index,
@@ -21022,7 +21197,7 @@ const Upload = ({
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 522,
+            lineNumber: 558,
             columnNumber: 16
           }
         });
@@ -21033,7 +21208,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 525,
+          lineNumber: 561,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default.createElement(Box, {
@@ -21043,7 +21218,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 526,
+          lineNumber: 562,
           columnNumber: 11
         }
       }, /*#__PURE__*/React__default.createElement(IconStateFull, {
@@ -21052,7 +21227,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 527,
+          lineNumber: 563,
           columnNumber: 13
         }
       }), /*#__PURE__*/React__default.createElement(Box, {
@@ -21065,7 +21240,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 528,
+          lineNumber: 564,
           columnNumber: 13
         }
       }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -21075,37 +21250,58 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 536,
+          lineNumber: 572,
           columnNumber: 15
         }
-      }, /*#__PURE__*/React__default.createElement(CheckIcon, {
-        color: "#04C99E",
+      }, /*#__PURE__*/React__default.createElement(FileExtension, {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 537,
+          lineNumber: 573,
           columnNumber: 17
         }
-      }), /*#__PURE__*/React__default.createElement(Text, {
+      }, ".", item === null || item === void 0 ? void 0 : (_item$name = item.name) === null || _item$name === void 0 ? void 0 : _item$name.split('.').pop()), /*#__PURE__*/React__default.createElement(Text, {
         css: {
-          color: '$textWhite',
+          color: '$textPrimary',
           textOverflow: 'ellipsis',
           overflow: 'hidden',
           width: 180,
           whiteSpace: 'nowrap',
-          margin: '$spacing-07 $spacing-07 0 $spacing-07'
+          margin: '0 $spacing-07 0 $spacing-07'
         },
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 538,
+          lineNumber: 574,
           columnNumber: 17
         }
-      }, item.name))), /*#__PURE__*/React__default.createElement(Blank, {
+      }, item.name))), /*#__PURE__*/React__default.createElement(Box, {
+        css: {
+          position: 'absolute',
+          top: '45%',
+          left: '50%',
+          transform: 'translate(-50%, -50%)'
+        },
+        __self: undefined,
+        __source: {
+          fileName: _jsxFileName$9,
+          lineNumber: 588,
+          columnNumber: 13
+        }
+      }, /*#__PURE__*/React__default.createElement(IconStateFull, {
+        type: "eye",
+        onClick: () => handleOpenFile(item),
+        __self: undefined,
+        __source: {
+          fileName: _jsxFileName$9,
+          lineNumber: 596,
+          columnNumber: 15
+        }
+      })), /*#__PURE__*/React__default.createElement(Blank, {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 552,
+          lineNumber: 598,
           columnNumber: 13
         }
       })), renderButtonReplace(index));
@@ -21121,7 +21317,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 563,
+        lineNumber: 609,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -21135,7 +21331,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 564,
+        lineNumber: 610,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement(LoadingBar, {
@@ -21161,7 +21357,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 565,
+        lineNumber: 611,
         columnNumber: 11
       }
     }), /*#__PURE__*/React__default.createElement(Text, {
@@ -21169,14 +21365,14 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 578,
+        lineNumber: 624,
         columnNumber: 11
       }
     }, `${progress <= 100 ? progress : 100}%`), /*#__PURE__*/React__default.createElement(Text, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 579,
+        lineNumber: 625,
         columnNumber: 11
       }
     }, `${isFile ? 'Berkas' : 'Gambar'} sedang diunggah`)));
@@ -21189,7 +21385,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 587,
+        lineNumber: 633,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default.createElement(ContainerUpload, {
@@ -21204,7 +21400,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 588,
+        lineNumber: 634,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement(Input$1, {
@@ -21216,35 +21412,35 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 598,
+        lineNumber: 644,
         columnNumber: 11
       }
     }), /*#__PURE__*/React__default.createElement(Children, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 599,
+        lineNumber: 645,
         columnNumber: 11
       }
-    }, children != null ? children : /*#__PURE__*/React__default.createElement(React__default.Fragment, {
+    }, children !== null && children !== void 0 ? children : /*#__PURE__*/React__default.createElement(React__default.Fragment, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 601,
+        lineNumber: 647,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default.createElement(IconCard, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 602,
+        lineNumber: 648,
         columnNumber: 17
       }
     }, /*#__PURE__*/React__default.createElement(UploadOutline, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 603,
+        lineNumber: 649,
         columnNumber: 19
       }
     })), /*#__PURE__*/React__default.createElement(Text, {
@@ -21254,14 +21450,14 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 605,
+        lineNumber: 651,
         columnNumber: 17
       }
     }, `Pilih atau letakkan ${isFile ? 'berkas' : 'gambar'} anda disini`)))), errorMessage && /*#__PURE__*/React__default.createElement(ErrorMessage, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 612,
+        lineNumber: 658,
         columnNumber: 26
       }
     }, errorMessage));
@@ -21272,7 +21468,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 619,
+        lineNumber: 665,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default.createElement(ModalDialogTrigger, {
@@ -21280,7 +21476,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 620,
+        lineNumber: 666,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement("div", {
@@ -21288,7 +21484,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 621,
+        lineNumber: 667,
         columnNumber: 11
       }
     })), /*#__PURE__*/React__default.createElement(ModalDialogTitle, {
@@ -21301,7 +21497,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 623,
+        lineNumber: 669,
         columnNumber: 9
       }
     }, cropperTitle), /*#__PURE__*/React__default.createElement(ModalDialogContent, {
@@ -21312,7 +21508,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 626,
+        lineNumber: 672,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement(ReactCrop, {
@@ -21323,7 +21519,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 627,
+        lineNumber: 673,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default.createElement(Image, {
@@ -21336,14 +21532,14 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 628,
+        lineNumber: 674,
         columnNumber: 13
       }
     }))), /*#__PURE__*/React__default.createElement(ModalDialogFooter, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 631,
+        lineNumber: 677,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -21355,7 +21551,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 632,
+        lineNumber: 678,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default.createElement(Tooltip, {
@@ -21363,7 +21559,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 633,
+        lineNumber: 679,
         columnNumber: 13
       }
     }, /*#__PURE__*/React__default.createElement(ImageOutline, {
@@ -21375,7 +21571,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 634,
+        lineNumber: 680,
         columnNumber: 15
       }
     })), /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -21383,7 +21579,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 640,
+        lineNumber: 686,
         columnNumber: 13
       }
     }, /*#__PURE__*/React__default.createElement(Button$2, {
@@ -21392,7 +21588,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 641,
+        lineNumber: 687,
         columnNumber: 15
       }
     }, "Batal"), /*#__PURE__*/React__default.createElement(Button$2, {
@@ -21400,7 +21596,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 644,
+        lineNumber: 690,
         columnNumber: 15
       }
     }, `${completedCrop !== null && completedCrop !== void 0 && completedCrop.width && completedCrop !== null && completedCrop !== void 0 && completedCrop.height ? 'Potong & Simpan' : 'Simpan'}`)))));
@@ -21416,7 +21612,7 @@ const Upload = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$9,
-      lineNumber: 655,
+      lineNumber: 701,
       columnNumber: 5
     }
   }, !isFile && renderPicture(), isFile && renderFile(), progress || isLoading ? /*#__PURE__*/React__default.createElement(UploadProgress, {
@@ -21425,7 +21621,7 @@ const Upload = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$9,
-      lineNumber: 658,
+      lineNumber: 704,
       columnNumber: 32
     }
   }) : renderUpload(), showCropper && renderCropper());
@@ -21444,118 +21640,136 @@ Upload.defaultProps = {
   ratio: 16 / 9
 };
 Upload.propTypes = {
-  /**
-   Progress of upload process
+  /**
+   Progress of upload process
   */
   progress: PropTypes.number,
 
-  /**
-   Auto increment progress of upload process
+  /**
+   Auto increment progress of upload process
   */
   loading: PropTypes.bool,
 
-  /**
-   Built-in stylesheets, support for two types.
+  /**
+   Built-in stylesheets, support for two types.
   */
   listType: PropTypes.oneOf(['file', 'picture']),
 
-  /**
-   Whether to support selected multiple file.
+  /**
+   Whether to support selected multiple file.
    */
   multiple: PropTypes.bool,
 
-  /**
-   List of files to be uploaded.
+  /**
+   List of files to be uploaded.
    */
   fileList: PropTypes.array,
 
-  /**
-   A callback function, can be executed when uploading state is changing.
+  /**
+   A callback function, can be executed when uploading state is changing.
    */
   onChange: PropTypes.func,
 
-  /**
-   A callback function, can be executed when preview icon in picture type is clicked.
+  /**
+   A callback function, can be executed when uploading in progress.
+   `(progress) => void`
+   */
+  onProgress: PropTypes.func,
+
+  /**
+   A callback function, can be executed when uploading is success.
+   `(response) => void`
+   */
+  onSuccess: PropTypes.func,
+
+  /**
+   A callback function, can be executed when uploading is error.
+   `(error, response) => void`
+   */
+  onError: PropTypes.func,
+
+  /**
+   A callback function, can be executed when preview icon in picture type is clicked.
    */
   onPreview: PropTypes.func,
 
-  /**
-   A callback function, can be executed when remove icon is clicked.
+  /**
+   A callback function, can be executed when remove icon is clicked.
    */
   onRemove: PropTypes.func,
 
-  /**
-   A custom element inside upload container.
+  /**
+   A custom element inside upload container.
    */
   children: PropTypes.element,
 
-  /**
-   Limit the number of uploaded files.
+  /**
+   Limit the number of uploaded files.
    */
   max: PropTypes.number,
 
-  /**
-   Limit file type of upload.
+  /**
+   Limit file type of upload.
    */
   accept: PropTypes.string,
 
-  /**
-   Custom label for replace button.
+  /**
+   Custom label for replace button.
    */
   replaceLabel: PropTypes.string,
 
-  /**
-   Custom width of upload container.
+  /**
+   Custom width of upload container.
    */
   width: PropTypes.number,
 
-  /**
-   Custom height of upload container.
+  /**
+   Custom height of upload container.
    */
   height: PropTypes.number,
 
-  /**
-   Additional css.
+  /**
+   Additional css.
    */
   css: PropTypes.object,
 
-  /**
-   Custom title header of cropper modal.
+  /**
+   Custom title header of cropper modal.
    */
   cropperTitle: PropTypes.string,
 
-  /**
-   Add image cropper on upload.
+  /**
+   Add image cropper on upload.
    */
   showCropper: PropTypes.bool,
 
-  /**
-   The aspect ratio of the crop, e.g. 1 for a square or 16 / 9 for landscape. Omit/pass undefined for a free-form crop.
+  /**
+   The aspect ratio of the crop, e.g. `1` for a square or `16 / 9` for landscape. Omit/pass undefined for a free-form crop.
    */
   ratio: PropTypes.number,
 
-  /**
-   API upload url, allows components to automatically upload directly to API service.
+  /**
+   API upload url, allows components to automatically upload directly to API service.
    */
   action: PropTypes.string,
 
-  /**
-   Contains an authentication token for upload API.
+  /**
+   Contains an authentication token for upload API.
    */
   token: PropTypes.string,
 
-  /**
-   Referencing the headers key to attach the token.
+  /**
+   Referencing the headers key to attach the token.
    */
   tokenKey: PropTypes.string,
 
-  /**
-   Referencing the key to attach the file to be sent.
+  /**
+   Referencing the key to attach the file to be sent.
    */
   reqKey: PropTypes.string,
 
-  /**
-   Referencing the key to get the file from the API response.
+  /**
+   Referencing the key to get the file from the API response.
    */
   resKey: PropTypes.string
 };
@@ -21784,7 +21998,7 @@ const Device = props => {
 
 Device.displayName = 'DevicePreview';
 
-var _jsxFileName$8 = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\colorPicker\\InputColorPicker.js";
+var _jsxFileName$8 = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\colorPicker\\InputColorPicker.js";
 const Separator$1 = styled('div', {
   height: 20,
   width: 1,
@@ -21896,28 +22110,28 @@ function InputColorPicker(props) {
 
 InputColorPicker.displayName = 'InputColorPicker';
 InputColorPicker.propTypes = {
-  /**
-   Color code to be displayed.
+  /**
+   Color code to be displayed.
   */
   color: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
 
-  /**
-   Additional color list.
+  /**
+   Additional color list.
   */
   presetColors: PropTypes.array,
 
-  /**
-   Change event handler.
+  /**
+   Change event handler.
   */
   onChange: PropTypes.func,
 
-  /**
-   Add preset color event handler.
+  /**
+   Add preset color event handler.
   */
   onAddColor: PropTypes.func,
 
-  /**
-   Disable opacity selector.
+  /**
+   Disable opacity selector.
   */
   disableAlpha: PropTypes.bool
 };
@@ -21927,7 +22141,7 @@ InputColorPicker.defaultProps = {
 
 var img = "data:image/gif;base64,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";
 
-var _jsxFileName$7 = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\colorPicker\\components\\ColorMap.js";
+var _jsxFileName$7 = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\colorPicker\\components\\ColorMap.js";
 const Container$3 = styled('div', {
   userSelect: 'none',
   margin: 'auto',
@@ -23891,7 +24105,7 @@ function ColorMap({
   })));
 }
 
-var _jsxFileName$6 = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\colorPicker\\components\\ColorFields.js";
+var _jsxFileName$6 = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\colorPicker\\components\\ColorFields.js";
 const CheckBoard = styled(Flex$1, {
   background: '$bgwhite',
   border: '1px solid #E5E7EB',
@@ -24092,7 +24306,7 @@ function ColorFields({
   }, "%")));
 }
 
-var _jsxFileName$5 = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\colorPicker\\ColorPicker.js";
+var _jsxFileName$5 = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\colorPicker\\ColorPicker.js";
 const Container$2 = styled(Flex$1, {
   background: '$white',
   padding: 16,
@@ -24595,28 +24809,28 @@ function ColorPicker({
 }
 
 ColorPicker.propTypes = {
-  /**
-   Color code to be displayed.
+  /**
+   Color code to be displayed.
   */
   color: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
 
-  /**
-   Additional color list
+  /**
+   Additional color list
   */
   presetColors: PropTypes.array,
 
-  /**
-   Change event handler
+  /**
+   Change event handler
   */
   onChange: PropTypes.func,
 
-  /**
-   Add preset color event handler
+  /**
+   Add preset color event handler
   */
   onAddColor: PropTypes.func,
 
-  /**
-   Disable opacity selector
+  /**
+   Disable opacity selector
   */
   disableAlpha: PropTypes.bool
 };
@@ -24625,7 +24839,7 @@ ColorPicker.defaultProps = {
 };
 var ColorPicker$1 = ColorWrap(ColorPicker);
 
-var _jsxFileName$4 = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\stepWizard\\StepWizard.js";
+var _jsxFileName$4 = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\stepWizard\\StepWizard.js";
 const StepWizardContext = /*#__PURE__*/React__default.createContext({});
 const Stepper = StepWizard$1;
 Stepper.displayName = 'Stepper';
@@ -25035,7 +25249,7 @@ const StepWizard = props => {
   }), void 0);
 };
 
-var _jsxFileName$3 = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\tableOfContent\\transition.js";
+var _jsxFileName$3 = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\tableOfContent\\transition.js";
 
 function Collapse({
   children,
@@ -25080,7 +25294,7 @@ Collapse.defaultProps = {
   isOpen: false
 };
 
-var _jsxFileName$2 = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\tableOfContent\\TableOfContent.js";
+var _jsxFileName$2 = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\tableOfContent\\TableOfContent.js";
 const DesktopContainer = styled(Flex$1, {
   display: 'none',
   '& .active-scroll-spy': {
@@ -25372,23 +25586,23 @@ TableOfContent.defaultProps = {
   isDialog: false
 };
 TableOfContent.propTypes = {
-  /**
-   List of contents containing the title and id of a content.
+  /**
+   List of contents containing the title and id of a content.
    */
   content: PropTypes.array,
 
-  /**
-   Components devoted to mobile viewing only.
+  /**
+   Components devoted to mobile viewing only.
    */
   isMobile: PropTypes.bool,
 
-  /**
-   Condition when table of content is inside a component dialog.
+  /**
+   Condition when table of content is inside a component dialog.
    */
   isDialog: PropTypes.bool,
 
-  /**
-   The active ID to reference the active content on the mobile view obtained from onUpdateCallback.
+  /**
+   The active ID to reference the active content on the mobile view obtained from onUpdateCallback.
    */
   activeId: PropTypes.string
 };
@@ -25408,7 +25622,7 @@ TableOfContentPage.defaultProps = {
   useBoxMethod: true
 };
 
-var _jsxFileName$1 = "C:\\Project\\majoo-ui\\packages\\react\\src\\components\\editableTable\\transition.js";
+var _jsxFileName$1 = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\components\\editableTable\\transition.js";
 
 function Collapalse({
   children,
@@ -26338,7 +26552,7 @@ function ProgressIndicator(props) {
   }), void 0);
 }
 
-var _jsxFileName = "C:\\Project\\majoo-ui\\packages\\react\\src\\colors\\Colors.js";
+var _jsxFileName = "C:\\Users\\Lenovo\\Documents\\code\\majoo\\majoo-ui\\packages\\react\\src\\colors\\Colors.js";
 const StyledPaper = styled(Paper, {
   borderRadius: '10px 10px 0 0',
   padding: 15,
@@ -26449,6 +26663,34 @@ const Colors = props => {
   }, i.hex))));
 };
 
+/**
+ * Checks if `value` is classified as an `Array` object.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is an array, else `false`.
+ * @example
+ *
+ * _.isArray([1, 2, 3]);
+ * // => true
+ *
+ * _.isArray(document.body.children);
+ * // => false
+ *
+ * _.isArray('abc');
+ * // => false
+ *
+ * _.isArray(_.noop);
+ * // => false
+ */
+
+var isArray$3 = Array.isArray;
+
+var isArray_1 = isArray$3;
+
 /** Detect free variable `global` from Node.js. */
 
 var freeGlobal$1 = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
@@ -26561,7 +26803,7 @@ var symToStringTag = Symbol$2 ? Symbol$2.toStringTag : undefined;
  * @param {*} value The value to query.
  * @returns {string} Returns the `toStringTag`.
  */
-function baseGetTag$1(value) {
+function baseGetTag$2(value) {
   if (value == null) {
     return value === undefined ? undefinedTag : nullTag;
   }
@@ -26570,7 +26812,7 @@ function baseGetTag$1(value) {
     : objectToString(value);
 }
 
-var _baseGetTag = baseGetTag$1;
+var _baseGetTag = baseGetTag$2;
 
 /**
  * Checks if `value` is the
@@ -26605,7 +26847,7 @@ function isObject$2(value) {
 
 var isObject_1 = isObject$2;
 
-var baseGetTag = _baseGetTag,
+var baseGetTag$1 = _baseGetTag,
     isObject$1 = isObject_1;
 
 /** `Object#toString` result references. */
@@ -26637,12 +26879,103 @@ function isFunction$1(value) {
   }
   // The use of `Object#toString` avoids issues with the `typeof` operator
   // in Safari 9 which returns 'object' for typed arrays and other constructors.
-  var tag = baseGetTag(value);
+  var tag = baseGetTag$1(value);
   return tag == funcTag || tag == genTag || tag == asyncTag || tag == proxyTag;
 }
 
 var isFunction_1 = isFunction$1;
 
+/**
+ * Checks if `value` is object-like. A value is object-like if it's not `null`
+ * and has a `typeof` result of "object".
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
+ * @example
+ *
+ * _.isObjectLike({});
+ * // => true
+ *
+ * _.isObjectLike([1, 2, 3]);
+ * // => true
+ *
+ * _.isObjectLike(_.noop);
+ * // => false
+ *
+ * _.isObjectLike(null);
+ * // => false
+ */
+
+function isObjectLike$1(value) {
+  return value != null && typeof value == 'object';
+}
+
+var isObjectLike_1 = isObjectLike$1;
+
+var baseGetTag = _baseGetTag,
+    isObjectLike = isObjectLike_1;
+
+/** `Object#toString` result references. */
+var symbolTag = '[object Symbol]';
+
+/**
+ * Checks if `value` is classified as a `Symbol` primitive or object.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
+ * @example
+ *
+ * _.isSymbol(Symbol.iterator);
+ * // => true
+ *
+ * _.isSymbol('abc');
+ * // => false
+ */
+function isSymbol$3(value) {
+  return typeof value == 'symbol' ||
+    (isObjectLike(value) && baseGetTag(value) == symbolTag);
+}
+
+var isSymbol_1 = isSymbol$3;
+
+var isArray$2 = isArray_1,
+    isSymbol$2 = isSymbol_1;
+
+/** Used to match property names within property paths. */
+var reIsDeepProp = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,
+    reIsPlainProp = /^\w*$/;
+
+/**
+ * Checks if `value` is a property name and not a property path.
+ *
+ * @private
+ * @param {*} value The value to check.
+ * @param {Object} [object] The object to query keys on.
+ * @returns {boolean} Returns `true` if `value` is a property name, else `false`.
+ */
+function isKey$1(value, object) {
+  if (isArray$2(value)) {
+    return false;
+  }
+  var type = typeof value;
+  if (type == 'number' || type == 'symbol' || type == 'boolean' ||
+      value == null || isSymbol$2(value)) {
+    return true;
+  }
+  return reIsPlainProp.test(value) || !reIsDeepProp.test(value) ||
+    (object != null && value in Object(object));
+}
+
+var _isKey = isKey$1;
+
 var root$1 = _root;
 
 /** Used to detect overreaching core-js shims. */
@@ -27434,7 +27767,7 @@ var reEscapeChar = /\\(\\)?/g;
  * @param {string} string The string to convert.
  * @returns {Array} Returns the property path array.
  */
-memoizeCapped(function(string) {
+var stringToPath$1 = memoizeCapped(function(string) {
   var result = [];
   if (string.charCodeAt(0) === 46 /* . */) {
     result.push('');
@@ -27445,10 +27778,279 @@ memoizeCapped(function(string) {
   return result;
 });
 
-var Symbol$1 = _Symbol;
+var _stringToPath = stringToPath$1;
+
+/**
+ * A specialized version of `_.map` for arrays without support for iteratee
+ * shorthands.
+ *
+ * @private
+ * @param {Array} [array] The array to iterate over.
+ * @param {Function} iteratee The function invoked per iteration.
+ * @returns {Array} Returns the new mapped array.
+ */
+
+function arrayMap$1(array, iteratee) {
+  var index = -1,
+      length = array == null ? 0 : array.length,
+      result = Array(length);
+
+  while (++index < length) {
+    result[index] = iteratee(array[index], index, array);
+  }
+  return result;
+}
+
+var _arrayMap = arrayMap$1;
+
+var Symbol$1 = _Symbol,
+    arrayMap = _arrayMap,
+    isArray$1 = isArray_1,
+    isSymbol$1 = isSymbol_1;
+
+/** Used as references for various `Number` constants. */
+var INFINITY$1 = 1 / 0;
 
 /** Used to convert symbols to primitives and strings. */
-var symbolProto = Symbol$1 ? Symbol$1.prototype : undefined;
-    symbolProto ? symbolProto.toString : undefined;
+var symbolProto = Symbol$1 ? Symbol$1.prototype : undefined,
+    symbolToString = symbolProto ? symbolProto.toString : undefined;
+
+/**
+ * The base implementation of `_.toString` which doesn't convert nullish
+ * values to empty strings.
+ *
+ * @private
+ * @param {*} value The value to process.
+ * @returns {string} Returns the string.
+ */
+function baseToString$1(value) {
+  // Exit early for strings to avoid a performance hit in some environments.
+  if (typeof value == 'string') {
+    return value;
+  }
+  if (isArray$1(value)) {
+    // Recursively convert values (susceptible to call stack limits).
+    return arrayMap(value, baseToString$1) + '';
+  }
+  if (isSymbol$1(value)) {
+    return symbolToString ? symbolToString.call(value) : '';
+  }
+  var result = (value + '');
+  return (result == '0' && (1 / value) == -INFINITY$1) ? '-0' : result;
+}
+
+var _baseToString = baseToString$1;
+
+var baseToString = _baseToString;
+
+/**
+ * Converts `value` to a string. An empty string is returned for `null`
+ * and `undefined` values. The sign of `-0` is preserved.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to convert.
+ * @returns {string} Returns the converted string.
+ * @example
+ *
+ * _.toString(null);
+ * // => ''
+ *
+ * _.toString(-0);
+ * // => '-0'
+ *
+ * _.toString([1, 2, 3]);
+ * // => '1,2,3'
+ */
+function toString$1(value) {
+  return value == null ? '' : baseToString(value);
+}
+
+var toString_1 = toString$1;
+
+var isArray = isArray_1,
+    isKey = _isKey,
+    stringToPath = _stringToPath,
+    toString = toString_1;
+
+/**
+ * Casts `value` to a path array if it's not one.
+ *
+ * @private
+ * @param {*} value The value to inspect.
+ * @param {Object} [object] The object to query keys on.
+ * @returns {Array} Returns the cast property path array.
+ */
+function castPath$1(value, object) {
+  if (isArray(value)) {
+    return value;
+  }
+  return isKey(value, object) ? [value] : stringToPath(toString(value));
+}
+
+var _castPath = castPath$1;
+
+var isSymbol = isSymbol_1;
+
+/** Used as references for various `Number` constants. */
+var INFINITY = 1 / 0;
+
+/**
+ * Converts `value` to a string key if it's not a string or symbol.
+ *
+ * @private
+ * @param {*} value The value to inspect.
+ * @returns {string|symbol} Returns the key.
+ */
+function toKey$1(value) {
+  if (typeof value == 'string' || isSymbol(value)) {
+    return value;
+  }
+  var result = (value + '');
+  return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result;
+}
+
+var _toKey = toKey$1;
+
+var castPath = _castPath,
+    toKey = _toKey;
+
+/**
+ * The base implementation of `_.get` without support for default values.
+ *
+ * @private
+ * @param {Object} object The object to query.
+ * @param {Array|string} path The path of the property to get.
+ * @returns {*} Returns the resolved value.
+ */
+function baseGet$1(object, path) {
+  path = castPath(path, object);
+
+  var index = 0,
+      length = path.length;
+
+  while (object != null && index < length) {
+    object = object[toKey(path[index++])];
+  }
+  return (index && index == length) ? object : undefined;
+}
+
+var _baseGet = baseGet$1;
+
+var baseGet = _baseGet;
+
+/**
+ * Gets the value at `path` of `object`. If the resolved value is
+ * `undefined`, the `defaultValue` is returned in its place.
+ *
+ * @static
+ * @memberOf _
+ * @since 3.7.0
+ * @category Object
+ * @param {Object} object The object to query.
+ * @param {Array|string} path The path of the property to get.
+ * @param {*} [defaultValue] The value returned for `undefined` resolved values.
+ * @returns {*} Returns the resolved value.
+ * @example
+ *
+ * var object = { 'a': [{ 'b': { 'c': 3 } }] };
+ *
+ * _.get(object, 'a[0].b.c');
+ * // => 3
+ *
+ * _.get(object, ['a', '0', 'b', 'c']);
+ * // => 3
+ *
+ * _.get(object, 'a.b.c', 'default');
+ * // => 'default'
+ */
+function get(object, path, defaultValue) {
+  var result = object == null ? undefined : baseGet(object, path);
+  return result === undefined ? defaultValue : result;
+}
+
+var get_1 = get;
+
+/**
+ * Checks if `value` is `null` or `undefined`.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is nullish, else `false`.
+ * @example
+ *
+ * _.isNil(null);
+ * // => true
+ *
+ * _.isNil(void 0);
+ * // => true
+ *
+ * _.isNil(NaN);
+ * // => false
+ */
+
+function isNil(value) {
+  return value == null;
+}
+
+var isNil_1 = isNil;
+
+function useListOption(list, nameKey, valueKey, disableList, separator) {
+  if (!list) return [];
+  return list.map((item, index) => {
+    const name = [];
+
+    if (isArray_1(nameKey)) {
+      nameKey.forEach(key => {
+        name.push(get_1(item, key));
+      });
+    } else if (isNil_1(nameKey)) {
+      name.push(item);
+    } else {
+      name.push(get_1(item, nameKey));
+    }
+
+    let value;
+
+    if (isNil_1(valueKey)) {
+      value = item;
+    } else if (isArray_1(valueKey)) {
+      for (let i = 0; i < valueKey.length; i += 1) {
+        const val = get_1(item, valueKey[i]);
+
+        if (val !== undefined) {
+          value = val; // stop loop jika value ada
+
+          break;
+        }
+      }
+    } else {
+      value = get_1(item, valueKey);
+    }
+
+    const isDisabled = disableList ? disableList === null || disableList === void 0 ? void 0 : disableList.includes(value) : false;
+    const label = isFunction_1(separator) ? // @ts-ignore
+    separator(name.length <= 1 ? name[0] : name, item, index) : // @ts-ignore
+    name.join(separator || ' - ');
+    return {
+      name: label,
+      rec: item,
+      value,
+      key: value,
+      isDisabled
+    };
+  });
+}
+
+const toggleReducer = (state, nextValue) => typeof nextValue === 'boolean' ? nextValue : !state;
+
+const useToggle = initialValue => {
+  return useReducer(toggleReducer, initialValue);
+};
 
-export { ADVANCE_PICKER, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AdvancedOption, AlertDialog, AlertDialogCancel, AlertDialogConfirm, AlertDialogContent, AlertDialogDescription, AlertDialogFunction, AlertDialogRoot, AlertDialogTitle, AlertDialogTrigger, Avatar, BOTTOM_LEFT_POSITION, BOTTOM_RIGHT_POSITION, Badge, Banner, BannerClose, BannerDescription, BannerLink, BannerTitle, Box, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button$2 as Button, ButtonDropdown, ButtonGroup$1 as ButtonGroup, ButtonGroupItem, ButtonPrimitive, Card, CardComponent, CardLineColor, CheckboxGroup, ColorPicker$1 as ColorPicker, Colors, DateColumn, DatePicker, DecimalColumn, Device as DevicePreview, Dialog, DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerCloseButton, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuArrow, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuItemIndicator, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger, DropdownMenuTriggerItem, EditableTable, Flex$1 as Flex, FormGroup, FormHelper, FormLabel, Grid, GridItem, Heading, IconButton, IconContainer, Image, ImageDevicePreview, InputCheckbox, InputColorPicker, InputCombobox, InputCreatable, InputDatePicker, InputGroup, InputLeftAddon, InputLeftElement, InputNumber, InputPrefix, InputRadio, InputRadioGroup, InputResourceList, InputRightAddon, InputRightElement, InputSearchbox, Select$1 as InputSelect, InputSelectCheck, InputSelectTag, InputSuffix, InputSwitch, TagsInput as InputTags, InputText, InputTextArea, InputTimePicker, LAST_7_DAYS, LAST_MONTH, LAST_TWO_MONTHS, LAST_WEEK, Link, LoadingBar, MajooProvider, MobileTable, ModalDialog, ModalDialogContent, ModalDialogFooter, ModalDialogTitle, ModalDialogTrigger, NativeTimePicker, NotificationBadge, OptionWrapper$2 as OptionWrapper, PageContainer, PageDialog, PageDialogContent, PageDialogFooter, PageDialogTitle, PageDialogTrigger, Pagination, Paper, PaperComponent, Paragraph, Popover, PopoverClose, PopoverContent, PopoverTrigger, PriceColumn, Progress$1 as Progress, ProgressIndicator, RANGE_PICKER, RightSlot, rowExpanderColumn as RowExpanderColumn, rowMenuColumn as RowMenuColumn, rowSelectionColumn as RowSelectionColumn, SINGLE_PICKER, Select$1 as Select, SelectBox, SelectContainer, SelectInputSearch, SelectItem, SelectOption, Separator$2 as Separator, Slider, StepWizard, StepWizardContext, StyledBox, StyledDropdown, StyledInput, StyledSpan, StyledTitle$2 as StyledTitle, THIS_MONTH, THIS_WEEK, TODAY, TOP_LEFT_POSITION, TOP_RIGHT_POSITION, Table, TableBody$2 as TableBody, TableColumn, TableContent$2 as TableContent, TableFoot$2 as TableFoot, TableFootCell$2 as TableFootCell, TableFootRow$2 as TableFootRow, TableHead$2 as TableHead, TableHeadCellContent, TableHeaderCellContainer, TableOfContent, TableOfContentPage, Tabs$1 as Tabs, TabsContent$1 as TabsContent, TabsList$1 as TabsList, TabsTrigger$1 as TabsTrigger, Tag, TagStatus, Text$1 as Text, TextVariantsEnum, TimePicker, ToastContext, Tooltip, UPDATE_PICKER, Upload, YESTERDAY, addOnCellStyle, advancePickerOptions, defaultFetchDataParams, pickerReducer };
+export { ADVANCE_PICKER, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AdvancedOption, AlertDialog, AlertDialogCancel, AlertDialogConfirm, AlertDialogContent, AlertDialogDescription, AlertDialogFunction, AlertDialogRoot, AlertDialogTitle, AlertDialogTrigger, Avatar, BOTTOM_LEFT_POSITION, BOTTOM_RIGHT_POSITION, Badge, Banner, BannerClose, BannerDescription, BannerLink, BannerTitle, Box, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button$2 as Button, ButtonDropdown, ButtonGroup$1 as ButtonGroup, ButtonGroupItem, ButtonPrimitive, Card, CardComponent, CardLineColor, CheckboxGroup, ColorPicker$1 as ColorPicker, Colors, DateColumn, DatePicker, DecimalColumn, Device as DevicePreview, Dialog, DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerCloseButton, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuArrow, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuItemIndicator, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger, DropdownMenuTriggerItem, EditableTable, Flex$1 as Flex, FormGroup, FormHelper, FormLabel, Grid, GridItem, Heading, IconButton, IconContainer, Image, ImageDevicePreview, InputCheckbox, InputColorPicker, InputCombobox, InputCreatable, InputDatePicker, InputGroup, InputLeftAddon, InputLeftElement, InputNumber, InputPrefix, InputRadio, InputRadioGroup, InputResourceList, InputRightAddon, InputRightElement, InputSearchbox, Select$1 as InputSelect, InputSelectCheck, InputSelectTag, InputSuffix, InputSwitch, TagsInput as InputTags, InputText, InputTextArea, InputTimePicker, LAST_7_DAYS, LAST_MONTH, LAST_TWO_MONTHS, LAST_WEEK, Link, LoadingBar, MajooProvider, MobileTable, ModalDialog, ModalDialogContent, ModalDialogFooter, ModalDialogTitle, ModalDialogTrigger, NativeTimePicker, NotificationBadge, OptionWrapper$2 as OptionWrapper, PageContainer, PageDialog, PageDialogContent, PageDialogFooter, PageDialogTitle, PageDialogTrigger, Pagination, Paper, PaperComponent, Paragraph, Popover, PopoverClose, PopoverContent, PopoverTrigger, PriceColumn, Progress$1 as Progress, ProgressIndicator, RANGE_PICKER, RightSlot, rowExpanderColumn as RowExpanderColumn, rowMenuColumn as RowMenuColumn, rowSelectionColumn as RowSelectionColumn, SINGLE_PICKER, Select$1 as Select, SelectBox, SelectContainer, SelectInputSearch, SelectItem, SelectOption, Separator$2 as Separator, Slider, StepWizard, StepWizardContext, StyledBox, StyledDropdown, StyledInput, StyledSpan, StyledTitle$2 as StyledTitle, THIS_MONTH, THIS_WEEK, TODAY, TOP_LEFT_POSITION, TOP_RIGHT_POSITION, Table, TableBody$2 as TableBody, TableColumn, TableContent$2 as TableContent, TableFoot$2 as TableFoot, TableFootCell$2 as TableFootCell, TableFootRow$2 as TableFootRow, TableHead$2 as TableHead, TableHeadCellContent, TableHeaderCellContainer, TableOfContent, TableOfContentPage, Tabs$1 as Tabs, TabsContent$1 as TabsContent, TabsList$1 as TabsList, TabsTrigger$1 as TabsTrigger, Tag, TagStatus, Text$1 as Text, TextVariantsEnum, TimePicker, ToastContext, Tooltip, UPDATE_PICKER, Upload, YESTERDAY, addOnCellStyle, advancePickerOptions, defaultFetchDataParams, pickerReducer, useListOption, useToggle };