@majoo-ui/react 1.61.12-rc.9 → 1.61.13-rc.1

package/index.umd.js

@@ -58,7 +58,7 @@
   var imageCompressionComponent__default = /*#__PURE__*/_interopDefaultLegacy(imageCompressionComponent);
   var SignaturePad__default = /*#__PURE__*/_interopDefaultLegacy(SignaturePad);
 
-  var _jsxFileName$13 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/majoo-provider/ThemeProvider.js";
+  var _jsxFileName$13 = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/majoo-provider/ThemeProvider.js";
   function ThemeProvider({
     name,
     theme,
@@ -404,10 +404,10 @@
   var store$3 = sharedStore.exports = globalThis$p[SHARED] || defineGlobalProperty$2(SHARED, {});
 
   (store$3.versions || (store$3.versions = [])).push({
-    version: '3.43.0',
+    version: '3.44.0',
     mode: 'global',
     copyright: '© 2014-2025 Denis Pushkarev (zloirock.ru)',
-    license: 'https://github.com/zloirock/core-js/blob/v3.43.0/LICENSE',
+    license: 'https://github.com/zloirock/core-js/blob/v3.44.0/LICENSE',
     source: 'https://github.com/zloirock/core-js'
   });
 
@@ -1522,7 +1522,7 @@
     globalStyles();
   };
 
-  var _jsxFileName$12 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/majoo-provider/MajooProvider.js";
+  var _jsxFileName$12 = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/majoo-provider/MajooProvider.js";
   function MajooProvider({
     children,
     name,
@@ -1744,7 +1744,7 @@
 
   const _excluded$C = ["children"],
     _excluded2$4 = ["children"];
-  var _jsxFileName$11 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/layout/grid/Grid.js";
+  var _jsxFileName$11 = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/layout/grid/Grid.js";
   const GridComponent = styled('div', {
     display: 'grid',
     variants: {
@@ -2014,7 +2014,7 @@
   GridItem.displayName = 'Grid Item';
 
   const _excluded$B = ["children", "isCollapse", "css", "contentHeader"];
-  var _jsxFileName$10 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/layout/pageContainer/PageContainer.js";
+  var _jsxFileName$10 = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/layout/pageContainer/PageContainer.js";
   const StyledDiv$2 = styled(Flex$1, {
     justifyContent: 'center',
     marginLeft: 'auto',
@@ -2482,7 +2482,7 @@
   });
 
   const _excluded$A = ["title", "description", "variant", "link", "linkText", "onClick", "onRemove", "children", "bannerBlock", "icon"];
-  var _jsxFileName$$ = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/banner/Banner.js";
+  var _jsxFileName$$ = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/banner/Banner.js";
   const Context$2 = /*#__PURE__*/React__namespace.createContext();
   const StyledBanner = styled(Flex$1, {
     maxWidth: '100%',
@@ -3480,7 +3480,7 @@
   Card.Description = StyledDescription$3;
 
   const _excluded$z = ["children"];
-  var _jsxFileName$_ = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/breadcrumb/Breadcrumb.js";
+  var _jsxFileName$_ = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/breadcrumb/Breadcrumb.js";
   const BreadcrumbStyle = styled('nav', {
     wordWrap: 'break-word',
     '& li+li:before': {
@@ -3798,7 +3798,7 @@
   Badge.displayName = 'Badge';
 
   const _excluded$y = ["className", "img", "children", "onLoadingStatusChange", "delayMs", "onClick", "css"];
-  var _jsxFileName$Z = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/avatar/Avatar.js";
+  var _jsxFileName$Z = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/avatar/Avatar.js";
   const StyledAvatar = styled(AvatarPrimitive__namespace.Root, {
     width: '32px',
     height: '32px',
@@ -3900,7 +3900,7 @@
   };
 
   const _excluded$x = ["className", "src", "alt", "width", "height", "objectFit", "fallback", "fallbackTitle", "css", "cssFallback", "rounded"];
-  var _jsxFileName$Y = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/image/Image.js";
+  var _jsxFileName$Y = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/image/Image.js";
   const ContainerFallback = styled(Flex$1, {
     boxSizing: 'border-box',
     border: '2px dashed #C0C4C4',
@@ -4594,7 +4594,7 @@
   handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
 
   const _excluded$w = ["children", "label", "color", "css", "withClick", "side", "align", "delayDuration"];
-  var _jsxFileName$X = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/tooltip/Tooltip.js";
+  var _jsxFileName$X = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/tooltip/Tooltip.js";
   const {
     zIndices: zIndices$2
   } = core.foundations;
@@ -4800,7 +4800,7 @@
   };
 
   const _excluded$v = ["className", "value", "max", "getValueLabel", "color", "size", "rounded", "width"];
-  var _jsxFileName$W = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/progress/Progress.js";
+  var _jsxFileName$W = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/progress/Progress.js";
   const StyledProgress$1 = react.styled(ProgressPrimitive__namespace.Root, {
     position: 'relative',
     overflow: 'hidden',
@@ -5674,7 +5674,7 @@
   }
 
   const _excluded$u = ["id", "title", "description", "position", "dismissAfter", "variant", "onClick", "onRemove", "isExternalOfAction", "onClickOfAction", "captionOfAction", "hrefOfAction"];
-  var _jsxFileName$V = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/toast/Toast.js";
+  var _jsxFileName$V = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/toast/Toast.js";
   const TOAST_WIDTH = 576;
   const ANIMATION_DURATION = 400;
   const TOP_RIGHT_POSITION = 'top-right';
@@ -6026,7 +6026,7 @@
   };
 
   const _excluded$t = ["preventDuplicate"];
-  var _jsxFileName$U = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/toast/ToastContainer.js";
+  var _jsxFileName$U = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/toast/ToastContainer.js";
   const ToastBox = styled(Flex$1, {
     position: 'fixed',
     variants: {
@@ -7373,7 +7373,7 @@
   };
 
   const _excluded$s = ["id", "disabledOfflineIntercept"];
-  var _jsxFileName$T = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/toast/context/ToastProvider.js";
+  var _jsxFileName$T = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/toast/context/ToastProvider.js";
   let toastCount = 0;
   const ToastProvider = ({
     children,
@@ -7492,7 +7492,7 @@
   }) => condition ? wrapper(children) : children;
 
   const _excluded$r = ["count", "maxCount", "css"];
-  var _jsxFileName$S = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/FormGroup/FormGroup.js";
+  var _jsxFileName$S = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/form/components/FormGroup/FormGroup.js";
   const formLabelClassStyle = {
     alignItems: 'start !important',
     '& > div': {
@@ -7643,7 +7643,7 @@
   FormGroup.displayName = 'FormGroup';
 
   const _excluded$q = ["children", "htmlFor", "variant", "variants", "tooltipLabel", "count", "maxCount", "labelCss"];
-  var _jsxFileName$R = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/FormLabel/Label.js";
+  var _jsxFileName$R = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/form/components/FormLabel/Label.js";
   const StyledLabel$1 = styled(LabelPrimitive__namespace.Root, Text$1, {
     display: 'inline-block',
     fontSize: '$label',
@@ -7760,7 +7760,7 @@
   FormLabel.displayName = 'FormLabel';
 
   const _excluded$p = ["children", "error", "errorMessage"];
-  var _jsxFileName$Q = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/FormHelper/Helper.js";
+  var _jsxFileName$Q = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/form/components/FormHelper/Helper.js";
   const StyledHelper = styled(Text$1, {
     display: 'inline-block',
     color: '$textSecondary',
@@ -7815,7 +7815,7 @@
   };
   FormHelper.displayName = 'FormHelper';
 
-  var _jsxFileName$P = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputCheckbox/CheckboxGroup.js";
+  var _jsxFileName$P = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/form/components/InputCheckbox/CheckboxGroup.js";
   const CheckboxContext = /*#__PURE__*/React.createContext();
   const CheckboxGroup = ({
     children,
@@ -7873,7 +7873,7 @@
   };
   CheckboxGroup.displayName = 'CheckboxGroup';
 
-  var _jsxFileName$O = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputCheckbox/icon/CheckOutline.js";
+  var _jsxFileName$O = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/form/components/InputCheckbox/icon/CheckOutline.js";
   const CheckOutline$1 = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     xmlSpace: "preserve",
@@ -7920,7 +7920,7 @@
     }
   }));
 
-  var _jsxFileName$N = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputCheckbox/icon/MinusOutline.js";
+  var _jsxFileName$N = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/form/components/InputCheckbox/icon/MinusOutline.js";
   const SvgMinusOutline = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     xmlSpace: "preserve",
@@ -7968,7 +7968,7 @@
   }));
 
   const _excluded$o = ["id", "checked", "indeterminate", "disabled", "onCheckedChange", "label", "index", "value"];
-  var _jsxFileName$M = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputCheckbox/InputCheckbox.js";
+  var _jsxFileName$M = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/form/components/InputCheckbox/InputCheckbox.js";
   const StyledIndicator$2 = styled(CheckboxPrimitive__namespace.Indicator, {
     alignItems: 'center',
     display: 'flex',
@@ -8129,7 +8129,7 @@
   InputCheckbox.displayName = 'InputCheckbox';
 
   const _excluded$n = ["children", "size"];
-  var _jsxFileName$L = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputGroup/InputGroup.js";
+  var _jsxFileName$L = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/form/components/InputGroup/InputGroup.js";
   const InputGroupStyle = styled('div', {
     display: 'flex',
     width: '100%',
@@ -8469,7 +8469,7 @@
   };
 
   const _excluded$m = ["disabled", "readOnly"];
-  var _jsxFileName$K = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputText/InputText.js";
+  var _jsxFileName$K = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/form/components/InputText/InputText.js";
   const disabledStyle = {
     backgroundColor: '$formDisable',
     color: '$textDisable',
@@ -8671,7 +8671,7 @@
   InputText.displayName = 'InputText';
 
   const _excluded$l = ["disabled", "readOnly"];
-  var _jsxFileName$J = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputTextArea/InputTextArea.js";
+  var _jsxFileName$J = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/form/components/InputTextArea/InputTextArea.js";
   const StyledTextArea = styled(StyledInput$1, {
     variants: {
       size: {
@@ -8749,7 +8749,7 @@
 
   const InputRadioContext = /*#__PURE__*/React__default["default"].createContext();
 
-  var _jsxFileName$I = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputRadio/InputRadioGroup.js";
+  var _jsxFileName$I = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/form/components/InputRadio/InputRadioGroup.js";
   const RadioGroup = styled(RadioGroupPrimitive__namespace.Root, Flex$1);
   function InputRadioGroup(props) {
     return (props == null ? void 0 : props.children) && /*#__PURE__*/React__default["default"].createElement(InputRadioContext.Provider, {
@@ -8783,7 +8783,7 @@
   InputRadioGroup.displayName = 'InputRadioGroup';
 
   const _excluded$k = ["id", "disabled", "css", "inputType", "inputProps", "description", "readOnly"];
-  var _jsxFileName$H = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputRadio/InputRadio.js";
+  var _jsxFileName$H = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/form/components/InputRadio/InputRadio.js";
   const INDICATOR_BASE_STYLES = {
     alignItems: 'center',
     display: 'flex',
@@ -11150,7 +11150,7 @@
   NumberFormat.defaultProps = defaultProps;
 
   const _excluded$j = ["placeholder", "value", "size", "isInvalid", "readOnly", "disabled", "control", "name", "maxValueLength", "maxLength", "thousandSeparator"];
-  var _jsxFileName$G = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputNumber/InputNumber.js";
+  var _jsxFileName$G = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/form/components/InputNumber/InputNumber.js";
   const StyledInput = styled(NumberFormat, {
     // Reset
     appearance: 'none',
@@ -11411,7 +11411,7 @@
   InputNumber.displayName = 'InputNumber';
 
   const _excluded$i = ["className", "children", "onClick", "size", "icon", "isRemovable", "disabled", "type", "onRemove", "readOnly"];
-  var _jsxFileName$F = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/tag/Tag.js";
+  var _jsxFileName$F = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/tag/Tag.js";
   const TagWrapper$4 = styled('div', {
     boxSizing: 'border-box',
     listStyle: 'none',
@@ -11587,7 +11587,7 @@
   };
 
   const _excluded$h = ["size", "isInvalid", "placeholder", "onChange", "onEnter", "onInputChange", "value", "disabled", "readOnly", "max", "maxChar", "pattern", "helperText", "unremovableTags", "onRemoveItem"];
-  var _jsxFileName$E = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputTags/InputTags.js";
+  var _jsxFileName$E = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/form/components/InputTags/InputTags.js";
   const Wrapper$2 = styled('div', {
     margin: 0,
     flexDirection: 'column',
@@ -11884,7 +11884,7 @@
   };
 
   const _excluded$g = ["id", "defaultChecked", "dataOnLabel", "dataOffLabel", "disabled"];
-  var _jsxFileName$D = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputSwitch/InputSwitch.js";
+  var _jsxFileName$D = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/form/components/InputSwitch/InputSwitch.js";
   const StyledThumb$1 = styled(SwitchPrimitive__namespace.Thumb, {
     display: 'block',
     width: '16px',
@@ -11989,7 +11989,7 @@
   };
   InputSwitch.displayName = 'InputSwitch';
 
-  var _jsxFileName$C = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputSearchbox/CloseFilled.js";
+  var _jsxFileName$C = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/form/components/InputSearchbox/CloseFilled.js";
   const SvgCloseFilled = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
     width: props.size,
     height: props.size,
@@ -12048,7 +12048,7 @@
     size: 24
   };
 
-  var _jsxFileName$B = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputSearchbox/SearchOutline.js";
+  var _jsxFileName$B = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/form/components/InputSearchbox/SearchOutline.js";
   const SvgSearchOutline = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
     width: props.size,
     height: props.size,
@@ -12089,7 +12089,7 @@
   };
 
   const _excluded$f = ["size", "onChange", "css", "disabled", "withDebounce", "defaultValue", "mobileOnly", "desktopOnly"];
-  var _jsxFileName$A = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputSearchbox/InputSearchbox.js";
+  var _jsxFileName$A = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/form/components/InputSearchbox/InputSearchbox.js";
   const {
     colors: colors$7
   } = core.foundations;
@@ -12579,7 +12579,7 @@
   var isFunction_1 = isFunction$1;
 
   const _excluded$e = ["children"];
-  var _jsxFileName$z = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/popover/Popover.js";
+  var _jsxFileName$z = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/popover/Popover.js";
   const {
     zIndices: zIndices$1
   } = core.foundations;
@@ -14215,7 +14215,7 @@
     }), void 0);
   });
 
-  var _jsxFileName$y = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputSelectCheck/icon/CheckOutline.js";
+  var _jsxFileName$y = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/form/components/InputSelectCheck/icon/CheckOutline.js";
   const CheckOutline = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     xmlSpace: "preserve",
@@ -14299,7 +14299,7 @@
   }
 
   const _excluded$d = ["placeholder", "option", "value", "defaultValue", "size", "disabled", "onChange", "search", "readOnly", "placement", "disabledOptions", "textEmptyItem", "onRemoveItem", "isInvalid", "sortBy", "showSelectAll", "showTagSelectAll", "selectAllLabel", "showSelectedTag", "unremovableTags", "helperText", "css", "showCounter", "labelCounter", "collapsible", "toggleInput", "fetchData", "onSearch", "isLoading", "maxSelectedItem", "mobileOnly", "desktopOnly", "label", "tagCss", "checkBoxCss", "optionListCss", "showCollapsibleCounter", "collapsibleLimit", "pageIndex", "onSelectAllChecked", "totalOptions", "clearSearchOnSelect", "onItemClick"];
-  var _jsxFileName$x = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputSelectCheck/InputSelectCheck.js";
+  var _jsxFileName$x = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/form/components/InputSelectCheck/InputSelectCheck.js";
   function _await(value, then, direct) {
     if (direct) {
       return then ? then(value) : value;
@@ -14623,7 +14623,8 @@
       } = _ref,
       props = _objectWithoutPropertiesLoose(_ref, _excluded$d);
     const {
-      t
+      t,
+      ready
     } = reactI18next.useTranslation(['MajooUI/inputSelectCheck', 'translation']);
     const [initItem, setInitItems] = React__default["default"].useState(option); //init filter selectedItems on useMultipleSelection
     const [items, setItems] = React__default["default"].useState([]);
@@ -14634,7 +14635,7 @@
     const [query, setQuery] = React__default["default"].useState('');
     const scrollerRef = React__default["default"].useRef(null);
     const isShowSelectAll = showSelectAll && !maxSelectedItem;
-    React.useEffect(() => {
+    reactTable.useMountedLayoutEffect(() => {
       var _scrollerRef$current;
       (_scrollerRef$current = scrollerRef.current) == null || _scrollerRef$current.scrollTo({
         top: 0
@@ -14965,7 +14966,7 @@
       return [...acc, ...(item.children ? item.children : [item])];
     }, []).length;
     React.useEffect(() => {
-      if (!inputValue || fetchData) {
+      if ((!inputValue || fetchData) && ready) {
         sortItems();
         setItems(isShowSelectAll ? [{
           id: '!all',
@@ -14976,7 +14977,7 @@
           name: selectAllLabel != null ? selectAllLabel : t('selectAllLabelText', 'Pilih Semua')
         }, ...memoOptions] : memoOptions);
       }
-    }, [isShowSelectAll, selectAllLabel, t, memoOptionsString, inputValue]);
+    }, [isShowSelectAll, selectAllLabel, ready, memoOptionsString, inputValue]);
     React.useEffect(() => {
       if (selectedValue.length > 0 && disabledOptions.length === 0) {
         setInitItems(sortValue);
@@ -15001,7 +15002,7 @@
         }, ...options] : options);
       }
     }, [disabledOptions, isShowSelectAll]);
-    React.useEffect(() => {
+    reactTable.useMountedLayoutEffect(() => {
       const selectedVal = itemsLength > 0 && inputSelectValue.length === itemsLength - 1 ? ['!all', ...inputSelectValue] : inputSelectValue;
       setSelectedValue(selectedVal);
     }, [inputSelectValue, items]);
@@ -15047,7 +15048,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$x,
-          lineNumber: 778,
+          lineNumber: 781,
           columnNumber: 9
         }
       }), /*#__PURE__*/React__default["default"].createElement(IconWrapper, {
@@ -15061,7 +15062,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$x,
-          lineNumber: 797,
+          lineNumber: 800,
           columnNumber: 11
         }
       }, !(item != null && item.hideCheck) && (item.isDisabled ? /*#__PURE__*/React__default["default"].createElement(CheckOutline, {
@@ -15069,7 +15070,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$x,
-          lineNumber: 809,
+          lineNumber: 812,
           columnNumber: 17
         }
       }) : selectedValue.includes(item.id) && (item.isDisabled === false || item.isDisabled === undefined) && /*#__PURE__*/React__default["default"].createElement(CheckOutline, {
@@ -15077,21 +15078,21 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$x,
-          lineNumber: 813,
+          lineNumber: 816,
           columnNumber: 19
         }
       })), isShowSelectAll && (item == null ? void 0 : item.id) === '!all' && selectedValue != null && selectedValue.length && (selectedValue == null ? void 0 : selectedValue.length) < itemsLength ? /*#__PURE__*/React__default["default"].createElement(IndeterminateFilled$1, {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$x,
-          lineNumber: 817,
+          lineNumber: 820,
           columnNumber: 15
         }
       }, "-") : /*#__PURE__*/React__default["default"].createElement("div", {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$x,
-          lineNumber: 819,
+          lineNumber: 822,
           columnNumber: 15
         }
       })), /*#__PURE__*/React__default["default"].createElement(Item$2, {
@@ -15102,7 +15103,7 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$x,
-          lineNumber: 822,
+          lineNumber: 825,
           columnNumber: 11
         }
       }, item.render ? item.render == null ? void 0 : item.render(item.name) : item.name));
@@ -15130,7 +15131,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$x,
-            lineNumber: 838,
+            lineNumber: 841,
             columnNumber: 13
           }
         }), /*#__PURE__*/React__default["default"].createElement(IconWrapper, {
@@ -15143,7 +15144,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$x,
-            lineNumber: 851,
+            lineNumber: 854,
             columnNumber: 15
           }
         }, !(item != null && item.hideCheck) && item.isDisabled ? /*#__PURE__*/React__default["default"].createElement(CheckOutline, {
@@ -15151,7 +15152,7 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$x,
-            lineNumber: 861,
+            lineNumber: 864,
             columnNumber: 19
           }
         }) : (filterSelectedChild == null ? void 0 : filterSelectedChild.length) === (item == null || (_item$children7 = item.children) == null || (_item$children7 = _item$children7.filter(e => !e.isDisabled)) == null ? void 0 : _item$children7.length) ? /*#__PURE__*/React__default["default"].createElement(CheckOutline, {
@@ -15159,14 +15160,14 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$x,
-            lineNumber: 863,
+            lineNumber: 866,
             columnNumber: 19
           }
         }) : (filterSelectedChild == null ? void 0 : filterSelectedChild.length) > 0 ? /*#__PURE__*/React__default["default"].createElement(IndeterminateFilled$1, {
           __self: undefined,
           __source: {
             fileName: _jsxFileName$x,
-            lineNumber: 865,
+            lineNumber: 868,
             columnNumber: 19
           }
         }, "-") : null), /*#__PURE__*/React__default["default"].createElement(Item$2, {
@@ -15177,14 +15178,14 @@
           __self: undefined,
           __source: {
             fileName: _jsxFileName$x,
-            lineNumber: 868,
+            lineNumber: 871,
             columnNumber: 15
           }
         }, item.render ? item.render == null ? void 0 : item.render(item.name) : item.name)),
         __self: undefined,
         __source: {
           fileName: _jsxFileName$x,
-          lineNumber: 836,
+          lineNumber: 839,
           columnNumber: 9
         }
       }, item == null || (_item$children8 = item.children) == null ? void 0 : _item$children8.map((optItem, optIndex) => renderOptionItem(optItem, groupIndex + optIndex + 1, true)));
@@ -15197,7 +15198,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 880,
+        lineNumber: 883,
         columnNumber: 7
       }
     }), /*#__PURE__*/React__default["default"].createElement(Select, {
@@ -15207,7 +15208,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 881,
+        lineNumber: 884,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(InputWrapper$1, _extends({}, getComboboxProps(getDropdownProps({
@@ -15222,7 +15223,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 882,
+        lineNumber: 885,
         columnNumber: 11
       }
     }), /*#__PURE__*/React__default["default"].createElement(Input$6, _extends({}, getInputProps({
@@ -15240,7 +15241,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 892,
+        lineNumber: 895,
         columnNumber: 13
       }
     })), /*#__PURE__*/React__default["default"].createElement(Button$2, _extends({}, getToggleButtonProps({
@@ -15254,7 +15255,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 899,
+        lineNumber: 902,
         columnNumber: 13
       }
     }), (_ref2 = label != null ? label : placeholder) != null ? _ref2 : t('placeholder', 'Pilih Item'))), /*#__PURE__*/React__default["default"].createElement(IconWrapper, _extends({}, getToggleButtonProps({
@@ -15265,7 +15266,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 910,
+        lineNumber: 913,
         columnNumber: 11
       }
     }), /*#__PURE__*/React__default["default"].createElement(IconCaretDown, {
@@ -15273,7 +15274,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 915,
+        lineNumber: 918,
         columnNumber: 13
       }
     }))), helperText && /*#__PURE__*/React__default["default"].createElement(Paragraph, {
@@ -15286,7 +15287,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 919,
+        lineNumber: 922,
         columnNumber: 11
       }
     }, helperText), showSelectedTag && !showCounter && selectedItems.length !== 0 && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(TagWrapper$2, {
@@ -15294,7 +15295,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 925,
+        lineNumber: 928,
         columnNumber: 13
       }
     }, isShowTagSelectAll ? /*#__PURE__*/React__default["default"].createElement(Tag, _extends({
@@ -15315,7 +15316,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 927,
+        lineNumber: 930,
         columnNumber: 17
       }
     }), selectAllLabel != null ? selectAllLabel : t('selectAllLabelText', 'Pilih Semua')) : selectedItems == null || (_selectedItems$filter = selectedItems.filter(item => (item == null ? void 0 : item.id) !== '!all')) == null || (_selectedItems$filter = _selectedItems$filter.filter((_, idx) => {
@@ -15346,7 +15347,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 956,
+        lineNumber: 959,
         columnNumber: 21
       }
     }), selectedItem.name))), collapsible && !isShowTagSelectAll && (selectedItems == null ? void 0 : selectedItems.length) > collapsibleLimit && /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -15355,7 +15356,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 979,
+        lineNumber: 982,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -15365,14 +15366,14 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 980,
+        lineNumber: 983,
         columnNumber: 17
       }
     }, /*#__PURE__*/React__default["default"].createElement(Separator$2, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 981,
+        lineNumber: 984,
         columnNumber: 19
       }
     }), /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -15386,7 +15387,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 982,
+        lineNumber: 985,
         columnNumber: 19
       }
     }, showAllTags ? /*#__PURE__*/React__default["default"].createElement(icons.ChevronUpOutline, {
@@ -15394,7 +15395,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 988,
+        lineNumber: 991,
         columnNumber: 23
       }
     }) : /*#__PURE__*/React__default["default"].createElement(icons.ChevronDownOutline, {
@@ -15402,7 +15403,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 990,
+        lineNumber: 993,
         columnNumber: 23
       }
     }), /*#__PURE__*/React__default["default"].createElement(Paragraph, {
@@ -15414,14 +15415,14 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 992,
+        lineNumber: 995,
         columnNumber: 21
       }
     }, showAllTags ? t('showSomeText', 'Tampilkan Sebagian') : t('showAllText', 'Tampilkan Semua'))), /*#__PURE__*/React__default["default"].createElement(Separator$2, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 996,
+        lineNumber: 999,
         columnNumber: 19
       }
     })), showCollapsibleCounter && /*#__PURE__*/React__default["default"].createElement(Paragraph, {
@@ -15432,7 +15433,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 999,
+        lineNumber: 1002,
         columnNumber: 19
       }
     }, `${totalOptions ? totalOptions : selectedItems == null || (_selectedItems$filter2 = selectedItems.filter(item => (item == null ? void 0 : item.id) !== '!all')) == null ? void 0 : _selectedItems$filter2.length} ${labelCounter || t('labelCounterText', 'Item terpilih')}`))), showCounter && !isShowTagSelectAll && Boolean(selectedItems == null ? void 0 : selectedItems.length) && /*#__PURE__*/React__default["default"].createElement(Paragraph, {
@@ -15444,7 +15445,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 1009,
+        lineNumber: 1012,
         columnNumber: 11
       }
     }, `${totalOptions ? totalOptions : selectedItems == null || (_selectedItems$filter3 = selectedItems.filter(item => (item == null ? void 0 : item.id) !== '!all')) == null ? void 0 : _selectedItems$filter3.length} ${labelCounter || t('labelCounterText', 'Item terpilih')}`), /*#__PURE__*/React__default["default"].createElement(OptionWrapper$1, {
@@ -15457,7 +15458,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 1015,
+        lineNumber: 1018,
         columnNumber: 9
       }
     }, isLoading && /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -15479,7 +15480,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 1025,
+        lineNumber: 1028,
         columnNumber: 13
       }
     }, /*#__PURE__*/React__default["default"].createElement(Text$1, {
@@ -15487,7 +15488,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 1042,
+        lineNumber: 1045,
         columnNumber: 15
       }
     }, "Loading....")), items.length > 0 || isLoading ? /*#__PURE__*/React__default["default"].createElement(Option, _extends({}, getMenuProps({
@@ -15499,7 +15500,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 1047,
+        lineNumber: 1050,
         columnNumber: 13
       }
     }), /*#__PURE__*/React__default["default"].createElement(ConditionalWrapper, {
@@ -15522,14 +15523,14 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$x,
-          lineNumber: 1051,
+          lineNumber: 1054,
           columnNumber: 19
         }
       }, child),
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 1048,
+        lineNumber: 1051,
         columnNumber: 15
       }
     }, isOpen && items.map((item, index) => item != null && item.children ? renderOptionGroupItem(item) : renderOptionItem(item, index)))) : /*#__PURE__*/React__default["default"].createElement(Option, _extends({
@@ -15542,14 +15543,14 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 1076,
+        lineNumber: 1079,
         columnNumber: 13
       }
     }), /*#__PURE__*/React__default["default"].createElement(StyledDiv, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 1077,
+        lineNumber: 1080,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -15559,7 +15560,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 1078,
+        lineNumber: 1081,
         columnNumber: 17
       }
     }, /*#__PURE__*/React__default["default"].createElement(icons.CircleInfoOutline, {
@@ -15571,7 +15572,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 1079,
+        lineNumber: 1082,
         columnNumber: 19
       }
     })), textEmptyItem != null ? textEmptyItem : t('emptyItemText', 'Item tidak ditemukan')))));
@@ -15644,7 +15645,7 @@
     onItemClick: changes => {}
   };
 
-  var _jsxFileName$w = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputSelectTag/InputSelectTag.js";
+  var _jsxFileName$w = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/form/components/InputSelectTag/InputSelectTag.js";
   const InputSelectTag = /*#__PURE__*/React__namespace.forwardRef((props, ref) => {
     return /*#__PURE__*/React__namespace.createElement(InputSelectCheck, _extends({
       ref: ref,
@@ -15705,7 +15706,7 @@
     defaultValue: []
   };
 
-  var _jsxFileName$v = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputCreatable/InputCreatable.js";
+  var _jsxFileName$v = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/form/components/InputCreatable/InputCreatable.js";
   const Wrapper = styled('div', {
     margin: 0,
     flexDirection: 'column',
@@ -16926,7 +16927,7 @@
 
   const _excluded$c = ["children"],
     _excluded2$3 = ["children", "showOverlay"];
-  var _jsxFileName$u = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/drawer/Drawer.js";
+  var _jsxFileName$u = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/drawer/Drawer.js";
   const Context$1 = /*#__PURE__*/React__default["default"].createContext();
   const {
     sizes
@@ -17276,7 +17277,7 @@
 
   const _excluded$b = ["className", "children", "type", "value", "defaultValue", "onValueChange", "disabled", "rovingFocus", "orientation", "dir", "loop", "size", "withMaxWidth", "mobileOnly", "desktopOnly"],
     _excluded2$2 = ["className", "children", "leftIcon", "rightIcon", "disabled", "isToggle", "value"];
-  var _jsxFileName$t = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/buttonGroup/ButtonGroup.js";
+  var _jsxFileName$t = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/buttonGroup/ButtonGroup.js";
   const ScrollButton$1 = styled(Button$4, {
     width: '28px',
     outline: '$btnPrimary solid 1px',
@@ -17809,7 +17810,7 @@
   });
   DateNumber.displayName = 'DateNumber';
 
-  var _jsxFileName$s = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/datePicker/timePicker/TimePicker.js";
+  var _jsxFileName$s = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/datePicker/timePicker/TimePicker.js";
   const Input$3 = styled('input', {
     display: 'none'
   });
@@ -18365,7 +18366,7 @@
   };
   NativeTimePicker.displayName = 'NativeTimePicker';
 
-  var _jsxFileName$r = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/datePicker/timePicker/InputTimePicker.js";
+  var _jsxFileName$r = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/datePicker/timePicker/InputTimePicker.js";
   const getInputPickerValue$1 = date => {
     if (!date) return;
     return moment__default["default"](date).format('HH:mm');
@@ -21324,7 +21325,7 @@
   }
 
   const _excluded$a = ["className", "defaultValue", "value", "name", "disabled", "orientation", "dir", "min", "max", "step", "onValueChange", "minStepsBetweenThumbs", "color", "size", "width", "height"];
-  var _jsxFileName$q = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/slider/Slider.js";
+  var _jsxFileName$q = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/slider/Slider.js";
   const StyledSlider = react.styled(SliderPrimitive__namespace.Root, {
     position: 'relative',
     display: 'flex',
@@ -21668,7 +21669,7 @@
   };
 
   const _excluded$9 = ["className", "children", "onClick", "type", "size"];
-  var _jsxFileName$p = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/tagStatus/TagStatus.js";
+  var _jsxFileName$p = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/tagStatus/TagStatus.js";
   const TagWrapper$1 = styled('div', {
     boxSizing: 'border-box',
     fontSize: '12px',
@@ -21831,7 +21832,7 @@
     _excluded2$1 = ["children", "activeTabs"],
     _excluded3$1 = ["children", "icon", "activeTabs", "value"],
     _excluded4 = ["activeTabs"];
-  var _jsxFileName$o = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/tabs/Tabs.js";
+  var _jsxFileName$o = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/tabs/Tabs.js";
   const StyledTabs = styled(TabsPrimitive__namespace.Root, {
     display: 'flex',
     flexDirection: 'column',
@@ -22170,7 +22171,7 @@
   };
 
   const _excluded$7 = ["children", "variantIcon"];
-  var _jsxFileName$n = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/notificationBadge/NotificationBadge.js";
+  var _jsxFileName$n = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/notificationBadge/NotificationBadge.js";
   const NotificationBadgeRootStyle = styled('span', {
     position: 'relative',
     display: 'inline-flex',
@@ -22325,7 +22326,7 @@
   };
 
   const _excluded$6 = ["className", "children", "radius", "padding", "width", "height"];
-  var _jsxFileName$m = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/paper/Paper.js";
+  var _jsxFileName$m = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/paper/Paper.js";
   const PaperComponent = styled('div', {
     padding: '20px',
     height: 'auto',
@@ -22577,7 +22578,7 @@
   };
 
   const _excluded$5 = ["isActive", "onClick"];
-  var _jsxFileName$l = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/pagination/PaginationButton.js";
+  var _jsxFileName$l = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/pagination/PaginationButton.js";
   const PrevNextButton = styled(Text$1, {
     padding: '$spacing-01',
     cursor: 'pointer',
@@ -23071,7 +23072,7 @@
   };
 
   const _excluded$4 = ["limits", "selectedLimit", "currentPage", "totalData", "onChange"];
-  var _jsxFileName$k = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/pagination/PaginationInfo.js";
+  var _jsxFileName$k = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/pagination/PaginationInfo.js";
   const LimitContainer = styled(Flex$1, {
     cursor: 'pointer'
   });
@@ -23306,7 +23307,7 @@
   }
 
   const _excluded$3 = ["limit", "currentPage", "totalData", "totalPage", "hideDataInfo", "onLimitChange", "onPageChange", "rowsPerPageOptions", "hidePagination", "hideInputPageSection"];
-  var _jsxFileName$j = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/pagination/Pagination.js";
+  var _jsxFileName$j = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/pagination/Pagination.js";
   function Pagination(_ref) {
     let {
         limit,
@@ -24210,7 +24211,7 @@
   });
   ScrollSyncNode.displayName = 'ScrollSyncNode';
 
-  var _jsxFileName$i = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowDraggableColumn.js";
+  var _jsxFileName$i = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/table/components/columns/RowDraggableColumn.js";
   const DragHandle = reactSortableHoc.SortableHandle(() => /*#__PURE__*/React__default["default"].createElement(IconButton, {
     icon: true,
     size: "xs",
@@ -25849,7 +25850,7 @@
     return jsxRuntime.jsx("div", {}, void 0);
   };
 
-  var _jsxFileName$h = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/DateColumn.js";
+  var _jsxFileName$h = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/table/components/columns/DateColumn.js";
   const DateColumn = ({
     value,
     customFormat
@@ -25961,7 +25962,7 @@
     return addThousandSeparator(param);
   };
 
-  var _jsxFileName$g = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowExpanderColumn.js";
+  var _jsxFileName$g = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/table/components/columns/RowExpanderColumn.js";
   const rowExpanderColumn = {
     id: 'expander',
     Header: () => null,
@@ -26004,7 +26005,7 @@
     unsortable: true
   };
 
-  var _jsxFileName$f = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowExpanderMultipleColumn.js";
+  var _jsxFileName$f = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/table/components/columns/RowExpanderMultipleColumn.js";
   const rowExpanderMultipleColumn = {
     id: 'multiple-expander',
     Header: () => null,
@@ -26040,7 +26041,7 @@
     unsortable: true
   };
 
-  var _jsxFileName$e = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowMenuColumn.js";
+  var _jsxFileName$e = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/table/components/columns/RowMenuColumn.js";
   const rowMenuColumn = (options, icon, config) => ({
     id: 'menu',
     options,
@@ -26177,7 +26178,7 @@
     unsortable: true
   });
 
-  var _jsxFileName$d = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowSelectionColumn.js";
+  var _jsxFileName$d = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/table/components/columns/RowSelectionColumn.js";
   const rowSelectionColumn = {
     id: 'selection',
     Header: ({
@@ -26226,7 +26227,7 @@
     unsortable: true
   };
 
-  var _jsxFileName$c = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowSelectionCallbackColumn.js";
+  var _jsxFileName$c = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/table/components/columns/RowSelectionCallbackColumn.js";
   const rowSelectionWithCallbackColumn = (onCheckedChange, onAllCheckedChange) => ({
     id: 'selection',
     Header: ({
@@ -26571,7 +26572,7 @@
   };
 
   const _excluded$2 = ["children"];
-  var _jsxFileName$b = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/alertDialog/AlertDialog.js";
+  var _jsxFileName$b = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/alertDialog/AlertDialog.js";
   const overlayShow = keyframes({
     '0%': {
       opacity: 0
@@ -27206,7 +27207,7 @@
   const _excluded$1 = ["side", "align", "children"],
     _excluded2 = ["children"],
     _excluded3 = ["asChild"];
-  var _jsxFileName$a = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/dropdownMenu/DropdownMenu.js";
+  var _jsxFileName$a = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/dropdownMenu/DropdownMenu.js";
   const Context = /*#__PURE__*/React__default["default"].createContext();
   const slideUpAndFade = keyframes({
     '0%': {
@@ -29510,7 +29511,7 @@
   }
 
   const _excluded = ["customPreviewIcon"];
-  var _jsxFileName$9 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/upload/Upload.js";
+  var _jsxFileName$9 = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/upload/Upload.js";
   const Input$2 = styled('input', {
     display: 'none !important'
   });
@@ -30456,30 +30457,18 @@
           lineNumber: 805,
           columnNumber: 9
         }
-      }, /*#__PURE__*/React__default["default"].createElement(Input$2, {
-        type: "file",
-        accept: accept,
-        ref: hiddenFileInput,
-        onChange: handleChange,
-        multiple: multiple,
+      }, /*#__PURE__*/React__default["default"].createElement(Children, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
           lineNumber: 816,
           columnNumber: 11
         }
-      }), /*#__PURE__*/React__default["default"].createElement(Children, {
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$9,
-          lineNumber: 817,
-          columnNumber: 11
-        }
       }, children != null ? children : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 819,
+          lineNumber: 818,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default["default"].createElement(IconCard, {
@@ -30488,7 +30477,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 820,
+          lineNumber: 819,
           columnNumber: 17
         }
       }, /*#__PURE__*/React__default["default"].createElement(icons.UploadOutline, {
@@ -30496,7 +30485,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 821,
+          lineNumber: 820,
           columnNumber: 19
         }
       })), /*#__PURE__*/React__default["default"].createElement(Text, {
@@ -30506,7 +30495,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 823,
+          lineNumber: 822,
           columnNumber: 17
         }
       }, placeholder != null ? placeholder : t('uploadPlaceholder', 'Pilih atau letakkan berkas di sini'))))), error && /*#__PURE__*/React__default["default"].createElement(ErrorMessage, {
@@ -30516,19 +30505,21 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 830,
+          lineNumber: 829,
           columnNumber: 19
         }
       }, error));
     }
     function renderCropper() {
       return /*#__PURE__*/React__default["default"].createElement(ModalDialog, {
-        onOpenChange: () => setCrop(null),
+        onOpenChange: open => {
+          if (!open) setCrop(null);
+        },
         isMobile: isMobile,
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 837,
+          lineNumber: 836,
           columnNumber: 7
         }
       }, /*#__PURE__*/React__default["default"].createElement(ModalDialogTrigger, {
@@ -30536,7 +30527,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 838,
+          lineNumber: 842,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -30544,7 +30535,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 839,
+          lineNumber: 843,
           columnNumber: 11
         }
       })), /*#__PURE__*/React__default["default"].createElement(ModalDialogTitle, {
@@ -30557,7 +30548,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 841,
+          lineNumber: 845,
           columnNumber: 9
         }
       }, cropperTitle || t('cropperTitle', 'Potong Gambar')), /*#__PURE__*/React__default["default"].createElement(ModalDialogContent, {
@@ -30570,7 +30561,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 844,
+          lineNumber: 848,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(ReactCrop__default["default"], {
@@ -30581,7 +30572,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 852,
+          lineNumber: 856,
           columnNumber: 11
         }
       }, /*#__PURE__*/React__default["default"].createElement(Image, {
@@ -30595,14 +30586,14 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 853,
+          lineNumber: 857,
           columnNumber: 13
         }
       }))), /*#__PURE__*/React__default["default"].createElement(ModalDialogFooter, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 864,
+          lineNumber: 868,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -30614,14 +30605,14 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 865,
+          lineNumber: 869,
           columnNumber: 11
         }
       }, hiddenToggleAspect ? /*#__PURE__*/React__default["default"].createElement(Box, {
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 867,
+          lineNumber: 871,
           columnNumber: 15
         }
       }) : /*#__PURE__*/React__default["default"].createElement(Tooltip$1, {
@@ -30629,7 +30620,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 869,
+          lineNumber: 873,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default["default"].createElement(icons.ImageOutline, {
@@ -30641,7 +30632,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 870,
+          lineNumber: 874,
           columnNumber: 17
         }
       })), /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -30649,7 +30640,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 877,
+          lineNumber: 881,
           columnNumber: 13
         }
       }, /*#__PURE__*/React__default["default"].createElement(Button$4, {
@@ -30658,7 +30649,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 878,
+          lineNumber: 882,
           columnNumber: 15
         }
       }, t('label.cancel', 'Batal', {
@@ -30668,7 +30659,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 881,
+          lineNumber: 885,
           columnNumber: 15
         }
       }, t('save', 'Simpan', {
@@ -30685,7 +30676,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 890,
+        lineNumber: 894,
         columnNumber: 5
       }
     }, !isFile && renderPicture(), isFile && renderFile(), progress || isLoading ? /*#__PURE__*/React__default["default"].createElement(UploadProgress, {
@@ -30694,10 +30685,22 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 893,
+        lineNumber: 897,
         columnNumber: 32
       }
-    }) : renderUpload(), showCropper && renderCropper());
+    }) : renderUpload(), showCropper && renderCropper(), /*#__PURE__*/React__default["default"].createElement(Input$2, {
+      type: "file",
+      accept: accept,
+      ref: hiddenFileInput,
+      onChange: handleChange,
+      multiple: multiple,
+      __self: undefined,
+      __source: {
+        fileName: _jsxFileName$9,
+        lineNumber: 899,
+        columnNumber: 7
+      }
+    }));
   };
   Upload.defaultProps = {
     listType: 'file',
@@ -31508,7 +31511,7 @@
   };
   Device.displayName = 'DevicePreview';
 
-  var _jsxFileName$8 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/colorPicker/InputColorPicker.js";
+  var _jsxFileName$8 = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/colorPicker/InputColorPicker.js";
   const Separator$1 = styled('div', {
     height: 20,
     width: 1,
@@ -31525,16 +31528,19 @@
       return `rgba(${color.r},${color.g},${color.b},${color.a})`;
     }
     function renderInputGroup() {
-      return /*#__PURE__*/React__default["default"].createElement(InputGroup, {
-        onClick: () => setIsPopover(true),
+      return /*#__PURE__*/React__default["default"].createElement(InputGroup, _extends({
         size: props.size,
+        disabled: props.disabled
+      }, !props.disabled && {
+        onClick: () => setIsPopover(true)
+      }, {
         __self: this,
         __source: {
           fileName: _jsxFileName$8,
           lineNumber: 22,
           columnNumber: 7
         }
-      }, /*#__PURE__*/React__default["default"].createElement(InputLeftElement, {
+      }), /*#__PURE__*/React__default["default"].createElement(InputLeftElement, {
         children: /*#__PURE__*/React__default["default"].createElement(Box, {
           css: {
             width: 16,
@@ -31545,21 +31551,21 @@
           __self: this,
           __source: {
             fileName: _jsxFileName$8,
-            lineNumber: 24,
+            lineNumber: 28,
             columnNumber: 21
           }
         }),
         __self: this,
         __source: {
           fileName: _jsxFileName$8,
-          lineNumber: 23,
+          lineNumber: 27,
           columnNumber: 9
         }
       }), /*#__PURE__*/React__default["default"].createElement(Separator$1, {
         __self: this,
         __source: {
           fileName: _jsxFileName$8,
-          lineNumber: 26,
+          lineNumber: 30,
           columnNumber: 9
         }
       }), /*#__PURE__*/React__default["default"].createElement(InputText, {
@@ -31569,7 +31575,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$8,
-          lineNumber: 27,
+          lineNumber: 31,
           columnNumber: 9
         }
       }));
@@ -31579,7 +31585,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$8,
-          lineNumber: 33,
+          lineNumber: 37,
           columnNumber: 12
         }
       }));
@@ -31591,14 +31597,14 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$8,
-        lineNumber: 37,
+        lineNumber: 41,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__default["default"].createElement(PopoverTrigger, {
       __self: this,
       __source: {
         fileName: _jsxFileName$8,
-        lineNumber: 38,
+        lineNumber: 42,
         columnNumber: 7
       }
     }, renderInputGroup()), /*#__PURE__*/React__default["default"].createElement(PopoverContent, {
@@ -31607,7 +31613,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$8,
-        lineNumber: 39,
+        lineNumber: 43,
         columnNumber: 7
       }
     }, renderColorPicker()));
@@ -31649,7 +31655,11 @@
     /**
      Define popover custom styling.
     */
-    popoverCss: PropTypes__default["default"].shape({})
+    popoverCss: PropTypes__default["default"].shape({}),
+    /**
+     Disabled state.
+    */
+    disabled: PropTypes__default["default"].bool
   };
   InputColorPicker.defaultProps = {
     size: 'sm',
@@ -31661,7 +31671,7 @@
 
   var img$d = "data:image/gif;base64,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";
 
-  var _jsxFileName$7 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/colorPicker/components/ColorMap.js";
+  var _jsxFileName$7 = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/colorPicker/components/ColorMap.js";
   const Container$7 = styled('div', {
     userSelect: 'none',
     margin: 'auto',
@@ -33622,7 +33632,7 @@
     })));
   }
 
-  var _jsxFileName$6 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/colorPicker/components/ColorFields.js";
+  var _jsxFileName$6 = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/colorPicker/components/ColorFields.js";
   const CheckBoard = styled(Flex$1, {
     background: '$bgwhite',
     border: '1px solid #E5E7EB',
@@ -33823,7 +33833,7 @@
     }, "%")));
   }
 
-  var _jsxFileName$5 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/colorPicker/ColorPicker.js";
+  var _jsxFileName$5 = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/colorPicker/ColorPicker.js";
   const Container$6 = styled(Flex$1, {
     background: '$white',
     padding: 16,
@@ -34003,14 +34013,11 @@
         }, e);
       }
     };
-    function handleAddColor() {
-      onAddColor && onAddColor();
-    }
     return /*#__PURE__*/React__default["default"].createElement(Container$6, {
       __self: this,
       __source: {
         fileName: _jsxFileName$5,
-        lineNumber: 184,
+        lineNumber: 180,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__default["default"].createElement(Tabs, {
@@ -34018,7 +34025,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$5,
-        lineNumber: 185,
+        lineNumber: 181,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -34027,14 +34034,14 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$5,
-        lineNumber: 186,
+        lineNumber: 182,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default["default"].createElement(TabsList, {
       __self: this,
       __source: {
         fileName: _jsxFileName$5,
-        lineNumber: 187,
+        lineNumber: 183,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default["default"].createElement(TabsTrigger, {
@@ -34042,7 +34049,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$5,
-        lineNumber: 188,
+        lineNumber: 184,
         columnNumber: 13
       }
     }, "Selection"), /*#__PURE__*/React__default["default"].createElement(TabsTrigger, {
@@ -34050,7 +34057,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$5,
-        lineNumber: 189,
+        lineNumber: 185,
         columnNumber: 13
       }
     }, "Palette")), /*#__PURE__*/React__default["default"].createElement(TabsContent, {
@@ -34058,7 +34065,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$5,
-        lineNumber: 191,
+        lineNumber: 187,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -34067,14 +34074,14 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$5,
-        lineNumber: 192,
+        lineNumber: 188,
         columnNumber: 13
       }
     }, /*#__PURE__*/React__default["default"].createElement(SaturationWrap, {
       __self: this,
       __source: {
         fileName: _jsxFileName$5,
-        lineNumber: 193,
+        lineNumber: 189,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default["default"].createElement(common.Saturation, {
@@ -34085,14 +34092,14 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$5,
-        lineNumber: 194,
+        lineNumber: 190,
         columnNumber: 17
       }
     })), /*#__PURE__*/React__default["default"].createElement(HueWrap, {
       __self: this,
       __source: {
         fileName: _jsxFileName$5,
-        lineNumber: 196,
+        lineNumber: 192,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default["default"].createElement(common.Hue, {
@@ -34102,14 +34109,14 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$5,
-        lineNumber: 197,
+        lineNumber: 193,
         columnNumber: 17
       }
     })), !disableAlpha && /*#__PURE__*/React__default["default"].createElement(AlphaWrap, {
       __self: this,
       __source: {
         fileName: _jsxFileName$5,
-        lineNumber: 200,
+        lineNumber: 196,
         columnNumber: 17
       }
     }, /*#__PURE__*/React__default["default"].createElement(common.Alpha, {
@@ -34121,7 +34128,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$5,
-        lineNumber: 201,
+        lineNumber: 197,
         columnNumber: 19
       }
     })), /*#__PURE__*/React__default["default"].createElement(ColorFields, {
@@ -34134,7 +34141,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$5,
-        lineNumber: 204,
+        lineNumber: 200,
         columnNumber: 15
       }
     }), /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -34142,7 +34149,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$5,
-        lineNumber: 212,
+        lineNumber: 208,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default["default"].createElement(Paragraph, {
@@ -34153,10 +34160,10 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$5,
-        lineNumber: 213,
+        lineNumber: 209,
         columnNumber: 17
       }
-    }, "Saved colors:"), /*#__PURE__*/React__default["default"].createElement(Paragraph, {
+    }, "Saved colors:"), onAddColor && /*#__PURE__*/React__default["default"].createElement(Paragraph, {
       css: {
         fontSize: 12,
         fontWeight: 600,
@@ -34167,12 +34174,12 @@
           color: '$gray400'
         }
       },
-      onClick: handleAddColor,
+      onClick: onAddColor(),
       __self: this,
       __source: {
         fileName: _jsxFileName$5,
-        lineNumber: 214,
-        columnNumber: 17
+        lineNumber: 211,
+        columnNumber: 19
       }
     }, "+ Add")), /*#__PURE__*/React__default["default"].createElement(Colors$1, {
       wrap: "wrap",
@@ -34180,7 +34187,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$5,
-        lineNumber: 228,
+        lineNumber: 226,
         columnNumber: 15
       }
     }, presetColors.map(colorObjOrString => {
@@ -34193,7 +34200,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$5,
-          lineNumber: 233,
+          lineNumber: 231,
           columnNumber: 21
         }
       }, /*#__PURE__*/React__default["default"].createElement(common.Swatch, _extends({}, c, {
@@ -34210,7 +34217,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$5,
-          lineNumber: 234,
+          lineNumber: 232,
           columnNumber: 23
         }
       })));
@@ -34219,7 +34226,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$5,
-        lineNumber: 249,
+        lineNumber: 247,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -34228,7 +34235,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$5,
-        lineNumber: 250,
+        lineNumber: 248,
         columnNumber: 13
       }
     }, /*#__PURE__*/React__default["default"].createElement(ColorMap, {
@@ -34236,7 +34243,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$5,
-        lineNumber: 251,
+        lineNumber: 249,
         columnNumber: 15
       }
     }), /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -34244,7 +34251,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$5,
-        lineNumber: 252,
+        lineNumber: 250,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -34252,7 +34259,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$5,
-        lineNumber: 253,
+        lineNumber: 251,
         columnNumber: 17
       }
     }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -34264,7 +34271,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$5,
-        lineNumber: 254,
+        lineNumber: 252,
         columnNumber: 19
       }
     }, listGray.map((item, index) => {
@@ -34277,7 +34284,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$5,
-          lineNumber: 257,
+          lineNumber: 255,
           columnNumber: 38
         }
       });
@@ -34286,7 +34293,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$5,
-        lineNumber: 261,
+        lineNumber: 259,
         columnNumber: 19
       }
     }, listGray.map((item, index) => {
@@ -34299,7 +34306,7 @@
         __self: this,
         __source: {
           fileName: _jsxFileName$5,
-          lineNumber: 264,
+          lineNumber: 262,
           columnNumber: 39
         }
       });
@@ -34311,7 +34318,7 @@
       __self: this,
       __source: {
         fileName: _jsxFileName$5,
-        lineNumber: 269,
+        lineNumber: 267,
         columnNumber: 17
       }
     })))))));
@@ -34343,7 +34350,7 @@
   };
   var ColorPicker$1 = common.ColorWrap(ColorPicker);
 
-  var _jsxFileName$4 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/stepWizard/StepWizard.js";
+  var _jsxFileName$4 = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/stepWizard/StepWizard.js";
   const StepWizardContext = /*#__PURE__*/React__default["default"].createContext({});
   const Stepper = StepWizard__default["default"];
   Stepper.displayName = 'Stepper';
@@ -35066,7 +35073,7 @@
     isLazyMount: true
   };
 
-  var _jsxFileName$3 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/tableOfContent/transition.js";
+  var _jsxFileName$3 = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/tableOfContent/transition.js";
   function Collapse({
     children,
     isOpen
@@ -35109,7 +35116,7 @@
     isOpen: false
   };
 
-  var _jsxFileName$2 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/tableOfContent/TableOfContent.js";
+  var _jsxFileName$2 = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/tableOfContent/TableOfContent.js";
   const DesktopContainer = styled(Flex$1, {
     display: 'none',
     '& .active-scroll-spy': {
@@ -35470,7 +35477,7 @@
     useBoxMethod: true
   };
 
-  var _jsxFileName$1 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/editableTable/transition.js";
+  var _jsxFileName$1 = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/editableTable/transition.js";
   function Collapalse({
     children,
     isOpen
@@ -57185,7 +57192,7 @@
     innerRadius: 70
   };
 
-  var _jsxFileName = "/home/alfiantryp/Project/majoo-ui/packages/react/src/colors/Colors.js";
+  var _jsxFileName = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/colors/Colors.js";
   const StyledPaper = styled(Paper, {
     borderRadius: '10px 10px 0 0',
     padding: 15,