@majoo-ui/react 1.61.12-rc.11 → 1.61.12-rc.13

package/index.esm.js

@@ -44,7 +44,7 @@ import { MapContainer, Circle, TileLayer, useMapEvents } from '@monsonjeremy/rea
 import 'leaflet/dist/leaflet.css';
 import 'leaflet-defaulticon-compatibility/dist/leaflet-defaulticon-compatibility.css';
 import 'leaflet-defaulticon-compatibility';
-import { ResponsiveContainer, LineChart as LineChart$1, XAxis, YAxis, CartesianGrid, Tooltip as Tooltip$2, Line as Line$2, BarChart, Legend, Bar, Cell as Cell$1, LabelList, PieChart, Pie, Sector } from 'recharts';
+import { ResponsiveContainer, LineChart as LineChart$1, XAxis, YAxis, CartesianGrid, Tooltip as Tooltip$2, Line as Line$2, BarChart, Legend, Bar, Cell, LabelList, PieChart, Pie, Sector } from 'recharts';
 import { EditorState } from 'draft-js';
 import { Editor } from 'react-draft-wysiwyg';
 import { ContextMenuTrigger as ContextMenuTrigger$1, ContextMenu as ContextMenu$1, MenuItem } from 'react-contextmenu';
@@ -59,12 +59,10 @@ import SignaturePad from 'react-signature-pad-wrapper';
 
 var _jsxFileName$13 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/majoo-provider/ThemeProvider.js";
 function ThemeProvider({
-  name,
   theme,
   children
 }) {
   return /*#__PURE__*/React__default.createElement("div", {
-    id: name,
     className: theme,
     __self: this,
     __source: {
@@ -75,13 +73,9 @@ function ThemeProvider({
   }, children);
 }
 ThemeProvider.propTypes = {
-  name: PropTypes.string,
   theme: PropTypes.object.isRequired,
   children: PropTypes.node.isRequired
 };
-ThemeProvider.defaultProps = {
-  name: 'default'
-};
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -1229,18 +1223,8 @@ const {
 });
 createTheme({
   colors: {
-    bgWhite: '#003030',
-    bgGray: '#003030',
-    bgDark: '#FFFFFF',
-    textPrimary: '#FFFFFF',
-    textSecondary: '#FFFFFF',
-    bgHeader: '#004a48',
-    btnPrimary: '#001f1f',
-    btnSecondary: '#003030',
-    primary50: '#001f1f',
-    primary100: '#001f1f',
-    iconPrimary: '#FFFFFF',
-    bgBorder: '#004a49'
+    bgWhite: '#000000',
+    bgDark: '#FFFFFF'
   }
 });
 const colors$8 = foundations.colors;
@@ -1416,7 +1400,6 @@ const applyGlobalStyles = additionaStyles => {
 var _jsxFileName$12 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/majoo-provider/MajooProvider.js";
 function MajooProvider({
   children,
-  name,
   theme: theme$1 = theme,
   extendStyle,
   disableGlobalStyle
@@ -1427,7 +1410,6 @@ function MajooProvider({
   } = useTranslation();
   moment.locale(i18n && i18n.language ? i18n.language : 'id');
   return /*#__PURE__*/React__default.createElement(ThemeProvider, {
-    name: name,
     theme: theme$1,
     __self: this,
     __source: {
@@ -1438,18 +1420,11 @@ function MajooProvider({
   }, children);
 }
 MajooProvider.propTypes = {
-  name: PropTypes.string,
   theme: PropTypes.object.isRequired,
   children: PropTypes.node.isRequired,
   extendStyle: PropTypes.object,
   disableGlobalStyle: PropTypes.bool
 };
-MajooProvider.defaultProps = {
-  name: 'default',
-  theme: theme,
-  extendStyle: {},
-  disableGlobalStyle: false
-};
 
 const Box = styled('div', {
   variants: {
@@ -7260,32 +7235,32 @@ function upload({
     } else {
       formdata.append(reqKey, file);
     }
-    axios({
-      method: 'post',
-      url: url,
-      data: formdata,
+    const config = {
       headers: {
         [tokenKey]: token,
         'Content-Type': 'multipart/form-data'
       },
       onUploadProgress: progressEvent => {
-        if (progressEvent.total) {
-          const percentCompleted = Math.round(progressEvent.loaded * 100 / progressEvent.total);
-          onProgress === null || onProgress === void 0 ? void 0 : onProgress(progressEvent);
-          progress === null || progress === void 0 ? void 0 : progress(percentCompleted);
-        }
+        const percentCompleted = Math.round(progressEvent.loaded * 100 / progressEvent.total);
+        onProgress === null || onProgress === void 0 ? void 0 : onProgress({
+          percent: percentCompleted
+        });
+        progress === null || progress === void 0 ? void 0 : progress(percentCompleted);
       }
-    }).then(response => {
+    };
+    axios.post(url, formdata, config).then(res => {
       var _a, _b;
-      onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(response.data);
-      resolve((_b = (_a = [response.data]) === null || _a === void 0 ? void 0 : _a.concat(resKey === null || resKey === void 0 ? void 0 : resKey.split('.'))) === null || _b === void 0 ? void 0 : _b.reduce(function (a, b) {
+      const response = res.data;
+      onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(response);
+      resolve((_b = (_a = [response]) === null || _a === void 0 ? void 0 : _a.concat(resKey === null || resKey === void 0 ? void 0 : resKey.split('.'))) === null || _b === void 0 ? void 0 : _b.reduce(function (a, b) {
         return a[b];
       }));
-    }).catch(error => {
+    }).catch(err => {
       var _a;
-      const errorMessage = ((_a = error.response) === null || _a === void 0 ? void 0 : _a.data) || error.message;
-      onError === null || onError === void 0 ? void 0 : onError(error, errorMessage);
-      reject(error.message);
+      const error = new Error(err.message);
+      const responseData = (_a = err.response) === null || _a === void 0 ? void 0 : _a.data;
+      onError === null || onError === void 0 ? void 0 : onError(error, responseData);
+      reject(err.message);
     });
   });
   return promise;
@@ -14489,19 +14464,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     });
   }, [query]);
   useEffect(() => {
-    // Only update if value prop actually changes
-    if (value !== undefined) {
-      setInputSelectValue(value || []);
-    }
-  }, [value]);
-
-  // Set initial value from defaultValue only once
-  useEffect(() => {
-    if (defaultValue && !value) {
-      setInputSelectValue(defaultValue);
+    if (defaultValue != null && defaultValue.length) {
+      if (value != null && value.length) {
+        setInputSelectValue(value);
+      }
+    } else {
+      setInputSelectValue(value);
     }
-  }, []); // Empty dependency to run only once
-
+  }, [value, defaultValue]);
   const sortItems = React__default.useCallback(() => {
     if (sortBy === 'id') {
       option.sort(function (a, b) {
@@ -14669,7 +14639,6 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
           {
             if (clearSearchOnSelect) setInputValue('');
           }
-        // eslint-disable-next-line no-fallthrough
         case useCombobox.stateChangeTypes.InputKeyDownEnter:
         case useCombobox.stateChangeTypes.InputBlur:
           if (selectedItem) {
@@ -14804,56 +14773,60 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
   });
   const memoOptions = useMemo(() => maxSelectedItem ? option == null ? void 0 : option.map(item => {
     const isMaxSelectedItem = maxSelectedItem && (selectedValue == null ? void 0 : selectedValue.length) >= maxSelectedItem;
-    // Create a new object instead of mutating the original
-    return Object.assign({}, item, {
-      hideCheck: isMaxSelectedItem && !(selectedValue != null && selectedValue.includes(item.id)),
-      isDisabled: item.isDisabled || isMaxSelectedItem && !(selectedValue != null && selectedValue.includes(item.id))
-    });
+    if (isMaxSelectedItem && !(selectedValue != null && selectedValue.includes(item.id))) {
+      item.hideCheck = true;
+      item.isDisabled = true;
+    } else {
+      item.hideCheck = false;
+      item.isDisabled = false;
+    }
+    return item;
   }) : option, [maxSelectedItem, option, selectedValue]);
-
-  // Remove memoOptionsString as it's not needed and causes issues
-
+  const memoOptionsString = useMemo(() => JSON.stringify(memoOptions), [memoOptions]);
   const itemsLength = items == null ? void 0 : items.reduce((acc, item) => {
     return [...acc, ...(item.children ? item.children : [item])];
   }, []).length;
   useEffect(() => {
     if (!inputValue || fetchData) {
       sortItems();
-      const newItems = isShowSelectAll ? [{
+      setItems(isShowSelectAll ? [{
         id: '!all',
         name: selectAllLabel != null ? selectAllLabel : t('selectAllLabelText', 'Pilih Semua')
-      }, ...memoOptions] : memoOptions;
-      setItems(newItems);
-      setInitItems(newItems);
+      }, ...memoOptions] : memoOptions);
+      setInitItems(isShowSelectAll ? [{
+        id: '!all',
+        name: selectAllLabel != null ? selectAllLabel : t('selectAllLabelText', 'Pilih Semua')
+      }, ...memoOptions] : memoOptions);
     }
-  }, [isShowSelectAll, selectAllLabel, t, memoOptions, inputValue, fetchData, sortItems]);
+  }, [isShowSelectAll, selectAllLabel, t, memoOptionsString, inputValue]);
   useEffect(() => {
     if (selectedValue.length > 0 && disabledOptions.length === 0) {
       setInitItems(sortValue);
       setItems(sortValue);
     }
-  }, []); // Keep empty dependency array for initial setup
-
+  }, []);
   useEffect(() => {
     if (sortBy) {
       sortItems();
     }
-  }, [sortBy, sortItems]);
+  }, [sortBy]);
   useEffect(() => {
     if (disabledOptions.length > 0) {
       const options = generateOptions(sortDisabled);
-      const newItems = isShowSelectAll ? [{
+      setItems(isShowSelectAll ? [{
         id: '!all',
         name: selectAllLabel != null ? selectAllLabel : t('selectAllLabelText', 'Pilih Semua')
-      }, ...options] : options;
-      setItems(newItems);
-      setInitItems(newItems);
+      }, ...options] : options);
+      setInitItems(isShowSelectAll ? [{
+        id: '!all',
+        name: selectAllLabel != null ? selectAllLabel : t('selectAllLabelText', 'Pilih Semua')
+      }, ...options] : options);
     }
-  }, [disabledOptions, isShowSelectAll, selectAllLabel, t, sortDisabled]);
+  }, [disabledOptions, isShowSelectAll]);
   useEffect(() => {
     const selectedVal = itemsLength > 0 && inputSelectValue.length === itemsLength - 1 ? ['!all', ...inputSelectValue] : inputSelectValue;
     setSelectedValue(selectedVal);
-  }, [inputSelectValue, itemsLength]);
+  }, [inputSelectValue, items]);
   useEffect(() => {
     if (!!label && label !== '') {
       setInputValue(label);
@@ -14896,7 +14869,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 761,
+        lineNumber: 778,
         columnNumber: 9
       }
     }), /*#__PURE__*/React__default.createElement(IconWrapper, {
@@ -14910,7 +14883,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 780,
+        lineNumber: 797,
         columnNumber: 11
       }
     }, !(item != null && item.hideCheck) && (item.isDisabled ? /*#__PURE__*/React__default.createElement(CheckOutline, {
@@ -14918,7 +14891,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 792,
+        lineNumber: 809,
         columnNumber: 17
       }
     }) : selectedValue.includes(item.id) && (item.isDisabled === false || item.isDisabled === undefined) && /*#__PURE__*/React__default.createElement(CheckOutline, {
@@ -14926,21 +14899,21 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 796,
+        lineNumber: 813,
         columnNumber: 19
       }
     })), isShowSelectAll && (item == null ? void 0 : item.id) === '!all' && selectedValue != null && selectedValue.length && (selectedValue == null ? void 0 : selectedValue.length) < itemsLength ? /*#__PURE__*/React__default.createElement(IndeterminateFilled$1, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 800,
+        lineNumber: 817,
         columnNumber: 15
       }
     }, "-") : /*#__PURE__*/React__default.createElement("div", {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 802,
+        lineNumber: 819,
         columnNumber: 15
       }
     })), /*#__PURE__*/React__default.createElement(Item$2, {
@@ -14951,7 +14924,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 805,
+        lineNumber: 822,
         columnNumber: 11
       }
     }, item.render ? item.render == null ? void 0 : item.render(item.name) : item.name));
@@ -14979,7 +14952,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$x,
-          lineNumber: 821,
+          lineNumber: 838,
           columnNumber: 13
         }
       }), /*#__PURE__*/React__default.createElement(IconWrapper, {
@@ -14992,7 +14965,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$x,
-          lineNumber: 834,
+          lineNumber: 851,
           columnNumber: 15
         }
       }, !(item != null && item.hideCheck) && item.isDisabled ? /*#__PURE__*/React__default.createElement(CheckOutline, {
@@ -15000,7 +14973,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$x,
-          lineNumber: 844,
+          lineNumber: 861,
           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.createElement(CheckOutline, {
@@ -15008,14 +14981,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$x,
-          lineNumber: 846,
+          lineNumber: 863,
           columnNumber: 19
         }
       }) : (filterSelectedChild == null ? void 0 : filterSelectedChild.length) > 0 ? /*#__PURE__*/React__default.createElement(IndeterminateFilled$1, {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$x,
-          lineNumber: 848,
+          lineNumber: 865,
           columnNumber: 19
         }
       }, "-") : null), /*#__PURE__*/React__default.createElement(Item$2, {
@@ -15026,14 +14999,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$x,
-          lineNumber: 851,
+          lineNumber: 868,
           columnNumber: 15
         }
       }, item.render ? item.render == null ? void 0 : item.render(item.name) : item.name)),
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 819,
+        lineNumber: 836,
         columnNumber: 9
       }
     }, item == null || (_item$children8 = item.children) == null ? void 0 : _item$children8.map((optItem, optIndex) => renderOptionItem(optItem, groupIndex + optIndex + 1, true)));
@@ -15046,7 +15019,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 863,
+      lineNumber: 880,
       columnNumber: 7
     }
   }), /*#__PURE__*/React__default.createElement(Select, {
@@ -15056,7 +15029,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 864,
+      lineNumber: 881,
       columnNumber: 9
     }
   }, /*#__PURE__*/React__default.createElement(InputWrapper$1, _extends({}, getComboboxProps(getDropdownProps({
@@ -15071,7 +15044,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 865,
+      lineNumber: 882,
       columnNumber: 11
     }
   }), /*#__PURE__*/React__default.createElement(Input$6, _extends({}, getInputProps({
@@ -15089,7 +15062,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 875,
+      lineNumber: 892,
       columnNumber: 13
     }
   })), /*#__PURE__*/React__default.createElement(Button$2, _extends({}, getToggleButtonProps({
@@ -15103,7 +15076,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 882,
+      lineNumber: 899,
       columnNumber: 13
     }
   }), (_ref2 = label != null ? label : placeholder) != null ? _ref2 : t('placeholder', 'Pilih Item'))), /*#__PURE__*/React__default.createElement(IconWrapper, _extends({}, getToggleButtonProps({
@@ -15114,7 +15087,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 893,
+      lineNumber: 910,
       columnNumber: 11
     }
   }), /*#__PURE__*/React__default.createElement(IconCaretDown, {
@@ -15122,7 +15095,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 898,
+      lineNumber: 915,
       columnNumber: 13
     }
   }))), helperText && /*#__PURE__*/React__default.createElement(Paragraph, {
@@ -15135,7 +15108,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 902,
+      lineNumber: 919,
       columnNumber: 11
     }
   }, helperText), showSelectedTag && !showCounter && selectedItems.length !== 0 && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(TagWrapper$2, {
@@ -15143,7 +15116,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 908,
+      lineNumber: 925,
       columnNumber: 13
     }
   }, isShowTagSelectAll ? /*#__PURE__*/React__default.createElement(Tag, _extends({
@@ -15164,7 +15137,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 910,
+      lineNumber: 927,
       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) => {
@@ -15195,7 +15168,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 939,
+      lineNumber: 956,
       columnNumber: 21
     }
   }), selectedItem.name))), collapsible && !isShowTagSelectAll && (selectedItems == null ? void 0 : selectedItems.length) > collapsibleLimit && /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -15204,7 +15177,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 962,
+      lineNumber: 979,
       columnNumber: 15
     }
   }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -15214,14 +15187,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 963,
+      lineNumber: 980,
       columnNumber: 17
     }
   }, /*#__PURE__*/React__default.createElement(Separator$2, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 964,
+      lineNumber: 981,
       columnNumber: 19
     }
   }), /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -15235,7 +15208,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 965,
+      lineNumber: 982,
       columnNumber: 19
     }
   }, showAllTags ? /*#__PURE__*/React__default.createElement(ChevronUpOutline, {
@@ -15243,7 +15216,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 971,
+      lineNumber: 988,
       columnNumber: 23
     }
   }) : /*#__PURE__*/React__default.createElement(ChevronDownOutline, {
@@ -15251,7 +15224,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 973,
+      lineNumber: 990,
       columnNumber: 23
     }
   }), /*#__PURE__*/React__default.createElement(Paragraph, {
@@ -15263,14 +15236,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 975,
+      lineNumber: 992,
       columnNumber: 21
     }
   }, showAllTags ? t('showSomeText', 'Tampilkan Sebagian') : t('showAllText', 'Tampilkan Semua'))), /*#__PURE__*/React__default.createElement(Separator$2, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 979,
+      lineNumber: 996,
       columnNumber: 19
     }
   })), showCollapsibleCounter && /*#__PURE__*/React__default.createElement(Paragraph, {
@@ -15281,7 +15254,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 982,
+      lineNumber: 999,
       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.createElement(Paragraph, {
@@ -15293,7 +15266,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 992,
+      lineNumber: 1009,
       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.createElement(OptionWrapper$1, {
@@ -15306,7 +15279,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 998,
+      lineNumber: 1015,
       columnNumber: 9
     }
   }, isLoading && /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -15328,7 +15301,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 1008,
+      lineNumber: 1025,
       columnNumber: 13
     }
   }, /*#__PURE__*/React__default.createElement(Text$1, {
@@ -15336,7 +15309,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 1025,
+      lineNumber: 1042,
       columnNumber: 15
     }
   }, "Loading....")), items.length > 0 || isLoading ? /*#__PURE__*/React__default.createElement(Option, _extends({}, getMenuProps({
@@ -15348,7 +15321,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 1030,
+      lineNumber: 1047,
       columnNumber: 13
     }
   }), /*#__PURE__*/React__default.createElement(ConditionalWrapper, {
@@ -15371,14 +15344,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
-        lineNumber: 1034,
+        lineNumber: 1051,
         columnNumber: 19
       }
     }, child),
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 1031,
+      lineNumber: 1048,
       columnNumber: 15
     }
   }, isOpen && items.map((item, index) => item != null && item.children ? renderOptionGroupItem(item) : renderOptionItem(item, index)))) : /*#__PURE__*/React__default.createElement(Option, _extends({
@@ -15391,14 +15364,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 1059,
+      lineNumber: 1076,
       columnNumber: 13
     }
   }), /*#__PURE__*/React__default.createElement(StyledDiv, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 1060,
+      lineNumber: 1077,
       columnNumber: 15
     }
   }, /*#__PURE__*/React__default.createElement("div", {
@@ -15408,7 +15381,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 1061,
+      lineNumber: 1078,
       columnNumber: 17
     }
   }, /*#__PURE__*/React__default.createElement(CircleInfoOutline, {
@@ -15420,7 +15393,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 1062,
+      lineNumber: 1079,
       columnNumber: 19
     }
   })), textEmptyItem != null ? textEmptyItem : t('emptyItemText', 'Item tidak ditemukan')))));
@@ -22159,7 +22132,7 @@ IconButton.propTypes = {
 };
 
 const StyledAccordion = styled(AccordionPrimitive.Root, {});
-const Accordion = /*#__PURE__*/React__default.forwardRef((_a, forwardedRef) => {
+const Accordion = /*#__PURE__*/React.forwardRef((_a, forwardedRef) => {
   var {
       children
     } = _a,
@@ -22229,7 +22202,7 @@ const StyledTrigger = styled(AccordionPrimitive.Trigger, {
     }
   }
 });
-const AccordionTrigger = /*#__PURE__*/React__default.forwardRef((_a, forwardedRef) => {
+const AccordionTrigger = /*#__PURE__*/React.forwardRef((_a, forwardedRef) => {
   var {
       children,
       arrowPosition = 'right',
@@ -22463,9 +22436,6 @@ const PaginationButton = ({
     buttonType: "secondary",
     disabled: currentPage === 1,
     onClick: () => handleSelectPage(1),
-    css: {
-      color: '$iconPrimary'
-    },
     __self: undefined,
     __source: {
       fileName: _jsxFileName$l,
@@ -22473,11 +22443,11 @@ const PaginationButton = ({
       columnNumber: 17
     }
   }, /*#__PURE__*/React__default.createElement(ArrowLeftOutline, {
-    color: "currentColor",
+    color: currentPage === 1 ? colors$8.iconDisable : colors$8.iconPrimary,
     __self: undefined,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 194,
+      lineNumber: 191,
       columnNumber: 19
     }
   })), isLg ? /*#__PURE__*/React__default.createElement(PrevNextButtonIcon, {
@@ -22489,7 +22459,7 @@ const PaginationButton = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 198,
+      lineNumber: 195,
       columnNumber: 17
     }
   }) : /*#__PURE__*/React__default.createElement(PrevNextButton, {
@@ -22500,7 +22470,7 @@ const PaginationButton = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 206,
+      lineNumber: 203,
       columnNumber: 17
     }
   }, t('previousButton', 'Sebelumnya'))), generatePages().map((page, index) => {
@@ -22511,7 +22481,7 @@ const PaginationButton = ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$l,
-        lineNumber: 219,
+        lineNumber: 216,
         columnNumber: 15
       }
     }, page);
@@ -22524,7 +22494,7 @@ const PaginationButton = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 231,
+      lineNumber: 228,
       columnNumber: 17
     }
   }) : /*#__PURE__*/React__default.createElement(PrevNextButton, {
@@ -22535,7 +22505,7 @@ const PaginationButton = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 239,
+      lineNumber: 236,
       columnNumber: 17
     }
   }, t('nextButton', 'Selanjutnya')), !isLg && /*#__PURE__*/React__default.createElement(IconButton, {
@@ -22543,21 +22513,18 @@ const PaginationButton = ({
     buttonType: "secondary",
     disabled: currentPage === totalPages,
     onClick: () => handleSelectPage(totalPages),
-    css: {
-      color: '$iconPrimary'
-    },
     __self: undefined,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 250,
+      lineNumber: 247,
       columnNumber: 17
     }
   }, /*#__PURE__*/React__default.createElement(ArrowRightOutline, {
-    color: "currentColor",
+    color: currentPage === totalPages ? colors$8.iconDisable : colors$8.iconPrimary,
     __self: undefined,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 259,
+      lineNumber: 253,
       columnNumber: 19
     }
   })))), !hideInputPageSection && totalPages > 1 && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Separator$2, {
@@ -22570,7 +22537,7 @@ const PaginationButton = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 268,
+      lineNumber: 262,
       columnNumber: 13
     }
   }), /*#__PURE__*/React__default.createElement(Box, {
@@ -22583,7 +22550,7 @@ const PaginationButton = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 276,
+      lineNumber: 270,
       columnNumber: 13
     }
   }, /*#__PURE__*/React__default.createElement(Text$1, {
@@ -22600,7 +22567,7 @@ const PaginationButton = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 277,
+      lineNumber: 271,
       columnNumber: 15
     }
   }, t('gotoPageText', 'Ke Halaman')), isMobilePagination ? /*#__PURE__*/React__default.createElement(GoToPageBox, {
@@ -22613,7 +22580,7 @@ const PaginationButton = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 289,
+      lineNumber: 283,
       columnNumber: 17
     }
   }, goToPage) : /*#__PURE__*/React__default.createElement(InputNumber, {
@@ -22640,14 +22607,14 @@ const PaginationButton = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 293,
+      lineNumber: 287,
       columnNumber: 17
     }
   })))), /*#__PURE__*/React__default.createElement(ModalDialog, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 321,
+      lineNumber: 315,
       columnNumber: 7
     }
   }, /*#__PURE__*/React__default.createElement(ModalDialogTrigger, {
@@ -22657,7 +22624,7 @@ const PaginationButton = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 322,
+      lineNumber: 316,
       columnNumber: 9
     }
   }, /*#__PURE__*/React__default.createElement("div", {
@@ -22665,21 +22632,21 @@ const PaginationButton = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 323,
+      lineNumber: 317,
       columnNumber: 11
     }
   })), /*#__PURE__*/React__default.createElement(ModalDialogTitle, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 325,
+      lineNumber: 319,
       columnNumber: 9
     }
   }, t('gotoPageText', 'Ke Halaman')), /*#__PURE__*/React__default.createElement(ModalDialogContent, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 326,
+      lineNumber: 320,
       columnNumber: 9
     }
   }, /*#__PURE__*/React__default.createElement("form", {
@@ -22691,7 +22658,7 @@ const PaginationButton = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 327,
+      lineNumber: 321,
       columnNumber: 11
     }
   }, /*#__PURE__*/React__default.createElement(InputNumber, {
@@ -22708,14 +22675,14 @@ const PaginationButton = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 333,
+      lineNumber: 327,
       columnNumber: 13
     }
   }))), /*#__PURE__*/React__default.createElement(ModalDialogFooter, {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 342,
+      lineNumber: 336,
       columnNumber: 9
     }
   }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -22726,7 +22693,7 @@ const PaginationButton = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 343,
+      lineNumber: 337,
       columnNumber: 11
     }
   }, /*#__PURE__*/React__default.createElement(Button$4, {
@@ -22741,7 +22708,7 @@ const PaginationButton = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 344,
+      lineNumber: 338,
       columnNumber: 13
     }
   }, t('btnCancelText', 'Batal')), /*#__PURE__*/React__default.createElement(Button$4, {
@@ -22756,7 +22723,7 @@ const PaginationButton = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$l,
-      lineNumber: 355,
+      lineNumber: 349,
       columnNumber: 13
     }
   }, t('btnSubmitText', 'Lanjutkan'))))));
@@ -22850,7 +22817,6 @@ function PaginationInfo(_ref) {
       columnNumber: 13
     }
   }, /*#__PURE__*/React__default.createElement(Text$1, {
-    color: "primary",
     variant: "status",
     __self: this,
     __source: {
@@ -22878,7 +22844,7 @@ function PaginationInfo(_ref) {
     direction: "column",
     align: "center",
     css: {
-      backgroundColor: '$bgWhite',
+      backgroundColor: '$white',
       boxShadow: '$small'
     },
     __self: this,
@@ -22898,7 +22864,6 @@ function PaginationInfo(_ref) {
       columnNumber: 17
     }
   }, /*#__PURE__*/React__default.createElement(Text$1, {
-    color: "primary",
     variant: "status",
     __self: this,
     __source: {
@@ -23538,7 +23503,7 @@ const MobileTable = /*#__PURE__*/React__default.forwardRef(({
                           justify: "between",
                           gap: 5,
                           css: {
-                            backgroundColor: '$bgGray',
+                            backgroundColor: colors$8.bgGray,
                             padding: `$spacing-04 $spacing-05 ${'selection' in row.values ? '$spacing-04 $spacing-07' : ''}`,
                             borderBottom: '1pt solid $bgBorder',
                             alignItems: cell.column.accessor ? getAlign(cellAlign) : 'center'
@@ -23573,7 +23538,7 @@ const MobileTable = /*#__PURE__*/React__default.forwardRef(({
                       gap: 3,
                       css: {
                         height: '40px',
-                        backgroundColor: '$bgGray',
+                        backgroundColor: colors$8.bgGray,
                         paddingRight: '$spacing-04'
                       }
                     }, {
@@ -23921,14 +23886,14 @@ const TableContent$3 = styled('table', {
   borderSpacing: 0,
   borderCollapse: 'collapse',
   '& *[data-sticky-td="true"]': {
-    backgroundColor: '$bgHeader'
+    backgroundColor: '$bgWhite'
   }
 });
 const TableHead$3 = styled('thead', {
   position: 'sticky',
   top: 0,
   zIndex: '$docked',
-  backgroundColor: '$bgHeader',
+  backgroundColor: '$bgWhite',
   boxShadow: '0 4px 4px rgba(0, 0, 0, 0.025)',
   borderBottom: '1pt solid $bgBorder',
   color: '$textPrimary',
@@ -23959,7 +23924,7 @@ const TableHeaderCellContainer = styled(Flex$1, {
   padding: '0 $spacing-03',
   '&::after': {
     size: '16px',
-    content: `url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Cg fill='%23A5ABAB'%3E%3Cpath d='m9.38 3.95 2.462 3.134c.338.43.098 1.166-.38 1.166H6.538c-.478 0-.718-.736-.38-1.166L8.62 3.95c.21-.267.55-.267.76 0zM9.38 14.05l2.462-3.134c.338-.43.098-1.166-.38-1.166H6.538c-.478 0-.718.736-.38 1.166L8.62 14.05c.21.267.55.267.76 0z'/%3E%3C/g%3E%3C/svg%3E")`,
+    content: `url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Cg fill='%23A5ABAB'%3E%3Cpath d='m9.38 3.95 2.462 3.134c.338.43.098 1.166-.38 1.166H6.538c-.478 0-.718-.736-.38-1.166L8.62 3.95c.21-.267.55-.267.76 0zM9.38 14.05l2.462-3.134c.338-.43.098-1.166-.38-1.166H6.538c-.478 0-.718.736-.38 1.166L8.62 14.05c.21.267.55.267.76 0z'/%3E%3C/g%3E%3C/svg%3E")`,
     margin: '0 $spacing-02 $spacing-01 0',
     opacity: 1,
     '@lg': {
@@ -24036,16 +24001,6 @@ const TableHeaderCellContainer = styled(Flex$1, {
           opacity: 1
         }
       }
-    },
-    darkTheme: {
-      true: {
-        '&::after': {
-          content: `url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Cg fill='%23FFFFFF'%3E%3Cpath d='m9.38 3.95 2.462 3.134c.338.43.098 1.166-.38 1.166H6.538c-.478 0-.718-.736-.38-1.166L8.62 3.95c.21-.267.55-.267.76 0zM9.38 14.05l2.462-3.134c.338-.43.098-1.166-.38-1.166H6.538c-.478 0-.718.736-.38 1.166L8.62 14.05c.21.267.55.267.76 0z'/%3E%3C/g%3E%3C/svg%3E")`,
-          '@lg': {
-            content: `url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Cg fill='%23FFFFFF'%3E%3Cpath d='m9.38 3.95 2.462 3.134c.338.43.098 1.166-.38 1.166H6.538c-.478 0-.718-.736-.38-1.166L8.62 3.95c.21-.267.55-.267.76 0zM9.38 14.05l2.462-3.134c.338-.43.098-1.166-.38-1.166H6.538c-.478 0-.718.736-.38 1.166L8.62 14.05c.21.267.55.267.76 0z'/%3E%3C/g%3E%3C/svg%3E")`
-          }
-        }
-      }
     }
   },
   compoundVariants: [{
@@ -24069,32 +24024,10 @@ const TableHeaderCellContainer = styled(Flex$1, {
         opacity: 1
       }
     }
-  }, {
-    isSortedDesc: true,
-    darkTheme: true,
-    css: {
-      '&::after': {
-        content: `url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Cg fill='%23FFFFFF'%3E%3Cpath d='m12.51,8.27l3.28,4.17c0.45,0.58 0.13,1.56 -0.51,1.56l-6.56,0c-0.64,0 -0.96,-0.98 -0.51,-1.56l3.28,-4.17c0.28,-0.36 0.74,-0.36 1.02,0z'/%3E%3C/g%3E%3C/svg%3E")`,
-        '@lg': {
-          content: `url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Cg fill='%23FFFFFF'%3E%3Cpath d='m12.51,8.27l3.28,4.17c0.45,0.58 0.13,1.56 -0.51,1.56l-6.56,0c-0.64,0 -0.96,-0.98 -0.51,-1.56l3.28,-4.17c0.28,-0.36 0.74,-0.36 1.02,0z'/%3E%3C/g%3E%3C/svg%3E")`
-        }
-      }
-    }
-  }, {
-    isSortedDesc: false,
-    darkTheme: true,
-    css: {
-      '&::after': {
-        content: `url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Cg fill='%23FFFFFF'%3E%3Cpath d='m12.51,8.27l3.28,4.17c0.45,0.58 0.13,1.56 -0.51,1.56l-6.56,0c-0.64,0 -0.96,-0.98 -0.51,-1.56l3.28,-4.17c0.28,-0.36 0.74,-0.36 1.02,0z' transform='rotate(180 12 10.9998)' /%3E%3C/g%3E%3C/svg%3E")`,
-        '@lg': {
-          content: `url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Cg fill='%23FFFFFF'%3E%3Cpath d='m12.51,8.27l3.28,4.17c0.45,0.58 0.13,1.56 -0.51,1.56l-6.56,0c-0.64,0 -0.96,-0.98 -0.51,-1.56l3.28,-4.17c0.28,-0.36 0.74,-0.36 1.02,0z' transform='rotate(180 12 10.9998)' /%3E%3C/g%3E%3C/svg%3E")`
-        }
-      }
-    }
   }]
 });
 const TableHeadCellContent = styled(Heading, {
-  backgroundColor: 'transparent',
+  backgroundColor: 'white',
   userSelect: 'none',
   textAlign: 'start',
   position: 'relative',
@@ -24133,7 +24066,6 @@ const TableRow$3 = styled('tr', {
     }
   }
 });
-const Cell = styled('td');
 const TableCell$3 = styled('td', {
   height: '68px',
   fontSize: '$short-content-regular',
@@ -24386,7 +24318,7 @@ function HeaderMenuOption(props) {
         css: {
           padding: '$spacing-06 $spacing-05',
           boxShadow: '$medium',
-          backgroundColor: '$bgWhite',
+          backgroundColor: 'white',
           maxHeight: 300,
           minWidth: 167,
           width: 'max-content',
@@ -24497,7 +24429,6 @@ function Table({
   const [stateSelectedRowIds, setStateSelectedRowIds] = useState(selectedIds ? Object.keys(selectedIds) : []);
   const [filterHeader, setFilterHeader] = useLocalStorageState(`menu:${id}`, []);
   const [filteredHeader, setFilteredHeader] = useState([]);
-  const [hasDarkParent, setHasDarkParent] = useState(false);
   const {
     t
   } = useTranslation('MajooUI/table');
@@ -24618,7 +24549,6 @@ function Table({
     },
     rowsPerPageOptions: rowsPerPageOptions,
     css: {
-      backgroundColor: '$bgWhite',
       padding: '$spacing-04 0',
       '@md': {
         padding: '$spacing-06 $spacing-03'
@@ -24756,8 +24686,7 @@ function Table({
                   isSortedDesc: column.isSortedDesc,
                   unsortable: column.unsortable,
                   isToggleable: !!column.onToggle,
-                  isToggled: column.isToggled,
-                  darkTheme: hasDarkParent
+                  isToggled: column.isToggled
                 }, {
                   children: jsx(TableHeadCellContent, Object.assign({
                     heading: "headerTable"
@@ -24857,11 +24786,6 @@ function Table({
     }
   }, [rawData, selectedIds]);
   useEffect(() => {
-    if (scrollerRef.current && scrollerRef.current.parentElement) {
-      const parentElement = scrollerRef.current.parentElement;
-      const darkParentDiv = parentElement.closest('div[id*="dark"]');
-      setHasDarkParent(!!darkParentDiv);
-    }
     const listenStorage = () => {
       const item = JSON.parse(localStorage.getItem(`menu:${id}`));
       onColumnChange === null || onColumnChange === void 0 ? void 0 : onColumnChange(item);
@@ -24883,7 +24807,7 @@ function Table({
     onDragEnd(arrayMove(records, oldIndex, newIndex));
   };
   const cssTableCell = {
-    backgroundColor: '$bgWhite'
+    backgroundColor: 'white'
   };
   return jsxs(Box, Object.assign({
     css: Object.assign({
@@ -24951,7 +24875,9 @@ function Table({
                     if (filteredHeader.length > 0 || filterHeader.length > 0) {
                       visibleHeaders = visibleHeaders.filter(item => filteredHeader.includes(item.id) || filterHeader.includes(item.id));
                     }
-                    return jsx(TableHeadRow$3, Object.assign({}, headerGroup.getHeaderGroupProps(), {
+                    return jsx(TableHeadRow$3, Object.assign({
+                      css: cssTableCell
+                    }, headerGroup.getHeaderGroupProps(), {
                       children: visibleHeaders.map((column, index) => {
                         const headerRender = column.render('Header');
                         return jsx(TableHeadCell$3, Object.assign({}, column.getHeaderProps(props => [props, !column.unsortable ? column.getSortByToggleProps({
@@ -24965,9 +24891,9 @@ function Table({
                             minWidth: column.colMinWidth
                           }
                         }]), {
-                          css: Object.assign(Object.assign(Object.assign(Object.assign({}, stickyPositionStyling(column)), stickyShadowStyling(column, tableScrollPosition, scrollAreaWidth)), column.headerCss), {
+                          css: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, cssTableCell), stickyPositionStyling(column)), stickyShadowStyling(column, tableScrollPosition, scrollAreaWidth)), column.headerCss), {
                             position: 'sticky',
-                            zIndex: column.sticky ? '5 !important' : 3,
+                            zIndex: !!column.sticky ? '5 !important' : 3,
                             top: 0
                           })
                         }, {
@@ -24976,7 +24902,6 @@ function Table({
                             unsortable: id ? true : column.unsortable,
                             isToggleable: !!column.onToggle,
                             isToggled: column.isToggled,
-                            darkTheme: hasDarkParent,
                             css: {
                               width: column.colWidth,
                               maxWidth: column.colMaxWidth,
@@ -25213,9 +25138,9 @@ function Table({
                         }), void 0), row.isExpanded ? subRowCells.map((cell, index) => !cell.column.isCustomSubRow ? jsxs(TableRow$3, Object.assign({
                           subRow: true
                         }, {
-                          children: [leftAddOnCells.map((_, index) => jsx(Cell, {
-                            css: {
-                              backgroundColor: '$bgGray'
+                          children: [leftAddOnCells.map((_, index) => jsx("td", {
+                            style: {
+                              backgroundColor: colors$8.bgGray
                             }
                           }, index)), jsxs(React.Fragment, {
                             children: [jsx(TableCell$3, Object.assign({
@@ -25315,7 +25240,7 @@ function Table({
               width: 10,
               height: '100%',
               boxShadow: tableScrollPosition === 'end' ? 'none' : '-5px 0px 5px -3px #00000026',
-              backgroundColor: '$bgWhite'
+              backgroundColor: 'white'
             }
           }, void 0)]
         }, void 0)]
@@ -25503,7 +25428,6 @@ const rowExpanderColumn = {
       columnNumber: 5
     }
   }), row.isExpanded ? /*#__PURE__*/React__default.createElement(ChevronDownOutline, {
-    color: "currentColor",
     __self: undefined,
     __source: {
       fileName: _jsxFileName$g,
@@ -25511,12 +25435,11 @@ const rowExpanderColumn = {
       columnNumber: 25
     }
   }) : /*#__PURE__*/React__default.createElement(ChevronRightOutline, {
-    color: "currentColor",
     __self: undefined,
     __source: {
       fileName: _jsxFileName$g,
       lineNumber: 19,
-      columnNumber: 71
+      columnNumber: 50
     }
   })),
   unsortable: true
@@ -25539,7 +25462,6 @@ const rowExpanderMultipleColumn = {
       columnNumber: 5
     }
   }), row.isExpanded ? /*#__PURE__*/React__default.createElement(ChevronDownOutline, {
-    color: "currentColor",
     __self: undefined,
     __source: {
       fileName: _jsxFileName$f,
@@ -25547,12 +25469,11 @@ const rowExpanderMultipleColumn = {
       columnNumber: 25
     }
   }) : /*#__PURE__*/React__default.createElement(ChevronRightOutline, {
-    color: "currentColor",
     __self: undefined,
     __source: {
       fileName: _jsxFileName$f,
       lineNumber: 14,
-      columnNumber: 71
+      columnNumber: 50
     }
   })),
   unsortable: true
@@ -25612,9 +25533,6 @@ const rowMenuColumn = (options, icon, config) => ({
         const contextMenu = (_document$getElements = document.getElementsByClassName('react-contextmenu')) == null ? void 0 : _document$getElements[0];
         contextMenu.style.opacity = 0;
       },
-      css: {
-        color: '$iconPrimary'
-      },
       __self: undefined,
       __source: {
         fileName: _jsxFileName$e,
@@ -25622,18 +25540,17 @@ const rowMenuColumn = (options, icon, config) => ({
         columnNumber: 13
       }
     }, icon || /*#__PURE__*/React__default.createElement(EllipsisHorizontalOutline, {
-      color: "currentColor",
       __self: undefined,
       __source: {
         fileName: _jsxFileName$e,
-        lineNumber: 45,
+        lineNumber: 42,
         columnNumber: 24
       }
     })))), /*#__PURE__*/React__default.createElement(DropdownMenuPortal, {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$e,
-        lineNumber: 49,
+        lineNumber: 46,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement(DropdownMenuContent, {
@@ -25656,7 +25573,7 @@ const rowMenuColumn = (options, icon, config) => ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$e,
-        lineNumber: 50,
+        lineNumber: 47,
         columnNumber: 11
       }
     }, options.map((option, index) => /*#__PURE__*/React__default.createElement(React__default.Fragment, {
@@ -25664,7 +25581,7 @@ const rowMenuColumn = (options, icon, config) => ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$e,
-        lineNumber: 70,
+        lineNumber: 67,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default.createElement(DropdownMenuItem, {
@@ -25676,7 +25593,7 @@ const rowMenuColumn = (options, icon, config) => ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$e,
-        lineNumber: 71,
+        lineNumber: 68,
         columnNumber: 17
       }
     }, option.title), /*#__PURE__*/React__default.createElement(DropdownMenuSeparator, {
@@ -25687,7 +25604,7 @@ const rowMenuColumn = (options, icon, config) => ({
       __self: undefined,
       __source: {
         fileName: _jsxFileName$e,
-        lineNumber: 80,
+        lineNumber: 77,
         columnNumber: 17
       }
     }))))));
@@ -29322,6 +29239,12 @@ const Upload = ({
       let newFile = files[i];
       newFile.uid = new Date().getTime();
       newFile.url = URL.createObjectURL(newFile);
+      console.warn({
+        files,
+        action,
+        newFile,
+        maxSizeMB
+      });
       if (action && (newFile.size / 1024 / 1024).toFixed(1) <= maxSizeMB) {
         upload({
           url: action,
@@ -29424,6 +29347,9 @@ const Upload = ({
     }
   }
   function handleChange(e) {
+    console.warn({
+      e
+    });
     if (e.target.files && e.target.files[0]) {
       const files = e.target.files;
       if (isFile || !showCropper) {
@@ -29612,7 +29538,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 665,
+        lineNumber: 667,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default.createElement(ButtonText, {
@@ -29622,7 +29548,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 666,
+        lineNumber: 668,
         columnNumber: 9
       }
     }, replaceLabel && replaceLabel.length > 0 ? replaceLabel : t('replaceLabel', 'Ubah Berkas')));
@@ -29637,7 +29563,7 @@ const Upload = ({
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 676,
+            lineNumber: 678,
             columnNumber: 16
           }
         });
@@ -29648,7 +29574,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 679,
+          lineNumber: 681,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default.createElement(Box, {
@@ -29658,7 +29584,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 680,
+          lineNumber: 682,
           columnNumber: 11
         }
       }, !disabled && /*#__PURE__*/React__default.createElement(IconStateFull, {
@@ -29667,7 +29593,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 681,
+          lineNumber: 683,
           columnNumber: 27
         }
       }), !hiddenPreview && /*#__PURE__*/React__default.createElement(Box, {
@@ -29680,7 +29606,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 683,
+          lineNumber: 685,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default.createElement(IconStateFull, {
@@ -29696,7 +29622,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 691,
+          lineNumber: 693,
           columnNumber: 17
         }
       })), /*#__PURE__*/React__default.createElement(Image, {
@@ -29706,7 +29632,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 704,
+          lineNumber: 706,
           columnNumber: 13
         }
       })), !disabled && renderButtonReplace(index));
@@ -29723,7 +29649,7 @@ const Upload = ({
           __self: undefined,
           __source: {
             fileName: _jsxFileName$9,
-            lineNumber: 715,
+            lineNumber: 717,
             columnNumber: 16
           }
         });
@@ -29733,7 +29659,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 718,
+          lineNumber: 720,
           columnNumber: 9
         }
       }, /*#__PURE__*/React__default.createElement(Box, {
@@ -29743,7 +29669,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 719,
+          lineNumber: 721,
           columnNumber: 11
         }
       }, !disabled && /*#__PURE__*/React__default.createElement(IconStateFull, {
@@ -29752,7 +29678,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 720,
+          lineNumber: 722,
           columnNumber: 27
         }
       }), /*#__PURE__*/React__default.createElement(Box, {
@@ -29765,7 +29691,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 721,
+          lineNumber: 723,
           columnNumber: 13
         }
       }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -29775,14 +29701,14 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 729,
+          lineNumber: 731,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default.createElement(FileExtension, {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 730,
+          lineNumber: 732,
           columnNumber: 17
         }
       }, ".", item == null || (_item$name = item.name) == null ? void 0 : _item$name.split('.').pop()), /*#__PURE__*/React__default.createElement(Tooltip$1, {
@@ -29790,7 +29716,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 731,
+          lineNumber: 733,
           columnNumber: 17
         }
       }, /*#__PURE__*/React__default.createElement(Text, {
@@ -29805,7 +29731,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 732,
+          lineNumber: 734,
           columnNumber: 19
         }
       }, item.name)))), !hiddenPreview && /*#__PURE__*/React__default.createElement(Box, {
@@ -29818,7 +29744,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 748,
+          lineNumber: 750,
           columnNumber: 15
         }
       }, /*#__PURE__*/React__default.createElement(IconStateFull, {
@@ -29834,7 +29760,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 756,
+          lineNumber: 758,
           columnNumber: 17
         }
       })), /*#__PURE__*/React__default.createElement(Blank, {
@@ -29842,7 +29768,7 @@ const Upload = ({
         __self: undefined,
         __source: {
           fileName: _jsxFileName$9,
-          lineNumber: 769,
+          lineNumber: 771,
           columnNumber: 13
         }
       })), !disabled && renderButtonReplace(index));
@@ -29857,7 +29783,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 780,
+        lineNumber: 782,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -29871,7 +29797,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 781,
+        lineNumber: 783,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement(LoadingBar, {
@@ -29897,7 +29823,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 782,
+        lineNumber: 784,
         columnNumber: 11
       }
     }), /*#__PURE__*/React__default.createElement(Text, {
@@ -29905,14 +29831,14 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 795,
+        lineNumber: 797,
         columnNumber: 11
       }
     }, `${progress <= 100 ? progress : 100}%`), /*#__PURE__*/React__default.createElement(Text, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 796,
+        lineNumber: 798,
         columnNumber: 11
       }
     }, t('uploadingLabel', 'Berkas sedang diunggah'))));
@@ -29924,7 +29850,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 804,
+        lineNumber: 806,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default.createElement(ContainerUpload, {
@@ -29940,7 +29866,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 805,
+        lineNumber: 807,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement(Input$2, {
@@ -29952,21 +29878,21 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 816,
+        lineNumber: 818,
         columnNumber: 11
       }
     }), /*#__PURE__*/React__default.createElement(Children, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 817,
+        lineNumber: 819,
         columnNumber: 11
       }
     }, children != null ? children : /*#__PURE__*/React__default.createElement(React__default.Fragment, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 819,
+        lineNumber: 821,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default.createElement(IconCard, {
@@ -29975,7 +29901,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 820,
+        lineNumber: 822,
         columnNumber: 17
       }
     }, /*#__PURE__*/React__default.createElement(UploadOutline, {
@@ -29983,7 +29909,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 821,
+        lineNumber: 823,
         columnNumber: 19
       }
     })), /*#__PURE__*/React__default.createElement(Text, {
@@ -29993,7 +29919,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 823,
+        lineNumber: 825,
         columnNumber: 17
       }
     }, placeholder != null ? placeholder : t('uploadPlaceholder', 'Pilih atau letakkan berkas di sini'))))), error && /*#__PURE__*/React__default.createElement(ErrorMessage, {
@@ -30003,7 +29929,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 830,
+        lineNumber: 832,
         columnNumber: 19
       }
     }, error));
@@ -30015,7 +29941,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 837,
+        lineNumber: 839,
         columnNumber: 7
       }
     }, /*#__PURE__*/React__default.createElement(ModalDialogTrigger, {
@@ -30023,7 +29949,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 838,
+        lineNumber: 840,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement("div", {
@@ -30031,7 +29957,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 839,
+        lineNumber: 841,
         columnNumber: 11
       }
     })), /*#__PURE__*/React__default.createElement(ModalDialogTitle, {
@@ -30044,7 +29970,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 841,
+        lineNumber: 843,
         columnNumber: 9
       }
     }, cropperTitle || t('cropperTitle', 'Potong Gambar')), /*#__PURE__*/React__default.createElement(ModalDialogContent, {
@@ -30057,7 +29983,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 844,
+        lineNumber: 846,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement(ReactCrop, {
@@ -30068,7 +29994,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 852,
+        lineNumber: 854,
         columnNumber: 11
       }
     }, /*#__PURE__*/React__default.createElement(Image, {
@@ -30082,14 +30008,14 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 853,
+        lineNumber: 855,
         columnNumber: 13
       }
     }))), /*#__PURE__*/React__default.createElement(ModalDialogFooter, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 864,
+        lineNumber: 866,
         columnNumber: 9
       }
     }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -30101,14 +30027,14 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 865,
+        lineNumber: 867,
         columnNumber: 11
       }
     }, hiddenToggleAspect ? /*#__PURE__*/React__default.createElement(Box, {
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 867,
+        lineNumber: 869,
         columnNumber: 15
       }
     }) : /*#__PURE__*/React__default.createElement(Tooltip$1, {
@@ -30116,7 +30042,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 869,
+        lineNumber: 871,
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default.createElement(ImageOutline, {
@@ -30128,7 +30054,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 870,
+        lineNumber: 872,
         columnNumber: 17
       }
     })), /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -30136,7 +30062,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 877,
+        lineNumber: 879,
         columnNumber: 13
       }
     }, /*#__PURE__*/React__default.createElement(Button$4, {
@@ -30145,7 +30071,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 878,
+        lineNumber: 880,
         columnNumber: 15
       }
     }, t('label.cancel', 'Batal', {
@@ -30155,7 +30081,7 @@ const Upload = ({
       __self: this,
       __source: {
         fileName: _jsxFileName$9,
-        lineNumber: 881,
+        lineNumber: 883,
         columnNumber: 15
       }
     }, t('save', 'Simpan', {
@@ -30172,7 +30098,7 @@ const Upload = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$9,
-      lineNumber: 890,
+      lineNumber: 892,
       columnNumber: 5
     }
   }, !isFile && renderPicture(), isFile && renderFile(), progress || isLoading ? /*#__PURE__*/React__default.createElement(UploadProgress, {
@@ -30181,7 +30107,7 @@ const Upload = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$9,
-      lineNumber: 893,
+      lineNumber: 895,
       columnNumber: 32
     }
   }) : renderUpload(), showCropper && renderCropper());
@@ -56142,7 +56068,7 @@ function BarChartComponent({
             barSize: 12,
             radius: 50
           }, {
-            children: [formattedData.map(item => jsx(Cell$1, {
+            children: [formattedData.map(item => jsx(Cell, {
               fill: item.color || colors$1.chartGreen
             }, item.name)), (label === null || label === void 0 ? void 0 : label.show) && jsx(LabelList, {
               style: {
@@ -56416,7 +56342,7 @@ const PieChartComponent = ({
             },
             labelLine: false
           }, {
-            children: [formattedData.map(item => jsx(Cell$1, {
+            children: [formattedData.map(item => jsx(Cell, {
               fill: item.color || colors.chartGreen
             }, item.name)), (label === null || label === void 0 ? void 0 : label.show) && !label.render && jsx(LabelList, {
               stroke: "0",
@@ -57764,4 +57690,4 @@ 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, BarChartComponent as BarChart, Box, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button$4 as Button, ButtonDropdown, ButtonGroup$1 as ButtonGroup, ButtonGroupItem, ButtonPrimitive, Card, CardComponent, CardLineColor, Cell, CheckboxGroup, CheckboxTable, ColorPicker$1 as ColorPicker, Colors, ContentEditor, ContextMenu, ContextMenuItem, ContextMenuSeparator, ContextMenuTrigger, CustomDatePicker, DATE_RANGE_PICKER, DEFAULT, 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, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger, EditableTable, Flex$1 as Flex, FormGroup, FormHelper, FormLabel, Grid, GridItem, Heading, IconButton, IconContainer, Image, ImageDevicePreview, Input$7 as Input, InputCheckbox, InputColorPicker, InputCombobox, InputCounter, InputCreatable, InputDatePicker, InputDateRange, InputGroup, InputLeftAddon, InputLeftElement, InputMapPicker, InputNumber, InputOTP, InputPrefix, InputRadio, InputRadioGroup, ResourceList as InputResourceList, InputRightAddon, InputRightElement, InputSearchbox, InputSelect, InputSelectCheck, InputSelectTag, InputSignature, InputSuffix, InputSwitch, TagsInput as InputTags, InputText, InputTextArea, InputTimePicker, LAST_30_DAYS, LAST_7_DAYS, LAST_MONTH, LAST_TWO_MONTHS, LAST_WEEK, LineChart, Link, LoadingBar, MONTHLY, MajooProvider, MapPicker, MemoizedEditableTable, MobileTable, ModalDialog, ModalDialogContent, ModalDialogFooter, ModalDialogTitle, ModalDialogTrigger, NEXT_MONTH, NEXT_WEEK, NativeTimePicker, NotificationBadge, OptionWrapper$2 as OptionWrapper, PREV_MONTH, PREV_WEEK, PageContainer, PageDialog, PageDialogContent, PageDialogFooter, PageDialogTitle, PageDialogTrigger, Pagination, Paper, PaperComponent, Paragraph, PieChartComponent as PieChart, Popover, PopoverClose, PopoverContent, PopoverTrigger, PriceColumn, Progress$1 as Progress, ProgressIndicator, RANGE_CONTROL, RANGE_MONTH, RANGE_PICKER, RANGE_WEEK, ResendOTP, RightSlot, rowExpanderColumn as RowExpanderColumn, rowExpanderMultipleColumn as RowExpanderMultipleColumn, rowMenuColumn as RowMenuColumn, rowSelectionColumn as RowSelectionColumn, rowSelectionWithCallbackColumn as RowSelectionWithCallbackColumn, SINGLE_PICKER, ScrollSync, ScrollSyncNode, SelectBox, SelectContainer, SelectItem, SelectOption, Separator$2 as Separator, Skeleton, Slider, StepWizard, StepWizardContext, StyledBox, StyledDropdown, StyledInput$1 as StyledInput, StyledSpan, StyledTitle$2 as StyledTitle, THIS_MONTH, THIS_WEEK, TODAY, TOP_LEFT_POSITION, TOP_RIGHT_POSITION, Table, TableBody$3 as TableBody, TableCell$3 as TableCell, TableColumn, TableContent$3 as TableContent, TableFoot$2 as TableFoot, TableFootCell$2 as TableFootCell, TableFootRow$2 as TableFootRow, TableHead$3 as TableHead, TableHeadCellContent, TableHeaderCellContainer, TableOfContent, TableOfContentPage, TableRow$3 as TableRow, Tabs$1 as Tabs, TabsContent$1 as TabsContent, TabsList$1 as TabsList, TabsTrigger$1 as TabsTrigger, Tag, TagList, TagStatus, Text$1 as Text, TextVariantsEnum, TimePicker, ToastContext, ToastProvider, Tooltip$1 as Tooltip, UPDATE_PICKER, Upload, WEEKLY, YESTERDAY, addOnCellStyle, advancePickerDate, advancePickerOptionsEn, advancePickerOptionsId, defaultEmptyDataProps, defaultFetchDataParams, pickerReducer, useListOption, useToggle };
+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, BarChartComponent as BarChart, Box, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button$4 as Button, ButtonDropdown, ButtonGroup$1 as ButtonGroup, ButtonGroupItem, ButtonPrimitive, Card, CardComponent, CardLineColor, CheckboxGroup, CheckboxTable, ColorPicker$1 as ColorPicker, Colors, ContentEditor, ContextMenu, ContextMenuItem, ContextMenuSeparator, ContextMenuTrigger, CustomDatePicker, DATE_RANGE_PICKER, DEFAULT, 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, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger, EditableTable, Flex$1 as Flex, FormGroup, FormHelper, FormLabel, Grid, GridItem, Heading, IconButton, IconContainer, Image, ImageDevicePreview, Input$7 as Input, InputCheckbox, InputColorPicker, InputCombobox, InputCounter, InputCreatable, InputDatePicker, InputDateRange, InputGroup, InputLeftAddon, InputLeftElement, InputMapPicker, InputNumber, InputOTP, InputPrefix, InputRadio, InputRadioGroup, ResourceList as InputResourceList, InputRightAddon, InputRightElement, InputSearchbox, InputSelect, InputSelectCheck, InputSelectTag, InputSignature, InputSuffix, InputSwitch, TagsInput as InputTags, InputText, InputTextArea, InputTimePicker, LAST_30_DAYS, LAST_7_DAYS, LAST_MONTH, LAST_TWO_MONTHS, LAST_WEEK, LineChart, Link, LoadingBar, MONTHLY, MajooProvider, MapPicker, MemoizedEditableTable, MobileTable, ModalDialog, ModalDialogContent, ModalDialogFooter, ModalDialogTitle, ModalDialogTrigger, NEXT_MONTH, NEXT_WEEK, NativeTimePicker, NotificationBadge, OptionWrapper$2 as OptionWrapper, PREV_MONTH, PREV_WEEK, PageContainer, PageDialog, PageDialogContent, PageDialogFooter, PageDialogTitle, PageDialogTrigger, Pagination, Paper, PaperComponent, Paragraph, PieChartComponent as PieChart, Popover, PopoverClose, PopoverContent, PopoverTrigger, PriceColumn, Progress$1 as Progress, ProgressIndicator, RANGE_CONTROL, RANGE_MONTH, RANGE_PICKER, RANGE_WEEK, ResendOTP, RightSlot, rowExpanderColumn as RowExpanderColumn, rowExpanderMultipleColumn as RowExpanderMultipleColumn, rowMenuColumn as RowMenuColumn, rowSelectionColumn as RowSelectionColumn, rowSelectionWithCallbackColumn as RowSelectionWithCallbackColumn, SINGLE_PICKER, ScrollSync, ScrollSyncNode, SelectBox, SelectContainer, SelectItem, SelectOption, Separator$2 as Separator, Skeleton, Slider, StepWizard, StepWizardContext, StyledBox, StyledDropdown, StyledInput$1 as StyledInput, StyledSpan, StyledTitle$2 as StyledTitle, THIS_MONTH, THIS_WEEK, TODAY, TOP_LEFT_POSITION, TOP_RIGHT_POSITION, Table, TableBody$3 as TableBody, TableCell$3 as TableCell, TableColumn, TableContent$3 as TableContent, TableFoot$2 as TableFoot, TableFootCell$2 as TableFootCell, TableFootRow$2 as TableFootRow, TableHead$3 as TableHead, TableHeadCellContent, TableHeaderCellContainer, TableOfContent, TableOfContentPage, TableRow$3 as TableRow, Tabs$1 as Tabs, TabsContent$1 as TabsContent, TabsList$1 as TabsList, TabsTrigger$1 as TabsTrigger, Tag, TagList, TagStatus, Text$1 as Text, TextVariantsEnum, TimePicker, ToastContext, ToastProvider, Tooltip$1 as Tooltip, UPDATE_PICKER, Upload, WEEKLY, YESTERDAY, addOnCellStyle, advancePickerDate, advancePickerOptionsEn, advancePickerOptionsId, defaultEmptyDataProps, defaultFetchDataParams, pickerReducer, useListOption, useToggle };