@ctlyst.id/internal-ui 2.1.14 → 2.1.16

package/dist/index.js

@@ -59,12 +59,12 @@ __export(src_exports, {
   AlertIcon: () => AlertIcon,
   AlertTitle: () => AlertTitle,
   Anchor: () => Anchor,
-  Avatar: () => import_react85.Avatar,
-  AvatarBadge: () => import_react85.AvatarBadge,
-  AvatarBadgeProps: () => import_react85.AvatarBadgeProps,
-  AvatarGroup: () => import_react85.AvatarGroup,
-  AvatarGroupProps: () => import_react85.AvatarGroupProps,
-  AvatarProps: () => import_react85.AvatarProps,
+  Avatar: () => import_react84.Avatar,
+  AvatarBadge: () => import_react84.AvatarBadge,
+  AvatarBadgeProps: () => import_react84.AvatarBadgeProps,
+  AvatarGroup: () => import_react84.AvatarGroup,
+  AvatarGroupProps: () => import_react84.AvatarGroupProps,
+  AvatarProps: () => import_react84.AvatarProps,
   Badge: () => badge_default,
   Box: () => import_react48.Box,
   BoxProps: () => import_react48.BoxProps,
@@ -74,9 +74,9 @@ __export(src_exports, {
   ButtonGroupProps: () => import_react9.ButtonGroupProps,
   Card: () => card_default,
   Center: () => import_react48.Center,
-  ChakraProvider: () => import_react93.ChakraProvider,
-  ChakraProviderProps: () => import_react93.ChakraProviderProps,
-  ChakraTable: () => import_react79.Table,
+  ChakraProvider: () => import_react92.ChakraProvider,
+  ChakraProviderProps: () => import_react92.ChakraProviderProps,
+  ChakraTable: () => import_react78.Table,
   Checkbox: () => checkbox_default,
   CheckboxGroup: () => checkbox_group_default,
   CheckboxGroupContext: () => import_react16.CheckboxGroupContext,
@@ -87,13 +87,13 @@ __export(src_exports, {
   Chips: () => chips_default,
   CloseButton: () => import_react9.CloseButton,
   CloseButtonProps: () => import_react9.CloseButtonProps,
-  Code: () => import_react82.Code,
-  CodeProps: () => import_react82.CodeProps,
-  Collapse: () => import_react85.Collapse,
-  CollapseProps: () => import_react85.CollapseProps,
-  ColorMode: () => import_react93.ColorMode,
-  ColorModeScript: () => import_react93.ColorModeScript,
-  ColorModeScriptProps: () => import_react93.ColorModeScriptProps,
+  Code: () => import_react81.Code,
+  CodeProps: () => import_react81.CodeProps,
+  Collapse: () => import_react84.Collapse,
+  CollapseProps: () => import_react84.CollapseProps,
+  ColorMode: () => import_react92.ColorMode,
+  ColorModeScript: () => import_react92.ColorModeScript,
+  ColorModeScriptProps: () => import_react92.ColorModeScriptProps,
   Container: () => import_react48.Container,
   ContainerProps: () => import_react48.ContainerProps,
   Counter: () => counter_default,
@@ -112,8 +112,8 @@ __export(src_exports, {
   DrawerHeader: () => import_react59.ModalHeader,
   DrawerOverlay: () => import_react59.ModalOverlay,
   DrawerProps: () => import_react59.DrawerProps,
-  Fade: () => import_react85.Fade,
-  FadeProps: () => import_react85.FadeProps,
+  Fade: () => import_react84.Fade,
+  FadeProps: () => import_react84.FadeProps,
   Field: () => field_default,
   Flex: () => import_react48.Flex,
   FlexProps: () => import_react48.FlexProps,
@@ -129,18 +129,18 @@ __export(src_exports, {
   GridProps: () => import_react48.GridProps,
   HStack: () => import_react48.HStack,
   Header: () => header_default,
-  Heading: () => import_react82.Heading,
-  HeadingProps: () => import_react82.HeadingProps,
-  Hide: () => import_react85.Hide,
-  HideProps: () => import_react85.HideProps,
+  Heading: () => import_react81.Heading,
+  HeadingProps: () => import_react81.HeadingProps,
+  Hide: () => import_react84.Hide,
+  HideProps: () => import_react84.HideProps,
   Icon: () => import_react47.Icon,
   IconButton: () => import_react9.IconButton,
   IconButtonProps: () => import_react9.IconButtonProps,
   IconProps: () => import_react47.IconProps,
   Image: () => import_react47.Image,
   ImageProps: () => import_react47.ImageProps,
-  Img: () => import_react85.Img,
-  ImgProps: () => import_react85.ImgProps,
+  Img: () => import_react84.Img,
+  ImgProps: () => import_react84.ImgProps,
   InputAddonLeft: () => InputAddonLeft,
   InputAddonRight: () => InputAddonRight,
   InputElementLeft: () => import_react20.InputLeftElement,
@@ -157,8 +157,8 @@ __export(src_exports, {
   InputRightAddonProps: () => import_react27.InputRightAddonProps,
   InputRightElement: () => import_react27.InputRightElement,
   InputRightElementProps: () => import_react27.InputRightElementProps,
-  Link: () => import_react82.Link,
-  LinkProps: () => import_react82.LinkProps,
+  Link: () => import_react81.Link,
+  LinkProps: () => import_react81.LinkProps,
   List: () => import_react49.List,
   ListIcon: () => import_react49.ListIcon,
   ListItem: () => import_react49.ListItem,
@@ -188,126 +188,126 @@ __export(src_exports, {
   Pagination: () => pagination_default,
   PaginationDetail: () => pagination_detail_default,
   PaginationFilter: () => pagination_filter_default,
-  Popover: () => import_react69.Popover,
-  PopoverAnchor: () => import_react69.PopoverAnchor,
-  PopoverArrow: () => import_react69.PopoverArrow,
-  PopoverArrowProps: () => import_react69.PopoverArrowProps,
-  PopoverBody: () => import_react69.PopoverBody,
-  PopoverBodyProps: () => import_react69.PopoverBodyProps,
-  PopoverCloseButton: () => import_react69.PopoverCloseButton,
-  PopoverContent: () => import_react69.PopoverContent,
-  PopoverContentProps: () => import_react69.PopoverContentProps,
-  PopoverFooter: () => import_react69.PopoverFooter,
-  PopoverFooterProps: () => import_react69.PopoverFooterProps,
-  PopoverHeader: () => import_react69.PopoverHeader,
-  PopoverHeaderProps: () => import_react69.PopoverHeaderProps,
-  PopoverProps: () => import_react69.PopoverProps,
-  PopoverTrigger: () => import_react69.PopoverTrigger,
-  Portal: () => import_react69.Portal,
-  PortalProps: () => import_react69.PortalProps,
+  Popover: () => import_react68.Popover,
+  PopoverAnchor: () => import_react68.PopoverAnchor,
+  PopoverArrow: () => import_react68.PopoverArrow,
+  PopoverArrowProps: () => import_react68.PopoverArrowProps,
+  PopoverBody: () => import_react68.PopoverBody,
+  PopoverBodyProps: () => import_react68.PopoverBodyProps,
+  PopoverCloseButton: () => import_react68.PopoverCloseButton,
+  PopoverContent: () => import_react68.PopoverContent,
+  PopoverContentProps: () => import_react68.PopoverContentProps,
+  PopoverFooter: () => import_react68.PopoverFooter,
+  PopoverFooterProps: () => import_react68.PopoverFooterProps,
+  PopoverHeader: () => import_react68.PopoverHeader,
+  PopoverHeaderProps: () => import_react68.PopoverHeaderProps,
+  PopoverProps: () => import_react68.PopoverProps,
+  PopoverTrigger: () => import_react68.PopoverTrigger,
+  Portal: () => import_react68.Portal,
+  PortalProps: () => import_react68.PortalProps,
   Provider: () => provider_default,
   ProviderContext: () => ProviderContext,
   Radio: () => Radio,
   RadioGroup: () => RadioGroup,
-  RadioGroupContext: () => import_react72.RadioGroupContext,
+  RadioGroupContext: () => import_react71.RadioGroupContext,
   Rating: () => rating_default,
   RequiredIndicator: () => import_react27.RequiredIndicator,
   RequiredIndicatorProps: () => import_react27.RequiredIndicatorProps,
-  ScaleFade: () => import_react85.ScaleFade,
-  ScaleFadeProps: () => import_react85.ScaleFadeProps,
+  ScaleFade: () => import_react84.ScaleFade,
+  ScaleFadeProps: () => import_react84.ScaleFadeProps,
   Select: () => select_default,
   SelectAsync: () => select_async_default,
   SelectAsyncCreatable: () => SelectAsyncCreatable,
   SelectCreatable: () => SelectCreatable,
-  Show: () => import_react85.Show,
-  ShowProps: () => import_react85.ShowProps,
+  Show: () => import_react84.Show,
+  ShowProps: () => import_react84.ShowProps,
   SimpleGrid: () => import_react48.SimpleGrid,
   Skeleton: () => import_react5.Skeleton,
-  Slide: () => import_react85.Slide,
-  SlideFade: () => import_react85.SlideFade,
-  SlideFadeProps: () => import_react85.SlideFadeProps,
-  SlideProps: () => import_react85.SlideProps,
+  Slide: () => import_react84.Slide,
+  SlideFade: () => import_react84.SlideFade,
+  SlideFadeProps: () => import_react84.SlideFadeProps,
+  SlideProps: () => import_react84.SlideProps,
   Spacer: () => import_react48.Spacer,
   Stack: () => import_react48.Stack,
   StackProps: () => import_react48.StackProps,
-  Step: () => import_react85.Step,
-  StepDescription: () => import_react85.StepDescription,
-  StepIcon: () => import_react85.StepIcon,
-  StepIndicator: () => import_react85.StepIndicator,
-  StepNumber: () => import_react85.StepNumber,
-  StepSeparator: () => import_react85.StepSeparator,
-  StepStatus: () => import_react85.StepStatus,
-  StepTitle: () => import_react85.StepTitle,
-  Stepper: () => import_react85.Stepper,
+  Step: () => import_react84.Step,
+  StepDescription: () => import_react84.StepDescription,
+  StepIcon: () => import_react84.StepIcon,
+  StepIndicator: () => import_react84.StepIndicator,
+  StepNumber: () => import_react84.StepNumber,
+  StepSeparator: () => import_react84.StepSeparator,
+  StepStatus: () => import_react84.StepStatus,
+  StepTitle: () => import_react84.StepTitle,
+  Stepper: () => import_react84.Stepper,
   Switch: () => switch_default,
   Tab: () => tab_default,
-  TabIndicator: () => import_react81.TabIndicator,
-  TabIndicatorProps: () => import_react81.TabIndicatorProps,
-  TabList: () => import_react81.TabList,
-  TabListProps: () => import_react81.TabListProps,
-  TabPanel: () => import_react81.TabPanel,
-  TabPanelProps: () => import_react81.TabPanelProps,
-  TabPanels: () => import_react81.TabPanels,
-  TabPanelsProps: () => import_react81.TabPanelsProps,
-  TabProps: () => import_react81.TabProps,
-  TableBodyProps: () => import_react79.TableBodyProps,
-  TableCellProps: () => import_react79.TableCellProps,
-  TableColumnHeaderProps: () => import_react79.TableColumnHeaderProps,
-  TableHeadProps: () => import_react79.TableHeadProps,
-  TableProps: () => import_react79.TableProps,
-  TableRowProps: () => import_react79.TableRowProps,
-  Tabs: () => import_react81.Tabs,
-  TabsDescendantsProvider: () => import_react81.TabsDescendantsProvider,
-  TabsProps: () => import_react81.TabsProps,
-  TabsProvider: () => import_react81.TabsProvider,
-  Tbody: () => import_react79.Tbody,
-  Td: () => import_react79.Td,
-  Text: () => import_react82.Text,
-  TextProps: () => import_react82.TextProps,
+  TabIndicator: () => import_react80.TabIndicator,
+  TabIndicatorProps: () => import_react80.TabIndicatorProps,
+  TabList: () => import_react80.TabList,
+  TabListProps: () => import_react80.TabListProps,
+  TabPanel: () => import_react80.TabPanel,
+  TabPanelProps: () => import_react80.TabPanelProps,
+  TabPanels: () => import_react80.TabPanels,
+  TabPanelsProps: () => import_react80.TabPanelsProps,
+  TabProps: () => import_react80.TabProps,
+  TableBodyProps: () => import_react78.TableBodyProps,
+  TableCellProps: () => import_react78.TableCellProps,
+  TableColumnHeaderProps: () => import_react78.TableColumnHeaderProps,
+  TableHeadProps: () => import_react78.TableHeadProps,
+  TableProps: () => import_react78.TableProps,
+  TableRowProps: () => import_react78.TableRowProps,
+  Tabs: () => import_react80.Tabs,
+  TabsDescendantsProvider: () => import_react80.TabsDescendantsProvider,
+  TabsProps: () => import_react80.TabsProps,
+  TabsProvider: () => import_react80.TabsProvider,
+  Tbody: () => import_react78.Tbody,
+  Td: () => import_react78.Td,
+  Text: () => import_react81.Text,
+  TextProps: () => import_react81.TextProps,
   TextareaField: () => textarea_default,
-  Th: () => import_react79.Th,
-  Thead: () => import_react79.Thead,
+  Th: () => import_react78.Th,
+  Thead: () => import_react78.Thead,
   ThemeTypings: () => import_styled_system13.ThemeTypings,
-  Tooltip: () => import_react83.Tooltip,
-  TooltipProps: () => import_react83.TooltipProps,
-  Tr: () => import_react79.Tr,
+  Tooltip: () => import_react82.Tooltip,
+  TooltipProps: () => import_react82.TooltipProps,
+  Tr: () => import_react78.Tr,
   UnorderedList: () => import_react49.UnorderedList,
   Uploader: () => uploader_default,
   UseAccordionItemProps: () => import_react3.UseAccordionItemProps,
   UseAccordionItemReturn: () => import_react3.UseAccordionItemReturn,
   UseAccordionProps: () => import_react3.UseAccordionProps,
   UseAccordionReturn: () => import_react3.UseAccordionReturn,
-  UseBreakpointOptions: () => import_react85.UseBreakpointOptions,
+  UseBreakpointOptions: () => import_react84.UseBreakpointOptions,
   UseCheckboxGroupProps: () => import_react16.UseCheckboxGroupProps,
   UseCheckboxGroupReturn: () => import_react16.UseCheckboxGroupReturn,
   UseCheckboxProps: () => import_react16.UseCheckboxProps,
   UseCheckboxReturn: () => import_react16.UseCheckboxReturn,
-  UseDisclosureProps: () => import_react95.UseDisclosureProps,
-  UseImageProps: () => import_react85.UseImageProps,
-  UseImageReturn: () => import_react85.UseImageReturn,
-  UseMediaQueryOptions: () => import_react85.UseMediaQueryOptions,
+  UseDisclosureProps: () => import_react94.UseDisclosureProps,
+  UseImageProps: () => import_react84.UseImageProps,
+  UseImageReturn: () => import_react84.UseImageReturn,
+  UseMediaQueryOptions: () => import_react84.UseMediaQueryOptions,
   UseModalProps: () => import_react59.UseModalProps,
   UseModalReturn: () => import_react59.UseModalReturn,
-  UseQueryProps: () => import_react85.UseQueryProps,
-  UseRadioGroupReturn: () => import_react72.UseRadioGroupReturn,
-  UseRadioProps: () => import_react72.UseRadioProps,
-  UseRadioReturn: () => import_react72.UseRadioReturn,
-  UseTabListProps: () => import_react81.UseTabListProps,
-  UseTabListReturn: () => import_react81.UseTabListReturn,
-  UseTabOptions: () => import_react81.UseTabOptions,
-  UseTabPanelsProps: () => import_react81.UseTabPanelsProps,
-  UseTabProps: () => import_react81.UseTabProps,
-  UseTabsProps: () => import_react81.UseTabsProps,
-  UseTabsReturn: () => import_react81.UseTabsReturn,
+  UseQueryProps: () => import_react84.UseQueryProps,
+  UseRadioGroupReturn: () => import_react71.UseRadioGroupReturn,
+  UseRadioProps: () => import_react71.UseRadioProps,
+  UseRadioReturn: () => import_react71.UseRadioReturn,
+  UseTabListProps: () => import_react80.UseTabListProps,
+  UseTabListReturn: () => import_react80.UseTabListReturn,
+  UseTabOptions: () => import_react80.UseTabOptions,
+  UseTabPanelsProps: () => import_react80.UseTabPanelsProps,
+  UseTabProps: () => import_react80.UseTabProps,
+  UseTabsProps: () => import_react80.UseTabsProps,
+  UseTabsReturn: () => import_react80.UseTabsReturn,
   VStack: () => import_react48.VStack,
-  VisuallyHidden: () => import_react85.VisuallyHidden,
-  VisuallyHiddenInput: () => import_react85.VisuallyHiddenInput,
+  VisuallyHidden: () => import_react84.VisuallyHidden,
+  VisuallyHiddenInput: () => import_react84.VisuallyHiddenInput,
   Wrap: () => import_react48.Wrap,
   WrapItem: () => import_react48.WrapItem,
   WrapItemProps: () => import_react48.WrapItemProps,
   WrapProps: () => import_react48.WrapProps,
-  extendTheme: () => import_react96.extendTheme,
-  forwardRef: () => import_react96.forwardRef,
+  extendTheme: () => import_react95.extendTheme,
+  forwardRef: () => import_react95.forwardRef,
   getTheme: () => getTheme,
   theme: () => theme5,
   useAccordion: () => import_react3.useAccordion,
@@ -316,47 +316,47 @@ __export(src_exports, {
   useAccordionItemState: () => import_react3.useAccordionItemState,
   useAccordionStyles: () => import_react3.useAccordionStyles,
   useAlertStyles: () => useAlertStyles,
-  useBoolean: () => import_react95.useBoolean,
-  useBreakpoint: () => import_react85.useBreakpoint,
+  useBoolean: () => import_react94.useBoolean,
+  useBreakpoint: () => import_react84.useBreakpoint,
   useCheckbox: () => import_react16.useCheckbox,
   useCheckboxGroup: () => import_react16.useCheckboxGroup,
-  useClipboard: () => import_react95.useClipboard,
-  useColorMode: () => import_react95.useColorMode,
-  useColorModePreference: () => import_react85.useColorModePreference,
-  useColorModeValue: () => import_react95.useColorModeValue,
-  useConst: () => import_react95.useConst,
-  useControllableProp: () => import_react95.useControllableProp,
-  useControllableState: () => import_react95.useControllableState,
+  useClipboard: () => import_react94.useClipboard,
+  useColorMode: () => import_react94.useColorMode,
+  useColorModePreference: () => import_react84.useColorModePreference,
+  useColorModeValue: () => import_react94.useColorModeValue,
+  useConst: () => import_react94.useConst,
+  useControllableProp: () => import_react94.useControllableProp,
+  useControllableState: () => import_react94.useControllableState,
   useDataTable: () => useDataTable,
-  useDimensions: () => import_react95.useDimensions,
-  useDisclosure: () => import_react95.useDisclosure,
+  useDimensions: () => import_react94.useDimensions,
+  useDisclosure: () => import_react94.useDisclosure,
   useDrawerContext: () => import_react59.useDrawerContext,
   useFetcher: () => useFetcher,
-  useImage: () => import_react85.useImage,
+  useImage: () => import_react84.useImage,
   useInternalUI: () => useInternalUI,
-  useMergeRefs: () => import_react95.useMergeRefs,
+  useMergeRefs: () => import_react94.useMergeRefs,
   useModal: () => import_react59.useModal,
   useModalContext: () => import_react59.useModalContext,
   useModalStyles: () => import_react59.useModalStyles,
-  useOutsideClick: () => import_react95.useOutsideClick,
-  useQuery: () => import_react85.useQuery,
-  useRadio: () => import_react72.useRadio,
-  useRadioGroup: () => import_react72.useRadioGroup,
-  useRadioGroupContext: () => import_react72.useRadioGroupContext,
-  useSteps: () => import_react85.useSteps,
-  useTab: () => import_react81.useTab,
-  useTabIndicator: () => import_react81.useTabIndicator,
-  useTabList: () => import_react81.useTabList,
-  useTabPanel: () => import_react81.useTabPanel,
-  useTabPanels: () => import_react81.useTabPanels,
-  useTabs: () => import_react81.useTabs,
-  useTabsContext: () => import_react81.useTabsContext,
-  useTabsDescendant: () => import_react81.useTabsDescendant,
-  useTabsDescendants: () => import_react81.useTabsDescendants,
-  useTabsDescendantsContext: () => import_react81.useTabsDescendantsContext,
-  useTabsStyles: () => import_react81.useTabsStyles,
-  useTheme: () => import_react95.useTheme,
-  useToken: () => import_react95.useToken
+  useOutsideClick: () => import_react94.useOutsideClick,
+  useQuery: () => import_react84.useQuery,
+  useRadio: () => import_react71.useRadio,
+  useRadioGroup: () => import_react71.useRadioGroup,
+  useRadioGroupContext: () => import_react71.useRadioGroupContext,
+  useSteps: () => import_react84.useSteps,
+  useTab: () => import_react80.useTab,
+  useTabIndicator: () => import_react80.useTabIndicator,
+  useTabList: () => import_react80.useTabList,
+  useTabPanel: () => import_react80.useTabPanel,
+  useTabPanels: () => import_react80.useTabPanels,
+  useTabs: () => import_react80.useTabs,
+  useTabsContext: () => import_react80.useTabsContext,
+  useTabsDescendant: () => import_react80.useTabsDescendant,
+  useTabsDescendants: () => import_react80.useTabsDescendants,
+  useTabsDescendantsContext: () => import_react80.useTabsDescendantsContext,
+  useTabsStyles: () => import_react80.useTabsStyles,
+  useTheme: () => import_react94.useTheme,
+  useToken: () => import_react94.useToken
 });
 module.exports = __toCommonJS(src_exports);
 
@@ -1162,7 +1162,7 @@ var Counter = ({
           isReadOnly,
           width: 12,
           type: "number",
-          borderColor: "neutral.200"
+          borderColor: isError ? "danger.500" : "neutral.200"
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
@@ -1198,7 +1198,6 @@ var getCommonPinningStyles = (column) => {
     left: isPinned === "left" ? `${column.getStart("left")}px` : void 0,
     right: isPinned === "right" ? `${column.getAfter("right")}px` : void 0,
     position: isPinned ? "sticky" : "relative",
-    width: column.getSize(),
     zIndex: isPinned ? 1 : 0,
     backgroundColor: "white",
     ...isLastLeftPinnedColumn ? {
@@ -1360,8 +1359,8 @@ var DataTable = React5.forwardRef((props, ref) => {
           import_react29.Th,
           {
             colSpan: header.colSpan,
-            width: `${header.getSize() + (index === 0 || index === headerGroup.headers.length - 1 ? 16 : 0)}px`,
             sx: getCommonPinningStyles(header.column),
+            width: `${header.getSize() + (index === 0 || index === headerGroup.headers.length - 1 ? 16 : 0)}px`,
             ...styles == null ? void 0 : styles.tableColumnHeader,
             children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
               import_react29.Flex,
@@ -2865,104 +2864,69 @@ var modal_header_default = ModalHeader2;
 var import_react59 = require("@chakra-ui/react");
 
 // src/components/navigation/components/navigation.tsx
-var import_icons4 = require("@chakra-ui/icons");
-var import_react61 = require("@chakra-ui/react");
-var import_react62 = require("@emotion/react");
-
-// src/components/navigation/components/mapping-icon.ts
-var import_fi6 = require("react-icons/fi");
-
-// src/components/navigation/components/customer-icon.tsx
 var import_react60 = require("@chakra-ui/react");
-var import_jsx_runtime41 = require("react/jsx-runtime");
-var CustomerIcon = (0, import_react60.createIcon)({
-  displayName: "CustomerIcon",
-  viewBox: "0 0 16 16",
-  path: [
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-      "path",
-      {
-        fill: "currentColor",
-        fillRule: "inherit",
-        d: "M8 2a6 6 0 1 0 0 12A6 6 0 0 0 8 2ZM.667 8a7.333 7.333 0 1 1 14.666 0A7.333 7.333 0 0 1 .667 8Z",
-        clipRule: "inherit"
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-      "path",
-      {
-        fill: "currentColor",
-        d: "M12.416 12.698a1.997 1.997 0 0 0-1.75-1.031H5.334a2 2 0 0 0-1.864 1.277 7.722 7.722 0 0 1-.943-1.074 3.329 3.329 0 0 1 2.807-1.537h5.334a3.333 3.333 0 0 1 2.703 1.384c-.275.325-.594.66-.954.98Z"
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-      "path",
-      {
-        fill: "currentColor",
-        fillRule: "inherit",
-        d: "M8 5.333A1.333 1.333 0 1 0 8 8a1.333 1.333 0 0 0 0-2.667ZM5.333 6.667a2.667 2.667 0 1 1 5.334 0 2.667 2.667 0 0 1-5.334 0Z",
-        clipRule: "inherit"
-      }
-    )
-  ]
-});
-var customer_icon_default = CustomerIcon;
+var Icon3 = __toESM(require("@ctlyst.id/internal-icon"));
+var import_react61 = require("@emotion/react");
 
-// src/components/navigation/components/mapping-icon.ts
+// src/components/navigation/components/mapping-icon.tsx
+var Icon2 = __toESM(require("@ctlyst.id/internal-icon"));
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var mappingIcon = /* @__PURE__ */ new Map([
-  ["Order", import_fi6.FiShoppingBag],
-  ["Fulfillment", import_fi6.FiShoppingCart],
-  ["Transfer Stock", import_fi6.FiRepeat],
-  ["Stock", import_fi6.FiBox],
-  ["Product Database", import_fi6.FiLayers],
-  ["Purchasing", import_fi6.FiDollarSign],
-  ["Reseller", import_fi6.FiUsers],
-  ["Retur", import_fi6.FiRotateCcw],
-  ["Other", import_fi6.FiSettings],
-  ["Content", import_fi6.FiLayout],
-  ["Voucher", import_fi6.FiGift],
-  ["Customer", customer_icon_default]
+  ["Order", /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon2.ShoppingBag, { size: 4, color: "inherit" }, "order")],
+  ["Fulfillment", /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon2.ShoppingCart, { size: 4, color: "inherit" }, "fullfilment")],
+  ["Transfer Stock", /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon2.Repeat, { size: 4, color: "inherit" }, "transfer-stock")],
+  ["Stock", /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon2.Box, { size: 4, color: "inherit" }, "stock")],
+  ["Product Database", /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon2.Layers, { size: 4, color: "inherit" }, "product-database")],
+  ["Purchasing", /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon2.DollarSign, { size: 4, color: "inherit" }, "purchasing")],
+  ["Reseller", /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon2.Users, { size: 4, color: "inherit" }, "reseller")],
+  ["Retur", /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon2.RotateCcw, { size: 4, color: "inherit" }, "retur")],
+  ["Other", /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon2.Settings, { size: 4, color: "inherit" }, "other")],
+  ["Content", /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon2.Layout, { size: 4, color: "inherit" }, "content")],
+  ["Customer", /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon2.HelpCircle, { size: 4, color: "inherit" }, "content")],
+  ["Voucher", /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon2.Gift, { size: 4, color: "inherit" }, "content")]
 ]);
 
 // src/components/navigation/components/navigation.tsx
 var import_jsx_runtime42 = require("react/jsx-runtime");
 var Navigation = ({ navigations, activePath, as, host, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-    import_react61.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react60.Box, { borderRadius: "md", overflowX: "auto", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    import_react60.Flex,
     {
-      bg: (0, import_react61.useColorModeValue)("white", "ebony-clay.800"),
-      boxShadow: "0 4px 20px 0 rgb(0 0 0 / 5%)",
-      borderRadius: "md",
-      overflowX: "auto",
-      ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react61.Flex, { alignItems: "center", p: 2, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react61.HStack, { spacing: 2, children: navigations == null ? void 0 : navigations.map((navigation) => {
+      bg: "white",
+      w: "full",
+      rounded: "md",
+      flexWrap: "wrap",
+      alignItems: "center",
+      shadow: "raised",
+      gap: 1,
+      px: 4,
+      py: 2,
+      children: navigations == null ? void 0 : navigations.map((navigation) => {
         const isActive = activePath.startsWith(navigation.navLink || "");
         const activeBg = isActive ? "primary.500" : void 0;
-        return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react61.Popover, { trigger: "hover", placement: "bottom-start", children: ({ isOpen }) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react61.PopoverTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
-            import_react61.Box,
+        return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react60.Popover, { trigger: "hover", placement: "bottom-start", children: ({ isOpen }) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react60.PopoverTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+            import_react60.Button,
             {
-              display: "flex",
-              alignItems: "center",
-              borderRadius: "md",
-              cursor: "pointer",
+              h: 7.5,
+              p: 2,
+              size: "sm",
+              variant: "ghost",
+              "data-test-id": `CT_component_navigation_button-${navigation.title}${isActive ? "-active" : ""}`,
               _hover: {
-                backgroundColor: !isActive ? (0, import_react61.useColorModeValue)("dove-gray.50", "transparent") : activeBg
+                backgroundColor: !isActive ? "neutral.400" : activeBg
               },
-              backgroundColor: isOpen && !isActive ? (0, import_react61.useColorModeValue)("dove-gray.50", "transparent") : activeBg,
-              color: isActive ? "white" : "inherit",
-              p: 2,
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react61.Icon, { as: mappingIcon.get(navigation.title), mr: 2 }),
-                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react61.Text, { whiteSpace: "nowrap", fontSize: "text.sm", fontWeight: 400, children: navigation.title }),
-                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_icons4.ChevronDownIcon, { ml: 2 })
-              ]
+              backgroundColor: isOpen && !isActive ? "neutral.400" : activeBg,
+              color: isActive ? "primary.50" : "black.high",
+              leftIcon: mappingIcon.get(navigation.title),
+              rightIcon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon3.ChevronDown, { size: 4, color: "inherit" }),
+              children: navigation.title
             }
           ) }),
-          navigation.children && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react61.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react61.Box, { zIndex: "popover", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-            import_react61.PopoverContent,
+          navigation.children && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react60.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react60.Box, { zIndex: "popover", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+            import_react60.PopoverContent,
             {
-              bg: (0, import_react61.useColorModeValue)("white", "ebony-clay.800"),
+              bg: (0, import_react60.useColorModeValue)("white", "ebony-clay.800"),
               maxW: 250,
               border: "none",
               borderRadius: "md",
@@ -2972,7 +2936,7 @@ var Navigation = ({ navigations, activePath, as, host, ...props }) => {
                 const isLocalLink = host === navHost;
                 const isActiveSub = activePath === navLink;
                 return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-                  import_react61.Link,
+                  import_react60.Link,
                   {
                     as: isLocalLink ? as : void 0,
                     href: link,
@@ -2980,7 +2944,7 @@ var Navigation = ({ navigations, activePath, as, host, ...props }) => {
                       textDecoration: "none"
                     },
                     children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
-                      import_react61.Box,
+                      import_react60.Box,
                       {
                         display: "flex",
                         position: "relative",
@@ -2988,24 +2952,24 @@ var Navigation = ({ navigations, activePath, as, host, ...props }) => {
                         cursor: "pointer",
                         transition: "padding 0.35s ease 0s",
                         _hover: {
-                          backgroundColor: (0, import_react61.useColorModeValue)("dove-gray.50", "mirage.900"),
-                          color: (0, import_react61.useColorModeValue)("primary.500", "dove-gray.600"),
+                          backgroundColor: (0, import_react60.useColorModeValue)("dove-gray.50", "mirage.900"),
+                          color: (0, import_react60.useColorModeValue)("primary.500", "dove-gray.600"),
                           px: 5,
                           py: 4,
                           _first: { borderTopRadius: "md" },
                           _last: { borderBottomRadius: "md" }
                         },
                         color: isActiveSub ? "primary.500" : "inherit",
-                        css: import_react62.css`
-                                      border-spacing: 4px;
-                                    `,
+                        css: import_react61.css`
+                                    border-spacing: 4px;
+                                  `,
                         px: 6,
                         py: 4,
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react61.Icon, { as: mappingIcon.get(navigation.title), mr: 3 }),
-                          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react61.Text, { fontSize: "text.sm", children: title }),
+                          mappingIcon.get(navigation.title),
+                          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react60.Text, { fontSize: "text.sm", ml: 3, children: title }),
                           isActiveSub && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-                            import_react61.Box,
+                            import_react60.Box,
                             {
                               width: 0.5,
                               height: 8,
@@ -3026,9 +2990,9 @@ var Navigation = ({ navigations, activePath, as, host, ...props }) => {
             navigation.title
           ) }) })
         ] }) }, navigation.title);
-      }) }) })
+      })
     }
-  );
+  ) });
 };
 Navigation.defaultProps = {
   navigations: void 0,
@@ -3038,8 +3002,8 @@ Navigation.defaultProps = {
 var navigation_default = Navigation;
 
 // src/components/navigation/components/navigation-bar.tsx
-var import_react63 = require("@chakra-ui/react");
-var Icon3 = __toESM(require("@ctlyst.id/internal-icon"));
+var import_react62 = require("@chakra-ui/react");
+var Icon4 = __toESM(require("@ctlyst.id/internal-icon"));
 var import_jsx_runtime43 = require("react/jsx-runtime");
 var NavigationBar = ({
   navigations,
@@ -3055,80 +3019,69 @@ var NavigationBar = ({
     }
     return subMenu.navHost + subMenu.navLink;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-    import_react63.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react62.Box, { hidden: isFetched && navigations === void 0, "data-test-id": "CT_component_navigation_cms", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    import_react62.Flex,
     {
-      hidden: isFetched && navigations === void 0,
-      backgroundRepeat: "repeat-x",
-      "data-test-id": "CT_component_navigation_cms",
-      ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-        import_react63.Flex,
-        {
-          bg: "white",
-          w: "full",
-          rounded: "md",
-          flexWrap: "wrap",
-          alignItems: "center",
-          shadow: "raised",
-          gap: 1,
-          px: 4,
-          py: 2,
-          children: navigations == null ? void 0 : navigations.map((item) => {
-            var _a;
-            const childMenu = item.children.filter((subMenu) => asPath == null ? void 0 : asPath.includes(subMenu.navLink));
-            const isActive = pathname == null ? void 0 : pathname.startsWith((_a = childMenu[0]) == null ? void 0 : _a.navLink);
-            const activeBg = isActive ? "primary.500" : void 0;
-            return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react63.Popover, { isLazy: true, trigger: "hover", placement: "bottom-start", openDelay: 100, closeDelay: 100, children: ({ isOpen, onClose }) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react63.PopoverTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-                import_react63.Button,
-                {
-                  h: 7.5,
-                  p: 2,
-                  size: "sm",
-                  variant: "ghost",
-                  "data-test-id": `CT_component_navigation_button-${item.title}${isActive ? "-active" : ""}`,
-                  _hover: {
-                    backgroundColor: !isActive ? "neutral.400" : activeBg
-                  },
-                  backgroundColor: isOpen && !isActive ? "neutral.400" : activeBg,
-                  color: isActive ? "primary.50" : "black.high",
-                  leftIcon: mappingIcon2.get(item.title),
-                  rightIcon: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Icon3.ChevronDown, { size: 4, color: "inherit" }),
-                  children: item.title
-                }
-              ) }),
-              item.children && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react63.PopoverContent, { border: "none", shadow: "raised", py: 1, width: 240, children: item.children.map((subMenu) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
-                import_react63.Link,
-                {
-                  href: urlMenu(subMenu),
-                  display: "flex",
-                  alignItems: "center",
-                  transition: "padding 0.35s ease 0s",
-                  _hover: {
-                    pl: 6
-                  },
-                  _first: { borderTopRadius: "md" },
-                  _last: { borderBottomRadius: "md" },
-                  py: 3,
-                  px: 4,
-                  color: (pathname == null ? void 0 : pathname.startsWith(subMenu.navLink)) ? "primary.800" : "black.high",
-                  onClick: onClose,
-                  background: (pathname == null ? void 0 : pathname.startsWith(subMenu.navLink)) ? "primary.50" : "transparent",
-                  "data-test-id": `CT_component_navigation_link-${item.id}`,
-                  children: [
-                    mappingIcon2.get(item.title),
-                    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react63.Text, { textStyle: "text-sm", ml: 3, children: subMenu.title })
-                  ]
-                },
-                subMenu.id
-              )) })
-            ] }) }, item.id);
-          })
-        }
-      )
+      bg: "white",
+      w: "full",
+      rounded: "md",
+      flexWrap: "wrap",
+      alignItems: "center",
+      shadow: "raised",
+      gap: 1,
+      px: 4,
+      py: 2,
+      children: navigations == null ? void 0 : navigations.map((item) => {
+        var _a;
+        const childMenu = item.children.filter((subMenu) => asPath == null ? void 0 : asPath.includes(subMenu.navLink));
+        const isActive = pathname == null ? void 0 : pathname.startsWith((_a = childMenu[0]) == null ? void 0 : _a.navLink);
+        const activeBg = isActive ? "primary.500" : void 0;
+        return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react62.Popover, { isLazy: true, trigger: "hover", placement: "bottom-start", openDelay: 100, closeDelay: 100, children: ({ isOpen, onClose }) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react62.PopoverTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+            import_react62.Button,
+            {
+              h: 7.5,
+              p: 2,
+              size: "sm",
+              variant: "ghost",
+              "data-test-id": `CT_component_navigation_button-${item.title}${isActive ? "-active" : ""}`,
+              _hover: {
+                backgroundColor: !isActive ? "neutral.400" : activeBg
+              },
+              backgroundColor: isOpen && !isActive ? "neutral.400" : activeBg,
+              color: isActive ? "primary.50" : "black.high",
+              leftIcon: mappingIcon2.get(item.title),
+              rightIcon: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Icon4.ChevronDown, { size: 4, color: "inherit" }),
+              children: item.title
+            }
+          ) }),
+          item.children && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react62.PopoverContent, { bg: "white", boxShadow: "raised", borderRadius: "md", py: 1, width: 240, children: item.children.map((subMenu) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+            import_react62.Link,
+            {
+              href: urlMenu(subMenu),
+              display: "flex",
+              alignItems: "center",
+              transition: "padding 0.35s ease 0s",
+              _hover: {
+                pl: 6
+              },
+              py: 3,
+              px: 4,
+              color: (pathname == null ? void 0 : pathname.startsWith(subMenu.navLink)) ? "primary.800" : "black.high",
+              onClick: onClose,
+              background: (pathname == null ? void 0 : pathname.startsWith(subMenu.navLink)) ? "primary.50" : "transparent",
+              "data-test-id": `CT_component_navigation_link-${item.id}`,
+              children: [
+                mappingIcon2.get(item.title),
+                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react62.Text, { textStyle: "text-sm", ml: 3, children: subMenu.title })
+              ]
+            },
+            subMenu.id
+          )) })
+        ] }) }, item.id);
+      })
     }
-  );
+  ) });
 };
 NavigationBar.defaultProps = {
   navigations: void 0
@@ -3136,19 +3089,19 @@ NavigationBar.defaultProps = {
 var navigation_bar_default = NavigationBar;
 
 // src/components/pagination/components/pagination.tsx
-var import_icons5 = require("@chakra-ui/icons");
-var import_react66 = require("@chakra-ui/react");
+var import_icons4 = require("@chakra-ui/icons");
+var import_react65 = require("@chakra-ui/react");
 
 // src/components/pagination/components/pagination-button.tsx
-var import_react64 = require("@chakra-ui/react");
+var import_react63 = require("@chakra-ui/react");
 var import_jsx_runtime44 = require("react/jsx-runtime");
-var PaginationButton = (0, import_react64.forwardRef)(({ className, style, isActive, children, ...rest }, ref) => {
-  const btnBg = (0, import_react64.useColorModeValue)("neutral.300", "mirage.900");
-  const btnColor = (0, import_react64.useColorModeValue)("black.high", "primary.300");
-  const btnNotActiveBg = (0, import_react64.useColorModeValue)("secondary.50", "primary.500");
-  const btnNotActiveColor = (0, import_react64.useColorModeValue)("primary.500", "white");
+var PaginationButton = (0, import_react63.forwardRef)(({ className, style, isActive, children, ...rest }, ref) => {
+  const btnBg = (0, import_react63.useColorModeValue)("neutral.300", "mirage.900");
+  const btnColor = (0, import_react63.useColorModeValue)("black.high", "primary.300");
+  const btnNotActiveBg = (0, import_react63.useColorModeValue)("secondary.50", "primary.500");
+  const btnNotActiveColor = (0, import_react63.useColorModeValue)("primary.500", "white");
   return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-    import_react64.Button,
+    import_react63.Button,
     {
       "data-test-id": "Pagination-Button",
       ref,
@@ -3169,7 +3122,7 @@ var PaginationButton = (0, import_react64.forwardRef)(({ className, style, isAct
         color: btnNotActiveColor
       } : {},
       _disabled: {
-        background: (0, import_react64.useColorModeValue)("neutral.300", "mirage.900"),
+        background: (0, import_react63.useColorModeValue)("neutral.300", "mirage.900"),
         color: "neutral.600",
         pointerEvents: "none"
       },
@@ -3185,7 +3138,7 @@ PaginationButton.defaultProps = {
 var pagination_button_default = PaginationButton;
 
 // src/components/pagination/components/pagination-button-trigger.tsx
-var import_react65 = require("@chakra-ui/react");
+var import_react64 = require("@chakra-ui/react");
 var import_jsx_runtime45 = require("react/jsx-runtime");
 var PaginationButtonTrigger = ({
   color,
@@ -3194,7 +3147,7 @@ var PaginationButtonTrigger = ({
   visuallyHidden,
   icon
 }) => /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(pagination_button_default, { "data-test-id": "DLVCc_fBK35spHm5WxjcJ", color, isDisabled, onClick, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react65.VisuallyHidden, { children: visuallyHidden }),
+  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react64.VisuallyHidden, { children: visuallyHidden }),
   icon
 ] });
 PaginationButtonTrigger.defaultProps = {
@@ -3209,8 +3162,8 @@ var pagination_button_trigger_default = PaginationButtonTrigger;
 // src/components/pagination/components/pagination.tsx
 var import_jsx_runtime46 = require("react/jsx-runtime");
 var Pagination = ({ className, current, total, onSelect }) => {
-  const btnColorDisabled = (0, import_react66.useColorModeValue)("secondary.100", "primary.500");
-  const btnColor = (0, import_react66.useColorModeValue)("primary.500", "secondary.100");
+  const btnColorDisabled = (0, import_react65.useColorModeValue)("secondary.100", "primary.500");
+  const btnColor = (0, import_react65.useColorModeValue)("primary.500", "secondary.100");
   const disabledPrevious = current === 1;
   const previousButtonColor = disabledPrevious ? btnColorDisabled : btnColor;
   const disabledNext = current === total;
@@ -3237,8 +3190,8 @@ var Pagination = ({ className, current, total, onSelect }) => {
     }
     return pageButtons;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_react66.Box, { className, display: "inline-flex", alignItems: "center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react66.Box, { mr: 1, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_react65.Box, { className, display: "inline-flex", alignItems: "center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react65.Box, { mr: 1, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
       pagination_button_trigger_default,
       {
         "data-test-id": "Pagination-Button",
@@ -3246,10 +3199,10 @@ var Pagination = ({ className, current, total, onSelect }) => {
         isDisabled: disabledPrevious,
         onClick: () => handleSelectPage(1),
         visuallyHidden: "First Page",
-        icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_icons5.ArrowLeftIcon, { width: 2 })
+        icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_icons4.ArrowLeftIcon, { width: 2 })
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_react66.Box, { bg: "neutral.300", borderRadius: "full", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_react65.Box, { bg: "neutral.300", borderRadius: "full", children: [
       /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
         pagination_button_trigger_default,
         {
@@ -3258,7 +3211,7 @@ var Pagination = ({ className, current, total, onSelect }) => {
           isDisabled: disabledPrevious,
           onClick: () => handleSelectPage(current - 1),
           visuallyHidden: "Previous Page",
-          icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_icons5.ChevronLeftIcon, {})
+          icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_icons4.ChevronLeftIcon, {})
         }
       ),
       generatePages().map((page) => {
@@ -3268,7 +3221,7 @@ var Pagination = ({ className, current, total, onSelect }) => {
             "data-test-id": "Pagination-Button",
             isActive: page === current,
             onClick: () => typeof page === "number" ? handleSelectPage(page) : null,
-            children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react66.Text, { scale: 300, fontSize: "text.sm", lineHeight: 18, fontWeight: 500, children: page })
+            children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react65.Text, { scale: 300, fontSize: "text.sm", lineHeight: 18, fontWeight: 500, children: page })
           },
           page
         );
@@ -3281,11 +3234,11 @@ var Pagination = ({ className, current, total, onSelect }) => {
           isDisabled: disabledNext,
           onClick: () => handleSelectPage(current + 1),
           visuallyHidden: "Next Page",
-          icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_icons5.ChevronRightIcon, {})
+          icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_icons4.ChevronRightIcon, {})
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react66.Box, { ml: 1, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react65.Box, { ml: 1, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
       pagination_button_trigger_default,
       {
         "data-test-id": "Pagination-Button",
@@ -3293,7 +3246,7 @@ var Pagination = ({ className, current, total, onSelect }) => {
         isDisabled: disabledNext,
         onClick: () => handleSelectPage(total),
         visuallyHidden: "Last Page",
-        icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_icons5.ArrowRightIcon, { width: 2 })
+        icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_icons4.ArrowRightIcon, { width: 2 })
       }
     ) })
   ] });
@@ -3306,7 +3259,7 @@ Pagination.displayName = "Pagination";
 var pagination_default = Pagination;
 
 // src/components/pagination/components/pagination-detail.tsx
-var import_react67 = require("@chakra-ui/react");
+var import_react66 = require("@chakra-ui/react");
 var import_jsx_runtime47 = require("react/jsx-runtime");
 var PaginationDetail = ({
   page,
@@ -3317,14 +3270,14 @@ var PaginationDetail = ({
   lineHeight = 18,
   ...rest
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react67.Text, { scale, fontSize, lineHeight, ...rest, children: `${(page - 1) * limit + 1}-${limit * page < length ? limit * page : length} dari ${length} item` });
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react66.Text, { scale, fontSize, lineHeight, ...rest, children: `${(page - 1) * limit + 1}-${limit * page < length ? limit * page : length} dari ${length} item` });
 };
 var pagination_detail_default = PaginationDetail;
 
 // src/components/pagination/components/pagination-filter.tsx
-var import_react68 = require("@chakra-ui/react");
+var import_react67 = require("@chakra-ui/react");
 var React13 = __toESM(require("react"));
-var import_fi7 = require("react-icons/fi");
+var import_fi6 = require("react-icons/fi");
 var import_jsx_runtime48 = require("react/jsx-runtime");
 var PaginationFilter = ({
   limit,
@@ -3334,10 +3287,10 @@ var PaginationFilter = ({
   ...rest
 }) => {
   const [value, setValue] = React13.useState(limit);
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_react68.Box, { display: "flex", flexDirection: "row", alignItems: "center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react68.Text, { fontSize: "text.sm", lineHeight: 18, color: (0, import_react68.useColorModeValue)("neutral.900", "white"), ...rest, children: label }),
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_react67.Box, { display: "flex", flexDirection: "row", alignItems: "center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react67.Text, { fontSize: "text.sm", lineHeight: 18, color: (0, import_react67.useColorModeValue)("neutral.900", "white"), ...rest, children: label }),
     /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-      import_react68.Select,
+      import_react67.Select,
       {
         textAlign: "center",
         size: "xs",
@@ -3345,7 +3298,7 @@ var PaginationFilter = ({
         border: "none",
         boxShadow: "none",
         width: 18,
-        icon: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_fi7.FiChevronDown, {}),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_fi6.FiChevronDown, {}),
         _focusVisible: { boxShadow: "none" },
         onChange: (e) => {
           const numberValue = Number(e.target.value);
@@ -3367,10 +3320,10 @@ PaginationFilter.defaultProps = {
 var pagination_filter_default = PaginationFilter;
 
 // src/components/popover/index.ts
-var import_react69 = require("@chakra-ui/react");
+var import_react68 = require("@chakra-ui/react");
 
 // src/components/radio/components/radio.tsx
-var import_react70 = require("@chakra-ui/react");
+var import_react69 = require("@chakra-ui/react");
 var import_jsx_runtime49 = require("react/jsx-runtime");
 var Radio = ({
   isError = false,
@@ -3381,9 +3334,9 @@ var Radio = ({
   ...rest
 }) => {
   const variant = isError ? "errors" : "unstyled";
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_react70.Box, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react70.Box, { display: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react70.Radio, { variant, ...rest, isDisabled, children: children && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react70.Text, { as: "span", display: "block", textStyle: "text.sm", color: isDisabled ? "black.medium" : "black.high", children }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react70.Box, { mt: "5px", ml: "24px", children: isError ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react70.Text, { as: "span", display: "block", textStyle: "text.xs", color: "danger.500", children: errorText }) : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react70.Text, { as: "span", display: "block", textStyle: "text.xs", color: "black.medium", children: helpText }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_react69.Box, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react69.Box, { display: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react69.Radio, { variant, ...rest, isDisabled, children: children && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react69.Text, { as: "span", display: "block", textStyle: "text.sm", color: isDisabled ? "black.medium" : "black.high", children }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react69.Box, { mt: "5px", ml: "24px", children: isError ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react69.Text, { as: "span", display: "block", textStyle: "text.xs", color: "danger.500", children: errorText }) : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react69.Text, { as: "span", display: "block", textStyle: "text.xs", color: "black.medium", children: helpText }) })
   ] });
 };
 Radio.displayName = "Radio";
@@ -3394,7 +3347,7 @@ Radio.defaultProps = {
 };
 
 // src/components/radio/components/radio-group.tsx
-var import_react71 = require("@chakra-ui/react");
+var import_react70 = require("@chakra-ui/react");
 var import_jsx_runtime50 = require("react/jsx-runtime");
 var RadioGroup = ({
   children,
@@ -3404,7 +3357,7 @@ var RadioGroup = ({
   errorMessage,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(field_default, { ...props, label, leftHelperText: helpText, isError, errorMessage, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react71.Box, { mt: "12px", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react71.RadioGroup, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react71.Stack, { spacing: [1, "16px"], direction: ["column", "row"], children }) }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(field_default, { ...props, label, leftHelperText: helpText, isError, errorMessage, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react70.Box, { mt: "12px", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react70.RadioGroup, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react70.Stack, { spacing: [1, "16px"], direction: ["column", "row"], children }) }) }) });
 };
 RadioGroup.displayName = "RadioGroup";
 RadioGroup.defaultProps = {
@@ -3414,14 +3367,14 @@ RadioGroup.defaultProps = {
 };
 
 // src/components/radio/index.ts
-var import_react72 = require("@chakra-ui/react");
+var import_react71 = require("@chakra-ui/react");
 
 // src/components/rating/components/rating.tsx
-var import_react73 = require("@chakra-ui/react");
+var import_react72 = require("@chakra-ui/react");
 var import_internal_icon6 = require("@ctlyst.id/internal-icon");
 var import_jsx_runtime51 = require("react/jsx-runtime");
 var Rating = ({ value }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react73.Grid, { gap: "4px", display: "flex", children: [...Array(5)].map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_internal_icon6.Rating, { color: i < value ? "#FFA230" : "#E0E0E0", size: 24 })) });
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react72.Grid, { gap: "4px", display: "flex", children: [...Array(5)].map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_internal_icon6.Rating, { color: i < value ? "#FFA230" : "#E0E0E0", size: 24 })) });
 };
 var rating_default = Rating;
 
@@ -3430,16 +3383,16 @@ var import_system7 = require("@chakra-ui/system");
 var import_react_select = __toESM(require("react-select"));
 
 // src/config/theme/foundations/shadows.ts
-var import_react74 = require("@chakra-ui/react");
+var import_react73 = require("@chakra-ui/react");
 var shadows = {
-  ...import_react74.theme.shadows,
+  ...import_react73.theme.shadows,
   raised: "0px 4px 20px rgba(0, 0, 0, 0.05)"
 };
 
 // src/config/theme/foundations/sizes.ts
-var import_react75 = require("@chakra-ui/react");
+var import_react74 = require("@chakra-ui/react");
 var sizes = {
-  ...import_react75.theme.sizes,
+  ...import_react74.theme.sizes,
   4.5: "1.125rem",
   9.5: "2.375rem",
   18: "4.5rem",
@@ -3449,9 +3402,9 @@ var sizes = {
 };
 
 // src/config/theme/foundations/spacing.ts
-var import_react76 = require("@chakra-ui/react");
+var import_react75 = require("@chakra-ui/react");
 var spacing = {
-  ...import_react76.theme.space,
+  ...import_react75.theme.space,
   4.5: "1.125rem",
   9.5: "2.375rem",
   18: "4.5rem",
@@ -3829,16 +3782,16 @@ function SelectCreatable({ styles, isError = false, ...rest }) {
 }
 
 // src/components/switch/components/switch.tsx
-var import_react77 = require("@chakra-ui/react");
+var import_react76 = require("@chakra-ui/react");
 var import_shared_utils9 = require("@chakra-ui/shared-utils");
 var import_internal_icon7 = require("@ctlyst.id/internal-icon");
-var import_react78 = require("react");
+var import_react77 = require("react");
 var import_jsx_runtime56 = require("react/jsx-runtime");
-var Switch = (0, import_react77.forwardRef)(function Switch2(props, ref) {
-  const styles = (0, import_react77.useMultiStyleConfig)("Switch", props);
-  const { spacing: spacing2 = "0.5rem", children, ...ownProps } = (0, import_react77.omitThemingProps)(props);
-  const { state, getInputProps, getCheckboxProps, getRootProps, getLabelProps } = (0, import_react77.useCheckbox)(ownProps);
-  const containerStyles = (0, import_react78.useMemo)(
+var Switch = (0, import_react76.forwardRef)(function Switch2(props, ref) {
+  const styles = (0, import_react76.useMultiStyleConfig)("Switch", props);
+  const { spacing: spacing2 = "0.5rem", children, ...ownProps } = (0, import_react76.omitThemingProps)(props);
+  const { state, getInputProps, getCheckboxProps, getRootProps, getLabelProps } = (0, import_react76.useCheckbox)(ownProps);
+  const containerStyles = (0, import_react77.useMemo)(
     () => ({
       display: "inline-block",
       position: "relative",
@@ -3848,7 +3801,7 @@ var Switch = (0, import_react77.forwardRef)(function Switch2(props, ref) {
     }),
     [styles.container]
   );
-  const trackStyles = (0, import_react78.useMemo)(
+  const trackStyles = (0, import_react77.useMemo)(
     () => ({
       display: "inline-flex",
       flexShrink: 0,
@@ -3860,7 +3813,7 @@ var Switch = (0, import_react77.forwardRef)(function Switch2(props, ref) {
     }),
     [styles.track]
   );
-  const labelStyles = (0, import_react78.useMemo)(
+  const labelStyles = (0, import_react77.useMemo)(
     () => ({
       userSelect: "none",
       marginStart: spacing2,
@@ -3877,7 +3830,7 @@ var Switch = (0, import_react77.forwardRef)(function Switch2(props, ref) {
     return iconSize[value];
   };
   return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
-    import_react77.chakra.label,
+    import_react76.chakra.label,
     {
       ...getRootProps(),
       display: "flex",
@@ -3886,13 +3839,13 @@ var Switch = (0, import_react77.forwardRef)(function Switch2(props, ref) {
       __css: containerStyles,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("input", { "data-test-id": "", className: "chakra-switch__input", ...getInputProps({}, ref) }),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_react77.chakra.span, { ...getCheckboxProps(), className: "chakra-switch__track", pos: "relative", __css: trackStyles, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_react77.Flex, { gap: 2, pos: "absolute", top: "50%", left: "50%", transform: "translate(-50%, -50%)", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_react76.chakra.span, { ...getCheckboxProps(), className: "chakra-switch__track", pos: "relative", __css: trackStyles, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_react76.Flex, { gap: 2, pos: "absolute", top: "50%", left: "50%", transform: "translate(-50%, -50%)", children: [
             /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_internal_icon7.Check, { color: "white", size: getIconSize(props.size) }),
             /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_internal_icon7.Close, { color: state.isDisabled ? "neutral.600" : "neutral.900", size: getIconSize(props.size) })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
-            import_react77.chakra.span,
+            import_react76.chakra.span,
             {
               __css: styles.thumb,
               className: "chakra-switch__thumb",
@@ -3902,7 +3855,7 @@ var Switch = (0, import_react77.forwardRef)(function Switch2(props, ref) {
           )
         ] }),
         children && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
-          import_react77.chakra.span,
+          import_react76.chakra.span,
           {
             className: "chakra-switch__label",
             color: state.isDisabled ? "black.low" : "black.high",
@@ -3921,18 +3874,18 @@ Switch.defaultProps = {
 var switch_default = Switch;
 
 // src/components/table/index.tsx
-var import_react79 = require("@chakra-ui/react");
+var import_react78 = require("@chakra-ui/react");
 
 // src/components/tabs/components/tab.tsx
-var import_react80 = require("@chakra-ui/react");
+var import_react79 = require("@chakra-ui/react");
 var import_jsx_runtime57 = require("react/jsx-runtime");
-var Tab = (0, import_react80.forwardRef)((props, ref) => {
+var Tab = (0, import_react79.forwardRef)((props, ref) => {
   var _a, _b;
-  const tabProps = (0, import_react80.useTab)({ ...props, ref });
+  const tabProps = (0, import_react79.useTab)({ ...props, ref });
   const isSelected = !!tabProps["aria-selected"];
-  const styles = (0, import_react80.useMultiStyleConfig)("Tabs", tabProps);
+  const styles = (0, import_react79.useMultiStyleConfig)("Tabs", tabProps);
   return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-    import_react80.Button,
+    import_react79.Button,
     {
       "data-test-id": props["data-test-id"],
       p: 4,
@@ -3957,7 +3910,7 @@ var Tab = (0, import_react80.forwardRef)((props, ref) => {
       },
       __css: styles.tab,
       ...tabProps,
-      children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_react80.Flex, { alignItems: "center", children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_react79.Flex, { alignItems: "center", children: [
         (_a = props.leftAddon) == null ? void 0 : _a.call(props, { isSelected }),
         tabProps.children,
         (_b = props.rightAddon) == null ? void 0 : _b.call(props, { isSelected })
@@ -3968,16 +3921,16 @@ var Tab = (0, import_react80.forwardRef)((props, ref) => {
 var tab_default = Tab;
 
 // src/components/tabs/index.ts
-var import_react81 = require("@chakra-ui/react");
+var import_react80 = require("@chakra-ui/react");
 
 // src/components/text/index.ts
-var import_react82 = require("@chakra-ui/react");
+var import_react81 = require("@chakra-ui/react");
 
 // src/components/tooltip/index.ts
-var import_react83 = require("@chakra-ui/react");
+var import_react82 = require("@chakra-ui/react");
 
 // src/components/uploader/components/uploader.tsx
-var import_react84 = require("@chakra-ui/react");
+var import_react83 = require("@chakra-ui/react");
 var React15 = __toESM(require("react"));
 var import_react_dropzone = require("react-dropzone");
 
@@ -4039,9 +3992,9 @@ var Uploader = ({
   React15.useEffect(() => {
     setIsSelected(selected != null ? selected : false);
   }, [selected]);
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_react84.Stack, { direction: "column", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_react83.Stack, { direction: "column", children: [
     /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
-      import_react84.Flex,
+      import_react83.Flex,
       {
         minH: 200,
         border: "1px dashed",
@@ -4053,10 +4006,10 @@ var Uploader = ({
         ...getRootProps(),
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("input", { ...getInputProps() }),
-          isDragActive ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react84.Text, { children: messages.dragActive }) : /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_react84.Flex, { flexDirection: "column", alignItems: "center", color: isError ? "danger.500" : "primary.500", children: [
-            !multiple && isSelected && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react84.Heading, { fontWeight: 400, fontSize: "18px", lineHeight: 28, color: "black.high", mb: 2, children: selectedFirstFile == null ? void 0 : selectedFirstFile.name }),
-            !isSelected && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react84.Heading, { fontWeight: 400, fontSize: "18px", lineHeight: 28, mb: 2, children: messages.uploadFile }),
-            isSelected ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react84.Text, { children: messages.dragReplace }) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react84.Text, { children: messages.dragInActive })
+          isDragActive ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react83.Text, { children: messages.dragActive }) : /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_react83.Flex, { flexDirection: "column", alignItems: "center", color: isError ? "danger.500" : "primary.500", children: [
+            !multiple && isSelected && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react83.Heading, { fontWeight: 400, fontSize: "18px", lineHeight: 28, color: "black.high", mb: 2, children: selectedFirstFile == null ? void 0 : selectedFirstFile.name }),
+            !isSelected && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react83.Heading, { fontWeight: 400, fontSize: "18px", lineHeight: 28, mb: 2, children: messages.uploadFile }),
+            isSelected ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react83.Text, { children: messages.dragReplace }) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react83.Text, { children: messages.dragInActive })
           ] })
         ]
       }
@@ -4073,10 +4026,10 @@ Uploader.defaultProps = {
 var uploader_default = Uploader;
 
 // src/components/index.ts
-var import_react85 = require("@chakra-ui/react");
+var import_react84 = require("@chakra-ui/react");
 
 // src/config/theme/themeConfiguration.ts
-var import_react91 = require("@chakra-ui/react");
+var import_react90 = require("@chakra-ui/react");
 
 // src/config/theme/components/index.ts
 var components_exports = {};
@@ -4150,7 +4103,34 @@ var baseStyle = definePartsStyle({
   panel: baseStylePanel,
   icon: baseStyleIcon
 });
-var accordionTheme = defineMultiStyleConfig({ baseStyle });
+var collapseStyleButton = (0, import_styled_system.defineStyle)({
+  height: 13,
+  borderRadius: "sm",
+  borderWidth: "1px",
+  borderStyle: "solid",
+  borderColor: "neutral.300"
+});
+var collapseStylePanel = (0, import_styled_system.defineStyle)({
+  py: 0,
+  pr: 0,
+  pl: 12,
+  borderBottomRadius: "sm",
+  overflow: "hidden",
+  backgroundColor: "neutral.200"
+});
+var collapse = definePartsStyle({
+  button: collapseStyleButton,
+  panel: collapseStylePanel
+});
+var accordionTheme = defineMultiStyleConfig({
+  baseStyle,
+  variants: {
+    collapse
+  },
+  defaultProps: {
+    variant: void 0
+  }
+});
 var accordion_default = accordionTheme;
 
 // src/config/theme/components/alert.ts
@@ -4320,7 +4300,7 @@ var badge_default2 = Badge2;
 
 // src/config/theme/components/button.ts
 var import_styled_system3 = require("@chakra-ui/styled-system");
-var Button5 = (0, import_styled_system3.defineStyleConfig)({
+var Button6 = (0, import_styled_system3.defineStyleConfig)({
   // The styles all button have in common
   baseStyle: {
     fontSize: "body.1",
@@ -4575,7 +4555,7 @@ var Button5 = (0, import_styled_system3.defineStyleConfig)({
     colorScheme: "primary"
   }
 });
-var button_default2 = Button5;
+var button_default2 = Button6;
 
 // src/config/theme/components/card.ts
 var import_styled_system4 = require("@chakra-ui/styled-system");
@@ -4591,8 +4571,8 @@ var card_default2 = CardStyle;
 
 // src/config/theme/components/checkbox.ts
 var import_anatomy3 = require("@chakra-ui/anatomy");
-var import_react86 = require("@chakra-ui/react");
-var { definePartsStyle: definePartsStyle3, defineMultiStyleConfig: defineMultiStyleConfig3 } = (0, import_react86.createMultiStyleConfigHelpers)(import_anatomy3.checkboxAnatomy.keys);
+var import_react85 = require("@chakra-ui/react");
+var { definePartsStyle: definePartsStyle3, defineMultiStyleConfig: defineMultiStyleConfig3 } = (0, import_react85.createMultiStyleConfigHelpers)(import_anatomy3.checkboxAnatomy.keys);
 var baseStyle3 = definePartsStyle3({
   control: {
     borderRadius: "sm",
@@ -4873,8 +4853,8 @@ var input_default = Input4;
 
 // src/config/theme/components/loader.ts
 var import_styled_system8 = require("@chakra-ui/styled-system");
-var import_react87 = require("@emotion/react");
-var rotate = (0, import_react87.keyframes)({
+var import_react86 = require("@emotion/react");
+var rotate = (0, import_react86.keyframes)({
   "0%": {
     transform: "rotate(0deg)"
   },
@@ -5004,8 +4984,8 @@ var modal_default = Modal3;
 
 // src/config/theme/components/radio.ts
 var import_anatomy5 = require("@chakra-ui/anatomy");
-var import_react88 = require("@chakra-ui/react");
-var { definePartsStyle: definePartsStyle5, defineMultiStyleConfig: defineMultiStyleConfig5 } = (0, import_react88.createMultiStyleConfigHelpers)(import_anatomy5.radioAnatomy.keys);
+var import_react87 = require("@chakra-ui/react");
+var { definePartsStyle: definePartsStyle5, defineMultiStyleConfig: defineMultiStyleConfig5 } = (0, import_react87.createMultiStyleConfigHelpers)(import_anatomy5.radioAnatomy.keys);
 var baseStyle6 = definePartsStyle5({
   control: {
     border: "1px solid",
@@ -5433,7 +5413,7 @@ var tabsTheme = defineMultiStyleConfig8({
 var tabs_default = tabsTheme;
 
 // src/config/theme/components/textarea.ts
-var import_react89 = require("@chakra-ui/react");
+var import_react88 = require("@chakra-ui/react");
 var getProps = (props) => {
   const { isError, isSuccess, isDisabled } = props;
   let borderColor = "neutral.400";
@@ -5453,7 +5433,7 @@ var getProps = (props) => {
     borderColor
   };
 };
-var outline2 = (0, import_react89.defineStyle)((props) => {
+var outline2 = (0, import_react88.defineStyle)((props) => {
   const { focusBorderColor, borderColor } = getProps(props);
   return {
     background: "white.high",
@@ -5497,7 +5477,7 @@ var outline2 = (0, import_react89.defineStyle)((props) => {
     }
   };
 });
-var Textarea = (0, import_react89.defineStyleConfig)({
+var Textarea = (0, import_react88.defineStyleConfig)({
   variants: { outline: outline2 },
   defaultProps: {
     variant: "outline"
@@ -5506,14 +5486,14 @@ var Textarea = (0, import_react89.defineStyleConfig)({
 var textarea_default2 = Textarea;
 
 // src/config/theme/components/tooltip.ts
-var import_react90 = require("@chakra-ui/react");
-var $arrowBg = (0, import_react90.cssVar)("popper-arrow-bg");
+var import_react89 = require("@chakra-ui/react");
+var $arrowBg = (0, import_react89.cssVar)("popper-arrow-bg");
 var baseStyle9 = {
   bg: "neutral.700",
   fontSize: "text.sm",
   [$arrowBg.variable]: "var(--chakra-colors-neutral-700)"
 };
-var Tooltip2 = (0, import_react90.defineStyleConfig)({ baseStyle: baseStyle9 });
+var Tooltip2 = (0, import_react89.defineStyleConfig)({ baseStyle: baseStyle9 });
 var tooltip_default = Tooltip2;
 
 // src/config/theme/themeConfiguration.ts
@@ -5523,7 +5503,7 @@ var config = {
   useSystemColorMode: false
 };
 var getTheme = (foundations) => {
-  return (0, import_react91.extendTheme)({
+  return (0, import_react90.extendTheme)({
     ...foundations,
     components: {
       ...components_exports
@@ -5539,7 +5519,7 @@ var getTheme = (foundations) => {
     config
   });
 };
-var theme5 = (0, import_react91.extendTheme)({
+var theme5 = (0, import_react90.extendTheme)({
   components: {
     ...components_exports
   },
@@ -5559,23 +5539,23 @@ var theme5 = (0, import_react91.extendTheme)({
 
 // src/hooks/useFetcher.ts
 var import_axios2 = __toESM(require("axios"));
-var import_react94 = require("react");
+var import_react93 = require("react");
 
 // src/provider/components/provider.tsx
 var import_axios = __toESM(require("axios"));
-var import_react92 = require("react");
+var import_react91 = require("react");
 var import_react_toastify = require("react-toastify");
 var import_jsx_runtime59 = require("react/jsx-runtime");
-var ProviderContext = (0, import_react92.createContext)({
+var ProviderContext = (0, import_react91.createContext)({
   instance: void 0
 });
 var useInternalUI = () => {
-  const { instance } = (0, import_react92.useContext)(ProviderContext);
+  const { instance } = (0, import_react91.useContext)(ProviderContext);
   return { instance };
 };
 var Provider = ({ children, config: config2, requestInterceptors, responseInterceptors }) => {
-  const instanceRef = (0, import_react92.useRef)(import_axios.default.create(config2));
-  (0, import_react92.useEffect)(() => {
+  const instanceRef = (0, import_react91.useRef)(import_axios.default.create(config2));
+  (0, import_react91.useEffect)(() => {
     requestInterceptors == null ? void 0 : requestInterceptors.forEach((interceptor) => {
       instanceRef.current.interceptors.request.use(interceptor);
     });
@@ -5583,7 +5563,7 @@ var Provider = ({ children, config: config2, requestInterceptors, responseInterc
       instanceRef.current.interceptors.response.use(interceptor);
     });
   }, [requestInterceptors, responseInterceptors]);
-  const provider = (0, import_react92.useMemo)(() => ({ instance: instanceRef.current }), []);
+  const provider = (0, import_react91.useMemo)(() => ({ instance: instanceRef.current }), []);
   return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(ProviderContext.Provider, { value: provider, children: [
     /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react_toastify.ToastContainer, {}),
     children
@@ -5593,12 +5573,12 @@ Provider.displayName = "Provider";
 var provider_default = Provider;
 
 // src/provider/index.ts
-var import_react93 = require("@chakra-ui/react");
+var import_react92 = require("@chakra-ui/react");
 
 // src/hooks/useFetcher.ts
 function useFetcher() {
   const { instance } = useInternalUI();
-  const axiosInstance = (0, import_react94.useMemo)(() => instance || import_axios2.default, [instance]);
+  const axiosInstance = (0, import_react93.useMemo)(() => instance || import_axios2.default, [instance]);
   const fetcher = async ({ url, data, method, headers, ...config2 }) => {
     const response = await axiosInstance.request({
       data,
@@ -5618,10 +5598,10 @@ function useFetcher() {
 }
 
 // src/hooks/index.ts
-var import_react95 = require("@chakra-ui/react");
+var import_react94 = require("@chakra-ui/react");
 
 // src/index.ts
-var import_react96 = require("@chakra-ui/react");
+var import_react95 = require("@chakra-ui/react");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Accordion,