@ctlyst.id/internal-ui 3.1.1 → 3.1.2

package/dist/index.js

@@ -88,14 +88,14 @@ __export(src_exports, {
   AlertAction: () => AlertAction,
   AlertClose: () => AlertClose,
   AlertDescription: () => AlertDescription,
-  AlertDialog: () => import_react53.AlertDialog,
-  AlertDialogBody: () => import_react53.ModalBody,
-  AlertDialogCloseButton: () => import_react53.ModalCloseButton,
-  AlertDialogContent: () => import_react53.AlertDialogContent,
-  AlertDialogFooter: () => import_react53.ModalFooter,
-  AlertDialogHeader: () => import_react53.ModalHeader,
-  AlertDialogOverlay: () => import_react53.ModalOverlay,
-  AlertDialogProps: () => import_react53.AlertDialogProps,
+  AlertDialog: () => import_react54.AlertDialog,
+  AlertDialogBody: () => import_react54.ModalBody,
+  AlertDialogCloseButton: () => import_react54.ModalCloseButton,
+  AlertDialogContent: () => import_react54.AlertDialogContent,
+  AlertDialogFooter: () => import_react54.ModalFooter,
+  AlertDialogHeader: () => import_react54.ModalHeader,
+  AlertDialogOverlay: () => import_react54.ModalOverlay,
+  AlertDialogProps: () => import_react54.AlertDialogProps,
   AlertIcon: () => AlertIcon,
   AlertTitle: () => AlertTitle,
   Anchor: () => Anchor,
@@ -106,18 +106,18 @@ __export(src_exports, {
   AvatarGroupProps: () => import_react121.AvatarGroupProps,
   AvatarProps: () => import_react121.AvatarProps,
   Badge: () => badge_default,
-  Box: () => import_react50.Box,
-  BoxProps: () => import_react50.BoxProps,
+  Box: () => import_react51.Box,
+  BoxProps: () => import_react51.BoxProps,
   BreadCrumb: () => bread_crumb_default,
   Button: () => button_default,
   ButtonGroup: () => import_react10.ButtonGroup,
   ButtonGroupProps: () => import_react10.ButtonGroupProps,
   CHECKBOX_STATE: () => CHECKBOX_STATE,
   Card: () => card_default,
-  Center: () => import_react50.Center,
+  Center: () => import_react51.Center,
   ChakraProvider: () => import_react131.ChakraProvider,
   ChakraProviderProps: () => import_react131.ChakraProviderProps,
-  ChakraTable: () => import_react111.Table,
+  ChakraTable: () => import_react112.Table,
   Checkbox: () => checkbox_default,
   CheckboxGroup: () => checkbox_group_default,
   CheckboxGroupContext: () => import_react16.CheckboxGroupContext,
@@ -128,59 +128,59 @@ __export(src_exports, {
   Chips: () => chips_default,
   CloseButton: () => import_react10.CloseButton,
   CloseButtonProps: () => import_react10.CloseButtonProps,
-  Code: () => import_react114.Code,
-  CodeProps: () => import_react114.CodeProps,
+  Code: () => import_react115.Code,
+  CodeProps: () => import_react115.CodeProps,
   Collapse: () => import_react121.Collapse,
   CollapseProps: () => import_react121.CollapseProps,
   ColorMode: () => import_react131.ColorMode,
   ColorModeScript: () => import_react131.ColorModeScript,
   ColorModeScriptProps: () => import_react131.ColorModeScriptProps,
-  Container: () => import_react50.Container,
-  ContainerProps: () => import_react50.ContainerProps,
+  Container: () => import_react51.Container,
+  ContainerProps: () => import_react51.ContainerProps,
   Counter: () => counter_default,
   DataTable: () => data_table_default,
   DatePickerMonth: () => datepicker_month_default,
   Datepicker: () => datepicker_default,
   Dialog: () => dialog_default,
-  Divider: () => import_react50.Divider,
-  DividerProps: () => import_react50.DividerProps,
-  Drawer: () => import_react53.Drawer,
-  DrawerBody: () => import_react53.ModalBody,
-  DrawerCloseButton: () => import_react53.ModalCloseButton,
-  DrawerContent: () => import_react53.DrawerContent,
-  DrawerContentProps: () => import_react53.DrawerContentProps,
-  DrawerFooter: () => import_react53.ModalFooter,
-  DrawerHeader: () => import_react53.ModalHeader,
-  DrawerOverlay: () => import_react53.ModalOverlay,
-  DrawerProps: () => import_react53.DrawerProps,
+  Divider: () => import_react51.Divider,
+  DividerProps: () => import_react51.DividerProps,
+  Drawer: () => import_react54.Drawer,
+  DrawerBody: () => import_react54.ModalBody,
+  DrawerCloseButton: () => import_react54.ModalCloseButton,
+  DrawerContent: () => import_react54.DrawerContent,
+  DrawerContentProps: () => import_react54.DrawerContentProps,
+  DrawerFooter: () => import_react54.ModalFooter,
+  DrawerHeader: () => import_react54.ModalHeader,
+  DrawerOverlay: () => import_react54.ModalOverlay,
+  DrawerProps: () => import_react54.DrawerProps,
   EmptyState: () => empty_state_default,
   Fade: () => import_react121.Fade,
   FadeProps: () => import_react121.FadeProps,
   Field: () => field_default,
-  Flex: () => import_react50.Flex,
-  FlexProps: () => import_react50.FlexProps,
+  Flex: () => import_react51.Flex,
+  FlexProps: () => import_react51.FlexProps,
   FormControl: () => import_react25.FormControl,
   FormControlProps: () => import_react25.FormControlProps,
   FormErrorMessage: () => import_react25.FormErrorMessage,
   FormHelperText: () => import_react25.FormHelperText,
   FormLabel: () => import_react25.FormLabel,
   FormLabelProps: () => import_react25.FormLabelProps,
-  Grid: () => import_react50.Grid,
-  GridItem: () => import_react50.GridItem,
-  GridItemProps: () => import_react50.GridItemProps,
-  GridProps: () => import_react50.GridProps,
-  HStack: () => import_react50.HStack,
+  Grid: () => import_react51.Grid,
+  GridItem: () => import_react51.GridItem,
+  GridItemProps: () => import_react51.GridItemProps,
+  GridProps: () => import_react51.GridProps,
+  HStack: () => import_react51.HStack,
   Header: () => Header,
-  Heading: () => import_react114.Heading,
-  HeadingProps: () => import_react114.HeadingProps,
+  Heading: () => import_react115.Heading,
+  HeadingProps: () => import_react115.HeadingProps,
   Hide: () => import_react121.Hide,
   HideProps: () => import_react121.HideProps,
-  Icon: () => import_react49.Icon,
+  Icon: () => import_react50.Icon,
   IconButton: () => import_react10.IconButton,
   IconButtonProps: () => import_react10.IconButtonProps,
-  IconProps: () => import_react49.IconProps,
-  Image: () => import_react49.Image,
-  ImageProps: () => import_react49.ImageProps,
+  IconProps: () => import_react50.IconProps,
+  Image: () => import_react50.Image,
+  ImageProps: () => import_react50.ImageProps,
   Img: () => import_react121.Img,
   ImgProps: () => import_react121.ImgProps,
   InputAddonLeft: () => InputAddonLeft,
@@ -199,76 +199,76 @@ __export(src_exports, {
   InputRightAddonProps: () => import_react25.InputRightAddonProps,
   InputRightElement: () => import_react25.InputRightElement,
   InputRightElementProps: () => import_react25.InputRightElementProps,
-  Link: () => import_react114.Link,
-  LinkProps: () => import_react114.LinkProps,
-  List: () => import_react51.List,
-  ListIcon: () => import_react51.ListIcon,
-  ListItem: () => import_react51.ListItem,
-  ListItemProps: () => import_react51.ListItemProps,
-  ListProps: () => import_react51.ListProps,
+  Link: () => import_react115.Link,
+  LinkProps: () => import_react115.LinkProps,
+  List: () => import_react52.List,
+  ListIcon: () => import_react52.ListIcon,
+  ListItem: () => import_react52.ListItem,
+  ListItemProps: () => import_react52.ListItemProps,
+  ListProps: () => import_react52.ListProps,
   Loader: () => loader_default,
   Logo: () => Logo,
   MainMenu: () => navigation_default,
-  Modal: () => import_react53.Modal,
+  Modal: () => import_react54.Modal,
   ModalBackButton: () => modal_back_button_default,
-  ModalBody: () => import_react53.ModalBody,
-  ModalBodyProps: () => import_react53.ModalBodyProps,
-  ModalCloseButton: () => import_react53.ModalCloseButton,
-  ModalContent: () => import_react53.ModalContent,
-  ModalContentProps: () => import_react53.ModalContentProps,
-  ModalContextProvider: () => import_react53.ModalContextProvider,
-  ModalFocusScope: () => import_react53.ModalFocusScope,
-  ModalFooter: () => import_react53.ModalFooter,
-  ModalFooterProps: () => import_react53.ModalFooterProps,
-  ModalHeader: () => import_react53.ModalHeader,
-  ModalHeaderProps: () => import_react53.ModalHeaderProps,
-  ModalOverlay: () => import_react53.ModalOverlay,
-  ModalOverlayProps: () => import_react53.ModalOverlayProps,
-  ModalProps: () => import_react53.ModalProps,
+  ModalBody: () => import_react54.ModalBody,
+  ModalBodyProps: () => import_react54.ModalBodyProps,
+  ModalCloseButton: () => import_react54.ModalCloseButton,
+  ModalContent: () => import_react54.ModalContent,
+  ModalContentProps: () => import_react54.ModalContentProps,
+  ModalContextProvider: () => import_react54.ModalContextProvider,
+  ModalFocusScope: () => import_react54.ModalFocusScope,
+  ModalFooter: () => import_react54.ModalFooter,
+  ModalFooterProps: () => import_react54.ModalFooterProps,
+  ModalHeader: () => import_react54.ModalHeader,
+  ModalHeaderProps: () => import_react54.ModalHeaderProps,
+  ModalOverlay: () => import_react54.ModalOverlay,
+  ModalOverlayProps: () => import_react54.ModalOverlayProps,
+  ModalProps: () => import_react54.ModalProps,
   MultiDatePickerMonth: () => multi_datepicker_month_default,
   NavItem: () => NavItem,
   Navbar: () => Navbar,
   NavigationBar: () => navigation_bar_default,
-  OrderedList: () => import_react51.OrderedList,
+  OrderedList: () => import_react52.OrderedList,
   Pagination: () => pagination_default,
   PaginationDetail: () => pagination_detail_default,
   PaginationFilter: () => pagination_filter_default,
-  PinInput: () => import_react62.PinInput,
-  PinInputContext: () => import_react62.PinInputContext,
-  PinInputDescendantsProvider: () => import_react62.PinInputDescendantsProvider,
-  PinInputField: () => import_react62.PinInputField,
-  PinInputFieldProps: () => import_react62.PinInputFieldProps,
-  PinInputProps: () => import_react62.PinInputProps,
-  PinInputProvider: () => import_react62.PinInputProvider,
-  Popover: () => import_react63.Popover,
-  PopoverAnchor: () => import_react63.PopoverAnchor,
-  PopoverArrow: () => import_react63.PopoverArrow,
-  PopoverArrowProps: () => import_react63.PopoverArrowProps,
-  PopoverBody: () => import_react63.PopoverBody,
-  PopoverBodyProps: () => import_react63.PopoverBodyProps,
-  PopoverCloseButton: () => import_react63.PopoverCloseButton,
-  PopoverContent: () => import_react63.PopoverContent,
-  PopoverContentProps: () => import_react63.PopoverContentProps,
-  PopoverFooter: () => import_react63.PopoverFooter,
-  PopoverFooterProps: () => import_react63.PopoverFooterProps,
-  PopoverHeader: () => import_react63.PopoverHeader,
-  PopoverHeaderProps: () => import_react63.PopoverHeaderProps,
-  PopoverProps: () => import_react63.PopoverProps,
-  PopoverTrigger: () => import_react63.PopoverTrigger,
-  Portal: () => import_react63.Portal,
-  PortalProps: () => import_react63.PortalProps,
+  PinInput: () => import_react63.PinInput,
+  PinInputContext: () => import_react63.PinInputContext,
+  PinInputDescendantsProvider: () => import_react63.PinInputDescendantsProvider,
+  PinInputField: () => import_react63.PinInputField,
+  PinInputFieldProps: () => import_react63.PinInputFieldProps,
+  PinInputProps: () => import_react63.PinInputProps,
+  PinInputProvider: () => import_react63.PinInputProvider,
+  Popover: () => import_react64.Popover,
+  PopoverAnchor: () => import_react64.PopoverAnchor,
+  PopoverArrow: () => import_react64.PopoverArrow,
+  PopoverArrowProps: () => import_react64.PopoverArrowProps,
+  PopoverBody: () => import_react64.PopoverBody,
+  PopoverBodyProps: () => import_react64.PopoverBodyProps,
+  PopoverCloseButton: () => import_react64.PopoverCloseButton,
+  PopoverContent: () => import_react64.PopoverContent,
+  PopoverContentProps: () => import_react64.PopoverContentProps,
+  PopoverFooter: () => import_react64.PopoverFooter,
+  PopoverFooterProps: () => import_react64.PopoverFooterProps,
+  PopoverHeader: () => import_react64.PopoverHeader,
+  PopoverHeaderProps: () => import_react64.PopoverHeaderProps,
+  PopoverProps: () => import_react64.PopoverProps,
+  PopoverTrigger: () => import_react64.PopoverTrigger,
+  Portal: () => import_react64.Portal,
+  PortalProps: () => import_react64.PortalProps,
   Profile: () => Profile,
-  Progress: () => import_react64.Progress,
-  ProgressFilledTrackProps: () => import_react64.ProgressFilledTrackProps,
-  ProgressLabel: () => import_react64.ProgressLabel,
-  ProgressLabelProps: () => import_react64.ProgressLabelProps,
-  ProgressProps: () => import_react64.ProgressProps,
-  ProgressTrackProps: () => import_react64.ProgressTrackProps,
+  Progress: () => import_react65.Progress,
+  ProgressFilledTrackProps: () => import_react65.ProgressFilledTrackProps,
+  ProgressLabel: () => import_react65.ProgressLabel,
+  ProgressLabelProps: () => import_react65.ProgressLabelProps,
+  ProgressProps: () => import_react65.ProgressProps,
+  ProgressTrackProps: () => import_react65.ProgressTrackProps,
   Provider: () => provider_default,
   ProviderContext: () => ProviderContext,
   Radio: () => Radio,
   RadioGroup: () => RadioGroup,
-  RadioGroupContext: () => import_react67.RadioGroupContext,
+  RadioGroupContext: () => import_react68.RadioGroupContext,
   Rating: () => rating_default,
   RequiredIndicator: () => import_react25.RequiredIndicator,
   RequiredIndicatorProps: () => import_react25.RequiredIndicatorProps,
@@ -284,15 +284,15 @@ __export(src_exports, {
   Sidebar: () => Sidebar,
   SidebarHeader: () => SidebarHeader,
   SidebarMenu: () => SidebarMenu,
-  SimpleGrid: () => import_react50.SimpleGrid,
+  SimpleGrid: () => import_react51.SimpleGrid,
   Skeleton: () => import_react5.Skeleton,
   Slide: () => import_react121.Slide,
   SlideFade: () => import_react121.SlideFade,
   SlideFadeProps: () => import_react121.SlideFadeProps,
   SlideProps: () => import_react121.SlideProps,
-  Spacer: () => import_react50.Spacer,
-  Stack: () => import_react50.Stack,
-  StackProps: () => import_react50.StackProps,
+  Spacer: () => import_react51.Spacer,
+  Stack: () => import_react51.Stack,
+  StackProps: () => import_react51.StackProps,
   Step: () => import_react121.Step,
   StepDescription: () => import_react121.StepDescription,
   StepIcon: () => import_react121.StepIcon,
@@ -304,37 +304,37 @@ __export(src_exports, {
   Stepper: () => import_react121.Stepper,
   Switch: () => switch_default,
   Tab: () => tab_default,
-  TabIndicator: () => import_react113.TabIndicator,
-  TabIndicatorProps: () => import_react113.TabIndicatorProps,
-  TabList: () => import_react113.TabList,
-  TabListProps: () => import_react113.TabListProps,
-  TabPanel: () => import_react113.TabPanel,
-  TabPanelProps: () => import_react113.TabPanelProps,
-  TabPanels: () => import_react113.TabPanels,
-  TabPanelsProps: () => import_react113.TabPanelsProps,
-  TabProps: () => import_react113.TabProps,
-  TableBodyProps: () => import_react111.TableBodyProps,
-  TableCellProps: () => import_react111.TableCellProps,
-  TableColumnHeaderProps: () => import_react111.TableColumnHeaderProps,
-  TableHeadProps: () => import_react111.TableHeadProps,
-  TableProps: () => import_react111.TableProps,
-  TableRowProps: () => import_react111.TableRowProps,
-  Tabs: () => import_react113.Tabs,
-  TabsDescendantsProvider: () => import_react113.TabsDescendantsProvider,
-  TabsProps: () => import_react113.TabsProps,
-  TabsProvider: () => import_react113.TabsProvider,
-  Tbody: () => import_react111.Tbody,
-  Td: () => import_react111.Td,
-  Text: () => import_react114.Text,
-  TextProps: () => import_react114.TextProps,
+  TabIndicator: () => import_react114.TabIndicator,
+  TabIndicatorProps: () => import_react114.TabIndicatorProps,
+  TabList: () => import_react114.TabList,
+  TabListProps: () => import_react114.TabListProps,
+  TabPanel: () => import_react114.TabPanel,
+  TabPanelProps: () => import_react114.TabPanelProps,
+  TabPanels: () => import_react114.TabPanels,
+  TabPanelsProps: () => import_react114.TabPanelsProps,
+  TabProps: () => import_react114.TabProps,
+  TableBodyProps: () => import_react112.TableBodyProps,
+  TableCellProps: () => import_react112.TableCellProps,
+  TableColumnHeaderProps: () => import_react112.TableColumnHeaderProps,
+  TableHeadProps: () => import_react112.TableHeadProps,
+  TableProps: () => import_react112.TableProps,
+  TableRowProps: () => import_react112.TableRowProps,
+  Tabs: () => import_react114.Tabs,
+  TabsDescendantsProvider: () => import_react114.TabsDescendantsProvider,
+  TabsProps: () => import_react114.TabsProps,
+  TabsProvider: () => import_react114.TabsProvider,
+  Tbody: () => import_react112.Tbody,
+  Td: () => import_react112.Td,
+  Text: () => import_react115.Text,
+  TextProps: () => import_react115.TextProps,
   TextareaField: () => textarea_default,
-  Th: () => import_react111.Th,
-  Thead: () => import_react111.Thead,
+  Th: () => import_react112.Th,
+  Thead: () => import_react112.Thead,
   ThemeTypings: () => import_styled_system12.ThemeTypings,
   ToastContainer: () => import_react_toastify2.ToastContainer,
   Tooltip: () => Tooltip,
-  Tr: () => import_react111.Tr,
-  UnorderedList: () => import_react51.UnorderedList,
+  Tr: () => import_react112.Tr,
+  UnorderedList: () => import_react52.UnorderedList,
   Uploader: () => uploader_default,
   UseAccordionItemProps: () => import_react3.UseAccordionItemProps,
   UseAccordionItemReturn: () => import_react3.UseAccordionItemReturn,
@@ -349,31 +349,31 @@ __export(src_exports, {
   UseImageProps: () => import_react121.UseImageProps,
   UseImageReturn: () => import_react121.UseImageReturn,
   UseMediaQueryOptions: () => import_react121.UseMediaQueryOptions,
-  UseModalProps: () => import_react53.UseModalProps,
-  UseModalReturn: () => import_react53.UseModalReturn,
-  UsePinInputFieldProps: () => import_react62.UsePinInputFieldProps,
-  UsePinInputProps: () => import_react62.UsePinInputProps,
-  UsePinInputReturn: () => import_react62.UsePinInputReturn,
+  UseModalProps: () => import_react54.UseModalProps,
+  UseModalReturn: () => import_react54.UseModalReturn,
+  UsePinInputFieldProps: () => import_react63.UsePinInputFieldProps,
+  UsePinInputProps: () => import_react63.UsePinInputProps,
+  UsePinInputReturn: () => import_react63.UsePinInputReturn,
   UseQueryProps: () => import_react121.UseQueryProps,
-  UseRadioGroupReturn: () => import_react67.UseRadioGroupReturn,
-  UseRadioProps: () => import_react67.UseRadioProps,
-  UseRadioReturn: () => import_react67.UseRadioReturn,
-  UseTabListProps: () => import_react113.UseTabListProps,
-  UseTabListReturn: () => import_react113.UseTabListReturn,
-  UseTabOptions: () => import_react113.UseTabOptions,
-  UseTabPanelsProps: () => import_react113.UseTabPanelsProps,
-  UseTabProps: () => import_react113.UseTabProps,
-  UseTabsProps: () => import_react113.UseTabsProps,
-  UseTabsReturn: () => import_react113.UseTabsReturn,
-  VStack: () => import_react50.VStack,
+  UseRadioGroupReturn: () => import_react68.UseRadioGroupReturn,
+  UseRadioProps: () => import_react68.UseRadioProps,
+  UseRadioReturn: () => import_react68.UseRadioReturn,
+  UseTabListProps: () => import_react114.UseTabListProps,
+  UseTabListReturn: () => import_react114.UseTabListReturn,
+  UseTabOptions: () => import_react114.UseTabOptions,
+  UseTabPanelsProps: () => import_react114.UseTabPanelsProps,
+  UseTabProps: () => import_react114.UseTabProps,
+  UseTabsProps: () => import_react114.UseTabsProps,
+  UseTabsReturn: () => import_react114.UseTabsReturn,
+  VStack: () => import_react51.VStack,
   Version: () => Version,
   VisuallyHidden: () => import_react121.VisuallyHidden,
   VisuallyHiddenInput: () => import_react121.VisuallyHiddenInput,
   VoilaLogo: () => VoilaLogo,
-  Wrap: () => import_react50.Wrap,
-  WrapItem: () => import_react50.WrapItem,
-  WrapItemProps: () => import_react50.WrapItemProps,
-  WrapProps: () => import_react50.WrapProps,
+  Wrap: () => import_react51.Wrap,
+  WrapItem: () => import_react51.WrapItem,
+  WrapItemProps: () => import_react51.WrapItemProps,
+  WrapProps: () => import_react51.WrapProps,
   XMSLogo: () => XMSLogo,
   extendTheme: () => import_react134.extendTheme,
   forwardRef: () => import_react134.forwardRef,
@@ -400,35 +400,35 @@ __export(src_exports, {
   useDataTable: () => useDataTable,
   useDimensions: () => import_react133.useDimensions,
   useDisclosure: () => import_react133.useDisclosure,
-  useDrawerContext: () => import_react53.useDrawerContext,
+  useDrawerContext: () => import_react54.useDrawerContext,
   useFetcher: () => useFetcher,
   useImage: () => import_react121.useImage,
   useInternalUI: () => useInternalUI,
   useMergeRefs: () => import_react133.useMergeRefs,
-  useModal: () => import_react53.useModal,
-  useModalContext: () => import_react53.useModalContext,
-  useModalStyles: () => import_react53.useModalStyles,
+  useModal: () => import_react54.useModal,
+  useModalContext: () => import_react54.useModalContext,
+  useModalStyles: () => import_react54.useModalStyles,
   useOutsideClick: () => import_react133.useOutsideClick,
-  usePinInput: () => import_react62.usePinInput,
-  usePinInputContext: () => import_react62.usePinInputContext,
-  usePinInputField: () => import_react62.usePinInputField,
-  useProgressStyles: () => import_react64.useProgressStyles,
+  usePinInput: () => import_react63.usePinInput,
+  usePinInputContext: () => import_react63.usePinInputContext,
+  usePinInputField: () => import_react63.usePinInputField,
+  useProgressStyles: () => import_react65.useProgressStyles,
   useQuery: () => import_react121.useQuery,
-  useRadio: () => import_react67.useRadio,
-  useRadioGroup: () => import_react67.useRadioGroup,
-  useRadioGroupContext: () => import_react67.useRadioGroupContext,
+  useRadio: () => import_react68.useRadio,
+  useRadioGroup: () => import_react68.useRadioGroup,
+  useRadioGroupContext: () => import_react68.useRadioGroupContext,
   useSteps: () => import_react121.useSteps,
-  useTab: () => import_react113.useTab,
-  useTabIndicator: () => import_react113.useTabIndicator,
-  useTabList: () => import_react113.useTabList,
-  useTabPanel: () => import_react113.useTabPanel,
-  useTabPanels: () => import_react113.useTabPanels,
-  useTabs: () => import_react113.useTabs,
-  useTabsContext: () => import_react113.useTabsContext,
-  useTabsDescendant: () => import_react113.useTabsDescendant,
-  useTabsDescendants: () => import_react113.useTabsDescendants,
-  useTabsDescendantsContext: () => import_react113.useTabsDescendantsContext,
-  useTabsStyles: () => import_react113.useTabsStyles,
+  useTab: () => import_react114.useTab,
+  useTabIndicator: () => import_react114.useTabIndicator,
+  useTabList: () => import_react114.useTabList,
+  useTabPanel: () => import_react114.useTabPanel,
+  useTabPanels: () => import_react114.useTabPanels,
+  useTabs: () => import_react114.useTabs,
+  useTabsContext: () => import_react114.useTabsContext,
+  useTabsDescendant: () => import_react114.useTabsDescendant,
+  useTabsDescendants: () => import_react114.useTabsDescendants,
+  useTabsDescendantsContext: () => import_react114.useTabsDescendantsContext,
+  useTabsStyles: () => import_react114.useTabsStyles,
   useTheme: () => import_react133.useTheme,
   useToast: () => useToast,
   useToken: () => import_react133.useToken
@@ -2803,7 +2803,7 @@ EmptyState2.NotAuthorize = EmptyStateNotAuthorize;
 var empty_state_default = EmptyState2;
 
 // src/components/header/components/header.tsx
-var import_react47 = require("@chakra-ui/react");
+var import_react48 = require("@chakra-ui/react");
 
 // src/components/header/components/logo.tsx
 var import_react42 = require("@chakra-ui/react");
@@ -2834,7 +2834,7 @@ Logo.defaultProps = {
 };
 
 // src/components/header/components/profile.tsx
-var import_react44 = require("@chakra-ui/react");
+var import_react45 = require("@chakra-ui/react");
 var import_fi2 = require("react-icons/fi");
 
 // src/components/nav-item/components/nav-item.tsx
@@ -2882,14 +2882,41 @@ NavItem.defaultProps = {
   "data-test-id": void 0
 };
 
-// src/components/header/components/profile.tsx
+// src/components/tooltip/components/tooltip.tsx
+var import_react44 = require("@chakra-ui/react");
 var import_jsx_runtime35 = require("react/jsx-runtime");
+var Tooltip = (props) => {
+  const { children, bg = "neutral.700", textStyle = "text.sm", color: color2 = "white", width } = props;
+  const content = /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+    import_react44.PopoverContent,
+    {
+      border: "none",
+      bg,
+      textStyle,
+      width,
+      ml: 1,
+      placeItems: "center",
+      borderRadius: props.borderRadius,
+      children: [
+        props.hasArrow && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react44.PopoverArrow, { color: color2, bg, shadow: "none" }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react44.PopoverBody, { color: color2, ...props, children: props.label })
+      ]
+    }
+  );
+  return props.isInteractive === true ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_react44.Popover, { trigger: "hover", placement: props.placement, ...props.popoverProps, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react44.PopoverTrigger, { children }),
+    props.portal ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react44.Portal, { children: content }) : content
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react44.Tooltip, { ...props, children });
+};
+
+// src/components/header/components/profile.tsx
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var Profile = ({ color: color2, brandColor, data, badgeStyle, children, onLogout, ...props }) => {
   var _a;
-  const { isOpen, onToggle, onClose } = (0, import_react44.useDisclosure)();
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_react44.Popover, { placement: "bottom-end", isOpen, onClose, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-      import_react44.Box,
+  const { isOpen, onToggle, onClose } = (0, import_react45.useDisclosure)();
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_react45.Popover, { placement: "bottom-end", isOpen, onClose, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+      import_react45.Box,
       {
         "data-test-id": "CTA_Navbar_Profile_wrapper",
         as: "button",
@@ -2905,14 +2932,14 @@ var Profile = ({ color: color2, brandColor, data, badgeStyle, children, onLogout
         onClick: onToggle,
         color: color2,
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_react44.HStack, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_react44.VStack, { alignItems: "flex-end", spacing: "0", ml: "2", color: color2, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react44.Text, { textStyle: "text.xs", mb: "1", children: data == null ? void 0 : data.email }),
-            /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_react44.Flex, { alignItems: "center", children: [
-              (data == null ? void 0 : data.userRole) && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react44.Text, { textStyle: "text.xs", children: (data == null ? void 0 : data.userRole) || "user" }),
-                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-                  import_react44.Box,
+        children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_react45.HStack, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_react45.VStack, { alignItems: "flex-end", spacing: "0", ml: "2", color: color2, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react45.Text, { textStyle: "text.xs", mb: "1", children: data == null ? void 0 : data.email }),
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_react45.Flex, { alignItems: "center", children: [
+              (data == null ? void 0 : data.userRole) && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react45.Text, { textStyle: "text.xs", children: (data == null ? void 0 : data.userRole) || "user" }),
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+                  import_react45.Box,
                   {
                     className: "catalyst_header-profile-divider",
                     h: "3",
@@ -2922,36 +2949,54 @@ var Profile = ({ color: color2, brandColor, data, badgeStyle, children, onLogout
                   }
                 )
               ] }),
-              typeof (data == null ? void 0 : data.office) === "object" ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react44.Text, { textStyle: "text.xs", children: data.office[0] }),
-                data.office.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
-                  badge_default,
+              typeof (data == null ? void 0 : data.office) === "object" ? /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_react45.Flex, { align: "center", justify: "center", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react45.Text, { textStyle: "text.xs", children: data.office[0] }),
+                data.office.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+                  Tooltip,
                   {
-                    ml: "1",
-                    pill: true,
-                    variant: "neutral-light",
-                    boxSize: "4.5",
-                    justifyContent: "center",
-                    p: "0.5",
-                    ...badgeStyle,
-                    children: [
-                      data.office.length - 1,
-                      "+"
-                    ]
+                    isInteractive: true,
+                    hasArrow: true,
+                    p: "2",
+                    label: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_react45.Box, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react45.Text, { children: "Akses Office:" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react45.Text, { children: data.office.sort().join(", ") })
+                    ] }),
+                    textAlign: "left",
+                    placement: "bottom-end",
+                    popoverProps: {
+                      offset: [10, 8]
+                    },
+                    width: 186,
+                    children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react45.Box, { display: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+                      badge_default,
+                      {
+                        ml: "1",
+                        pill: true,
+                        variant: "neutral-light",
+                        boxSize: "4.5",
+                        justifyContent: "center",
+                        p: "0.5",
+                        ...badgeStyle,
+                        children: [
+                          data.office.length - 1,
+                          "+"
+                        ]
+                      }
+                    ) })
                   }
                 )
-              ] }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react44.Text, { textStyle: "text.xs", children: (data == null ? void 0 : data.office) || "office" })
+              ] }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react45.Text, { textStyle: "text.xs", children: (data == null ? void 0 : data.office) || "office" })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react44.PopoverTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react44.Box, { border: "2px solid", borderColor: "transparent", className: "catalyst-header-avatar", rounded: "full", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react44.Avatar, { size: "sm", bg: brandColor, color: "white", name: (_a = data == null ? void 0 : data.name) != null ? _a : data == null ? void 0 : data.email }) }) })
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react45.PopoverTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react45.Box, { border: "2px solid", borderColor: "transparent", className: "catalyst-header-avatar", rounded: "full", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react45.Avatar, { size: "sm", bg: brandColor, color: "white", name: (_a = data == null ? void 0 : data.name) != null ? _a : data == null ? void 0 : data.email }) }) })
         ] })
       }
     ),
-    children || /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_react44.PopoverContent, { bg: "white", maxW: 200, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react44.PopoverArrow, { bg: "white" }),
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react44.PopoverBody, { py: "1", px: "0", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(NavItem, { "data-test-id": "CTA_Navbar_logout-button", onClick: onLogout, rounded: "none", px: "4", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_react44.Box, { display: "flex", alignItems: "center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_fi2.FiPower, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react44.Text, { ml: "2", children: "Logout" })
+    children || /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_react45.PopoverContent, { bg: "white", maxW: 200, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react45.PopoverArrow, { bg: "white" }),
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react45.PopoverBody, { py: "1", px: "0", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(NavItem, { "data-test-id": "CTA_Navbar_logout-button", onClick: onLogout, rounded: "none", px: "4", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_react45.Box, { display: "flex", alignItems: "center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_fi2.FiPower, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react45.Text, { ml: "2", children: "Logout" })
       ] }) }) })
     ] })
   ] });
@@ -2964,17 +3009,17 @@ Profile.defaultProps = {
 };
 
 // src/components/header/components/switch-mode.tsx
-var import_react45 = require("@chakra-ui/react");
+var import_react46 = require("@chakra-ui/react");
 var import_fi3 = require("react-icons/fi");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 var SwitchMode = () => {
-  const { colorMode, toggleColorMode } = (0, import_react45.useColorMode)();
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react45.Box, { "data-test-id": "rhYuTDCiWkFqr96upiEEh", mx: 5, onClick: toggleColorMode, cursor: "pointer", children: colorMode === "light" ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_fi3.FiMoon, { size: 20 }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_fi3.FiSun, { size: 20 }) });
+  const { colorMode, toggleColorMode } = (0, import_react46.useColorMode)();
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react46.Box, { "data-test-id": "rhYuTDCiWkFqr96upiEEh", mx: 5, onClick: toggleColorMode, cursor: "pointer", children: colorMode === "light" ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_fi3.FiMoon, { size: 20 }) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_fi3.FiSun, { size: 20 }) });
 };
 var switch_mode_default = SwitchMode;
 
 // src/components/header/components/version.tsx
-var import_react46 = require("@chakra-ui/react");
+var import_react47 = require("@chakra-ui/react");
 
 // src/components/header/utils/formatter.ts
 function environmentName(env2) {
@@ -2989,15 +3034,15 @@ function environmentName(env2) {
 }
 
 // src/components/header/components/version.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var Version = ({
   hideEnv,
   version,
   environment,
   onOpenModalRelease,
   versionStyle
-}) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
-  typeof version === "string" ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
+  typeof version === "string" ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     badge_default,
     {
       "data-test-id": "CTA_header-version-badge",
@@ -3011,8 +3056,8 @@ var Version = ({
       children: version
     }
   ) : version,
-  !hideEnv && environmentName(environment) !== null && version && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-    import_react46.Box,
+  !hideEnv && environmentName(environment) !== null && version && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    import_react47.Box,
     {
       background: "primary.50",
       color: "primary.500",
@@ -3034,7 +3079,7 @@ Version.defaultProps = {
 };
 
 // src/components/header/components/header.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 var Header = ({
   brandColor,
   data,
@@ -3052,8 +3097,8 @@ var Header = ({
   bg = "white",
   versionStyle,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react47.Flex, { minH: 15, bg, shadow: "raised", px: 6, py: 3, alignItems: "center", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
-  import_react47.Flex,
+}) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react48.Flex, { minH: 15, bg, shadow: "raised", px: 6, py: 3, alignItems: "center", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+  import_react48.Flex,
   {
     h: "auto",
     w: "full",
@@ -3061,13 +3106,13 @@ var Header = ({
     justifyContent: !mainLogo ? "flex-end" : "space-between",
     pos: "relative",
     children: [
-      mainLogo && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_react47.Flex, { alignItems: "center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Logo, { url: urlLogo, imageUrl: mainLogo, height: mainLogoSize }),
+      mainLogo && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_react48.Flex, { alignItems: "center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Logo, { url: urlLogo, imageUrl: mainLogo, height: mainLogoSize }),
         children && children
       ] }),
-      centerLogo && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_react47.HStack, { w: "fit-content", spacing: 2, alignItems: "center", pos: "absolute", left: "50%", transform: "translate(-50%,0)", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Logo, { url: urlLogo, imageUrl: centerLogo, height: centerLogoSize }),
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+      centerLogo && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_react48.HStack, { w: "fit-content", spacing: 2, alignItems: "center", pos: "absolute", left: "50%", transform: "translate(-50%,0)", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Logo, { url: urlLogo, imageUrl: centerLogo, height: centerLogoSize }),
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
           Version,
           {
             hideEnv,
@@ -3078,9 +3123,9 @@ var Header = ({
           }
         )
       ] }),
-      profile || /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_react47.Flex, { alignItems: "center", children: [
-        !hideSwitchMode && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(switch_mode_default, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Profile, { color: props.color, brandColor, data, onLogout })
+      profile || /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_react48.Flex, { alignItems: "center", children: [
+        !hideSwitchMode && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(switch_mode_default, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Profile, { color: props.color, brandColor, data, onLogout })
       ] })
     ]
   }
@@ -3102,11 +3147,11 @@ Header.defaultProps = {
 };
 
 // src/components/header/components/navbar.tsx
-var import_react48 = require("@chakra-ui/react");
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_react49 = require("@chakra-ui/react");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 var Navbar = ({ bg = "white", children, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-    import_react48.Flex,
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    import_react49.Flex,
     {
       minH: "15",
       h: "15",
@@ -3126,23 +3171,23 @@ var Navbar = ({ bg = "white", children, ...props }) => {
 Navbar.displayName = "Navbar";
 
 // src/components/image/index.ts
-var import_react49 = require("@chakra-ui/react");
+var import_react50 = require("@chakra-ui/react");
 
 // src/components/layouting/index.ts
-var import_react50 = require("@chakra-ui/react");
+var import_react51 = require("@chakra-ui/react");
 
 // src/components/list/index.tsx
-var import_react51 = require("@chakra-ui/react");
+var import_react52 = require("@chakra-ui/react");
 
 // src/components/modal/components/modal-back-button.tsx
 var import_icons3 = require("@chakra-ui/icons");
-var import_react52 = require("@chakra-ui/react");
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_react53 = require("@chakra-ui/react");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var ModalBackButton = ({ onClick }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-    import_react52.IconButton,
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    import_react53.IconButton,
     {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_icons3.ChevronLeftIcon, { w: "4.5", h: "4.5" }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_icons3.ChevronLeftIcon, { w: "4.5", h: "4.5" }),
       size: "sm",
       minW: "6",
       h: "6",
@@ -3160,36 +3205,36 @@ var ModalBackButton = ({ onClick }) => {
 var modal_back_button_default = ModalBackButton;
 
 // src/components/modal/index.ts
-var import_react53 = require("@chakra-ui/react");
+var import_react54 = require("@chakra-ui/react");
 
 // src/components/navigation/components/navigation.tsx
-var import_react54 = require("@chakra-ui/react");
+var import_react55 = require("@chakra-ui/react");
 var Icon5 = __toESM(require("@ctlyst.id/internal-icon"));
-var import_react55 = require("@emotion/react");
+var import_react56 = require("@emotion/react");
 
 // src/components/navigation/components/mapping-icon.tsx
 var Icon4 = __toESM(require("@ctlyst.id/internal-icon"));
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var mappingIcon = /* @__PURE__ */ new Map([
-  ["Order", /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon4.ShoppingBag, { size: 4, color: "inherit" }, "order")],
-  ["Fulfillment", /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon4.ShoppingCart, { size: 4, color: "inherit" }, "fullfilment")],
-  ["Transfer Stock", /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon4.Repeat, { size: 4, color: "inherit" }, "transfer-stock")],
-  ["Stock", /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon4.Box, { size: 4, color: "inherit" }, "stock")],
-  ["Product Database", /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon4.Layers, { size: 4, color: "inherit" }, "product-database")],
-  ["Purchasing", /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon4.DollarSign, { size: 4, color: "inherit" }, "purchasing")],
-  ["Reseller", /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon4.Users, { size: 4, color: "inherit" }, "reseller")],
-  ["Retur", /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon4.RotateCcw, { size: 4, color: "inherit" }, "retur")],
-  ["Other", /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon4.Settings, { size: 4, color: "inherit" }, "other")],
-  ["Content", /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon4.Layout, { size: 4, color: "inherit" }, "content")],
-  ["Customer", /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon4.HelpCircle, { size: 4, color: "inherit" }, "content")],
-  ["Voucher", /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon4.Gift, { size: 4, color: "inherit" }, "content")]
+  ["Order", /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon4.ShoppingBag, { size: 4, color: "inherit" }, "order")],
+  ["Fulfillment", /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon4.ShoppingCart, { size: 4, color: "inherit" }, "fullfilment")],
+  ["Transfer Stock", /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon4.Repeat, { size: 4, color: "inherit" }, "transfer-stock")],
+  ["Stock", /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon4.Box, { size: 4, color: "inherit" }, "stock")],
+  ["Product Database", /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon4.Layers, { size: 4, color: "inherit" }, "product-database")],
+  ["Purchasing", /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon4.DollarSign, { size: 4, color: "inherit" }, "purchasing")],
+  ["Reseller", /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon4.Users, { size: 4, color: "inherit" }, "reseller")],
+  ["Retur", /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon4.RotateCcw, { size: 4, color: "inherit" }, "retur")],
+  ["Other", /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon4.Settings, { size: 4, color: "inherit" }, "other")],
+  ["Content", /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon4.Layout, { size: 4, color: "inherit" }, "content")],
+  ["Customer", /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon4.HelpCircle, { size: 4, color: "inherit" }, "content")],
+  ["Voucher", /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon4.Gift, { size: 4, color: "inherit" }, "content")]
 ]);
 
 // src/components/navigation/components/navigation.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var Navigation = ({ navigations, activePath, as, host, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react54.Box, { borderRadius: "md", overflowX: "auto", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-    import_react54.Flex,
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react55.Box, { borderRadius: "md", overflowX: "auto", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    import_react55.Flex,
     {
       bg: "white",
       w: "full",
@@ -3203,9 +3248,9 @@ var Navigation = ({ navigations, activePath, as, host, ...props }) => {
       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_react54.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_react54.PopoverTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-            import_react54.Button,
+        return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react55.Popover, { trigger: "hover", placement: "bottom-start", children: ({ isOpen }) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react55.PopoverTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+            import_react55.Button,
             {
               h: 7.5,
               p: 2,
@@ -3218,14 +3263,14 @@ var Navigation = ({ navigations, activePath, as, host, ...props }) => {
               backgroundColor: isOpen && !isActive ? "neutral.400" : activeBg,
               color: isActive ? "primary.50" : "black.high",
               leftIcon: mappingIcon.get(navigation.title),
-              rightIcon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon5.ChevronDown, { size: 4, color: "inherit" }),
+              rightIcon: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Icon5.ChevronDown, { size: 4, color: "inherit" }),
               children: navigation.title
             }
           ) }),
-          navigation.children && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react54.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react54.Box, { zIndex: "popover", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-            import_react54.PopoverContent,
+          navigation.children && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react55.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react55.Box, { zIndex: "popover", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+            import_react55.PopoverContent,
             {
-              bg: (0, import_react54.useColorModeValue)("white", "ebony-clay.800"),
+              bg: (0, import_react55.useColorModeValue)("white", "ebony-clay.800"),
               maxW: 250,
               border: "none",
               borderRadius: "md",
@@ -3234,16 +3279,16 @@ var Navigation = ({ navigations, activePath, as, host, ...props }) => {
                 const link = navHost ? `${navHost}${navLink}` : navLink;
                 const isLocalLink = host === navHost;
                 const isActiveSub = activePath === navLink;
-                return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-                  import_react54.Link,
+                return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+                  import_react55.Link,
                   {
                     as: isLocalLink ? as : void 0,
                     href: link,
                     _hover: {
                       textDecoration: "none"
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
-                      import_react54.Box,
+                    children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+                      import_react55.Box,
                       {
                         display: "flex",
                         position: "relative",
@@ -3251,24 +3296,24 @@ var Navigation = ({ navigations, activePath, as, host, ...props }) => {
                         cursor: "pointer",
                         transition: "padding 0.35s ease 0s",
                         _hover: {
-                          backgroundColor: (0, import_react54.useColorModeValue)("dove-gray.50", "mirage.900"),
-                          color: (0, import_react54.useColorModeValue)("primary.500", "dove-gray.600"),
+                          backgroundColor: (0, import_react55.useColorModeValue)("dove-gray.50", "mirage.900"),
+                          color: (0, import_react55.useColorModeValue)("primary.500", "dove-gray.600"),
                           px: 5,
                           py: 4,
                           _first: { borderTopRadius: "md" },
                           _last: { borderBottomRadius: "md" }
                         },
                         color: isActiveSub ? "primary.500" : "inherit",
-                        css: import_react55.css`
+                        css: import_react56.css`
                                     border-spacing: 4px;
                                   `,
                         px: 6,
                         py: 4,
                         children: [
                           mappingIcon.get(navigation.title),
-                          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react54.Text, { fontSize: "text.sm", ml: 3, children: title }),
-                          isActiveSub && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-                            import_react54.Box,
+                          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react55.Text, { fontSize: "text.sm", ml: 3, children: title }),
+                          isActiveSub && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+                            import_react55.Box,
                             {
                               width: 0.5,
                               height: 8,
@@ -3301,9 +3346,9 @@ Navigation.defaultProps = {
 var navigation_default = Navigation;
 
 // src/components/navigation/components/navigation-bar.tsx
-var import_react56 = require("@chakra-ui/react");
+var import_react57 = require("@chakra-ui/react");
 var Icon6 = __toESM(require("@ctlyst.id/internal-icon"));
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 var NavigationBar = ({
   navigations,
   isFetched,
@@ -3318,8 +3363,8 @@ var NavigationBar = ({
     }
     return subMenu.navHost + subMenu.navLink;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react56.Box, { hidden: isFetched && navigations === void 0, "data-test-id": "CT_component_navigation_cms", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-    import_react56.Flex,
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react57.Box, { hidden: isFetched && navigations === void 0, "data-test-id": "CT_component_navigation_cms", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    import_react57.Flex,
     {
       bg: "white",
       w: "full",
@@ -3335,9 +3380,9 @@ var NavigationBar = ({
         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_react56.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_react56.PopoverTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-            import_react56.Button,
+        return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react57.Popover, { isLazy: true, trigger: "hover", placement: "bottom-start", openDelay: 100, closeDelay: 100, children: ({ isOpen, onClose }) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react57.PopoverTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            import_react57.Button,
             {
               h: 7.5,
               p: 2,
@@ -3350,12 +3395,12 @@ var NavigationBar = ({
               backgroundColor: isOpen && !isActive ? "neutral.400" : activeBg,
               color: isActive ? "primary.50" : "black.high",
               leftIcon: mappingIcon2.get(item.title),
-              rightIcon: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Icon6.ChevronDown, { size: 4, color: "inherit" }),
+              rightIcon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Icon6.ChevronDown, { size: 4, color: "inherit" }),
               children: item.title
             }
           ) }),
-          item.children && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react56.PopoverContent, { bg: "white", boxShadow: "raised", borderRadius: "md", py: 1, width: 240, children: item.children.map((subMenu) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
-            import_react56.Link,
+          item.children && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react57.PopoverContent, { bg: "white", boxShadow: "raised", borderRadius: "md", py: 1, width: 240, children: item.children.map((subMenu) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+            import_react57.Link,
             {
               href: urlMenu(subMenu),
               display: "flex",
@@ -3372,7 +3417,7 @@ var NavigationBar = ({
               "data-test-id": `CT_component_navigation_link-${item.id}`,
               children: [
                 mappingIcon2.get(item.title),
-                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react56.Text, { textStyle: "text-sm", ml: 3, children: subMenu.title })
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react57.Text, { textStyle: "text-sm", ml: 3, children: subMenu.title })
               ]
             },
             subMenu.id
@@ -3389,18 +3434,18 @@ var navigation_bar_default = NavigationBar;
 
 // src/components/pagination/components/pagination.tsx
 var import_icons4 = require("@chakra-ui/icons");
-var import_react59 = require("@chakra-ui/react");
+var import_react60 = require("@chakra-ui/react");
 
 // src/components/pagination/components/pagination-button.tsx
-var import_react57 = require("@chakra-ui/react");
-var import_jsx_runtime44 = require("react/jsx-runtime");
-var PaginationButton = (0, import_react57.forwardRef)(({ className, style, isActive, children, ...rest }, ref) => {
-  const btnBg = (0, import_react57.useColorModeValue)("neutral.300", "mirage.900");
-  const btnColor = (0, import_react57.useColorModeValue)("black.high", "primary.300");
-  const btnNotActiveBg = (0, import_react57.useColorModeValue)("secondary.50", "primary.500");
-  const btnNotActiveColor = (0, import_react57.useColorModeValue)("primary.500", "white");
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-    import_react57.Button,
+var import_react58 = require("@chakra-ui/react");
+var import_jsx_runtime45 = require("react/jsx-runtime");
+var PaginationButton = (0, import_react58.forwardRef)(({ className, style, isActive, children, ...rest }, ref) => {
+  const btnBg = (0, import_react58.useColorModeValue)("neutral.300", "mirage.900");
+  const btnColor = (0, import_react58.useColorModeValue)("black.high", "primary.300");
+  const btnNotActiveBg = (0, import_react58.useColorModeValue)("secondary.50", "primary.500");
+  const btnNotActiveColor = (0, import_react58.useColorModeValue)("primary.500", "white");
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    import_react58.Button,
     {
       "data-test-id": "Pagination-Button",
       ref,
@@ -3421,7 +3466,7 @@ var PaginationButton = (0, import_react57.forwardRef)(({ className, style, isAct
         color: btnNotActiveColor
       } : {},
       _disabled: {
-        background: (0, import_react57.useColorModeValue)("neutral.300", "mirage.900"),
+        background: (0, import_react58.useColorModeValue)("neutral.300", "mirage.900"),
         color: "neutral.600",
         pointerEvents: "none"
       },
@@ -3437,16 +3482,16 @@ PaginationButton.defaultProps = {
 var pagination_button_default = PaginationButton;
 
 // src/components/pagination/components/pagination-button-trigger.tsx
-var import_react58 = require("@chakra-ui/react");
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_react59 = require("@chakra-ui/react");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 var PaginationButtonTrigger = ({
   color: color2,
   isDisabled,
   onClick,
   visuallyHidden,
   icon
-}) => /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(pagination_button_default, { "data-test-id": "DLVCc_fBK35spHm5WxjcJ", color: color2, isDisabled, onClick, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react58.VisuallyHidden, { children: visuallyHidden }),
+}) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(pagination_button_default, { "data-test-id": "DLVCc_fBK35spHm5WxjcJ", color: color2, isDisabled, onClick, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react59.VisuallyHidden, { children: visuallyHidden }),
   icon
 ] });
 PaginationButtonTrigger.defaultProps = {
@@ -3459,10 +3504,10 @@ PaginationButtonTrigger.defaultProps = {
 var pagination_button_trigger_default = PaginationButtonTrigger;
 
 // src/components/pagination/components/pagination.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 var Pagination = ({ className, current, total, onSelect }) => {
-  const btnColorDisabled = (0, import_react59.useColorModeValue)("secondary.100", "primary.500");
-  const btnColor = (0, import_react59.useColorModeValue)("primary.500", "secondary.100");
+  const btnColorDisabled = (0, import_react60.useColorModeValue)("secondary.100", "primary.500");
+  const btnColor = (0, import_react60.useColorModeValue)("primary.500", "secondary.100");
   const disabledPrevious = current === 1;
   const previousButtonColor = disabledPrevious ? btnColorDisabled : btnColor;
   const disabledNext = current === total;
@@ -3489,8 +3534,8 @@ var Pagination = ({ className, current, total, onSelect }) => {
     }
     return pageButtons;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_react59.Box, { className, display: "inline-flex", alignItems: "center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react59.Box, { mr: 1, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_react60.Box, { className, display: "inline-flex", alignItems: "center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react60.Box, { mr: 1, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
       pagination_button_trigger_default,
       {
         "data-test-id": "Pagination-Button",
@@ -3498,11 +3543,11 @@ var Pagination = ({ className, current, total, onSelect }) => {
         isDisabled: disabledPrevious,
         onClick: () => handleSelectPage(1),
         visuallyHidden: "First Page",
-        icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_icons4.ArrowLeftIcon, { width: 2 })
+        icon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_icons4.ArrowLeftIcon, { width: 2 })
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_react59.Box, { bg: "neutral.300", borderRadius: "full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_react60.Box, { bg: "neutral.300", borderRadius: "full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
         pagination_button_trigger_default,
         {
           "data-test-id": "Pagination-Button",
@@ -3510,22 +3555,22 @@ var Pagination = ({ className, current, total, onSelect }) => {
           isDisabled: disabledPrevious,
           onClick: () => handleSelectPage(current - 1),
           visuallyHidden: "Previous Page",
-          icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_icons4.ChevronLeftIcon, {})
+          icon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_icons4.ChevronLeftIcon, {})
         }
       ),
       generatePages().map((page) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
           pagination_button_default,
           {
             "data-test-id": "Pagination-Button",
             isActive: page === current,
             onClick: () => typeof page === "number" ? handleSelectPage(page) : null,
-            children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react59.Text, { scale: 300, fontSize: "text.sm", lineHeight: 18, fontWeight: 500, children: page })
+            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react60.Text, { scale: 300, fontSize: "text.sm", lineHeight: 18, fontWeight: 500, children: page })
           },
           page
         );
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
         pagination_button_trigger_default,
         {
           "data-test-id": "Pagination-Button",
@@ -3533,11 +3578,11 @@ var Pagination = ({ className, current, total, onSelect }) => {
           isDisabled: disabledNext,
           onClick: () => handleSelectPage(current + 1),
           visuallyHidden: "Next Page",
-          icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_icons4.ChevronRightIcon, {})
+          icon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_icons4.ChevronRightIcon, {})
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react59.Box, { ml: 1, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react60.Box, { ml: 1, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
       pagination_button_trigger_default,
       {
         "data-test-id": "Pagination-Button",
@@ -3545,7 +3590,7 @@ var Pagination = ({ className, current, total, onSelect }) => {
         isDisabled: disabledNext,
         onClick: () => handleSelectPage(total),
         visuallyHidden: "Last Page",
-        icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_icons4.ArrowRightIcon, { width: 2 })
+        icon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_icons4.ArrowRightIcon, { width: 2 })
       }
     ) })
   ] });
@@ -3558,8 +3603,8 @@ Pagination.displayName = "Pagination";
 var pagination_default = Pagination;
 
 // src/components/pagination/components/pagination-detail.tsx
-var import_react60 = require("@chakra-ui/react");
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_react61 = require("@chakra-ui/react");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var PaginationDetail = ({
   page,
   limit,
@@ -3569,15 +3614,15 @@ var PaginationDetail = ({
   lineHeight = 18,
   ...rest
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react60.Text, { scale: scale2, fontSize, lineHeight, ...rest, children: `${(page - 1) * limit + 1}-${limit * page < length ? limit * page : length} dari ${length} item` });
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react61.Text, { scale: scale2, 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_react61 = require("@chakra-ui/react");
+var import_react62 = require("@chakra-ui/react");
 var React9 = __toESM(require("react"));
 var import_fi4 = require("react-icons/fi");
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 var PaginationFilter = ({
   limit,
   label = "Baris per halaman:",
@@ -3586,10 +3631,10 @@ var PaginationFilter = ({
   ...rest
 }) => {
   const [value, setValue] = React9.useState(limit);
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_react61.Box, { display: "flex", flexDirection: "row", alignItems: "center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react61.Text, { fontSize: "text.sm", lineHeight: 18, color: (0, import_react61.useColorModeValue)("neutral.900", "white"), ...rest, children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-      import_react61.Select,
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_react62.Box, { display: "flex", flexDirection: "row", alignItems: "center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react62.Text, { fontSize: "text.sm", lineHeight: 18, color: (0, import_react62.useColorModeValue)("neutral.900", "white"), ...rest, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+      import_react62.Select,
       {
         textAlign: "center",
         size: "xs",
@@ -3597,7 +3642,7 @@ var PaginationFilter = ({
         border: "none",
         boxShadow: "none",
         width: 18,
-        icon: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_fi4.FiChevronDown, {}),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_fi4.FiChevronDown, {}),
         _focusVisible: { boxShadow: "none" },
         onChange: (e) => {
           const numberValue = Number(e.target.value);
@@ -3606,7 +3651,7 @@ var PaginationFilter = ({
         },
         value,
         children: items.map((item) => {
-          return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("option", { value: item, children: item }, item);
+          return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("option", { value: item, children: item }, item);
         })
       }
     )
@@ -3619,22 +3664,22 @@ PaginationFilter.defaultProps = {
 var pagination_filter_default = PaginationFilter;
 
 // src/components/pin-input/index.ts
-var import_react62 = require("@chakra-ui/react");
+var import_react63 = require("@chakra-ui/react");
 
 // src/components/popover/index.ts
-var import_react63 = require("@chakra-ui/react");
+var import_react64 = require("@chakra-ui/react");
 
 // src/components/progress/index.ts
-var import_react64 = require("@chakra-ui/react");
+var import_react65 = require("@chakra-ui/react");
 
 // src/components/radio/components/radio.tsx
-var import_react65 = require("@chakra-ui/react");
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_react66 = require("@chakra-ui/react");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var Radio = ({ isError = false, helpText, errorText, children, isDisabled, ...rest }) => {
   const variant = isError ? "errors" : "unstyled";
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_react65.Box, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react65.Box, { display: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react65.Radio, { variant, ...rest, isDisabled, children: children && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react65.Text, { as: "span", display: "block", textStyle: "text.sm", color: isDisabled ? "black.medium" : "black.high", children }) }) }),
-    isError && errorText ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react65.Box, { mt: "2", ml: "6", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react65.Text, { as: "span", display: "block", textStyle: "text.xs", color: "danger.500", children: errorText }) }) : helpText ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react65.Box, { mt: "2", ml: "6", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react65.Text, { as: "span", display: "block", textStyle: "text.xs", color: "black.medium", children: helpText }) }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_react66.Box, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react66.Box, { display: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react66.Radio, { variant, ...rest, isDisabled, children: children && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react66.Text, { as: "span", display: "block", textStyle: "text.sm", color: isDisabled ? "black.medium" : "black.high", children }) }) }),
+    isError && errorText ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react66.Box, { mt: "2", ml: "6", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react66.Text, { as: "span", display: "block", textStyle: "text.xs", color: "danger.500", children: errorText }) }) : helpText ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react66.Box, { mt: "2", ml: "6", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react66.Text, { as: "span", display: "block", textStyle: "text.xs", color: "black.medium", children: helpText }) }) : null
   ] });
 };
 Radio.displayName = "Radio";
@@ -3645,8 +3690,8 @@ Radio.defaultProps = {
 };
 
 // src/components/radio/components/radio-group.tsx
-var import_react66 = require("@chakra-ui/react");
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_react67 = require("@chakra-ui/react");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 var RadioGroup = ({
   children,
   label,
@@ -3655,7 +3700,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_react66.Box, { mt: "2", mb: "1", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react66.RadioGroup, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react66.Stack, { spacing: [1, "16px"], direction: ["column", "row"], children }) }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(field_default, { ...props, label, leftHelperText: helpText, isError, errorMessage, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react67.Box, { mt: "2", mb: "1", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react67.RadioGroup, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react67.Stack, { spacing: [1, "16px"], direction: ["column", "row"], children }) }) }) });
 };
 RadioGroup.displayName = "RadioGroup";
 RadioGroup.defaultProps = {
@@ -3665,14 +3710,14 @@ RadioGroup.defaultProps = {
 };
 
 // src/components/radio/index.ts
-var import_react67 = require("@chakra-ui/react");
+var import_react68 = require("@chakra-ui/react");
 
 // src/components/rating/components/rating.tsx
-var import_react68 = require("@chakra-ui/react");
+var import_react69 = require("@chakra-ui/react");
 var import_internal_icon7 = require("@ctlyst.id/internal-icon");
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var Rating = ({ value }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react68.Grid, { gap: "4px", display: "flex", children: [...Array(5)].map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_internal_icon7.Rating, { color: i < value ? "#FFA230" : "#E0E0E0", size: 24 })) });
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react69.Grid, { gap: "4px", display: "flex", children: [...Array(5)].map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_internal_icon7.Rating, { color: i < value ? "#FFA230" : "#E0E0E0", size: 24 })) });
 };
 var rating_default = Rating;
 
@@ -3681,16 +3726,16 @@ var import_system7 = require("@chakra-ui/system");
 var import_react_select = __toESM(require("react-select"));
 
 // src/config/theme/foundations/shadows.ts
-var import_react69 = require("@chakra-ui/react");
+var import_react70 = require("@chakra-ui/react");
 var shadows = {
-  ...import_react69.theme.shadows,
+  ...import_react70.theme.shadows,
   raised: "0px 4px 20px rgba(0, 0, 0, 0.05)"
 };
 
 // src/config/theme/foundations/sizes.ts
-var import_react70 = require("@chakra-ui/react");
+var import_react71 = require("@chakra-ui/react");
 var sizes = {
-  ...import_react70.theme.sizes,
+  ...import_react71.theme.sizes,
   4.5: "1.125rem",
   9.5: "2.375rem",
   18: "4.5rem",
@@ -3700,9 +3745,9 @@ var sizes = {
 };
 
 // src/config/theme/foundations/spacing.ts
-var import_react71 = require("@chakra-ui/react");
+var import_react72 = require("@chakra-ui/react");
 var spacing = {
-  ...import_react71.theme.space,
+  ...import_react72.theme.space,
   4.5: "1.125rem",
   9.5: "2.375rem",
   18: "4.5rem",
@@ -4028,14 +4073,14 @@ var themeSelect = (theme5) => {
 };
 
 // src/components/select/components/select.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 function Select2({
   styles,
   isError = false,
   ...rest
 }) {
   const { colorMode } = (0, import_system7.useColorMode)();
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
     import_react_select.default,
     {
       classNamePrefix: "react-select",
@@ -4050,14 +4095,14 @@ var select_default = Select2;
 // src/components/select/components/select-async.tsx
 var import_system8 = require("@chakra-ui/system");
 var import_react_select_async_paginate = require("react-select-async-paginate");
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 function SelectAsync({
   styles,
   isError = false,
   ...rest
 }) {
   const { colorMode } = (0, import_system8.useColorMode)();
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     import_react_select_async_paginate.AsyncPaginate,
     {
       classNamePrefix: "react-select",
@@ -4072,10 +4117,10 @@ var select_async_default = SelectAsync;
 // src/components/select/components/select-async-creatable.tsx
 var import_system9 = require("@chakra-ui/system");
 var import_async_creatable = __toESM(require("react-select/async-creatable"));
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 function SelectAsyncCreatable({ styles, isError = false, ...rest }) {
   const { colorMode } = (0, import_system9.useColorMode)();
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     import_async_creatable.default,
     {
       classNamePrefix: "react-select",
@@ -4089,10 +4134,10 @@ function SelectAsyncCreatable({ styles, isError = false, ...rest }) {
 // src/components/select/components/select-creatable.tsx
 var import_system10 = require("@chakra-ui/system");
 var import_creatable = __toESM(require("react-select/creatable"));
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 function SelectCreatable({ styles, isError = false, ...rest }) {
   const { colorMode } = (0, import_system10.useColorMode)();
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     import_creatable.default,
     {
       classNamePrefix: "react-select",
@@ -4104,10 +4149,10 @@ function SelectCreatable({ styles, isError = false, ...rest }) {
 }
 
 // src/components/select/components/select-with-checkbox.tsx
-var import_react72 = require("@chakra-ui/react");
+var import_react73 = require("@chakra-ui/react");
 var import_system11 = require("@chakra-ui/system");
 var import_react_select2 = __toESM(require("react-select"));
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 var CHECKBOX_STATE = {
   UNCHECKED: 0,
   INDETERMINATE: 1,
@@ -4154,8 +4199,8 @@ var InputOption = ({
     onClick: isDisabled ? void 0 : innerProps.onClick,
     style
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
       import_react_select2.components.Option,
       {
         isMulti: true,
@@ -4166,8 +4211,8 @@ var InputOption = ({
         getStyles,
         innerProps: props,
         ...rest,
-        children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
-          import_react72.Flex,
+        children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+          import_react73.Flex,
           {
             alignItems: "center",
             width: "100%",
@@ -4176,22 +4221,22 @@ var InputOption = ({
             "data-test-id": "CT_component_select-checkbox_options",
             cursor: isDisabled ? "not-allowed" : "default",
             children: [
-              (data == null ? void 0 : data.selectAllCheckbox) ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
-                import_react72.Checkbox,
+              (data == null ? void 0 : data.selectAllCheckbox) ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                import_react73.Checkbox,
                 {
                   isChecked: checkedState === CHECKBOX_STATE.CHECKED,
                   isIndeterminate: checkedState === CHECKBOX_STATE.INDETERMINATE,
                   isDisabled,
                   "data-test-id": "CT_component_select-checkbox_select-all-option"
                 }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react72.Checkbox, { isChecked: isSelected, "data-test-id": "CT_component_select-checkbox_option-checkbox" }),
-              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react72.Text, { textStyle: "text.sm", "data-test-id": `select-checkbox-option-label-${data.value}`, children })
+              ) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_react73.Checkbox, { isChecked: isSelected, "data-test-id": "CT_component_select-checkbox_option-checkbox" }),
+              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_react73.Text, { textStyle: "text.sm", "data-test-id": `select-checkbox-option-label-${data.value}`, children })
             ]
           }
         )
       }
     ),
-    (data == null ? void 0 : data.selectAllCheckbox) ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("hr", {}) : null
+    (data == null ? void 0 : data.selectAllCheckbox) ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("hr", {}) : null
   ] });
 };
 var SelectWithCheckboxBase = ({
@@ -4201,7 +4246,7 @@ var SelectWithCheckboxBase = ({
   ...rest
 }) => {
   const { colorMode } = (0, import_system11.useColorMode)();
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     import_react_select2.default,
     {
       classNamePrefix: "react-select",
@@ -4220,7 +4265,7 @@ var SelectWithCheckboxBase = ({
 var SelectCheckbox = (props) => {
   const { isMulti, options, value, ...rest } = props;
   const selectValue = value || [];
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     SelectWithCheckboxBase,
     {
       isMulti,
@@ -4231,7 +4276,7 @@ var SelectCheckbox = (props) => {
           const optionLength = (options == null ? void 0 : options.length) ? options.length - 1 : 0;
           const selectedValue = isSelected ? CHECKBOX_STATE.CHECKED : CHECKBOX_STATE.UNCHECKED;
           const checkedState = data.selectAllCheckbox ? getSelectAllCheckboxState(selectValue == null ? void 0 : selectValue.length, optionLength) : selectedValue;
-          return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(InputOption, { ...optionProps, checkedState });
+          return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(InputOption, { ...optionProps, checkedState });
         }
       },
       ...rest
@@ -4241,7 +4286,7 @@ var SelectCheckbox = (props) => {
 var select_with_checkbox_default = SelectCheckbox;
 
 // src/components/sidebar/components/sidebar.tsx
-var import_react106 = require("@chakra-ui/react");
+var import_react107 = require("@chakra-ui/react");
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/render/dom/motion.mjs
 var import_tslib39 = require("tslib");
@@ -4249,12 +4294,12 @@ var import_tslib39 = require("tslib");
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/motion/index.mjs
 var import_tslib4 = require("tslib");
 var React11 = __toESM(require("react"), 1);
-var import_react88 = require("react");
+var import_react89 = require("react");
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/motion/features/use-features.mjs
 var import_tslib = require("tslib");
 var React10 = __toESM(require("react"), 1);
-var import_react74 = require("react");
+var import_react75 = require("react");
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/utils/process.mjs
 var defaultEnvironment = "production";
@@ -4330,15 +4375,15 @@ if (process.env.NODE_ENV !== "production") {
 }
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/context/LazyContext.mjs
-var import_react73 = require("react");
-var LazyContext = (0, import_react73.createContext)({ strict: false });
+var import_react74 = require("react");
+var LazyContext = (0, import_react74.createContext)({ strict: false });
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/motion/features/use-features.mjs
 var featureNames = Object.keys(featureDefinitions);
 var numFeatures = featureNames.length;
 function useFeatures(props, visualElement2, preloadedFeatures) {
   var features = [];
-  var lazyContext = (0, import_react74.useContext)(LazyContext);
+  var lazyContext = (0, import_react75.useContext)(LazyContext);
   if (!visualElement2)
     return null;
   if (env !== "production" && preloadedFeatures && lazyContext.strict) {
@@ -4355,8 +4400,8 @@ function useFeatures(props, visualElement2, preloadedFeatures) {
 }
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/context/MotionConfigContext.mjs
-var import_react75 = require("react");
-var MotionConfigContext = (0, import_react75.createContext)({
+var import_react76 = require("react");
+var MotionConfigContext = (0, import_react76.createContext)({
   transformPagePoint: function(p) {
     return p;
   },
@@ -4365,31 +4410,31 @@ var MotionConfigContext = (0, import_react75.createContext)({
 });
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/context/MotionContext/index.mjs
-var import_react76 = require("react");
-var MotionContext = (0, import_react76.createContext)({});
+var import_react77 = require("react");
+var MotionContext = (0, import_react77.createContext)({});
 function useVisualElementContext() {
-  return (0, import_react76.useContext)(MotionContext).visualElement;
+  return (0, import_react77.useContext)(MotionContext).visualElement;
 }
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/motion/utils/use-visual-element.mjs
-var import_react80 = require("react");
+var import_react81 = require("react");
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/context/PresenceContext.mjs
-var import_react77 = require("react");
-var PresenceContext = (0, import_react77.createContext)(null);
+var import_react78 = require("react");
+var PresenceContext = (0, import_react78.createContext)(null);
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/utils/use-isomorphic-effect.mjs
-var import_react78 = require("react");
+var import_react79 = require("react");
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/utils/is-browser.mjs
 var isBrowser = typeof document !== "undefined";
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/utils/use-isomorphic-effect.mjs
-var useIsomorphicLayoutEffect = isBrowser ? import_react78.useLayoutEffect : import_react78.useEffect;
+var useIsomorphicLayoutEffect = isBrowser ? import_react79.useLayoutEffect : import_react79.useEffect;
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/utils/use-reduced-motion.mjs
 var import_tslib2 = require("tslib");
-var import_react79 = require("react");
+var import_react80 = require("react");
 var prefersReducedMotion = { current: null };
 var hasDetected = false;
 function initPrefersReducedMotion() {
@@ -4409,12 +4454,12 @@ function initPrefersReducedMotion() {
 }
 function useReducedMotion() {
   !hasDetected && initPrefersReducedMotion();
-  var _a = (0, import_tslib2.__read)((0, import_react79.useState)(prefersReducedMotion.current), 1), shouldReduceMotion = _a[0];
+  var _a = (0, import_tslib2.__read)((0, import_react80.useState)(prefersReducedMotion.current), 1), shouldReduceMotion = _a[0];
   return shouldReduceMotion;
 }
 function useReducedMotionConfig() {
   var reducedMotionPreference = useReducedMotion();
-  var reducedMotion = (0, import_react79.useContext)(MotionConfigContext).reducedMotion;
+  var reducedMotion = (0, import_react80.useContext)(MotionConfigContext).reducedMotion;
   if (reducedMotion === "never") {
     return false;
   } else if (reducedMotion === "always") {
@@ -4426,11 +4471,11 @@ function useReducedMotionConfig() {
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/motion/utils/use-visual-element.mjs
 function useVisualElement(Component, visualState, props, createVisualElement) {
-  var lazyContext = (0, import_react80.useContext)(LazyContext);
+  var lazyContext = (0, import_react81.useContext)(LazyContext);
   var parent = useVisualElementContext();
-  var presenceContext = (0, import_react80.useContext)(PresenceContext);
+  var presenceContext = (0, import_react81.useContext)(PresenceContext);
   var shouldReduceMotion = useReducedMotionConfig();
-  var visualElementRef = (0, import_react80.useRef)(void 0);
+  var visualElementRef = (0, import_react81.useRef)(void 0);
   if (!createVisualElement)
     createVisualElement = lazyContext.renderer;
   if (!visualElementRef.current && createVisualElement) {
@@ -4447,7 +4492,7 @@ function useVisualElement(Component, visualState, props, createVisualElement) {
   useIsomorphicLayoutEffect(function() {
     visualElement2 === null || visualElement2 === void 0 ? void 0 : visualElement2.syncRender();
   });
-  (0, import_react80.useEffect)(function() {
+  (0, import_react81.useEffect)(function() {
     var _a;
     (_a = visualElement2 === null || visualElement2 === void 0 ? void 0 : visualElement2.animationState) === null || _a === void 0 ? void 0 : _a.animateChanges();
   });
@@ -4460,7 +4505,7 @@ function useVisualElement(Component, visualState, props, createVisualElement) {
 }
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/motion/utils/use-motion-ref.mjs
-var import_react81 = require("react");
+var import_react82 = require("react");
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/utils/is-ref-object.mjs
 function isRefObject(ref) {
@@ -4469,7 +4514,7 @@ function isRefObject(ref) {
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/motion/utils/use-motion-ref.mjs
 function useMotionRef(visualState, visualElement2, externalRef) {
-  return (0, import_react81.useCallback)(
+  return (0, import_react82.useCallback)(
     function(instance) {
       var _a;
       instance && ((_a = visualState.mount) === null || _a === void 0 ? void 0 : _a.call(visualState, instance));
@@ -4494,7 +4539,7 @@ function useMotionRef(visualState, visualElement2, externalRef) {
 }
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/context/MotionContext/create.mjs
-var import_react82 = require("react");
+var import_react83 = require("react");
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/render/utils/variants.mjs
 function isVariantLabels(v) {
@@ -4562,8 +4607,8 @@ function getCurrentTreeVariants(props, context) {
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/context/MotionContext/create.mjs
 function useCreateMotionContext(props) {
-  var _a = getCurrentTreeVariants(props, (0, import_react82.useContext)(MotionContext)), initial = _a.initial, animate3 = _a.animate;
-  return (0, import_react82.useMemo)(function() {
+  var _a = getCurrentTreeVariants(props, (0, import_react83.useContext)(MotionContext)), initial = _a.initial, animate3 = _a.animate;
+  return (0, import_react83.useMemo)(function() {
     return { initial, animate: animate3 };
   }, [variantLabelsAsDependency(initial), variantLabelsAsDependency(animate3)]);
 }
@@ -4572,9 +4617,9 @@ function variantLabelsAsDependency(prop) {
 }
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/utils/use-constant.mjs
-var import_react83 = require("react");
+var import_react84 = require("react");
 function useConstant(init) {
-  var ref = (0, import_react83.useRef)(null);
+  var ref = (0, import_react84.useRef)(null);
   if (ref.current === null) {
     ref.current = init();
   }
@@ -4606,21 +4651,21 @@ function useProjectionId() {
 }
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/context/LayoutGroupContext.mjs
-var import_react84 = require("react");
-var LayoutGroupContext = (0, import_react84.createContext)({});
+var import_react85 = require("react");
+var LayoutGroupContext = (0, import_react85.createContext)({});
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/motion/features/use-projection.mjs
-var import_react86 = require("react");
+var import_react87 = require("react");
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/context/SwitchLayoutGroupContext.mjs
-var import_react85 = require("react");
-var SwitchLayoutGroupContext = (0, import_react85.createContext)({});
+var import_react86 = require("react");
+var SwitchLayoutGroupContext = (0, import_react86.createContext)({});
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/motion/features/use-projection.mjs
 function useProjection(projectionId, _a, visualElement2, ProjectionNodeConstructor) {
   var _b;
   var layoutId = _a.layoutId, layout = _a.layout, drag2 = _a.drag, dragConstraints = _a.dragConstraints, layoutScroll = _a.layoutScroll;
-  var initialPromotionConfig = (0, import_react86.useContext)(SwitchLayoutGroupContext);
+  var initialPromotionConfig = (0, import_react87.useContext)(SwitchLayoutGroupContext);
   if (!ProjectionNodeConstructor || !visualElement2 || (visualElement2 === null || visualElement2 === void 0 ? void 0 : visualElement2.projection)) {
     return;
   }
@@ -4648,7 +4693,7 @@ function useProjection(projectionId, _a, visualElement2, ProjectionNodeConstruct
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/motion/utils/VisualElementHandler.mjs
 var import_tslib3 = require("tslib");
-var import_react87 = __toESM(require("react"), 1);
+var import_react88 = __toESM(require("react"), 1);
 var VisualElementHandler = (
   /** @class */
   function(_super) {
@@ -4671,7 +4716,7 @@ var VisualElementHandler = (
       return this.props.children;
     };
     return VisualElementHandler2;
-  }(import_react87.default.Component)
+  }(import_react88.default.Component)
 );
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/motion/index.mjs
@@ -4681,7 +4726,7 @@ function createMotionComponent(_a) {
   function MotionComponent(props, externalRef) {
     var layoutId = useLayoutId(props);
     props = (0, import_tslib4.__assign)((0, import_tslib4.__assign)({}, props), { layoutId });
-    var config2 = (0, import_react88.useContext)(MotionConfigContext);
+    var config2 = (0, import_react89.useContext)(MotionConfigContext);
     var features = null;
     var context = useCreateMotionContext(props);
     var projectionId = config2.isStatic ? void 0 : useProjectionId();
@@ -4698,12 +4743,12 @@ function createMotionComponent(_a) {
       React11.createElement(MotionContext.Provider, { value: context }, useRender(Component, props, projectionId, useMotionRef(visualState, context.visualElement, externalRef), visualState, config2.isStatic, context.visualElement))
     );
   }
-  return (0, import_react88.forwardRef)(MotionComponent);
+  return (0, import_react89.forwardRef)(MotionComponent);
 }
 function useLayoutId(_a) {
   var _b;
   var layoutId = _a.layoutId;
-  var layoutGroupId = (_b = (0, import_react88.useContext)(LayoutGroupContext)) === null || _b === void 0 ? void 0 : _b.id;
+  var layoutGroupId = (_b = (0, import_react89.useContext)(LayoutGroupContext)) === null || _b === void 0 ? void 0 : _b.id;
   return layoutGroupId && layoutId !== void 0 ? layoutGroupId + "-" + layoutId : layoutId;
 }
 
@@ -4795,11 +4840,11 @@ function isSVGComponent(Component) {
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/render/dom/use-render.mjs
 var import_tslib10 = require("tslib");
-var import_react91 = require("react");
+var import_react92 = require("react");
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/render/html/use-props.mjs
 var import_tslib6 = require("tslib");
-var import_react89 = require("react");
+var import_react90 = require("react");
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/projection/styles/scale-correction.mjs
 var scaleCorrectors = {};
@@ -5207,7 +5252,7 @@ function copyRawValuesOnly(target, source, props) {
 }
 function useInitialMotionValues(_a, visualState, isStatic) {
   var transformTemplate = _a.transformTemplate;
-  return (0, import_react89.useMemo)(function() {
+  return (0, import_react90.useMemo)(function() {
     var state = createHtmlRenderState();
     buildHTMLStyles(state, visualState, { enableHardwareAcceleration: !isStatic }, transformTemplate);
     var vars = state.vars, style = state.style;
@@ -5327,7 +5372,7 @@ function filterProps(props, isDom, forwardMotionProps) {
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/render/svg/use-props.mjs
 var import_tslib9 = require("tslib");
-var import_react90 = require("react");
+var import_react91 = require("react");
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/render/svg/utils/build-attrs.mjs
 var import_tslib7 = require("tslib");
@@ -5401,7 +5446,7 @@ var createSvgRenderState = function() {
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/render/svg/use-props.mjs
 function useSVGProps(props, visualState) {
-  var visualProps = (0, import_react90.useMemo)(function() {
+  var visualProps = (0, import_react91.useMemo)(function() {
     var state = createSvgRenderState();
     buildSVGAttrs(state, visualState, { enableHardwareAcceleration: false }, props.transformTemplate);
     return (0, import_tslib9.__assign)((0, import_tslib9.__assign)({}, state.attrs), { style: (0, import_tslib9.__assign)({}, state.style) });
@@ -5428,7 +5473,7 @@ function createUseRender(forwardMotionProps) {
     if (projectionId) {
       elementProps["data-projection-id"] = projectionId;
     }
-    return (0, import_react91.createElement)(Component, elementProps);
+    return (0, import_react92.createElement)(Component, elementProps);
   };
   return useRender;
 }
@@ -5507,7 +5552,7 @@ function scrapeMotionValuesFromProps2(props) {
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/motion/utils/use-visual-state.mjs
 var import_tslib11 = require("tslib");
-var import_react92 = require("react");
+var import_react93 = require("react");
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/animation/utils/is-animation-controls.mjs
 function isAnimationControls(v) {
@@ -5549,8 +5594,8 @@ function makeState(_a, props, context, presenceContext) {
 }
 var makeUseVisualState = function(config2) {
   return function(props, isStatic) {
-    var context = (0, import_react92.useContext)(MotionContext);
-    var presenceContext = (0, import_react92.useContext)(PresenceContext);
+    var context = (0, import_react93.useContext)(MotionContext);
+    var presenceContext = (0, import_react93.useContext)(PresenceContext);
     return isStatic ? makeState(config2, props, context, presenceContext) : useConstant(function() {
       return makeState(config2, props, context, presenceContext);
     });
@@ -5649,7 +5694,7 @@ var AnimationType;
 })(AnimationType || (AnimationType = {}));
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/events/use-dom-event.mjs
-var import_react93 = require("react");
+var import_react94 = require("react");
 function addDomEvent(target, eventName, handler, options) {
   if (options === void 0) {
     options = { passive: true };
@@ -5660,7 +5705,7 @@ function addDomEvent(target, eventName, handler, options) {
   };
 }
 function useDomEvent(ref, eventName, handler, options) {
-  (0, import_react93.useEffect)(function() {
+  (0, import_react94.useEffect)(function() {
     var element = ref.current;
     if (handler && element) {
       return addDomEvent(element, eventName, handler, options);
@@ -5853,7 +5898,7 @@ function useHoverGesture(_a) {
 }
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/gestures/use-tap-gesture.mjs
-var import_react95 = require("react");
+var import_react96 = require("react");
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/gestures/utils/is-node-or-child.mjs
 var isNodeOrChild = function(parent, child) {
@@ -5867,9 +5912,9 @@ var isNodeOrChild = function(parent, child) {
 };
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/utils/use-unmount-effect.mjs
-var import_react94 = require("react");
+var import_react95 = require("react");
 function useUnmountEffect(callback) {
-  return (0, import_react94.useEffect)(function() {
+  return (0, import_react95.useEffect)(function() {
     return function() {
       return callback();
     };
@@ -6745,8 +6790,8 @@ function cubicBezier(mX1, mY1, mX2, mY2) {
 function useTapGesture(_a) {
   var onTap = _a.onTap, onTapStart = _a.onTapStart, onTapCancel = _a.onTapCancel, whileTap = _a.whileTap, visualElement2 = _a.visualElement;
   var hasPressListeners = onTap || onTapStart || onTapCancel || whileTap;
-  var isPressing = (0, import_react95.useRef)(false);
-  var cancelPointerEndListeners = (0, import_react95.useRef)(null);
+  var isPressing = (0, import_react96.useRef)(false);
+  var cancelPointerEndListeners = (0, import_react96.useRef)(null);
   var eventOptions = {
     passive: !(onTapStart || onTap || onTapCancel || onPointerDown)
   };
@@ -6787,7 +6832,7 @@ function useTapGesture(_a) {
 }
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/motion/features/viewport/use-viewport.mjs
-var import_react96 = require("react");
+var import_react97 = require("react");
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/utils/warn-once.mjs
 var warned = /* @__PURE__ */ new Set();
@@ -6837,7 +6882,7 @@ function observeIntersection(element, options, callback) {
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/motion/features/viewport/use-viewport.mjs
 function useViewport(_a) {
   var visualElement2 = _a.visualElement, whileInView = _a.whileInView, onViewportEnter = _a.onViewportEnter, onViewportLeave = _a.onViewportLeave, _b = _a.viewport, viewport = _b === void 0 ? {} : _b;
-  var state = (0, import_react96.useRef)({
+  var state = (0, import_react97.useRef)({
     hasEnteredView: false,
     isInView: false
   });
@@ -6853,7 +6898,7 @@ var thresholdNames = {
 };
 function useIntersectionObserver(shouldObserve, state, visualElement2, _a) {
   var root = _a.root, rootMargin = _a.margin, _b = _a.amount, amount = _b === void 0 ? "some" : _b, once = _a.once;
-  (0, import_react96.useEffect)(function() {
+  (0, import_react97.useEffect)(function() {
     if (!shouldObserve)
       return;
     var options = {
@@ -6882,7 +6927,7 @@ function useIntersectionObserver(shouldObserve, state, visualElement2, _a) {
 }
 function useMissingIntersectionObserver(shouldObserve, state, visualElement2, _a) {
   var _b = _a.fallback, fallback = _b === void 0 ? true : _b;
-  (0, import_react96.useEffect)(function() {
+  (0, import_react97.useEffect)(function() {
     if (!shouldObserve || !fallback)
       return;
     if (env !== "production") {
@@ -6916,10 +6961,10 @@ var gestureAnimations = {
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/motion/features/animations.mjs
 var import_tslib25 = require("tslib");
-var import_react98 = require("react");
+var import_react99 = require("react");
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/components/AnimatePresence/use-presence.mjs
-var import_react97 = require("react");
+var import_react98 = require("react");
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/utils/use-id.mjs
 var counter = 0;
@@ -6932,12 +6977,12 @@ var useId = function() {
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/components/AnimatePresence/use-presence.mjs
 function usePresence() {
-  var context = (0, import_react97.useContext)(PresenceContext);
+  var context = (0, import_react98.useContext)(PresenceContext);
   if (context === null)
     return [true, null];
   var isPresent = context.isPresent, onExitComplete = context.onExitComplete, register = context.register;
   var id2 = useId();
-  (0, import_react97.useEffect)(function() {
+  (0, import_react98.useEffect)(function() {
     return register(id2);
   }, []);
   var safeToRemove = function() {
@@ -7861,7 +7906,7 @@ var animations = {
     var visualElement2 = _a.visualElement, animate3 = _a.animate;
     visualElement2.animationState || (visualElement2.animationState = createAnimationState(visualElement2));
     if (isAnimationControls(animate3)) {
-      (0, import_react98.useEffect)(function() {
+      (0, import_react99.useEffect)(function() {
         return animate3.subscribe(visualElement2);
       }, [animate3]);
     }
@@ -7869,8 +7914,8 @@ var animations = {
   exit: makeRenderlessComponent(function(props) {
     var custom = props.custom, visualElement2 = props.visualElement;
     var _a = (0, import_tslib25.__read)(usePresence(), 2), isPresent = _a[0], safeToRemove = _a[1];
-    var presenceContext = (0, import_react98.useContext)(PresenceContext);
-    (0, import_react98.useEffect)(function() {
+    var presenceContext = (0, import_react99.useContext)(PresenceContext);
+    (0, import_react99.useEffect)(function() {
       var _a2, _b;
       visualElement2.isPresent = isPresent;
       var animation = (_a2 = visualElement2.animationState) === null || _a2 === void 0 ? void 0 : _a2.setActive(AnimationType.Exit, !isPresent, { custom: (_b = presenceContext === null || presenceContext === void 0 ? void 0 : presenceContext.custom) !== null && _b !== void 0 ? _b : custom });
@@ -7880,7 +7925,7 @@ var animations = {
 };
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/gestures/drag/use-drag.mjs
-var import_react99 = require("react");
+var import_react100 = require("react");
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/gestures/drag/VisualElementDragControls.mjs
 var import_tslib29 = require("tslib");
@@ -8624,21 +8669,21 @@ function useDrag(props) {
   var dragControls = useConstant(function() {
     return new VisualElementDragControls(visualElement2);
   });
-  (0, import_react99.useEffect)(function() {
+  (0, import_react100.useEffect)(function() {
     return groupDragControls && groupDragControls.subscribe(dragControls);
   }, [dragControls, groupDragControls]);
-  (0, import_react99.useEffect)(function() {
+  (0, import_react100.useEffect)(function() {
     return dragControls.addListeners();
   }, [dragControls]);
 }
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/gestures/use-pan-gesture.mjs
-var import_react100 = require("react");
+var import_react101 = require("react");
 function usePanGesture(_a) {
   var onPan = _a.onPan, onPanStart = _a.onPanStart, onPanEnd = _a.onPanEnd, onPanSessionStart = _a.onPanSessionStart, visualElement2 = _a.visualElement;
   var hasPanEvents = onPan || onPanStart || onPanEnd || onPanSessionStart;
-  var panSession = (0, import_react100.useRef)(null);
-  var transformPagePoint = (0, import_react100.useContext)(MotionConfigContext).transformPagePoint;
+  var panSession = (0, import_react101.useRef)(null);
+  var transformPagePoint = (0, import_react101.useContext)(MotionConfigContext).transformPagePoint;
   var handlers = {
     onSessionStart: onPanSessionStart,
     onStart: onPanStart,
@@ -8648,7 +8693,7 @@ function usePanGesture(_a) {
       onPanEnd && onPanEnd(event, info);
     }
   };
-  (0, import_react100.useEffect)(function() {
+  (0, import_react101.useEffect)(function() {
     if (panSession.current !== null) {
       panSession.current.updateHandlers(handlers);
     }
@@ -9527,7 +9572,7 @@ var createDomVisualElement = function(Component, options) {
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/motion/features/layout/MeasureLayout.mjs
 var import_tslib36 = require("tslib");
-var import_react101 = __toESM(require("react"), 1);
+var import_react102 = __toESM(require("react"), 1);
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/projection/styles/scale-border-radius.mjs
 function pixelsToPercent(pixels, axis) {
@@ -9676,12 +9721,12 @@ var MeasureLayoutWithContext = (
       return null;
     };
     return MeasureLayoutWithContext2;
-  }(import_react101.default.Component)
+  }(import_react102.default.Component)
 );
 function MeasureLayout(props) {
   var _a = (0, import_tslib36.__read)(usePresence(), 2), isPresent = _a[0], safeToRemove = _a[1];
-  var layoutGroup = (0, import_react101.useContext)(LayoutGroupContext);
-  return import_react101.default.createElement(MeasureLayoutWithContext, (0, import_tslib36.__assign)({}, props, { layoutGroup, switchLayoutGroup: (0, import_react101.useContext)(SwitchLayoutGroupContext), isPresent, safeToRemove }));
+  var layoutGroup = (0, import_react102.useContext)(LayoutGroupContext);
+  return import_react102.default.createElement(MeasureLayoutWithContext, (0, import_tslib36.__assign)({}, props, { layoutGroup, switchLayoutGroup: (0, import_react102.useContext)(SwitchLayoutGroupContext), isPresent, safeToRemove }));
 }
 var defaultScaleCorrectors = {
   borderRadius: (0, import_tslib36.__assign)((0, import_tslib36.__assign)({}, correctBorderRadius), { applyTo: [
@@ -10930,16 +10975,16 @@ var motion = /* @__PURE__ */ createMotionProxy(function(Component, config2) {
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs
 var import_tslib42 = require("tslib");
 var React13 = __toESM(require("react"), 1);
-var import_react105 = require("react");
+var import_react106 = require("react");
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/utils/use-force-update.mjs
 var import_tslib40 = require("tslib");
-var import_react103 = require("react");
+var import_react104 = require("react");
 
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/utils/use-is-mounted.mjs
-var import_react102 = require("react");
+var import_react103 = require("react");
 function useIsMounted() {
-  var isMounted = (0, import_react102.useRef)(false);
+  var isMounted = (0, import_react103.useRef)(false);
   useIsomorphicLayoutEffect(function() {
     isMounted.current = true;
     return function() {
@@ -10952,11 +10997,11 @@ function useIsMounted() {
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/utils/use-force-update.mjs
 function useForceUpdate() {
   var isMounted = useIsMounted();
-  var _a = (0, import_tslib40.__read)((0, import_react103.useState)(0), 2), forcedRenderCount = _a[0], setForcedRenderCount = _a[1];
-  var forceRender = (0, import_react103.useCallback)(function() {
+  var _a = (0, import_tslib40.__read)((0, import_react104.useState)(0), 2), forcedRenderCount = _a[0], setForcedRenderCount = _a[1];
+  var forceRender = (0, import_react104.useCallback)(function() {
     isMounted.current && setForcedRenderCount(forcedRenderCount + 1);
   }, [forcedRenderCount]);
-  var deferredForceRender = (0, import_react103.useCallback)(function() {
+  var deferredForceRender = (0, import_react104.useCallback)(function() {
     return es_default.postRender(forceRender);
   }, [forceRender]);
   return [deferredForceRender, forcedRenderCount];
@@ -10965,12 +11010,12 @@ function useForceUpdate() {
 // ../../node_modules/.pnpm/framer-motion@6.5.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/components/AnimatePresence/PresenceChild.mjs
 var import_tslib41 = require("tslib");
 var React12 = __toESM(require("react"), 1);
-var import_react104 = require("react");
+var import_react105 = require("react");
 var PresenceChild = function(_a) {
   var children = _a.children, initial = _a.initial, isPresent = _a.isPresent, onExitComplete = _a.onExitComplete, custom = _a.custom, presenceAffectsLayout = _a.presenceAffectsLayout;
   var presenceChildren = useConstant(newChildrenMap);
   var id2 = useId();
-  var context = (0, import_react104.useMemo)(
+  var context = (0, import_react105.useMemo)(
     function() {
       return {
         id: id2,
@@ -11012,7 +11057,7 @@ var PresenceChild = function(_a) {
      */
     presenceAffectsLayout ? void 0 : [isPresent]
   );
-  (0, import_react104.useMemo)(function() {
+  (0, import_react105.useMemo)(function() {
     presenceChildren.forEach(function(_, key) {
       return presenceChildren.set(key, false);
     });
@@ -11038,8 +11083,8 @@ function updateChildLookup(children, allChildren) {
 }
 function onlyElements(children) {
   var filtered = [];
-  import_react105.Children.forEach(children, function(child) {
-    if ((0, import_react105.isValidElement)(child))
+  import_react106.Children.forEach(children, function(child) {
+    if ((0, import_react106.isValidElement)(child))
       filtered.push(child);
   });
   return filtered;
@@ -11047,16 +11092,16 @@ function onlyElements(children) {
 var AnimatePresence = function(_a) {
   var children = _a.children, custom = _a.custom, _b = _a.initial, initial = _b === void 0 ? true : _b, onExitComplete = _a.onExitComplete, exitBeforeEnter = _a.exitBeforeEnter, _c = _a.presenceAffectsLayout, presenceAffectsLayout = _c === void 0 ? true : _c;
   var _d = (0, import_tslib42.__read)(useForceUpdate(), 1), forceRender = _d[0];
-  var forceRenderLayoutGroup = (0, import_react105.useContext)(LayoutGroupContext).forceRender;
+  var forceRenderLayoutGroup = (0, import_react106.useContext)(LayoutGroupContext).forceRender;
   if (forceRenderLayoutGroup)
     forceRender = forceRenderLayoutGroup;
   var isMounted = useIsMounted();
   var filteredChildren = onlyElements(children);
   var childrenToRender = filteredChildren;
   var exiting = /* @__PURE__ */ new Set();
-  var presentChildren = (0, import_react105.useRef)(childrenToRender);
-  var allChildren = (0, import_react105.useRef)(/* @__PURE__ */ new Map()).current;
-  var isInitialRender = (0, import_react105.useRef)(true);
+  var presentChildren = (0, import_react106.useRef)(childrenToRender);
+  var allChildren = (0, import_react106.useRef)(/* @__PURE__ */ new Map()).current;
+  var isInitialRender = (0, import_react106.useRef)(true);
   useIsomorphicLayoutEffect(function() {
     isInitialRender.current = false;
     updateChildLookup(filteredChildren, allChildren);
@@ -11117,16 +11162,16 @@ var AnimatePresence = function(_a) {
     console.warn("You're attempting to animate multiple children within AnimatePresence, but its exitBeforeEnter prop is set to true. This will lead to odd visual behaviour.");
   }
   return React13.createElement(React13.Fragment, null, exiting.size ? childrenToRender : childrenToRender.map(function(child) {
-    return (0, import_react105.cloneElement)(child);
+    return (0, import_react106.cloneElement)(child);
   }));
 };
 
 // src/components/sidebar/components/sidebar.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var Sidebar = ({ isCollapse, children, ...props }) => {
   const { width = "220px" } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-    import_react106.Flex,
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+    import_react107.Flex,
     {
       position: "relative",
       as: motion.div,
@@ -11146,12 +11191,12 @@ var Sidebar = ({ isCollapse, children, ...props }) => {
 Sidebar.displayName = "Sidebar";
 
 // src/components/sidebar/components/sidebar-header.tsx
-var import_react107 = require("@chakra-ui/react");
+var import_react108 = require("@chakra-ui/react");
 var import_internal_icon8 = require("@ctlyst.id/internal-icon");
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var SidebarHeader = ({ isCollapse, setCollapse, title }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-    import_react107.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    import_react108.Box,
     {
       px: "2",
       color: "neutral.900",
@@ -11160,8 +11205,8 @@ var SidebarHeader = ({ isCollapse, setCollapse, title }) => {
       _hover: {
         color: "primary.500"
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
-        import_react107.Flex,
+      children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+        import_react108.Flex,
         {
           "data-test-id": "nLkz69YipW818FioeAxVI",
           direction: "row",
@@ -11170,8 +11215,8 @@ var SidebarHeader = ({ isCollapse, setCollapse, title }) => {
           onClick: () => setCollapse(!isCollapse),
           cursor: "pointer",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-              import_react107.Box,
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+              import_react108.Box,
               {
                 as: motion.div,
                 boxSize: "4",
@@ -11179,11 +11224,11 @@ var SidebarHeader = ({ isCollapse, setCollapse, title }) => {
                 transition: "ease-in-out",
                 transitionDuration: "1ms",
                 "aria-label": "toggle sidebar",
-                children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_internal_icon8.ArrowRight, { size: 4, color: "inherit" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_internal_icon8.ArrowRight, { size: 4, color: "inherit" })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(AnimatePresence, { children: !isCollapse && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react107.Box, { h: "3.5", position: "relative", ml: "2", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-              import_react107.Text,
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(AnimatePresence, { children: !isCollapse && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react108.Box, { h: "3.5", position: "relative", ml: "2", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+              import_react108.Text,
               {
                 as: motion.div,
                 w: "max-content",
@@ -11209,29 +11254,29 @@ SidebarHeader.defaultProps = {
 };
 
 // src/components/sidebar/components/sidebar-menu.tsx
-var import_react108 = require("@chakra-ui/react");
+var import_react109 = require("@chakra-ui/react");
 var Icon7 = __toESM(require("@ctlyst.id/internal-icon"));
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var SidebarMenu = ({ menu, isCollapse, mappingIcon: mappingIcon2, itemStyles, setActive, active }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react108.Box, { as: motion.div, animate: { padding: isCollapse ? "8px 16px" : "8px" }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react108.Accordion, { index: menu.findIndex((item) => item.children.some((child) => child.navLink === active)), children: menu.map((item) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react109.Box, { as: motion.div, animate: { padding: isCollapse ? "8px 16px" : "8px" }, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react109.Accordion, { index: menu.findIndex((item) => item.children.some((child) => child.navLink === active)), children: menu.map((item) => {
     const isActive = active == null ? void 0 : active.includes(item.navLink);
-    return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react108.AccordionItem, { mt: "4", children: ({ isExpanded }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react109.AccordionItem, { mt: "4", children: ({ isExpanded }) => {
       const isOpenOptions = isCollapse || !isCollapse && !isExpanded;
       const noChild = !item.children.length;
       const offsetStyle = isCollapse ? noChild ? [-5, 16] : [-1, 16] : [-1, 8];
-      return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_jsx_runtime59.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react108.Popover, { trigger: "hover", placement: "right-start", offset: offsetStyle, children: ({ isOpen, onClose }) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react109.Popover, { trigger: "hover", placement: "right-start", offset: offsetStyle, children: ({ isOpen, onClose }) => {
           const activeOption = isOpen ? "primary.50" : "white";
           const backgroundColor = isOpen && !isActive ? "primary.50" : "primary.100";
           const activeParent = isActive ? backgroundColor : activeOption;
-          return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_jsx_runtime59.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react108.PopoverTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
-              import_react108.AccordionButton,
+          return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react109.PopoverTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+              import_react109.AccordionButton,
               {
                 "data-test-id": `CTA_button-accordion-${item.title}`,
                 p: "0",
                 h: "fit-content",
-                children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
                   NavItem,
                   {
                     as: motion.div,
@@ -11243,9 +11288,9 @@ var SidebarMenu = ({ menu, isCollapse, mappingIcon: mappingIcon2, itemStyles, se
                     position: "relative",
                     ...itemStyles,
                     children: [
-                      mappingIcon2 && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react108.Box, { display: "flex", boxSize: "3", transition: "50ms linear", children: mappingIcon2.get(item.icon || "") }),
-                      !isCollapse && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
-                        import_react108.Box,
+                      mappingIcon2 && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react109.Box, { display: "flex", boxSize: "3", transition: "50ms linear", children: mappingIcon2.get(item.icon || "") }),
+                      !isCollapse && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
+                        import_react109.Box,
                         {
                           display: "flex",
                           w: "full",
@@ -11258,15 +11303,15 @@ var SidebarMenu = ({ menu, isCollapse, mappingIcon: mappingIcon2, itemStyles, se
                           animate: { opacity: 1, x: 0 },
                           exit: { opacity: 0, x: 16 },
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react108.Box, { h: "3.5", position: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react108.Text, { textStyle: "text.xs", w: "max-content", position: "absolute", children: item.title }) }),
-                            !!item.children.length && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
-                              import_react108.Box,
+                            /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react109.Box, { h: "3.5", position: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react109.Text, { textStyle: "text.xs", w: "max-content", position: "absolute", children: item.title }) }),
+                            !!item.children.length && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+                              import_react109.Box,
                               {
                                 display: "flex",
                                 boxSize: "3",
                                 as: motion.div,
                                 animate: { transform: isExpanded ? "rotate(-180deg)" : "rotate(0)" },
-                                children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Icon7.ChevronDown, { size: 3 })
+                                children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Icon7.ChevronDown, { size: 3 })
                               }
                             )
                           ]
@@ -11279,12 +11324,12 @@ var SidebarMenu = ({ menu, isCollapse, mappingIcon: mappingIcon2, itemStyles, se
               },
               item.id
             ) }, item.id),
-            isOpenOptions && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react108.Portal, { children: item.children.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_react108.PopoverContent, { w: "176px", borderColor: "neutral.200", bg: "white", rounded: "sm", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react108.PopoverHeader, { borderColor: "neutral.300", textStyle: "text.xs", p: "2", children: mappingIcon2 && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_react108.Box, { display: "flex", alignItems: "center", children: [
+            isOpenOptions && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react109.Portal, { children: item.children.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_react109.PopoverContent, { w: "176px", borderColor: "neutral.200", bg: "white", rounded: "sm", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react109.PopoverHeader, { borderColor: "neutral.300", textStyle: "text.xs", p: "2", children: mappingIcon2 && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_react109.Box, { display: "flex", alignItems: "center", children: [
                 mappingIcon2.get(item.icon || ""),
-                /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react108.Box, { as: "span", ml: "2", children: item.title })
+                /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react109.Box, { as: "span", ml: "2", children: item.title })
               ] }) }),
-              !!item.children.length && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react108.PopoverBody, { pb: "1", px: "0", pt: "0", children: item.children.map((submenu) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+              !!item.children.length && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react109.PopoverBody, { pb: "1", px: "0", pt: "0", children: item.children.map((submenu) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
                 NavItem,
                 {
                   "data-test-id": `CTA_Sidebar-popover-item-${submenu.id}`,
@@ -11300,7 +11345,7 @@ var SidebarMenu = ({ menu, isCollapse, mappingIcon: mappingIcon2, itemStyles, se
                 },
                 submenu.id
               )) })
-            ] }) : isCollapse && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react108.PopoverContent, { w: "174px", borderColor: "neutral.200", bg: "white", rounded: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react108.PopoverBody, { py: "1", px: "0", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+            ] }) : isCollapse && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react109.PopoverContent, { w: "174px", borderColor: "neutral.200", bg: "white", rounded: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react109.PopoverBody, { py: "1", px: "0", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
               NavItem,
               {
                 "data-test-id": `CTA_Sidebar-popover-item-${item.id}`,
@@ -11313,15 +11358,15 @@ var SidebarMenu = ({ menu, isCollapse, mappingIcon: mappingIcon2, itemStyles, se
                 rounded: "none",
                 ...itemStyles,
                 children: [
-                  mappingIcon2 && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react108.Box, { display: "flex", boxSize: "3", transition: "50ms linear", children: mappingIcon2.get(item.icon || "") }),
-                  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react108.Box, { h: "3.5", position: "relative", ml: "2", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react108.Text, { textStyle: "text.xs", w: "max-content", position: "absolute", children: item.title }) })
+                  mappingIcon2 && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react109.Box, { display: "flex", boxSize: "3", transition: "50ms linear", children: mappingIcon2.get(item.icon || "") }),
+                  /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react109.Box, { h: "3.5", position: "relative", ml: "2", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react109.Text, { textStyle: "text.xs", w: "max-content", position: "absolute", children: item.title }) })
                 ]
               },
               item.id
             ) }) }) })
           ] });
         } }, item.id),
-        !isCollapse && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react108.AccordionPanel, { mt: "1", p: "0", children: item.children.map((submenu) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+        !isCollapse && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react109.AccordionPanel, { mt: "1", p: "0", children: item.children.map((submenu) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
           NavItem,
           {
             mt: "1",
@@ -11345,16 +11390,16 @@ SidebarMenu.defaultProps = {
 };
 
 // src/components/switch/components/switch.tsx
-var import_react109 = require("@chakra-ui/react");
+var import_react110 = require("@chakra-ui/react");
 var import_shared_utils10 = require("@chakra-ui/shared-utils");
 var import_internal_icon9 = require("@ctlyst.id/internal-icon");
-var import_react110 = require("react");
-var import_jsx_runtime60 = require("react/jsx-runtime");
-var Switch = (0, import_react109.forwardRef)(function Switch2(props, ref) {
-  const styles = (0, import_react109.useMultiStyleConfig)("Switch", props);
-  const { spacing: spacing2 = "0.5rem", children, ...ownProps } = (0, import_react109.omitThemingProps)(props);
-  const { state, getInputProps, getCheckboxProps, getRootProps, getLabelProps } = (0, import_react109.useCheckbox)(ownProps);
-  const containerStyles = (0, import_react110.useMemo)(
+var import_react111 = require("react");
+var import_jsx_runtime61 = require("react/jsx-runtime");
+var Switch = (0, import_react110.forwardRef)(function Switch2(props, ref) {
+  const styles = (0, import_react110.useMultiStyleConfig)("Switch", props);
+  const { spacing: spacing2 = "0.5rem", children, ...ownProps } = (0, import_react110.omitThemingProps)(props);
+  const { state, getInputProps, getCheckboxProps, getRootProps, getLabelProps } = (0, import_react110.useCheckbox)(ownProps);
+  const containerStyles = (0, import_react111.useMemo)(
     () => ({
       display: "inline-block",
       position: "relative",
@@ -11364,7 +11409,7 @@ var Switch = (0, import_react109.forwardRef)(function Switch2(props, ref) {
     }),
     [styles.container]
   );
-  const trackStyles = (0, import_react110.useMemo)(
+  const trackStyles = (0, import_react111.useMemo)(
     () => ({
       display: "inline-flex",
       flexShrink: 0,
@@ -11376,7 +11421,7 @@ var Switch = (0, import_react109.forwardRef)(function Switch2(props, ref) {
     }),
     [styles.track]
   );
-  const labelStyles = (0, import_react110.useMemo)(
+  const labelStyles = (0, import_react111.useMemo)(
     () => ({
       userSelect: "none",
       marginStart: spacing2,
@@ -11392,8 +11437,8 @@ var Switch = (0, import_react109.forwardRef)(function Switch2(props, ref) {
     };
     return iconSize[value];
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
-    import_react109.chakra.label,
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+    import_react110.chakra.label,
     {
       ...getRootProps(),
       display: "flex",
@@ -11401,14 +11446,14 @@ var Switch = (0, import_react109.forwardRef)(function Switch2(props, ref) {
       className: (0, import_shared_utils10.cx)("chakra-switch", props.className),
       __css: containerStyles,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("input", { "data-test-id": "", className: "chakra-switch__input", ...getInputProps({}, ref) }),
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_react109.chakra.span, { ...getCheckboxProps(), className: "chakra-switch__track", pos: "relative", __css: trackStyles, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_react109.Flex, { gap: 1, pos: "absolute", top: "50%", left: "50%", transform: "translate(-50%, -50%)", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_internal_icon9.Check, { color: "white", size: getIconSize(props.size) }),
-            /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_internal_icon9.Close, { color: state.isDisabled ? "neutral.600" : "neutral.900", size: getIconSize(props.size) })
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("input", { "data-test-id": "", className: "chakra-switch__input", ...getInputProps({}, ref) }),
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_react110.chakra.span, { ...getCheckboxProps(), className: "chakra-switch__track", pos: "relative", __css: trackStyles, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_react110.Flex, { gap: 1, pos: "absolute", top: "50%", left: "50%", transform: "translate(-50%, -50%)", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_internal_icon9.Check, { color: "white", size: getIconSize(props.size) }),
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_internal_icon9.Close, { color: state.isDisabled ? "neutral.600" : "neutral.900", size: getIconSize(props.size) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
-            import_react109.chakra.span,
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+            import_react110.chakra.span,
             {
               __css: styles.thumb,
               className: "chakra-switch__thumb",
@@ -11417,8 +11462,8 @@ var Switch = (0, import_react109.forwardRef)(function Switch2(props, ref) {
             }
           )
         ] }),
-        children && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
-          import_react109.chakra.span,
+        children && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+          import_react110.chakra.span,
           {
             className: "chakra-switch__label",
             color: state.isDisabled ? "black.low" : "black.high",
@@ -11438,18 +11483,18 @@ Switch.defaultProps = {
 var switch_default = Switch;
 
 // src/components/table/index.tsx
-var import_react111 = require("@chakra-ui/react");
+var import_react112 = require("@chakra-ui/react");
 
 // src/components/tabs/components/tab.tsx
-var import_react112 = require("@chakra-ui/react");
-var import_jsx_runtime61 = require("react/jsx-runtime");
-var Tab = (0, import_react112.forwardRef)((props, ref) => {
+var import_react113 = require("@chakra-ui/react");
+var import_jsx_runtime62 = require("react/jsx-runtime");
+var Tab = (0, import_react113.forwardRef)((props, ref) => {
   var _a, _b;
-  const tabProps = (0, import_react112.useTab)({ ...props, ref });
+  const tabProps = (0, import_react113.useTab)({ ...props, ref });
   const isSelected = !!tabProps["aria-selected"];
-  const styles = (0, import_react112.useMultiStyleConfig)("Tabs", tabProps);
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
-    import_react112.Button,
+  const styles = (0, import_react113.useMultiStyleConfig)("Tabs", tabProps);
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+    import_react113.Button,
     {
       "data-test-id": props["data-test-id"],
       p: 4,
@@ -11474,7 +11519,7 @@ var Tab = (0, import_react112.forwardRef)((props, ref) => {
       },
       __css: styles.tab,
       ...tabProps,
-      children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_react112.Flex, { alignItems: "center", children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_react113.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 })
@@ -11485,21 +11530,21 @@ var Tab = (0, import_react112.forwardRef)((props, ref) => {
 var tab_default = Tab;
 
 // src/components/tabs/index.ts
-var import_react113 = require("@chakra-ui/react");
+var import_react114 = require("@chakra-ui/react");
 
 // src/components/text/index.ts
-var import_react114 = require("@chakra-ui/react");
+var import_react115 = require("@chakra-ui/react");
 
 // src/components/toast/components/toast.tsx
-var import_react116 = require("@chakra-ui/react");
+var import_react117 = require("@chakra-ui/react");
 var import_react_toastify = require("react-toastify");
 
 // src/components/toast/components/styles.tsx
-var import_react115 = require("@emotion/react");
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_react116 = require("@emotion/react");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 var Styles2 = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
-    import_react115.Global,
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+    import_react116.Global,
     {
       styles: `
         .Toastify__toast-container {
@@ -11530,7 +11575,7 @@ var Styles2 = () => {
 var styles_default2 = Styles2;
 
 // src/components/toast/components/toast.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 var DEFAULT_OPTIONS = {
   position: "top-right",
   autoClose: 5e3,
@@ -11552,7 +11597,7 @@ var renderIcon = (icon, type) => {
   return icon;
 };
 var useToast = () => {
-  const [primary500, neutral500, info500, danger500, warning500, success500] = (0, import_react116.useToken)("colors", [
+  const [primary500, neutral500, info500, danger500, warning500, success500] = (0, import_react117.useToken)("colors", [
     "primary.500",
     "neutral.500",
     "info.500",
@@ -11561,15 +11606,15 @@ var useToast = () => {
     "success.500"
   ]);
   const content = (icon, message, link) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(styles_default2, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_react116.Flex, { justifyContent: "space-between", alignItems: "center", gap: 4, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_react116.Flex, { alignItems: "center", children: [
-          icon && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react116.chakra.span, { mr: 2, w: 4, h: 4, children: renderIcon(icon, "default") }),
-          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react116.chakra.span, { noOfLines: 2, children: message })
+    return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_jsx_runtime64.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(styles_default2, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_react117.Flex, { justifyContent: "space-between", alignItems: "center", gap: 4, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_react117.Flex, { alignItems: "center", children: [
+          icon && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react117.chakra.span, { mr: 2, w: 4, h: 4, children: renderIcon(icon, "default") }),
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react117.chakra.span, { noOfLines: 2, children: message })
         ] }),
-        link && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
-          import_react116.Link,
+        link && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+          import_react117.Link,
           {
             href: link.url,
             textDecoration: "underline",
@@ -11646,21 +11691,6 @@ var useToast = () => {
 // src/components/toast/index.ts
 var import_react_toastify2 = require("react-toastify");
 
-// src/components/tooltip/components/tooltip.tsx
-var import_react117 = require("@chakra-ui/react");
-var import_jsx_runtime64 = require("react/jsx-runtime");
-var Tooltip = (props) => {
-  const { children, bg = "neutral.700", textStyle = "text.sm", color: color2 = "white" } = props;
-  const content = /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_react117.PopoverContent, { border: "none", bg, textStyle, borderRadius: props.borderRadius, children: [
-    props.hasArrow && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react117.PopoverArrow, { color: color2, bg }),
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react117.PopoverBody, { color: color2, ...props, children: props.label })
-  ] });
-  return props.isInteractive === true ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_react117.Popover, { trigger: "hover", placement: props.placement, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react117.PopoverTrigger, { children }),
-    props.portal ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react117.Portal, { children: content }) : content
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react117.Tooltip, { ...props, children });
-};
-
 // src/components/uploader/components/uploader.tsx
 var import_react118 = require("@chakra-ui/react");
 var import_internal_icon10 = require("@ctlyst.id/internal-icon");