@majoo-ui/react 1.61.14-rc.5 → 1.61.14-rc.7

package/index.esm.js

@@ -57,7 +57,7 @@ import imageCompressionComponent from 'browser-image-compression';
 import { useSticky } from 'react-table-sticky';
 import SignaturePad from 'react-signature-pad-wrapper';
 
-var _jsxFileName$13 = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\majoo-provider\\ThemeProvider.js";
+var _jsxFileName$13 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/majoo-provider/ThemeProvider.js";
 function ThemeProvider({
   name,
   theme,
@@ -403,10 +403,10 @@ var SHARED = '__core-js_shared__';
 var store$3 = sharedStore.exports = globalThis$p[SHARED] || defineGlobalProperty$2(SHARED, {});
 
 (store$3.versions || (store$3.versions = [])).push({
-  version: '3.44.0',
+  version: '3.45.0',
   mode: 'global',
   copyright: '© 2014-2025 Denis Pushkarev (zloirock.ru)',
-  license: 'https://github.com/zloirock/core-js/blob/v3.44.0/LICENSE',
+  license: 'https://github.com/zloirock/core-js/blob/v3.45.0/LICENSE',
   source: 'https://github.com/zloirock/core-js'
 });
 
@@ -1244,7 +1244,7 @@ createTheme({
     bgBorder: '#004a49'
   }
 });
-const colors$8 = foundations.colors;
+const colors$7 = foundations.colors;
 
 const normalize = {
   '*,::before,::after': {
@@ -1414,7 +1414,7 @@ const applyGlobalStyles = additionaStyles => {
   globalStyles();
 };
 
-var _jsxFileName$12 = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\majoo-provider\\MajooProvider.js";
+var _jsxFileName$12 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/majoo-provider/MajooProvider.js";
 function MajooProvider({
   children,
   name,
@@ -1637,7 +1637,7 @@ function _objectWithoutPropertiesLoose(r, e) {
 
 const _excluded$C = ["children"],
   _excluded2$4 = ["children"];
-var _jsxFileName$11 = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\layout\\grid\\Grid.js";
+var _jsxFileName$11 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/layout/grid/Grid.js";
 const GridComponent = styled('div', {
   display: 'grid',
   variants: {
@@ -1907,7 +1907,7 @@ GridItem.propTypes = {
 GridItem.displayName = 'Grid Item';
 
 const _excluded$B = ["children", "isCollapse", "css", "contentHeader"];
-var _jsxFileName$10 = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\layout\\pageContainer\\PageContainer.js";
+var _jsxFileName$10 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/layout/pageContainer/PageContainer.js";
 const StyledDiv$2 = styled(Flex$1, {
   justifyContent: 'center',
   marginLeft: 'auto',
@@ -2415,7 +2415,7 @@ const Link = /*#__PURE__*/React.forwardRef((_a, forwardedRef) => {
 });
 
 const _excluded$A = ["title", "description", "variant", "link", "linkText", "onClick", "onRemove", "children", "bannerBlock", "icon"];
-var _jsxFileName$$ = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\banner\\Banner.js";
+var _jsxFileName$$ = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/banner/Banner.js";
 const Context$2 = /*#__PURE__*/React.createContext();
 const StyledBanner = styled(Flex$1, {
   maxWidth: '100%',
@@ -2629,7 +2629,7 @@ const BannerClose = () => /*#__PURE__*/React.createElement(Context$2.Consumer, {
     columnNumber: 7
   }
 }, /*#__PURE__*/React.createElement(CloseOutline, {
-  color: colors$8.iconSecondary,
+  color: colors$7.iconSecondary,
   size: "16px",
   __self: undefined,
   __source: {
@@ -2715,7 +2715,7 @@ const SingleTagBanner = props => {
       columnNumber: 11
     }
   }, /*#__PURE__*/React.createElement(CloseOutline, {
-    color: colors$8.iconSecondary,
+    color: colors$7.iconSecondary,
     size: "16px",
     __self: undefined,
     __source: {
@@ -3412,7 +3412,7 @@ Card.Label = StyledLabel$2;
 Card.Description = StyledDescription$3;
 
 const _excluded$z = ["children"];
-var _jsxFileName$_ = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\breadcrumb\\Breadcrumb.js";
+var _jsxFileName$_ = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/breadcrumb/Breadcrumb.js";
 const BreadcrumbStyle = styled('nav', {
   wordWrap: 'break-word',
   '& li+li:before': {
@@ -3732,7 +3732,7 @@ Badge.defaultProps = {
 Badge.displayName = 'Badge';
 
 const _excluded$y = ["className", "img", "children", "onLoadingStatusChange", "delayMs", "onClick", "css"];
-var _jsxFileName$Z = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\avatar\\Avatar.js";
+var _jsxFileName$Z = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/avatar/Avatar.js";
 const StyledAvatar = styled(AvatarPrimitive.Root, {
   width: '32px',
   height: '32px',
@@ -3834,7 +3834,7 @@ Avatar.defaultProps = {
 };
 
 const _excluded$x = ["className", "src", "alt", "width", "height", "objectFit", "fallback", "fallbackTitle", "css", "cssFallback", "rounded"];
-var _jsxFileName$Y = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\image\\Image.js";
+var _jsxFileName$Y = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/image/Image.js";
 const ContainerFallback = styled(Flex$1, {
   boxSizing: 'border-box',
   border: '2px dashed #C0C4C4',
@@ -4528,7 +4528,7 @@ for (var COLLECTION_NAME in DOMIterables) {
 handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
 
 const _excluded$w = ["children", "label", "color", "css", "withClick", "side", "align", "delayDuration"];
-var _jsxFileName$X = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\tooltip\\Tooltip.js";
+var _jsxFileName$X = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/tooltip/Tooltip.js";
 const {
   zIndices: zIndices$2
 } = foundations;
@@ -4734,7 +4734,7 @@ Tooltip$1.defaultProps = {
 };
 
 const _excluded$v = ["className", "value", "max", "getValueLabel", "color", "size", "rounded", "width"];
-var _jsxFileName$W = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\progress\\Progress.js";
+var _jsxFileName$W = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/progress/Progress.js";
 const StyledProgress$1 = styled$1(ProgressPrimitive.Root, {
   position: 'relative',
   overflow: 'hidden',
@@ -5608,7 +5608,7 @@ function useMediaQuery(query) {
 }
 
 const _excluded$u = ["id", "title", "description", "position", "dismissAfter", "variant", "onClick", "onRemove", "isExternalOfAction", "onClickOfAction", "captionOfAction", "hrefOfAction"];
-var _jsxFileName$V = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\toast\\Toast.js";
+var _jsxFileName$V = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/toast/Toast.js";
 const TOAST_WIDTH = 576;
 const ANIMATION_DURATION = 400;
 const TOP_RIGHT_POSITION = 'top-right';
@@ -5743,7 +5743,8 @@ const DescriptionField = styled(Paragraph, {
   '-webkit-line-clamp': '3',
   '-webkit-box-orient': 'vertical',
   overflow: 'hidden',
-  whiteSpace: 'unset'
+  whiteSpace: 'unset',
+  color: '$gray700'
 });
 const CloseButton$1 = styled(Flex$1, {
   cursor: 'pointer',
@@ -5806,7 +5807,7 @@ const Toast = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$V,
-      lineNumber: 216,
+      lineNumber: 217,
       columnNumber: 5
     }
   }, state => /*#__PURE__*/React.createElement(Root, _extends({
@@ -5821,7 +5822,7 @@ const Toast = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$V,
-      lineNumber: 227,
+      lineNumber: 228,
       columnNumber: 9
     }
   }), /*#__PURE__*/React.createElement(StyledToast, {
@@ -5831,7 +5832,7 @@ const Toast = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$V,
-      lineNumber: 235,
+      lineNumber: 236,
       columnNumber: 11
     }
   }, /*#__PURE__*/React.createElement(Flex$1, {
@@ -5839,7 +5840,7 @@ const Toast = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$V,
-      lineNumber: 236,
+      lineNumber: 237,
       columnNumber: 13
     }
   }, /*#__PURE__*/React.createElement(Flex$1, {
@@ -5847,7 +5848,7 @@ const Toast = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$V,
-      lineNumber: 237,
+      lineNumber: 238,
       columnNumber: 15
     }
   }, /*#__PURE__*/React.createElement(LeftBar, {
@@ -5855,7 +5856,7 @@ const Toast = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$V,
-      lineNumber: 238,
+      lineNumber: 239,
       columnNumber: 17
     }
   }), /*#__PURE__*/React.createElement(Flex$1, {
@@ -5867,7 +5868,7 @@ const Toast = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$V,
-      lineNumber: 239,
+      lineNumber: 240,
       columnNumber: 17
     }
   }, title && /*#__PURE__*/React.createElement(Flex$1, {
@@ -5875,7 +5876,7 @@ const Toast = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$V,
-      lineNumber: 247,
+      lineNumber: 248,
       columnNumber: 21
     }
   }, /*#__PURE__*/React.createElement(Heading, {
@@ -5885,21 +5886,21 @@ const Toast = _ref => {
       flex: 1,
       whiteSpace: 'unset',
       overflow: 'hidden',
-      textOverflow: 'ellipsis'
+      textOverflow: 'ellipsis',
+      color: '$gray900'
     },
     __self: undefined,
     __source: {
       fileName: _jsxFileName$V,
-      lineNumber: 248,
+      lineNumber: 249,
       columnNumber: 23
     }
   }, title)), /*#__PURE__*/React.createElement(DescriptionField, {
     paragraph: "longContentRegular",
-    color: "secondary",
     __self: undefined,
     __source: {
       fileName: _jsxFileName$V,
-      lineNumber: 262,
+      lineNumber: 264,
       columnNumber: 19
     }
   }, description)), /*#__PURE__*/React.createElement(CloseButton$1, {
@@ -5914,16 +5915,16 @@ const Toast = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$V,
-      lineNumber: 266,
+      lineNumber: 268,
       columnNumber: 17
     }
   }, /*#__PURE__*/React.createElement(CloseOutline, {
-    color: colors$8.iconSecondary,
+    color: colors$7.iconSecondary,
     size: "16px",
     __self: undefined,
     __source: {
       fileName: _jsxFileName$V,
-      lineNumber: 276,
+      lineNumber: 278,
       columnNumber: 19
     }
   }))), (hrefOfAction || isExternalOfAction || onClickOfAction) && /*#__PURE__*/React.createElement(Link, {
@@ -5938,7 +5939,7 @@ const Toast = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$V,
-      lineNumber: 280,
+      lineNumber: 282,
       columnNumber: 17
     }
   }, captionOfAction)))));
@@ -5960,7 +5961,7 @@ Toast.defaultProps = {
 };
 
 const _excluded$t = ["preventDuplicate"];
-var _jsxFileName$U = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\toast\\ToastContainer.js";
+var _jsxFileName$U = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/toast/ToastContainer.js";
 const ToastBox = styled(Flex$1, {
   position: 'fixed',
   variants: {
@@ -5996,9 +5997,11 @@ const ToastContainer = ({
   position
 }) => {
   const {
-    removeToast
+    removeToast,
+    theme
   } = React.useContext(ToastContext);
   return /*#__PURE__*/React.createElement(Portal, {
+    theme: theme,
     style: {
       top: 0,
       left: 0,
@@ -7308,11 +7311,12 @@ const catchError = e => {
 };
 
 const _excluded$s = ["id", "disabledOfflineIntercept"];
-var _jsxFileName$T = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\toast\\context\\ToastProvider.js";
+var _jsxFileName$T = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/toast/context/ToastProvider.js";
 let toastCount = 0;
 const ToastProvider = ({
   children,
-  translations
+  translations,
+  theme
 }) => {
   const isOnline = useNavigatorOnLine();
   const [toasts, setToasts] = useState([]);
@@ -7373,7 +7377,8 @@ const ToastProvider = ({
   return /*#__PURE__*/React.createElement(ToastContext.Provider, {
     value: {
       addToast,
-      removeToast
+      removeToast,
+      theme
     },
     __self: undefined,
     __source: {
@@ -7427,7 +7432,7 @@ const ConditionalWrapper = ({
 }) => condition ? wrapper(children) : children;
 
 const _excluded$r = ["count", "maxCount", "css"];
-var _jsxFileName$S = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\FormGroup\\FormGroup.js";
+var _jsxFileName$S = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/FormGroup/FormGroup.js";
 const formLabelClassStyle = {
   alignItems: 'start !important',
   '& > div': {
@@ -7578,7 +7583,7 @@ const FormGroup = _ref => {
 FormGroup.displayName = 'FormGroup';
 
 const _excluded$q = ["children", "htmlFor", "variant", "variants", "tooltipLabel", "count", "maxCount", "labelCss"];
-var _jsxFileName$R = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\FormLabel\\Label.js";
+var _jsxFileName$R = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/FormLabel/Label.js";
 const StyledLabel$1 = styled(LabelPrimitive.Root, Text$1, {
   display: 'inline-block',
   fontSize: '$label',
@@ -7695,7 +7700,7 @@ FormLabel.defaultProps = {
 FormLabel.displayName = 'FormLabel';
 
 const _excluded$p = ["children", "error", "errorMessage"];
-var _jsxFileName$Q = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\FormHelper\\Helper.js";
+var _jsxFileName$Q = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/FormHelper/Helper.js";
 const StyledHelper = styled(Text$1, {
   display: 'inline-block',
   color: '$textSecondary',
@@ -7750,7 +7755,7 @@ FormHelper.propTypes = {
 };
 FormHelper.displayName = 'FormHelper';
 
-var _jsxFileName$P = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCheckbox\\CheckboxGroup.js";
+var _jsxFileName$P = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputCheckbox/CheckboxGroup.js";
 const CheckboxContext = /*#__PURE__*/createContext();
 const CheckboxGroup = ({
   children,
@@ -7808,7 +7813,7 @@ CheckboxGroup.defaultProps = {
 };
 CheckboxGroup.displayName = 'CheckboxGroup';
 
-var _jsxFileName$O = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCheckbox\\icon\\CheckOutline.js";
+var _jsxFileName$O = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputCheckbox/icon/CheckOutline.js";
 const CheckOutline$1 = props => /*#__PURE__*/React.createElement("svg", _extends({
   xmlns: "http://www.w3.org/2000/svg",
   xmlSpace: "preserve",
@@ -7855,7 +7860,7 @@ const CheckOutline$1 = props => /*#__PURE__*/React.createElement("svg", _extends
   }
 }));
 
-var _jsxFileName$N = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCheckbox\\icon\\MinusOutline.js";
+var _jsxFileName$N = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputCheckbox/icon/MinusOutline.js";
 const SvgMinusOutline = props => /*#__PURE__*/React.createElement("svg", _extends({
   xmlns: "http://www.w3.org/2000/svg",
   xmlSpace: "preserve",
@@ -7903,7 +7908,7 @@ const SvgMinusOutline = props => /*#__PURE__*/React.createElement("svg", _extend
 }));
 
 const _excluded$o = ["id", "checked", "indeterminate", "disabled", "onCheckedChange", "label", "index", "value"];
-var _jsxFileName$M = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCheckbox\\InputCheckbox.js";
+var _jsxFileName$M = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputCheckbox/InputCheckbox.js";
 const StyledIndicator$2 = styled(CheckboxPrimitive.Indicator, {
   alignItems: 'center',
   display: 'flex',
@@ -8064,7 +8069,7 @@ InputCheckbox.propTypes = {
 InputCheckbox.displayName = 'InputCheckbox';
 
 const _excluded$n = ["children", "size"];
-var _jsxFileName$L = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputGroup\\InputGroup.js";
+var _jsxFileName$L = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputGroup/InputGroup.js";
 const InputGroupStyle = styled('div', {
   display: 'flex',
   width: '100%',
@@ -8234,12 +8239,12 @@ const InputGroup = _ref => {
   }));
 };
 InputGroup.propTypes = {
-  /**
-    Adjust Input Text Size
+  /**
+    Adjust Input Text Size
    */
   size: PropTypes.oneOf(['sm', 'lg']),
-  /**
-    Children must be InputText, InputAddon, or InputPrefixes
+  /**
+    Children must be InputText, InputAddon, or InputPrefixes
    */
   children: PropTypes.node.isRequired,
   /** Error state */
@@ -8404,7 +8409,7 @@ InputSuffix.propTypes = {
 };
 
 const _excluded$m = ["disabled", "readOnly"];
-var _jsxFileName$K = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputText\\InputText.js";
+var _jsxFileName$K = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputText/InputText.js";
 const disabledStyle = {
   backgroundColor: '$formDisable',
   color: '$textDisable',
@@ -8606,7 +8611,7 @@ InputText.propTypes = {
 InputText.displayName = 'InputText';
 
 const _excluded$l = ["disabled", "readOnly"];
-var _jsxFileName$J = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputTextArea\\InputTextArea.js";
+var _jsxFileName$J = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputTextArea/InputTextArea.js";
 const StyledTextArea = styled(StyledInput$1, {
   variants: {
     size: {
@@ -8684,7 +8689,7 @@ InputTextArea.defaultProps = {
 
 const InputRadioContext = /*#__PURE__*/React__default.createContext();
 
-var _jsxFileName$I = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputRadio\\InputRadioGroup.js";
+var _jsxFileName$I = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputRadio/InputRadioGroup.js";
 const RadioGroup = styled(RadioGroupPrimitive.Root, Flex$1);
 function InputRadioGroup(props) {
   return (props == null ? void 0 : props.children) && /*#__PURE__*/React__default.createElement(InputRadioContext.Provider, {
@@ -8718,7 +8723,7 @@ InputRadioGroup.propTypes = {
 InputRadioGroup.displayName = 'InputRadioGroup';
 
 const _excluded$k = ["id", "disabled", "css", "inputType", "inputProps", "description", "readOnly"];
-var _jsxFileName$H = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputRadio\\InputRadio.js";
+var _jsxFileName$H = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputRadio/InputRadio.js";
 const INDICATOR_BASE_STYLES = {
   alignItems: 'center',
   display: 'flex',
@@ -11085,7 +11090,7 @@ var NumberFormat = /*@__PURE__*/function (superclass) {
 NumberFormat.defaultProps = defaultProps;
 
 const _excluded$j = ["placeholder", "value", "size", "isInvalid", "readOnly", "disabled", "control", "name", "maxValueLength", "maxLength", "thousandSeparator"];
-var _jsxFileName$G = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputNumber\\InputNumber.js";
+var _jsxFileName$G = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputNumber/InputNumber.js";
 const StyledInput = styled(NumberFormat, {
   // Reset
   appearance: 'none',
@@ -11346,7 +11351,7 @@ InputNumber.name = 'InputText';
 InputNumber.displayName = 'InputNumber';
 
 const _excluded$i = ["className", "children", "onClick", "size", "icon", "isRemovable", "disabled", "type", "onRemove", "readOnly"];
-var _jsxFileName$F = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\tag\\Tag.js";
+var _jsxFileName$F = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/tag/Tag.js";
 const TagWrapper$4 = styled('div', {
   boxSizing: 'border-box',
   listStyle: 'none',
@@ -11492,7 +11497,7 @@ const Tag = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     }
   }, /*#__PURE__*/React__default.createElement(CloseOutline, {
     size: 16,
-    color: colors$8.iconSecondary,
+    color: colors$7.iconSecondary,
     style: {
       verticalAlign: 'middle'
     },
@@ -11522,7 +11527,7 @@ Tag.defaultProps = {
 };
 
 const _excluded$h = ["size", "isInvalid", "placeholder", "onChange", "onEnter", "onInputChange", "value", "disabled", "readOnly", "max", "maxChar", "pattern", "helperText", "unremovableTags", "onRemoveItem"];
-var _jsxFileName$E = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputTags\\InputTags.js";
+var _jsxFileName$E = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputTags/InputTags.js";
 const Wrapper$2 = styled('div', {
   margin: 0,
   flexDirection: 'column',
@@ -11819,7 +11824,7 @@ TagsInput.defaultProps = {
 };
 
 const _excluded$g = ["id", "defaultChecked", "dataOnLabel", "dataOffLabel", "disabled"];
-var _jsxFileName$D = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSwitch\\InputSwitch.js";
+var _jsxFileName$D = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputSwitch/InputSwitch.js";
 const StyledThumb$1 = styled(SwitchPrimitive.Thumb, {
   display: 'block',
   width: '16px',
@@ -11924,7 +11929,7 @@ InputSwitch.propTypes = {
 };
 InputSwitch.displayName = 'InputSwitch';
 
-var _jsxFileName$C = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSearchbox\\CloseFilled.js";
+var _jsxFileName$C = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputSearchbox/CloseFilled.js";
 const SvgCloseFilled = props => /*#__PURE__*/React.createElement("svg", _extends({
   width: props.size,
   height: props.size,
@@ -11983,7 +11988,7 @@ SvgCloseFilled.defaultProps = {
   size: 24
 };
 
-var _jsxFileName$B = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSearchbox\\SearchOutline.js";
+var _jsxFileName$B = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputSearchbox/SearchOutline.js";
 const SvgSearchOutline = props => /*#__PURE__*/React.createElement("svg", _extends({
   width: props.size,
   height: props.size,
@@ -12024,9 +12029,9 @@ SvgSearchOutline.defaultProps = {
 };
 
 const _excluded$f = ["size", "onChange", "css", "disabled", "withDebounce", "defaultValue", "mobileOnly", "desktopOnly"];
-var _jsxFileName$A = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSearchbox\\InputSearchbox.js";
+var _jsxFileName$A = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputSearchbox/InputSearchbox.js";
 const {
-  colors: colors$7
+  colors: colors$6
 } = foundations;
 const InputSearchbox = _ref => {
   var _props$value;
@@ -12106,7 +12111,7 @@ const InputSearchbox = _ref => {
     }
   })), /*#__PURE__*/React__default.createElement(InputRightElement, {
     children: (inputValue == null ? void 0 : inputValue.length) > 0 ? /*#__PURE__*/React__default.createElement(SvgCloseFilled, {
-      color: colors$7.iconSecondary,
+      color: colors$6.iconSecondary,
       __self: undefined,
       __source: {
         fileName: _jsxFileName$A,
@@ -12514,7 +12519,7 @@ function isFunction$1(value) {
 var isFunction_1 = isFunction$1;
 
 const _excluded$e = ["children"];
-var _jsxFileName$z = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\popover\\Popover.js";
+var _jsxFileName$z = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/popover/Popover.js";
 const {
   zIndices: zIndices$1
 } = foundations;
@@ -13678,7 +13683,7 @@ const InputSelect = /*#__PURE__*/React.forwardRef((_a, ref) => {
           readOnly: readOnly
         }, {
           children: jsx(CaretDownOutline, {
-            color: readOnly ? colors$8.gray300 : iconColor
+            color: readOnly ? colors$7.gray300 : iconColor
           }, void 0)
         }), void 0);
       };
@@ -13899,7 +13904,7 @@ const InputSelect = /*#__PURE__*/React.forwardRef((_a, ref) => {
                         }, {
                           children: jsx(CircleInfoOutline, {
                             size: "16px",
-                            color: colors$8.iconDisable,
+                            color: colors$7.iconDisable,
                             style: {
                               verticalAlign: 'text-bottom'
                             }
@@ -14068,7 +14073,7 @@ const InputSelect = /*#__PURE__*/React.forwardRef((_a, ref) => {
                       }, {
                         children: jsx(CircleInfoOutline, {
                           size: "16px",
-                          color: colors$8.iconDisable,
+                          color: colors$7.iconDisable,
                           style: {
                             verticalAlign: 'text-bottom'
                           }
@@ -14088,7 +14093,7 @@ const InputSelect = /*#__PURE__*/React.forwardRef((_a, ref) => {
   }), void 0);
 });
 
-var _jsxFileName$y = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSelectCheck\\icon\\CheckOutline.js";
+var _jsxFileName$y = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputSelectCheck/icon/CheckOutline.js";
 const CheckOutline = props => /*#__PURE__*/React.createElement("svg", _extends({
   xmlns: "http://www.w3.org/2000/svg",
   xmlSpace: "preserve",
@@ -14169,7 +14174,7 @@ function OptionGroupItem({
 }
 
 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 = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSelectCheck\\InputSelectCheck.js";
+var _jsxFileName$x = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputSelectCheck/InputSelectCheck.js";
 const Wrapper$1 = styled('div', {
   margin: 0,
   flexDirection: 'column',
@@ -14914,7 +14919,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
         columnNumber: 11
       }
     }, !(item != null && item.hideCheck) && (item.isDisabled ? /*#__PURE__*/React__default.createElement(CheckOutline, {
-      color: colors$8.iconDisable,
+      color: colors$7.iconDisable,
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
@@ -14922,7 +14927,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
         columnNumber: 17
       }
     }) : selectedValue.includes(item.id) && (item.isDisabled === false || item.isDisabled === undefined) && /*#__PURE__*/React__default.createElement(CheckOutline, {
-      color: colors$8.iconGreen,
+      color: colors$7.iconGreen,
       __self: undefined,
       __source: {
         fileName: _jsxFileName$x,
@@ -14996,7 +15001,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
           columnNumber: 15
         }
       }, !(item != null && item.hideCheck) && item.isDisabled ? /*#__PURE__*/React__default.createElement(CheckOutline, {
-        color: colors$8.iconDisable,
+        color: colors$7.iconDisable,
         __self: undefined,
         __source: {
           fileName: _jsxFileName$x,
@@ -15004,7 +15009,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
           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, {
-        color: colors$8.iconGreen,
+        color: colors$7.iconGreen,
         __self: undefined,
         __source: {
           fileName: _jsxFileName$x,
@@ -15118,7 +15123,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
       columnNumber: 11
     }
   }), /*#__PURE__*/React__default.createElement(IconCaretDown, {
-    color: disabled || readOnly ? colors$8.iconDisable : colors$8.iconPrimary,
+    color: disabled || readOnly ? colors$7.iconDisable : colors$7.iconPrimary,
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
@@ -15239,7 +15244,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
       columnNumber: 19
     }
   }, showAllTags ? /*#__PURE__*/React__default.createElement(ChevronUpOutline, {
-    color: colors$8.iconSecondary,
+    color: colors$7.iconSecondary,
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
@@ -15247,7 +15252,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
       columnNumber: 23
     }
   }) : /*#__PURE__*/React__default.createElement(ChevronDownOutline, {
-    color: colors$8.iconSecondary,
+    color: colors$7.iconSecondary,
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
@@ -15413,7 +15418,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
     }
   }, /*#__PURE__*/React__default.createElement(CircleInfoOutline, {
     size: "16px",
-    color: colors$8.iconDisable,
+    color: colors$7.iconDisable,
     style: {
       verticalAlign: 'text-bottom'
     },
@@ -15493,7 +15498,7 @@ InputSelectCheck.defaultProps = {
   onItemClick: changes => {}
 };
 
-var _jsxFileName$w = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSelectTag\\InputSelectTag.js";
+var _jsxFileName$w = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputSelectTag/InputSelectTag.js";
 const InputSelectTag = /*#__PURE__*/React.forwardRef((props, ref) => {
   return /*#__PURE__*/React.createElement(InputSelectCheck, _extends({
     ref: ref,
@@ -15554,7 +15559,7 @@ InputSelectTag.defaultProps = {
   defaultValue: []
 };
 
-var _jsxFileName$v = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCreatable\\InputCreatable.js";
+var _jsxFileName$v = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputCreatable/InputCreatable.js";
 const Wrapper = styled('div', {
   margin: 0,
   flexDirection: 'column',
@@ -15773,7 +15778,7 @@ function InputCreatable({
       columnNumber: 9
     }
   }, /*#__PURE__*/React__default.createElement(CirclePlusOutline, {
-    color: colors$8.iconGreen,
+    color: colors$7.iconGreen,
     __self: this,
     __source: {
       fileName: _jsxFileName$v,
@@ -15818,16 +15823,39 @@ const SortingIcon = styled(Flex$1, {
   alignItems: 'center',
   justifyContent: 'center'
 });
+const IconBox = styled('div', {
+  height: 16,
+  width: 16,
+  cursor: 'pointer',
+  variants: {
+    border: {
+      true: {
+        borderRadius: 3,
+        border: '1.5px solid $gray300'
+      }
+    }
+  }
+});
+const IndeterminateFilled = styled('div', {
+  width: 16,
+  height: 16,
+  background: '$primary500',
+  color: '$textWhite',
+  borderRadius: 3,
+  fontSize: 14,
+  display: 'flex',
+  justifyContent: 'center',
+  alignItems: 'center'
+});
 function InputResourceList({
   data: dataProp,
   disabled = false,
-  onItemCheck,
-  onItemUncheck,
+  onChange,
   searchPlaceholder,
   counterFooter = true,
   counterFooterText,
   isLoading = false,
-  enabledItems,
+  disabledItems,
   emptyDataMessage,
   value,
   fetchData,
@@ -15838,25 +15866,29 @@ function InputResourceList({
   title,
   hideSelectAll,
   customHeader,
-  checkDisableItems
+  expandable,
+  renderSelectAll
 }) {
   const {
     t
   } = useTranslation(['MajooUI/inputResourceList', 'translation']);
-  const [checkedResources, setCheckedResources] = useState([]);
-  const [query, setQuery] = useState();
+  const [query, setQuery] = useState('');
   const [sortType, setSortType] = useState('asc');
   const [data, setData] = useState([]);
-  const filteredValue = useMemo(() => {
-    const dataValues = data.map(({
-      value
-    }) => value);
-    return (value || []).filter(x => dataValues.includes(x.value));
-  }, [JSON.stringify(value), JSON.stringify(data)]);
+  const [expand, setExpand] = useState(false);
+  const isValueString = typeof (value === null || value === void 0 ? void 0 : value[0]) === 'string';
+  const checkedItems = useMemo(() => {
+    if (!value) return [];
+    if (isValueString) {
+      return data.filter(item => value.includes(item.value));
+    }
+    return value;
+  }, [value, data, isValueString]);
   const scrollerRef = useRef(null);
   useEffect(() => {
     function filterUnique(params) {
-      const unique = params === null || params === void 0 ? void 0 : params.filter((obj, index) => (params === null || params === void 0 ? void 0 : params.findIndex(item => (item === null || item === void 0 ? void 0 : item.value) === (obj === null || obj === void 0 ? void 0 : obj.value))) === index);
+      if (!params) return;
+      const unique = params.filter((obj, index) => params.findIndex(item => (item === null || item === void 0 ? void 0 : item.value) === (obj === null || obj === void 0 ? void 0 : obj.value)) === index);
       setData(unique);
     }
     filterUnique(dataProp);
@@ -15872,9 +15904,25 @@ function InputResourceList({
       setSortType(defaultSort);
     }
   }, [defaultSort]);
+  const availableData = useMemo(() => {
+    if (!data) return [];
+    const filteredData = data.filter(item => item.label.toLowerCase().match((query === null || query === void 0 ? void 0 : query.toLowerCase()) || ''));
+    const checkedValues = new Set(checkedItems.map(item => item.value));
+    return filteredData.sort((a, b) => {
+      const aIsChecked = checkedValues.has(a.value);
+      const bIsChecked = checkedValues.has(b.value);
+      if (aIsChecked && !bIsChecked) {
+        return -1;
+      }
+      if (!aIsChecked && bIsChecked) {
+        return 1;
+      }
+      return a.label.localeCompare(b.label);
+    });
+  }, [data, query, checkedItems]);
   const renderCheckbox = (resource, index) => {
     var _a, _b;
-    const isDisabled = resource.disabled || enabledItems && (!enabledItems.find(id => id === resource.value) || enabledItems.length === 0);
+    const isDisabled = resource.disabled || disabledItems && disabledItems.includes(resource.value);
     return jsxs(Flex$1, Object.assign({
       align: "center",
       justify: "between"
@@ -15886,7 +15934,7 @@ function InputResourceList({
         children: [jsxs(Flex$1, Object.assign({
           align: "center"
         }, {
-          children: [jsx(InputCheckbox, Object.assign({
+          children: [jsx(InputCheckbox, {
             label: jsxs(Flex$1, Object.assign({
               gap: 3,
               align: "center"
@@ -15911,16 +15959,14 @@ function InputResourceList({
                 css: {
                   color: disabled || isDisabled ? '$textDisable' : '$textGreen'
                 }
-              }, {
+              }, {}, {
                 children: variant
               }), index))]
             }), void 0),
             index: index,
             value: resource.value,
             disabled: isDisabled
-          }, Object.assign({}, checkDisableItems && isDisabled && {
-            checked: isDisabled
-          })), void 0), (resource === null || resource === void 0 ? void 0 : resource.icon) && jsx(Box, Object.assign({
+          }, void 0), (resource === null || resource === void 0 ? void 0 : resource.icon) && jsx(Box, Object.assign({
             css: {
               marginLeft: '$spacing-03'
             }
@@ -15985,84 +16031,44 @@ function InputResourceList({
   function toggleSort() {
     setSortType(sortType === 'asc' ? 'desc' : 'asc');
   }
-  function renderWithoutSorting() {
-    return jsxs(Flex$1, Object.assign({
-      direction: "column",
-      gap: 3
-    }, {
-      children: [jsx(CheckboxGroup, Object.assign({
-        onChange: (_, index) => {
-          onItemUncheck === null || onItemUncheck === void 0 ? void 0 : onItemUncheck((value || checkedResources)[index]);
-          if (!value) setCheckedResources(current => current.filter(currItem => currItem.value !== checkedResources[index].value));
-        },
-        value: (value || checkedResources).map(item => item.value),
-        disabled: disabled
-      }, {
-        children: (value || checkedResources).map(renderCheckbox)
-      }), void 0), jsx(CheckboxGroup, Object.assign({
-        onChange: (_, index) => {
-          onItemCheck === null || onItemCheck === void 0 ? void 0 : onItemCheck(data[index]);
-          if (!value) setCheckedResources(current => [...current, data[index]]);
-        },
-        value: (value || checkedResources).map(item => item.value),
-        disabled: disabled
-      }, {
-        children: data.map(renderCheckbox)
-      }), void 0)]
-    }), void 0);
-  }
-  function renderWithSorting() {
-    const datasets = sorting(data, sortType);
-    return jsx(Flex$1, Object.assign({
-      direction: "column",
-      gap: 3
-    }, {
-      children: jsx(CheckboxGroup, Object.assign({
-        onChange: (_, index) => {
-          if (value === null || value === void 0 ? void 0 : value.some(val => {
-            var _a;
-            return (val === null || val === void 0 ? void 0 : val.value) === ((_a = datasets[index]) === null || _a === void 0 ? void 0 : _a.value);
-          })) {
-            onItemUncheck === null || onItemUncheck === void 0 ? void 0 : onItemUncheck(datasets[index]);
-          } else {
-            onItemCheck === null || onItemCheck === void 0 ? void 0 : onItemCheck(datasets[index]);
-          }
-        },
-        value: value === null || value === void 0 ? void 0 : value.map(item => item === null || item === void 0 ? void 0 : item.value),
-        disabled: disabled
-      }, {
-        children: datasets.map(renderCheckbox)
-      }), void 0)
-    }), void 0);
-  }
   function toggleCheckAll() {
-    if ((filteredValue === null || filteredValue === void 0 ? void 0 : filteredValue.length) && (filteredValue === null || filteredValue === void 0 ? void 0 : filteredValue.length) < (data === null || data === void 0 ? void 0 : data.length) || (filteredValue === null || filteredValue === void 0 ? void 0 : filteredValue.length) === (data === null || data === void 0 ? void 0 : data.length)) {
-      for (let i = 0; i < filteredValue.length; i++) {
-        onItemUncheck === null || onItemUncheck === void 0 ? void 0 : onItemUncheck(filteredValue === null || filteredValue === void 0 ? void 0 : filteredValue[i]);
-      }
+    const allAvailableItemsSelected = availableData.every(item => checkedItems.some(checkedItem => checkedItem.value === item.value));
+    if (allAvailableItemsSelected) {
+      const newCheckedItems = checkedItems.filter(checkedItem => !availableData.some(item => item.value === checkedItem.value));
+      onChange === null || onChange === void 0 ? void 0 : onChange(isValueString ? newCheckedItems.map(item => item.value) : newCheckedItems);
     } else {
-      for (let i = 0; i < (data === null || data === void 0 ? void 0 : data.length); i++) {
-        const isEnabled = enabledItems ? enabledItems.find(id => id === (data === null || data === void 0 ? void 0 : data[i].value)) || enabledItems.length === 0 : true;
-        if (isEnabled) onItemCheck === null || onItemCheck === void 0 ? void 0 : onItemCheck(data === null || data === void 0 ? void 0 : data[i]);
-      }
+      const newCheckedItems = [...checkedItems, ...availableData.filter(item => !checkedItems.some(checkedItem => checkedItem.value === item.value))];
+      onChange === null || onChange === void 0 ? void 0 : onChange(isValueString ? newCheckedItems.map(item => item.value) : newCheckedItems);
+    }
+  }
+  function handleCheckedAllExpandable() {
+    const allItems = data || [];
+    const allItemValues = allItems.map(i => i.value);
+    const currentValues = checkedItems.map(i => i.value);
+    const areAllSelected = allItems.length > 0 && allItems.every(item => currentValues.includes(item.value));
+    let newCheckedItems;
+    if (areAllSelected) {
+      newCheckedItems = checkedItems.filter(item => !allItemValues.includes(item.value));
+    } else {
+      const itemsToAdd = allItems.filter(item => !currentValues.includes(item.value));
+      newCheckedItems = [...checkedItems, ...itemsToAdd];
     }
+    onChange === null || onChange === void 0 ? void 0 : onChange(isValueString ? newCheckedItems.map(item => item.value) : newCheckedItems);
   }
-  return jsxs(Box, Object.assign({
+  const listContent = jsxs(Box, Object.assign({
     css: Object.assign({
       position: 'relative'
     }, css)
   }, {
-    children: [customHeader, onQueryChange && jsx(InputSearchbox, {
+    children: [customHeader, onQueryChange && jsx(InputSearchbox, Object.assign({
       size: "lg",
-      placeholder: searchPlaceholder || t('placeholder.search', 'Cari ...', {
-        ns: 'translation'
-      }),
+      placeholder: searchPlaceholder || t('placeholder.search', 'Cari ...'),
       onChange: debounce(query => {
         setQuery(query);
-        onQueryChange(query);
+        if (onQueryChange) onQueryChange(query);
       }, 1000),
       disabled: disabled
-    }, void 0), defaultSort && jsxs(Flex$1, Object.assign({
+    }, {}), void 0), defaultSort && jsxs(Flex$1, Object.assign({
       align: "center",
       gap: 3,
       css: {
@@ -16071,8 +16077,8 @@ function InputResourceList({
       }
     }, {
       children: [!hideSelectAll && jsx(InputCheckbox, {
-        checked: (filteredValue === null || filteredValue === void 0 ? void 0 : filteredValue.length) === (data === null || data === void 0 ? void 0 : data.length) && data.length > 0,
-        indeterminate: Boolean((filteredValue === null || filteredValue === void 0 ? void 0 : filteredValue.length) && (filteredValue === null || filteredValue === void 0 ? void 0 : filteredValue.length) < (data === null || data === void 0 ? void 0 : data.length)),
+        checked: availableData.length > 0 && availableData.every(item => checkedItems.some(checkedItem => checkedItem.value === item.value)),
+        indeterminate: availableData.some(item => checkedItems.some(checkedItem => checkedItem.value === item.value)) && !availableData.every(item => checkedItems.some(checkedItem => checkedItem.value === item.value)),
         onCheckedChange: toggleCheckAll,
         css: {
           marginRight: '$spacing-02'
@@ -16086,7 +16092,7 @@ function InputResourceList({
       }, {
         children: jsx(SortingOutline, {
           size: 16,
-          color: colors$8.iconSecondary
+          color: colors$7.iconSecondary
         }, void 0)
       }), void 0)]
     }), void 0), isLoading && jsx(Flex$1, Object.assign({
@@ -16121,7 +16127,7 @@ function InputResourceList({
       }, wrapperCss && wrapperCss),
       ref: scrollerRef
     }, {
-      children: [data.length <= 0 && (value || checkedResources).length <= 0 && !isLoading || defaultSort && data.length < 1 ? jsx(Flex$1, Object.assign({
+      children: [data.length <= 0 && checkedItems.length <= 0 && !isLoading || defaultSort && data.length < 1 ? jsx(Flex$1, Object.assign({
         justify: "center",
         align: "center",
         css: {
@@ -16154,9 +16160,27 @@ function InputResourceList({
           children: children
         }), void 0)
       }, {
-        children: defaultSort ? renderWithSorting() : renderWithoutSorting()
+        children: jsx(Flex$1, Object.assign({
+          direction: "column",
+          gap: 3
+        }, {
+          children: jsx(CheckboxGroup, Object.assign({
+            onChange: (_, index) => {
+              const datasets = defaultSort ? sorting(availableData, sortType) : availableData;
+              const newCheckedItems = (checkedItems === null || checkedItems === void 0 ? void 0 : checkedItems.some(val => {
+                var _a;
+                return (val === null || val === void 0 ? void 0 : val.value) === ((_a = datasets[index]) === null || _a === void 0 ? void 0 : _a.value);
+              })) ? checkedItems.filter(val => val.value !== datasets[index].value) : [...(checkedItems || []), datasets[index]];
+              onChange === null || onChange === void 0 ? void 0 : onChange(isValueString ? newCheckedItems.map(item => item.value) : newCheckedItems);
+            },
+            value: checkedItems === null || checkedItems === void 0 ? void 0 : checkedItems.map(item => item === null || item === void 0 ? void 0 : item.value),
+            disabled: disabled
+          }, {
+            children: (defaultSort ? sorting(availableData, sortType) : availableData).map(renderCheckbox)
+          }), void 0)
+        }), void 0)
       }), void 0)]
-    }), void 0), counterFooter && (((value === null || value === void 0 ? void 0 : value.length) || 0) > 0 || checkedResources.length > 0) && jsx(Box, Object.assign({
+    }), void 0), counterFooter && checkedItems.length > 0 && jsx(Box, Object.assign({
       css: {
         marginTop: '$spacing-04'
       }
@@ -16165,119 +16189,48 @@ function InputResourceList({
         variant: "helper",
         color: disabled ? 'disable' : 'green'
       }, {
-        children: `${(value === null || value === void 0 ? void 0 : value.length) || checkedResources.length} ${counterFooterText || t('counterFooterText', 'kategori dipilih')}`
+        children: `${checkedItems.length} ${counterFooterText || t('counterFooterText', 'kategori dipilih')}`
       }), void 0)
     }), void 0)]
   }), void 0);
-}
-
-const {
-  colors: colors$6
-} = foundations;
-const IconBox = styled('div', {
-  height: 16,
-  width: 16,
-  cursor: 'pointer',
-  variants: {
-    border: {
-      true: {
-        borderRadius: 3,
-        border: '1.5px solid $gray300'
-      }
-    }
-  }
-});
-const IndeterminateFilled = styled('div', {
-  width: 16,
-  height: 16,
-  background: '$primary500',
-  color: '$textWhite',
-  borderRadius: 3,
-  fontSize: 14,
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center'
-});
-const InputResourceListExpandable = _a => {
-  var _b;
-  var {
-      renderSelectAll,
-      onItemCheck,
-      onItemUncheck,
-      value
-    } = _a,
-    props = __rest(_a, ["renderSelectAll", "onItemCheck", "onItemUncheck", "value"]);
-  const [expand, setExpand] = useState(false);
-  const [checkedItem, setCheckedItem] = useState([]);
-  useEffect(() => {
-    if (value) {
-      setCheckedItem(value);
-    }
-  }, [value]);
-  const handleChecked = item => {
-    onItemCheck(item);
-    setCheckedItem(current => [...current, item]);
-  };
-  const handleUnChecked = item => {
-    onItemUncheck(item);
-    setCheckedItem(current => current.filter(currItem => currItem.value !== item.value));
-  };
-  const handleCheckedAll = () => {
-    var _a, _b, _c;
-    if ((checkedItem === null || checkedItem === void 0 ? void 0 : checkedItem.length) && !((_a = props === null || props === void 0 ? void 0 : props.data) === null || _a === void 0 ? void 0 : _a.length)) {
-      for (let i = 0; i < (checkedItem === null || checkedItem === void 0 ? void 0 : checkedItem.length); i++) {
-        const item = checkedItem === null || checkedItem === void 0 ? void 0 : checkedItem[i];
-        handleUnChecked(item);
-      }
-    } else {
-      for (let i = 0; i < ((_b = props === null || props === void 0 ? void 0 : props.data) === null || _b === void 0 ? void 0 : _b.length); i++) {
-        const item = (_c = props === null || props === void 0 ? void 0 : props.data) === null || _c === void 0 ? void 0 : _c[i];
-        handleChecked(item);
-      }
-    }
-  };
-  return jsxs(Box, {
-    children: [jsxs(Flex$1, Object.assign({
-      justify: "between",
-      align: "start"
-    }, {
+  if (expandable) {
+    const allItems = data || [];
+    const checkedValues = checkedItems.map(i => i.value);
+    const isAllSelected = allItems.length > 0 && allItems.every(item => checkedValues.includes(item.value));
+    const isIndeterminate = !isAllSelected && allItems.some(item => checkedValues.includes(item.value));
+    return jsxs(Box, {
       children: [jsxs(Flex$1, Object.assign({
-        gap: 5
+        justify: "between",
+        align: "start"
       }, {
-        children: [jsx(IconBox, Object.assign({
-          onClick: handleCheckedAll,
-          border: Boolean(!(checkedItem === null || checkedItem === void 0 ? void 0 : checkedItem.length))
+        children: [jsxs(Flex$1, Object.assign({
+          gap: 5
         }, {
-          children: (checkedItem === null || checkedItem === void 0 ? void 0 : checkedItem.length) && !((_b = props === null || props === void 0 ? void 0 : props.data) === null || _b === void 0 ? void 0 : _b.length) ? jsx(CheckOutline, {
-            color: colors$6.iconGreen
-          }, void 0) : (checkedItem === null || checkedItem === void 0 ? void 0 : checkedItem.length) ? jsx(IndeterminateFilled, {
-            children: "-"
-          }, void 0) : ''
-        }), void 0), renderSelectAll]
-      }), void 0), jsx(Box, Object.assign({
-        css: {
-          cursor: 'pointer'
-        },
-        onClick: () => setExpand(!expand)
-      }, {
-        children: expand ? jsx(ChevronUpOutline, {}, void 0) : jsx(ChevronDownOutline, {}, void 0)
-      }), void 0)]
-    }), void 0), jsx(Box, {
-      children: expand && jsx(InputResourceList, Object.assign({}, props, {
-        value: checkedItem,
-        onItemCheck: handleChecked,
-        onItemUncheck: handleUnChecked
-      }), void 0)
-    }, void 0)]
-  }, void 0);
-};
-const ResourceList = _a => {
-  var {
-      expandable
-    } = _a,
-    props = __rest(_a, ["expandable"]);
-  return expandable ? jsx(InputResourceListExpandable, Object.assign({}, props), void 0) : jsx(InputResourceList, Object.assign({}, props), void 0);
-};
+          children: [jsx(IconBox, Object.assign({
+            onClick: handleCheckedAllExpandable,
+            border: !isAllSelected && !isIndeterminate
+          }, {
+            children: isAllSelected ? jsx(CheckOutline, {
+              color: colors$7.iconGreen
+            }, void 0) : isIndeterminate ? jsx(IndeterminateFilled, {
+              children: "-"
+            }, void 0) : ''
+          }), void 0), renderSelectAll]
+        }), void 0), jsx(Box, Object.assign({
+          css: {
+            cursor: 'pointer'
+          },
+          onClick: () => setExpand(!expand)
+        }, {
+          children: expand ? jsx(ChevronUpOutline, {}, void 0) : jsx(ChevronDownOutline, {}, void 0)
+        }), void 0)]
+      }), void 0), jsx(Box, {
+        children: expand && listContent
+      }, void 0)]
+    }, void 0);
+  }
+  return listContent;
+}
 
 const SelectInputSearch = /*#__PURE__*/React.forwardRef((_a, forwardedRef) => {
   var {
@@ -16689,7 +16642,7 @@ const InputCounter = /*#__PURE__*/forwardRef((props, ref) => {
     }, {
       children: jsx(MinusOutline, {
         size: 24,
-        color: disabled || disabledDecrement ? colors$8.iconDisable : colors$8.primary500
+        color: disabled || disabledDecrement ? colors$7.iconDisable : colors$7.primary500
       }, void 0)
     }), void 0), jsx(Input$4, {
       ref: ref,
@@ -16712,7 +16665,7 @@ const InputCounter = /*#__PURE__*/forwardRef((props, ref) => {
     }, {
       children: jsx(PlusOutline, {
         size: 24,
-        color: disabled || disabledIncrement ? colors$8.iconDisable : colors$8.primary500
+        color: disabled || disabledIncrement ? colors$7.iconDisable : colors$7.primary500
       }, void 0)
     }), void 0)]
   }), void 0);
@@ -16725,7 +16678,7 @@ InputCounter.defaultProps = {
 
 const _excluded$c = ["children"],
   _excluded2$3 = ["children", "showOverlay"];
-var _jsxFileName$u = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\drawer\\Drawer.js";
+var _jsxFileName$u = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/drawer/Drawer.js";
 const Context$1 = /*#__PURE__*/React__default.createContext();
 const {
   sizes
@@ -17075,7 +17028,7 @@ DrawerCloseButton.displayName = 'DrawerCloseButton';
 
 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 = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\buttonGroup\\ButtonGroup.js";
+var _jsxFileName$t = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/buttonGroup/ButtonGroup.js";
 const ScrollButton$1 = styled(Button$4, {
   width: '28px',
   outline: '$btnPrimary solid 1px',
@@ -17324,7 +17277,7 @@ function ButtonGroup$1(_ref) {
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default.createElement(ChevronLeftOutline, {
-      color: colors$8.iconGreen,
+      color: colors$7.iconGreen,
       __self: this,
       __source: {
         fileName: _jsxFileName$t,
@@ -17354,7 +17307,7 @@ function ButtonGroup$1(_ref) {
         columnNumber: 15
       }
     }, /*#__PURE__*/React__default.createElement(ChevronRightOutline, {
-      color: colors$8.iconGreen,
+      color: colors$7.iconGreen,
       __self: this,
       __source: {
         fileName: _jsxFileName$t,
@@ -17604,7 +17557,7 @@ const DateNumber = styled('div', {
 });
 DateNumber.displayName = 'DateNumber';
 
-var _jsxFileName$s = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\datePicker\\timePicker\\TimePicker.js";
+var _jsxFileName$s = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/datePicker/timePicker/TimePicker.js";
 const Input$3 = styled('input', {
   display: 'none'
 });
@@ -18160,7 +18113,7 @@ TimePicker.propTypes = {
 };
 NativeTimePicker.displayName = 'NativeTimePicker';
 
-var _jsxFileName$r = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\datePicker\\timePicker\\InputTimePicker.js";
+var _jsxFileName$r = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/datePicker/timePicker/InputTimePicker.js";
 const getInputPickerValue$1 = date => {
   if (!date) return;
   return moment(date).format('HH:mm');
@@ -18208,7 +18161,7 @@ function InputTimePicker({
     }
   }, /*#__PURE__*/React__default.createElement(InputLeftElement, {
     children: /*#__PURE__*/React__default.createElement(TimeOutline, {
-      color: disabled ? colors$8.iconDisable : colors$8.iconPrimary,
+      color: disabled ? colors$7.iconDisable : colors$7.iconPrimary,
       __self: this,
       __source: {
         fileName: _jsxFileName$r,
@@ -21015,7 +20968,7 @@ function InputSignature({
 }
 
 const _excluded$a = ["className", "defaultValue", "value", "name", "disabled", "orientation", "dir", "min", "max", "step", "onValueChange", "minStepsBetweenThumbs", "color", "size", "width", "height"];
-var _jsxFileName$q = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\slider\\Slider.js";
+var _jsxFileName$q = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/slider/Slider.js";
 const StyledSlider = styled$1(SliderPrimitive.Root, {
   position: 'relative',
   display: 'flex',
@@ -21359,7 +21312,7 @@ Slider.defaultProps = {
 };
 
 const _excluded$9 = ["className", "children", "onClick", "type", "size"];
-var _jsxFileName$p = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\tagStatus\\TagStatus.js";
+var _jsxFileName$p = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/tagStatus/TagStatus.js";
 const TagWrapper$1 = styled('div', {
   boxSizing: 'border-box',
   fontSize: '12px',
@@ -21522,7 +21475,7 @@ const _excluded$8 = ["children"],
   _excluded2$1 = ["children", "activeTabs"],
   _excluded3$1 = ["children", "icon", "activeTabs", "value"],
   _excluded4 = ["activeTabs"];
-var _jsxFileName$o = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\tabs\\Tabs.js";
+var _jsxFileName$o = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/tabs/Tabs.js";
 const StyledTabs = styled(TabsPrimitive.Root, {
   display: 'flex',
   flexDirection: 'column',
@@ -21748,7 +21701,7 @@ const TabsList$1 = _ref2 => {
       columnNumber: 11
     }
   }, /*#__PURE__*/React__default.createElement(ChevronLgLeftOutline, {
-    color: colors$8.iconGreen,
+    color: colors$7.iconGreen,
     __self: undefined,
     __source: {
       fileName: _jsxFileName$o,
@@ -21777,7 +21730,7 @@ const TabsList$1 = _ref2 => {
       columnNumber: 11
     }
   }, /*#__PURE__*/React__default.createElement(ChevronLgRightOutline, {
-    color: colors$8.iconGreen,
+    color: colors$7.iconGreen,
     __self: undefined,
     __source: {
       fileName: _jsxFileName$o,
@@ -21837,7 +21790,7 @@ const TabsTrigger$1 = _ref3 => {
       columnNumber: 9
     }
   }, icon && /*#__PURE__*/React__default.cloneElement(icon, {
-    color: activeTabs === value || isIconHovered ? colors$8.iconGreen : colors$8.iconDisable
+    color: activeTabs === value || isIconHovered ? colors$7.iconGreen : colors$7.iconDisable
   }), (!icon || activeTabs === value) && children)));
 };
 TabsTrigger$1.propTypes = {
@@ -21861,7 +21814,7 @@ TabsContent$1.propTypes = {
 };
 
 const _excluded$7 = ["children", "variantIcon"];
-var _jsxFileName$n = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\notificationBadge\\NotificationBadge.js";
+var _jsxFileName$n = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/notificationBadge/NotificationBadge.js";
 const NotificationBadgeRootStyle = styled('span', {
   position: 'relative',
   display: 'inline-flex',
@@ -22016,7 +21969,7 @@ NotificationBadge.propTypes = {
 };
 
 const _excluded$6 = ["className", "children", "radius", "padding", "width", "height"];
-var _jsxFileName$m = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\paper\\Paper.js";
+var _jsxFileName$m = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/paper/Paper.js";
 const PaperComponent = styled('div', {
   padding: '20px',
   height: 'auto',
@@ -22269,7 +22222,7 @@ const removeUndefinedFields = obj => {
 };
 
 const _excluded$5 = ["isActive", "onClick"];
-var _jsxFileName$l = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\pagination\\PaginationButton.js";
+var _jsxFileName$l = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/pagination/PaginationButton.js";
 const PrevNextButton = styled(Text$1, {
   padding: '$spacing-01',
   cursor: 'pointer',
@@ -22333,7 +22286,7 @@ const PrevNextButtonIcon = ({
       columnNumber: 5
     }
   }, iconType === 'prev' ? /*#__PURE__*/React__default.createElement(ArrowLeftOutline, {
-    color: isHover ? colors$8.iconGreen : colors$8.iconPrimary,
+    color: isHover ? colors$7.iconGreen : colors$7.iconPrimary,
     __self: undefined,
     __source: {
       fileName: _jsxFileName$l,
@@ -22341,7 +22294,7 @@ const PrevNextButtonIcon = ({
       columnNumber: 9
     }
   }) : /*#__PURE__*/React__default.createElement(ArrowRightOutline, {
-    color: isHover ? colors$8.iconGreen : colors$8.iconPrimary,
+    color: isHover ? colors$7.iconGreen : colors$7.iconPrimary,
     __self: undefined,
     __source: {
       fileName: _jsxFileName$l,
@@ -22763,7 +22716,7 @@ const PaginationButton = ({
 };
 
 const _excluded$4 = ["limits", "selectedLimit", "currentPage", "totalData", "onChange"];
-var _jsxFileName$k = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\pagination\\PaginationInfo.js";
+var _jsxFileName$k = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/pagination/PaginationInfo.js";
 const LimitContainer = styled(Flex$1, {
   cursor: 'pointer'
 });
@@ -22859,7 +22812,7 @@ function PaginationInfo(_ref) {
       columnNumber: 15
     }
   }, selectedLimit.toString()), /*#__PURE__*/React__default.createElement(ChevronDownOutline, {
-    color: colors$8.gray400,
+    color: colors$7.gray400,
     __self: this,
     __source: {
       fileName: _jsxFileName$k,
@@ -22998,7 +22951,7 @@ function PaginationInfo(_ref) {
 }
 
 const _excluded$3 = ["limit", "currentPage", "totalData", "totalPage", "hideDataInfo", "onLimitChange", "onPageChange", "rowsPerPageOptions", "hidePagination", "hideInputPageSection"];
-var _jsxFileName$j = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\pagination\\Pagination.js";
+var _jsxFileName$j = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/pagination/Pagination.js";
 function Pagination(_ref) {
   let {
       limit,
@@ -23173,23 +23126,23 @@ const ContextMenuItem = styled(Item, {
   userSelect: 'none',
   color: '$textPrimary',
   '&[data-disabled]': {
-    color: colors$8.gray400,
+    color: colors$7.gray400,
     pointerEvents: 'none'
   },
   '&:hover': {
     cursor: 'pointer',
-    backgroundColor: colors$8.gray100
+    backgroundColor: colors$7.gray100
   },
   '&:active': {
-    backgroundColor: colors$8.gray150
+    backgroundColor: colors$7.gray150
   },
   '&:focus': {
-    backgroundColor: colors$8.gray100
+    backgroundColor: colors$7.gray100
   }
 });
 const ContextMenuSeparator = styled('div', {
   height: 1,
-  backgroundColor: colors$8.gray150,
+  backgroundColor: colors$7.gray150,
   margin: 5
 });
 
@@ -23872,7 +23825,7 @@ const ScrollSyncNode = /*#__PURE__*/forwardRef((props, forwardedRef) => {
 });
 ScrollSyncNode.displayName = 'ScrollSyncNode';
 
-var _jsxFileName$i = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\RowDraggableColumn.js";
+var _jsxFileName$i = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowDraggableColumn.js";
 const DragHandle = SortableHandle(() => /*#__PURE__*/React__default.createElement(IconButton, {
   icon: true,
   size: "xs",
@@ -25367,7 +25320,7 @@ const TableColumn = _a => {
   return jsx("div", {}, void 0);
 };
 
-var _jsxFileName$h = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\DateColumn.js";
+var _jsxFileName$h = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/DateColumn.js";
 const DateColumn = ({
   value,
   customFormat
@@ -25479,7 +25432,7 @@ const PriceColumn = props => {
   return addThousandSeparator(param);
 };
 
-var _jsxFileName$g = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\RowExpanderColumn.js";
+var _jsxFileName$g = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowExpanderColumn.js";
 const rowExpanderColumn = {
   id: 'expander',
   Header: () => null,
@@ -25522,7 +25475,7 @@ const rowExpanderColumn = {
   unsortable: true
 };
 
-var _jsxFileName$f = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\RowExpanderMultipleColumn.js";
+var _jsxFileName$f = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowExpanderMultipleColumn.js";
 const rowExpanderMultipleColumn = {
   id: 'multiple-expander',
   Header: () => null,
@@ -25558,7 +25511,7 @@ const rowExpanderMultipleColumn = {
   unsortable: true
 };
 
-var _jsxFileName$e = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\RowMenuColumn.js";
+var _jsxFileName$e = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowMenuColumn.js";
 const rowMenuColumn = (options, icon, config) => ({
   id: 'menu',
   options,
@@ -25695,7 +25648,7 @@ const rowMenuColumn = (options, icon, config) => ({
   unsortable: true
 });
 
-var _jsxFileName$d = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\RowSelectionColumn.js";
+var _jsxFileName$d = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowSelectionColumn.js";
 const rowSelectionColumn = {
   id: 'selection',
   Header: ({
@@ -25744,7 +25697,7 @@ const rowSelectionColumn = {
   unsortable: true
 };
 
-var _jsxFileName$c = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\RowSelectionCallbackColumn.js";
+var _jsxFileName$c = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowSelectionCallbackColumn.js";
 const rowSelectionWithCallbackColumn = (onCheckedChange, onAllCheckedChange) => ({
   id: 'selection',
   Header: ({
@@ -26082,7 +26035,7 @@ PageDialog.defaultProps = {
 };
 
 const _excluded$2 = ["children"];
-var _jsxFileName$b = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\alertDialog\\AlertDialog.js";
+var _jsxFileName$b = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/alertDialog/AlertDialog.js";
 const overlayShow = keyframes({
   '0%': {
     opacity: 0
@@ -26103,7 +26056,7 @@ const contentShow = keyframes({
 });
 const StyledOverlay = styled(ADialog.Overlay, {
   zIndex: 1,
-  backgroundColor: colors$8.bgDimmer,
+  backgroundColor: colors$7.bgDimmer,
   position: 'fixed',
   inset: 0,
   '@media (prefers-reduced-motion: no-preference)': {
@@ -26136,14 +26089,14 @@ const StyledTitle = styled(ADialog.Title, {
   display: 'flex',
   flexDirection: 'row',
   justifyContent: 'space-between',
-  color: colors$8.gray900,
+  color: colors$7.gray900,
   fontSize: 17,
   fontWeight: 500
 });
 const StyledDescription$1 = styled(ADialog.Description, {
   mx: 24,
   my: 20,
-  color: colors$8.gray900,
+  color: colors$7.gray900,
   fontSize: 15,
   lineHeight: 1.5
 });
@@ -26717,7 +26670,7 @@ const AlertDialogConfirm = ADialog.Action;
 const _excluded$1 = ["side", "align", "children"],
   _excluded2 = ["children"],
   _excluded3 = ["asChild"];
-var _jsxFileName$a = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\dropdownMenu\\DropdownMenu.js";
+var _jsxFileName$a = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/dropdownMenu/DropdownMenu.js";
 const Context = /*#__PURE__*/React__default.createContext();
 const slideUpAndFade = keyframes({
   '0%': {
@@ -26801,17 +26754,17 @@ const itemStyles = {
   position: 'relative',
   userSelect: 'none',
   '&[data-disabled]': {
-    color: colors$8.gray400,
+    color: colors$7.gray400,
     pointerEvents: 'none'
   },
   '&:hover': {
     cursor: 'pointer'
   },
   '&:active': {
-    backgroundColor: colors$8.gray150
+    backgroundColor: colors$7.gray150
   },
   '&:focus': {
-    backgroundColor: colors$8.gray100
+    backgroundColor: colors$7.gray100
   }
 };
 const StyledItem = styled(DropdownMenuPrimitive.Item, Object.assign({}, itemStyles));
@@ -26833,11 +26786,11 @@ const StyledLabel = styled(DropdownMenuPrimitive.Label, {
   padding: '8px 0',
   fontSize: 12,
   lineHeight: '25px',
-  color: colors$8.gray700
+  color: colors$7.gray700
 });
 const StyledSeparator = styled(DropdownMenuPrimitive.Separator, {
   height: 1,
-  backgroundColor: colors$8.gray150,
+  backgroundColor: colors$7.gray150,
   margin: 5
 });
 const StyledItemIndicator = styled(DropdownMenuPrimitive.ItemIndicator, {
@@ -26946,7 +26899,7 @@ const RightSlot = styled('div', {
     color: 'white'
   },
   '[data-disabled] &': {
-    color: colors$8.gray400
+    color: colors$7.gray400
   }
 });
 const StyledDropdown = styled(Button$4, {
@@ -28997,7 +28950,7 @@ function imgPreview(image, crop, scale = 1, rotate = 0, ratio, type) {
 }
 
 const _excluded = ["customPreviewIcon"];
-var _jsxFileName$9 = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\upload\\Upload.js";
+var _jsxFileName$9 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/upload/Upload.js";
 const Input$2 = styled('input', {
   display: 'none !important'
 });
@@ -30203,159 +30156,159 @@ Upload.defaultProps = {
   maxWidthOrHeight: 1024
 };
 Upload.propTypes = {
-  /**
-   Placeholder label of upload.
+  /**
+   Placeholder label of upload.
   */
   placeholder: PropTypes.string,
-  /**
-   Disabled state of upload.
+  /**
+   Disabled state of upload.
   */
   disabled: PropTypes.bool,
-  /**
-   Built-in stylesheets, support for two types.
+  /**
+   Built-in stylesheets, support for two types.
   */
   listType: PropTypes.oneOf(['file', 'picture']),
-  /**
-   Whether to support selected multiple file.
+  /**
+   Whether to support selected multiple file.
    */
   multiple: PropTypes.bool,
-  /**
-   List of files to be uploaded.
+  /**
+   List of files to be uploaded.
    */
   fileList: PropTypes.array,
-  /**
-   A callback function, can be executed when uploading state is changing.
+  /**
+   A callback function, can be executed when uploading state is changing.
    */
   onChange: PropTypes.func,
-  /**
-   A callback function, can be executed when uploading in progress.
-   `(progress) => void`
+  /**
+   A callback function, can be executed when uploading in progress.
+   `(progress) => void`
    */
   onProgress: PropTypes.func,
-  /**
-   A callback function, can be executed when uploading is success.
-   `(response) => void`
+  /**
+   A callback function, can be executed when uploading is success.
+   `(response) => void`
    */
   onSuccess: PropTypes.func,
-  /**
-   A callback function, can be executed when uploading is error.
-   `(error, response) => void`
+  /**
+   A callback function, can be executed when uploading is error.
+   `(error, response) => void`
    */
   onError: PropTypes.func,
-  /**
-   A callback function, can be executed when preview icon in picture type is clicked.
+  /**
+   A callback function, can be executed when preview icon in picture type is clicked.
    */
   onPreview: PropTypes.func,
-  /**
-   A callback function, can be executed when remove icon is clicked.
+  /**
+   A callback function, can be executed when remove icon is clicked.
    */
   onRemove: PropTypes.func,
-  /**
-   A custom element inside upload container.
+  /**
+   A custom element inside upload container.
    */
   children: PropTypes.element,
-  /**
-   Limit the number of uploaded files.
+  /**
+   Limit the number of uploaded files.
    */
   max: PropTypes.number,
-  /**
-   Limit the maximum image size in MB.
+  /**
+   Limit the maximum image size in MB.
    */
   maxSizeMB: PropTypes.number,
-  /**
-   Limit file type of upload.
+  /**
+   Limit file type of upload.
    */
   accept: PropTypes.string,
-  /**
-   Custom label for replace button.
+  /**
+   Custom label for replace button.
    */
   replaceLabel: PropTypes.string,
-  /**
-   Custom width of upload container.
+  /**
+   Custom width of upload container.
    */
   width: PropTypes.number,
-  /**
-   Custom height of upload container.
+  /**
+   Custom height of upload container.
    */
   height: PropTypes.number,
-  /**
-   Additional css.
+  /**
+   Additional css.
    */
   css: PropTypes.object,
-  /**
-   Custom title header of cropper modal.
+  /**
+   Custom title header of cropper modal.
    */
   cropperTitle: PropTypes.string,
-  /**
-   Add image cropper on upload.
+  /**
+   Add image cropper on upload.
    */
   showCropper: PropTypes.bool,
-  /**
-   Hidden toggle aspect ratio image cropper.
+  /**
+   Hidden toggle aspect ratio image cropper.
    */
   hiddenToggleAspect: PropTypes.bool,
-  /**
-   The aspect ratio of the crop, e.g. `1` for a square or `16 / 9` for landscape. Omit/pass undefined for a free-form crop.
+  /**
+   The aspect ratio of the crop, e.g. `1` for a square or `16 / 9` for landscape. Omit/pass undefined for a free-form crop.
    */
   ratio: PropTypes.number,
-  /**
-   Can set error message to the upload.
+  /**
+   Can set error message to the upload.
    */
   errorMessage: PropTypes.string,
-  /**
-   Progress of upload process.
+  /**
+   Progress of upload process.
   */
   progress: PropTypes.number,
-  /**
-    Auto increment progress of upload process.
+  /**
+    Auto increment progress of upload process.
    */
   loading: PropTypes.bool,
-  /**
-   API upload url, allows components to automatically upload directly to API service.
+  /**
+   API upload url, allows components to automatically upload directly to API service.
    */
   action: PropTypes.string,
-  /**
-   Custom body request to upload action.
+  /**
+   Custom body request to upload action.
    */
   customBodyRequest: PropTypes.func,
-  /**
-   Contains an authentication token for upload API.
+  /**
+   Contains an authentication token for upload API.
    */
   token: PropTypes.string,
-  /**
-   Referencing the headers key to attach the token.
+  /**
+   Referencing the headers key to attach the token.
    */
   tokenKey: PropTypes.string,
-  /**
-   Referencing the key to attach the file to be sent.
+  /**
+   Referencing the key to attach the file to be sent.
    */
   reqKey: PropTypes.string,
-  /**
-   Referencing the key to get the file from the API response.
+  /**
+   Referencing the key to get the file from the API response.
    */
   resKey: PropTypes.string,
-  /**
-   To compression image if file size > 1MB.
+  /**
+   To compression image if file size > 1MB.
    */
   imageCompression: PropTypes.bool,
-  /**
-   Callback to handle before crop image.
+  /**
+   Callback to handle before crop image.
    */
   onBeforeCrop: PropTypes.func,
-  /**
-   Hidden preview icon in upload.
+  /**
+   Hidden preview icon in upload.
    */
   hiddenPreview: PropTypes.bool,
-  /**
-   Auto full aspect ratio cropper.
+  /**
+   Auto full aspect ratio cropper.
    */
   fullAspectCrop: PropTypes.bool,
-  /**
-   Set custom ratio as Default view
+  /**
+   Set custom ratio as Default view
    */
   isDefaultCustomRatio: PropTypes.bool,
-  /**
-   Set max width or height of image
+  /**
+   Set max width or height of image
    */
   maxWidthOrHeight: PropTypes.number
 };
@@ -30964,7 +30917,7 @@ const Device = props => {
       buttonType: "secondary"
     }, {
       children: jsx(ChevronLeftOutline, {
-        color: colors$8.btnPrimary
+        color: colors$7.btnPrimary
       }, void 0)
     }), void 0), jsxs(Flex$1, Object.assign({
       align: "center",
@@ -31024,14 +30977,14 @@ const Device = props => {
       buttonType: "secondary"
     }, {
       children: jsx(ChevronRightOutline, {
-        color: colors$8.btnPrimary
+        color: colors$7.btnPrimary
       }, void 0)
     }), void 0)]
   }), void 0);
 };
 Device.displayName = 'DevicePreview';
 
-var _jsxFileName$8 = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\colorPicker\\InputColorPicker.js";
+var _jsxFileName$8 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/colorPicker/InputColorPicker.js";
 const Separator$1 = styled('div', {
   height: 20,
   width: 1,
@@ -31141,44 +31094,44 @@ function InputColorPicker(props) {
 }
 InputColorPicker.displayName = 'InputColorPicker';
 InputColorPicker.propTypes = {
-  /**
-   Specify change InputColorPicker size.
+  /**
+   Specify change InputColorPicker size.
   */
   size: PropTypes.oneOf(['sm', 'lg']),
-  /**
-   Color code to be displayed.
+  /**
+   Color code to be displayed.
   */
   color: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
-  /**
-   Additional color list.
+  /**
+   Additional color list.
   */
   presetColors: PropTypes.array,
-  /**
-   Change event handler.
+  /**
+   Change event handler.
   */
   onChange: PropTypes.func,
-  /**
-   Add preset color event handler.
+  /**
+   Add preset color event handler.
   */
   onAddColor: PropTypes.func,
-  /**
-   Disable opacity selector.
+  /**
+   Disable opacity selector.
   */
   disableAlpha: PropTypes.bool,
-  /**
-   Input placement.
+  /**
+   Input placement.
   */
   placement: PropTypes.string,
-  /**
-   Define is mobile layout or not.
+  /**
+   Define is mobile layout or not.
   */
   isMobile: PropTypes.bool,
-  /**
-   Define popover custom styling.
+  /**
+   Define popover custom styling.
   */
   popoverCss: PropTypes.shape({}),
-  /**
-   Disabled state.
+  /**
+   Disabled state.
   */
   disabled: PropTypes.bool
 };
@@ -31192,7 +31145,7 @@ InputColorPicker.defaultProps = {
 
 var img$d = "data:image/gif;base64,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";
 
-var _jsxFileName$7 = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\colorPicker\\components\\ColorMap.js";
+var _jsxFileName$7 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/colorPicker/components/ColorMap.js";
 const Container$7 = styled('div', {
   userSelect: 'none',
   margin: 'auto',
@@ -33153,7 +33106,7 @@ function ColorMap({
   })));
 }
 
-var _jsxFileName$6 = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\colorPicker\\components\\ColorFields.js";
+var _jsxFileName$6 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/colorPicker/components/ColorFields.js";
 const CheckBoard = styled(Flex$1, {
   background: '$bgwhite',
   border: '1px solid #E5E7EB',
@@ -33354,7 +33307,7 @@ function ColorFields({
   }, "%")));
 }
 
-var _jsxFileName$5 = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\colorPicker\\ColorPicker.js";
+var _jsxFileName$5 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/colorPicker/ColorPicker.js";
 const Container$6 = styled(Flex$1, {
   background: '$white',
   padding: 16,
@@ -33845,24 +33798,24 @@ function ColorPicker({
   })))))));
 }
 ColorPicker.propTypes = {
-  /**
-   Color code to be displayed.
+  /**
+   Color code to be displayed.
   */
   color: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
-  /**
-   Additional color list
+  /**
+   Additional color list
   */
   presetColors: PropTypes.array,
-  /**
-   Change event handler
+  /**
+   Change event handler
   */
   onChange: PropTypes.func,
-  /**
-   Add preset color event handler
+  /**
+   Add preset color event handler
   */
   onAddColor: PropTypes.func,
-  /**
-   Disable opacity selector
+  /**
+   Disable opacity selector
   */
   disableAlpha: PropTypes.bool
 };
@@ -33871,7 +33824,7 @@ ColorPicker.defaultProps = {
 };
 var ColorPicker$1 = ColorWrap(ColorPicker);
 
-var _jsxFileName$4 = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\stepWizard\\StepWizard.js";
+var _jsxFileName$4 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/stepWizard/StepWizard.js";
 const StepWizardContext = /*#__PURE__*/React__default.createContext({});
 const Stepper = StepWizard$1;
 Stepper.displayName = 'Stepper';
@@ -34125,7 +34078,7 @@ const Navigation = props => {
           marginRight: 9
         },
         size: "24",
-        color: colors$8.bgGreen,
+        color: colors$7.bgGreen,
         __self: undefined,
         __source: {
           fileName: _jsxFileName$4,
@@ -34146,7 +34099,7 @@ const Navigation = props => {
           margin: '0 9px'
         },
         size: "20",
-        color: colors$8.iconSecondary,
+        color: colors$7.iconSecondary,
         __self: undefined,
         __source: {
           fileName: _jsxFileName$4,
@@ -34218,7 +34171,7 @@ const Navigation = props => {
         }
       }, /*#__PURE__*/React__default.createElement(StyledCircleInfoOutline, {
         size: "20",
-        color: colors$8.iconPrimary,
+        color: colors$7.iconPrimary,
         __self: undefined,
         __source: {
           fileName: _jsxFileName$4,
@@ -34594,7 +34547,7 @@ StepWizard.defaultProps = {
   isLazyMount: true
 };
 
-var _jsxFileName$3 = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\tableOfContent\\transition.js";
+var _jsxFileName$3 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/tableOfContent/transition.js";
 function Collapse({
   children,
   isOpen
@@ -34637,14 +34590,14 @@ Collapse.defaultProps = {
   isOpen: false
 };
 
-var _jsxFileName$2 = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\tableOfContent\\TableOfContent.js";
+var _jsxFileName$2 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/tableOfContent/TableOfContent.js";
 const DesktopContainer = styled(Flex$1, {
   display: 'none',
   '& .active-scroll-spy': {
-    borderLeft: `4px solid ${colors$8.primary500} !important`
+    borderLeft: `4px solid ${colors$7.primary500} !important`
   },
   '& .active-scroll-spy .link-title': {
-    color: `${colors$8.primary500} !important`
+    color: `${colors$7.primary500} !important`
   },
   '@md': {
     display: 'unset'
@@ -34652,7 +34605,7 @@ const DesktopContainer = styled(Flex$1, {
 });
 const MobileContainer = styled(Flex$1, {
   backgroundColor: '$white',
-  border: `1px solid ${colors$8.gray150}`,
+  border: `1px solid ${colors$7.gray150}`,
   borderRadius: 8,
   padding: '8px 8px',
   width: '100%',
@@ -34779,7 +34732,7 @@ function Content({
         marginLeft: '-4px !important',
         borderLeftWidth: '4px !important',
         borderLeftStyle: 'solid !important',
-        borderLeftColor: `${(item == null ? void 0 : item.id) === activeId ? colors$8.primary500 : 'transparent'} !important`,
+        borderLeftColor: `${(item == null ? void 0 : item.id) === activeId ? colors$7.primary500 : 'transparent'} !important`,
         paddingLeft: '16px !important',
         minHeight: 25
       },
@@ -34998,7 +34951,7 @@ TableOfContentPage.defaultProps = {
   useBoxMethod: true
 };
 
-var _jsxFileName$1 = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\editableTable\\transition.js";
+var _jsxFileName$1 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/editableTable/transition.js";
 function Collapalse({
   children,
   isOpen
@@ -53451,11 +53404,11 @@ function ProgressIndicator(props) {
     const getColor = state => {
       switch (state) {
         case 'error':
-          return colors$8.red400;
+          return colors$7.red400;
         case 'active':
-          return colors$8.primary500;
+          return colors$7.primary500;
         default:
-          return colors$8.gray150;
+          return colors$7.gray150;
       }
     };
     const iconProps = {
@@ -54014,8 +53967,8 @@ function MapPicker(props) {
           center: [center === null || center === void 0 ? void 0 : center.lat, center === null || center === void 0 ? void 0 : center.lng],
           radius: radius,
           pathOptions: {
-            color: colors$8.bgGreen,
-            fillColor: colors$8.bgGreen
+            color: colors$7.bgGreen,
+            fillColor: colors$7.bgGreen
           }
         }, void 0), jsx(TileLayer, {
           url: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
@@ -55521,7 +55474,7 @@ function CheckboxTable(props) {
                       }
                     }, void 0) : jsx(MinusOutline, {
                       size: 16,
-                      color: colors$8.iconDisable
+                      color: colors$7.iconDisable
                     }, void 0)
                   }, void 0)
                 }), index + indexSubRow + 'tb-cell-collapse');
@@ -55826,9 +55779,9 @@ const StyledSkeleton = props => {
   function getBaseColor(color) {
     switch (color) {
       case 'primary':
-        return colors$8.gray300;
+        return colors$7.gray300;
       default:
-        return colors$8.gray150;
+        return colors$7.gray150;
     }
   }
   function getSize(size) {
@@ -55982,9 +55935,9 @@ function TagList({
         }
       }, {
         children: [showAllTags ? jsx(ChevronUpOutline, {
-          color: colors$8.iconSecondary
+          color: colors$7.iconSecondary
         }, void 0) : jsx(ChevronDownOutline, {
-          color: colors$8.iconSecondary
+          color: colors$7.iconSecondary
         }, void 0), jsx(Paragraph, Object.assign({
           css: {
             fontWeight: 600,
@@ -56512,7 +56465,7 @@ PieChartComponent.defaultProps = {
   innerRadius: 70
 };
 
-var _jsxFileName = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\colors\\Colors.js";
+var _jsxFileName = "/home/alfiantryp/Project/majoo-ui/packages/react/src/colors/Colors.js";
 const StyledPaper = styled(Paper, {
   borderRadius: '10px 10px 0 0',
   padding: 15,
@@ -57814,4 +57767,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, 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, 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 };