@ctlyst.id/internal-ui 5.5.7 → 5.6.0

package/dist/index.js

@@ -56,12 +56,12 @@ __export(src_exports, {
   AlertIcon: () => AlertIcon,
   AlertTitle: () => AlertTitle,
   Anchor: () => Anchor,
-  Avatar: () => import_react97.Avatar,
-  AvatarBadge: () => import_react97.AvatarBadge,
-  AvatarBadgeProps: () => import_react97.AvatarBadgeProps,
-  AvatarGroup: () => import_react97.AvatarGroup,
-  AvatarGroupProps: () => import_react97.AvatarGroupProps,
-  AvatarProps: () => import_react97.AvatarProps,
+  Avatar: () => import_react98.Avatar,
+  AvatarBadge: () => import_react98.AvatarBadge,
+  AvatarBadgeProps: () => import_react98.AvatarBadgeProps,
+  AvatarGroup: () => import_react98.AvatarGroup,
+  AvatarGroupProps: () => import_react98.AvatarGroupProps,
+  AvatarProps: () => import_react98.AvatarProps,
   Badge: () => badge_default,
   Box: () => import_react55.Box,
   BoxProps: () => import_react55.BoxProps,
@@ -72,9 +72,9 @@ __export(src_exports, {
   CHECKBOX_STATE: () => CHECKBOX_STATE,
   Card: () => card_default,
   Center: () => import_react55.Center,
-  ChakraProvider: () => import_react107.ChakraProvider,
-  ChakraProviderProps: () => import_react107.ChakraProviderProps,
-  ChakraTable: () => import_react86.Table,
+  ChakraProvider: () => import_react108.ChakraProvider,
+  ChakraProviderProps: () => import_react108.ChakraProviderProps,
+  ChakraTable: () => import_react87.Table,
   Checkbox: () => checkbox_default,
   CheckboxGroup: () => checkbox_group_default,
   CheckboxGroupContext: () => import_react17.CheckboxGroupContext,
@@ -86,13 +86,13 @@ __export(src_exports, {
   ClearIndicator: () => ClearIndicator,
   CloseButton: () => import_react10.CloseButton,
   CloseButtonProps: () => import_react10.CloseButtonProps,
-  Code: () => import_react89.Code,
-  CodeProps: () => import_react89.CodeProps,
-  Collapse: () => import_react97.Collapse,
-  CollapseProps: () => import_react97.CollapseProps,
-  ColorMode: () => import_react107.ColorMode,
-  ColorModeScript: () => import_react107.ColorModeScript,
-  ColorModeScriptProps: () => import_react107.ColorModeScriptProps,
+  Code: () => import_react90.Code,
+  CodeProps: () => import_react90.CodeProps,
+  Collapse: () => import_react98.Collapse,
+  CollapseProps: () => import_react98.CollapseProps,
+  ColorMode: () => import_react108.ColorMode,
+  ColorModeScript: () => import_react108.ColorModeScript,
+  ColorModeScriptProps: () => import_react108.ColorModeScriptProps,
   Container: () => import_react55.Container,
   ContainerProps: () => import_react55.ContainerProps,
   Counter: () => counter_default,
@@ -117,8 +117,8 @@ __export(src_exports, {
   EXCEL_EXT: () => EXCEL_EXT,
   EmptyState: () => empty_state_default,
   ErrorCode: () => error_code_default,
-  Fade: () => import_react97.Fade,
-  FadeProps: () => import_react97.FadeProps,
+  Fade: () => import_react98.Fade,
+  FadeProps: () => import_react98.FadeProps,
   Field: () => field_default,
   Flex: () => import_react55.Flex,
   FlexProps: () => import_react55.FlexProps,
@@ -134,10 +134,10 @@ __export(src_exports, {
   GridProps: () => import_react55.GridProps,
   HStack: () => import_react55.HStack,
   Header: () => Header,
-  Heading: () => import_react89.Heading,
-  HeadingProps: () => import_react89.HeadingProps,
-  Hide: () => import_react97.Hide,
-  HideProps: () => import_react97.HideProps,
+  Heading: () => import_react90.Heading,
+  HeadingProps: () => import_react90.HeadingProps,
+  Hide: () => import_react98.Hide,
+  HideProps: () => import_react98.HideProps,
   IMG_EXT: () => IMG_EXT,
   Icon: () => import_react54.Icon,
   IconButton: () => import_react10.IconButton,
@@ -145,8 +145,8 @@ __export(src_exports, {
   IconProps: () => import_react54.IconProps,
   Image: () => import_react54.Image,
   ImageProps: () => import_react54.ImageProps,
-  Img: () => import_react97.Img,
-  ImgProps: () => import_react97.ImgProps,
+  Img: () => import_react98.Img,
+  ImgProps: () => import_react98.ImgProps,
   InputAddonLeft: () => InputAddonLeft,
   InputAddonRight: () => InputAddonRight,
   InputElementLeft: () => import_react20.InputLeftElement,
@@ -163,8 +163,8 @@ __export(src_exports, {
   InputRightAddonProps: () => import_react26.InputRightAddonProps,
   InputRightElement: () => import_react26.InputRightElement,
   InputRightElementProps: () => import_react26.InputRightElementProps,
-  Link: () => import_react89.Link,
-  LinkProps: () => import_react89.LinkProps,
+  Link: () => import_react90.Link,
+  LinkProps: () => import_react90.LinkProps,
   List: () => import_react56.List,
   ListIcon: () => import_react56.ListIcon,
   ListItem: () => import_react56.ListItem,
@@ -240,101 +240,101 @@ __export(src_exports, {
   Rating: () => rating_default,
   RequiredIndicator: () => import_react26.RequiredIndicator,
   RequiredIndicatorProps: () => import_react26.RequiredIndicatorProps,
-  ScaleFade: () => import_react97.ScaleFade,
-  ScaleFadeProps: () => import_react97.ScaleFadeProps,
+  ScaleFade: () => import_react98.ScaleFade,
+  ScaleFadeProps: () => import_react98.ScaleFadeProps,
   Select: () => select_default,
   SelectAsync: () => select_async_default,
   SelectAsyncCreatable: () => SelectAsyncCreatable,
   SelectCheckBox: () => select_with_checkbox_default,
   SelectCreatable: () => SelectCreatable,
-  Show: () => import_react97.Show,
-  ShowProps: () => import_react97.ShowProps,
+  Show: () => import_react98.Show,
+  ShowProps: () => import_react98.ShowProps,
   Sidebar: () => Sidebar,
   SidebarHeader: () => SidebarHeader,
   SidebarMenu: () => SidebarMenu,
   SimpleGrid: () => import_react55.SimpleGrid,
   Skeleton: () => import_react5.Skeleton,
-  Slide: () => import_react97.Slide,
-  SlideFade: () => import_react97.SlideFade,
-  SlideFadeProps: () => import_react97.SlideFadeProps,
-  SlideProps: () => import_react97.SlideProps,
+  Slide: () => import_react98.Slide,
+  SlideFade: () => import_react98.SlideFade,
+  SlideFadeProps: () => import_react98.SlideFadeProps,
+  SlideProps: () => import_react98.SlideProps,
   Spacer: () => import_react55.Spacer,
   Stack: () => import_react55.Stack,
   StackProps: () => import_react55.StackProps,
-  Step: () => import_react97.Step,
-  StepDescription: () => import_react97.StepDescription,
-  StepIcon: () => import_react97.StepIcon,
-  StepIndicator: () => import_react97.StepIndicator,
-  StepNumber: () => import_react97.StepNumber,
-  StepSeparator: () => import_react97.StepSeparator,
-  StepStatus: () => import_react97.StepStatus,
-  StepTitle: () => import_react97.StepTitle,
-  Stepper: () => import_react97.Stepper,
+  Step: () => import_react98.Step,
+  StepDescription: () => import_react98.StepDescription,
+  StepIcon: () => import_react98.StepIcon,
+  StepIndicator: () => import_react98.StepIndicator,
+  StepNumber: () => import_react98.StepNumber,
+  StepSeparator: () => import_react98.StepSeparator,
+  StepStatus: () => import_react98.StepStatus,
+  StepTitle: () => import_react98.StepTitle,
+  Stepper: () => import_react98.Stepper,
   Switch: () => switch_default,
   Tab: () => tab_default,
-  TabIndicator: () => import_react88.TabIndicator,
-  TabIndicatorProps: () => import_react88.TabIndicatorProps,
-  TabList: () => import_react88.TabList,
-  TabListProps: () => import_react88.TabListProps,
-  TabPanel: () => import_react88.TabPanel,
-  TabPanelProps: () => import_react88.TabPanelProps,
-  TabPanels: () => import_react88.TabPanels,
-  TabPanelsProps: () => import_react88.TabPanelsProps,
-  TabProps: () => import_react88.TabProps,
-  TableBodyProps: () => import_react86.TableBodyProps,
-  TableCellProps: () => import_react86.TableCellProps,
-  TableColumnHeaderProps: () => import_react86.TableColumnHeaderProps,
-  TableHeadProps: () => import_react86.TableHeadProps,
-  TableProps: () => import_react86.TableProps,
-  TableRowProps: () => import_react86.TableRowProps,
-  Tabs: () => import_react88.Tabs,
-  TabsDescendantsProvider: () => import_react88.TabsDescendantsProvider,
-  TabsProps: () => import_react88.TabsProps,
-  TabsProvider: () => import_react88.TabsProvider,
-  Tbody: () => import_react86.Tbody,
-  Td: () => import_react86.Td,
-  Text: () => import_react89.Text,
-  TextProps: () => import_react89.TextProps,
+  TabIndicator: () => import_react89.TabIndicator,
+  TabIndicatorProps: () => import_react89.TabIndicatorProps,
+  TabList: () => import_react89.TabList,
+  TabListProps: () => import_react89.TabListProps,
+  TabPanel: () => import_react89.TabPanel,
+  TabPanelProps: () => import_react89.TabPanelProps,
+  TabPanels: () => import_react89.TabPanels,
+  TabPanelsProps: () => import_react89.TabPanelsProps,
+  TabProps: () => import_react89.TabProps,
+  TableBodyProps: () => import_react87.TableBodyProps,
+  TableCellProps: () => import_react87.TableCellProps,
+  TableColumnHeaderProps: () => import_react87.TableColumnHeaderProps,
+  TableHeadProps: () => import_react87.TableHeadProps,
+  TableProps: () => import_react87.TableProps,
+  TableRowProps: () => import_react87.TableRowProps,
+  Tabs: () => import_react89.Tabs,
+  TabsDescendantsProvider: () => import_react89.TabsDescendantsProvider,
+  TabsProps: () => import_react89.TabsProps,
+  TabsProvider: () => import_react89.TabsProvider,
+  Tbody: () => import_react87.Tbody,
+  Td: () => import_react87.Td,
+  Text: () => import_react90.Text,
+  TextProps: () => import_react90.TextProps,
   TextareaField: () => textarea_default,
-  Th: () => import_react86.Th,
-  Thead: () => import_react86.Thead,
+  Th: () => import_react87.Th,
+  Thead: () => import_react87.Thead,
   ThemeTypings: () => import_styled_system12.ThemeTypings,
   Time: () => Time,
   TimeInput: () => TimeInput2,
   ToastContainer: () => import_react_toastify2.ToastContainer,
   Tooltip: () => Tooltip,
-  Tr: () => import_react86.Tr,
+  Tr: () => import_react87.Tr,
   UnorderedList: () => import_react56.UnorderedList,
   Uploader: () => uploader_default,
-  UseBreakpointOptions: () => import_react97.UseBreakpointOptions,
+  UseBreakpointOptions: () => import_react98.UseBreakpointOptions,
   UseCheckboxGroupProps: () => import_react17.UseCheckboxGroupProps,
   UseCheckboxGroupReturn: () => import_react17.UseCheckboxGroupReturn,
   UseCheckboxProps: () => import_react17.UseCheckboxProps,
   UseCheckboxReturn: () => import_react17.UseCheckboxReturn,
-  UseDisclosureProps: () => import_react109.UseDisclosureProps,
-  UseImageProps: () => import_react97.UseImageProps,
-  UseImageReturn: () => import_react97.UseImageReturn,
-  UseMediaQueryOptions: () => import_react97.UseMediaQueryOptions,
+  UseDisclosureProps: () => import_react110.UseDisclosureProps,
+  UseImageProps: () => import_react98.UseImageProps,
+  UseImageReturn: () => import_react98.UseImageReturn,
+  UseMediaQueryOptions: () => import_react98.UseMediaQueryOptions,
   UseModalProps: () => import_react58.UseModalProps,
   UseModalReturn: () => import_react58.UseModalReturn,
   UsePinInputFieldProps: () => import_react67.UsePinInputFieldProps,
   UsePinInputProps: () => import_react67.UsePinInputProps,
   UsePinInputReturn: () => import_react67.UsePinInputReturn,
-  UseQueryProps: () => import_react97.UseQueryProps,
+  UseQueryProps: () => import_react98.UseQueryProps,
   UseRadioGroupReturn: () => import_react74.UseRadioGroupReturn,
   UseRadioProps: () => import_react74.UseRadioProps,
   UseRadioReturn: () => import_react74.UseRadioReturn,
-  UseTabListProps: () => import_react88.UseTabListProps,
-  UseTabListReturn: () => import_react88.UseTabListReturn,
-  UseTabOptions: () => import_react88.UseTabOptions,
-  UseTabPanelsProps: () => import_react88.UseTabPanelsProps,
-  UseTabProps: () => import_react88.UseTabProps,
-  UseTabsProps: () => import_react88.UseTabsProps,
-  UseTabsReturn: () => import_react88.UseTabsReturn,
+  UseTabListProps: () => import_react89.UseTabListProps,
+  UseTabListReturn: () => import_react89.UseTabListReturn,
+  UseTabOptions: () => import_react89.UseTabOptions,
+  UseTabPanelsProps: () => import_react89.UseTabPanelsProps,
+  UseTabProps: () => import_react89.UseTabProps,
+  UseTabsProps: () => import_react89.UseTabsProps,
+  UseTabsReturn: () => import_react89.UseTabsReturn,
   VStack: () => import_react55.VStack,
   Version: () => Version,
-  VisuallyHidden: () => import_react97.VisuallyHidden,
-  VisuallyHiddenInput: () => import_react97.VisuallyHiddenInput,
+  VisuallyHidden: () => import_react98.VisuallyHidden,
+  VisuallyHiddenInput: () => import_react98.VisuallyHiddenInput,
   VoilaLogo: () => VoilaLogo,
   Wrap: () => import_react55.Wrap,
   WrapItem: () => import_react55.WrapItem,
@@ -345,9 +345,9 @@ __export(src_exports, {
   createExtendTheme: () => createExtendTheme,
   defaultOnHandleRejections: () => defaultOnHandleRejections,
   dimensionValidator: () => dimensionValidator,
-  extendTheme: () => import_react110.extendTheme,
+  extendTheme: () => import_react111.extendTheme,
   formatValidationMessage: () => formatValidationMessage,
-  forwardRef: () => import_react110.forwardRef,
+  forwardRef: () => import_react111.forwardRef,
   getSelectAllCheckboxState: () => getSelectAllCheckboxState,
   getTheme: () => getTheme,
   id: () => id,
@@ -364,53 +364,53 @@ __export(src_exports, {
   useAccordionItemState: () => import_react3.useAccordionItemState,
   useAccordionStyles: () => import_react3.useAccordionStyles,
   useAlertStyles: () => useAlertStyles,
-  useBoolean: () => import_react109.useBoolean,
-  useBreakpoint: () => import_react97.useBreakpoint,
+  useBoolean: () => import_react110.useBoolean,
+  useBreakpoint: () => import_react98.useBreakpoint,
   useCheckbox: () => import_react17.useCheckbox,
   useCheckboxGroup: () => import_react17.useCheckboxGroup,
-  useClipboard: () => import_react109.useClipboard,
-  useColorMode: () => import_react109.useColorMode,
-  useColorModePreference: () => import_react97.useColorModePreference,
-  useColorModeValue: () => import_react109.useColorModeValue,
-  useConst: () => import_react109.useConst,
-  useControllableProp: () => import_react109.useControllableProp,
-  useControllableState: () => import_react109.useControllableState,
+  useClipboard: () => import_react110.useClipboard,
+  useColorMode: () => import_react110.useColorMode,
+  useColorModePreference: () => import_react98.useColorModePreference,
+  useColorModeValue: () => import_react110.useColorModeValue,
+  useConst: () => import_react110.useConst,
+  useControllableProp: () => import_react110.useControllableProp,
+  useControllableState: () => import_react110.useControllableState,
   useDataTable: () => useDataTable,
-  useDimensions: () => import_react109.useDimensions,
-  useDisclosure: () => import_react109.useDisclosure,
+  useDimensions: () => import_react110.useDimensions,
+  useDisclosure: () => import_react110.useDisclosure,
   useDrawerContext: () => import_react58.useDrawerContext,
   useFetcher: () => useFetcher,
-  useImage: () => import_react97.useImage,
+  useImage: () => import_react98.useImage,
   useInternalUI: () => useInternalUI,
-  useMergeRefs: () => import_react109.useMergeRefs,
+  useMergeRefs: () => import_react110.useMergeRefs,
   useModal: () => import_react58.useModal,
   useModalContext: () => import_react58.useModalContext,
   useModalStyles: () => import_react58.useModalStyles,
-  useOutsideClick: () => import_react109.useOutsideClick,
+  useOutsideClick: () => import_react110.useOutsideClick,
   usePinInput: () => import_react67.usePinInput,
   usePinInputContext: () => import_react67.usePinInputContext,
   usePinInputField: () => import_react67.usePinInputField,
   useProgressStyles: () => import_react71.useProgressStyles,
-  useQuery: () => import_react97.useQuery,
+  useQuery: () => import_react98.useQuery,
   useRadio: () => import_react74.useRadio,
   useRadioGroup: () => import_react74.useRadioGroup,
   useRadioGroupContext: () => import_react74.useRadioGroupContext,
   useSelectTable: () => useSelectTable,
-  useSteps: () => import_react97.useSteps,
-  useTab: () => import_react88.useTab,
-  useTabIndicator: () => import_react88.useTabIndicator,
-  useTabList: () => import_react88.useTabList,
-  useTabPanel: () => import_react88.useTabPanel,
-  useTabPanels: () => import_react88.useTabPanels,
-  useTabs: () => import_react88.useTabs,
-  useTabsContext: () => import_react88.useTabsContext,
-  useTabsDescendant: () => import_react88.useTabsDescendant,
-  useTabsDescendants: () => import_react88.useTabsDescendants,
-  useTabsDescendantsContext: () => import_react88.useTabsDescendantsContext,
-  useTabsStyles: () => import_react88.useTabsStyles,
-  useTheme: () => import_react109.useTheme,
+  useSteps: () => import_react98.useSteps,
+  useTab: () => import_react89.useTab,
+  useTabIndicator: () => import_react89.useTabIndicator,
+  useTabList: () => import_react89.useTabList,
+  useTabPanel: () => import_react89.useTabPanel,
+  useTabPanels: () => import_react89.useTabPanels,
+  useTabs: () => import_react89.useTabs,
+  useTabsContext: () => import_react89.useTabsContext,
+  useTabsDescendant: () => import_react89.useTabsDescendant,
+  useTabsDescendants: () => import_react89.useTabsDescendants,
+  useTabsDescendantsContext: () => import_react89.useTabsDescendantsContext,
+  useTabsStyles: () => import_react89.useTabsStyles,
+  useTheme: () => import_react110.useTheme,
   useToast: () => useToast,
-  useToken: () => import_react109.useToken
+  useToken: () => import_react110.useToken
 });
 module.exports = __toCommonJS(src_exports);
 
@@ -4620,22 +4620,76 @@ var Rating = ({ value }) => {
 var rating_default = Rating;
 
 // src/components/select/components/select.tsx
-var import_react79 = require("@chakra-ui/react");
+var import_react80 = require("@chakra-ui/react");
 var import_system6 = require("@chakra-ui/system");
 var Icon7 = __toESM(require("@ctlyst.id/internal-icon"));
 var import_react_select = __toESM(require("react-select"));
 
+// src/components/select/components/menu-list-virtualized.tsx
+var import_react_virtual = require("@tanstack/react-virtual");
+var import_react76 = require("react");
+var import_jsx_runtime54 = require("react/jsx-runtime");
+var MenuListVirtualized = (props) => {
+  const { children, estimateSize, overscan, ...virtualizerProps } = props;
+  const childrenArr = Array.isArray(children) ? children : [children];
+  const itemCount = childrenArr.length;
+  const parentRef = (0, import_react76.useRef)(null);
+  const rowVirtualizer = (0, import_react_virtual.useVirtualizer)({
+    count: itemCount,
+    getScrollElement: () => parentRef.current,
+    estimateSize: estimateSize || (() => 42),
+    overscan: overscan || 5,
+    ...virtualizerProps
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+    "div",
+    {
+      ref: parentRef,
+      style: {
+        height: `300px`,
+        width: `100%`,
+        overflow: "auto"
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+        "div",
+        {
+          style: {
+            height: `${rowVirtualizer.getTotalSize()}px`,
+            width: "100%",
+            position: "relative"
+          },
+          children: rowVirtualizer.getVirtualItems().map((virtualRow) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+            "div",
+            {
+              style: {
+                position: "absolute",
+                top: 0,
+                left: 0,
+                width: "100%",
+                height: `${virtualRow.size}px`,
+                transform: `translateY(${virtualRow.start}px)`
+              },
+              children: childrenArr[virtualRow.index]
+            },
+            virtualRow.index
+          ))
+        }
+      )
+    }
+  );
+};
+
 // src/config/theme/foundations/shadows.ts
-var import_react76 = require("@chakra-ui/react");
+var import_react77 = require("@chakra-ui/react");
 var shadows = {
-  ...import_react76.theme.shadows,
+  ...import_react77.theme.shadows,
   raised: "0px 4px 20px rgba(0, 0, 0, 0.05)"
 };
 
 // src/config/theme/foundations/sizes.ts
-var import_react77 = require("@chakra-ui/react");
+var import_react78 = require("@chakra-ui/react");
 var sizes = {
-  ...import_react77.theme.sizes,
+  ...import_react78.theme.sizes,
   4.5: "1.125rem",
   9.5: "2.375rem",
   18: "4.5rem",
@@ -4645,9 +4699,9 @@ var sizes = {
 };
 
 // src/config/theme/foundations/spacing.ts
-var import_react78 = require("@chakra-ui/react");
+var import_react79 = require("@chakra-ui/react");
 var spacing = {
-  ...import_react78.theme.space,
+  ...import_react79.theme.space,
   4.5: "1.125rem",
   9.5: "2.375rem",
   18: "4.5rem",
@@ -4997,22 +5051,22 @@ var themeSelect = (theme5) => {
 };
 
 // src/components/select/components/select.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 function DropdownIndicator(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_select.components.DropdownIndicator, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Icon7.ChevronDown, { size: 4, color: "neutral.400" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react_select.components.DropdownIndicator, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Icon7.ChevronDown, { size: 4, color: "neutral.400" }) });
 }
 function ClearIndicator(props) {
   const { hasValue } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_select.components.ClearIndicator, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Icon7.Close, { size: 4, color: hasValue ? "black.medium" : "neutral.400" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react_select.components.ClearIndicator, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Icon7.Close, { size: 4, color: hasValue ? "black.medium" : "neutral.400" }) });
 }
 function MultiValue(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_select.components.MultiValue, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react79.Badge, { pr: 0, variant: "neutral-light", children: props == null ? void 0 : props.data.label }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react_select.components.MultiValue, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react80.Badge, { pr: 0, variant: "neutral-light", children: props == null ? void 0 : props.data.label }) });
 }
 function MultiValueRemove(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_select.components.MultiValueRemove, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react79.Flex, { align: "center", justify: "center", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Icon7.Close, { size: 2.5, color: "inherit" }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react_select.components.MultiValueRemove, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react80.Flex, { align: "center", justify: "center", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Icon7.Close, { size: 2.5, color: "inherit" }) }) });
 }
 function NoOptionsMessage(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react79.Center, { textStyle: "text.xs", py: "1.5", color: "black.medium", children: (props == null ? void 0 : props.options.length) === 0 ? "Opsi tidak tersedia" : "Hasil tidak ditemukan" });
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react80.Center, { textStyle: "text.xs", py: "1.5", color: "black.medium", children: (props == null ? void 0 : props.options.length) === 0 ? "Opsi tidak tersedia" : "Hasil tidak ditemukan" });
 }
 function Select2({
   styles,
@@ -5020,8 +5074,9 @@ function Select2({
   ...rest
 }) {
   const { colorMode } = (0, import_system6.useColorMode)();
-  const { components, value, onChange } = rest;
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  const { components, value, onChange, virtualized } = rest;
+  const renderMenuListVirtualized = (menuProps) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(MenuListVirtualized, { ...menuProps, ...rest.virtualizerProps });
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     import_react_select.default,
     {
       "data-test-id": "",
@@ -5032,6 +5087,9 @@ function Select2({
         MultiValue,
         MultiValueRemove,
         NoOptionsMessage,
+        ...virtualized ? {
+          MenuList: renderMenuListVirtualized
+        } : {},
         ...components
       },
       value,
@@ -5048,7 +5106,7 @@ var select_default = Select2;
 // src/components/select/components/select-async.tsx
 var import_system7 = require("@chakra-ui/system");
 var import_react_select_async_paginate = require("react-select-async-paginate");
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 function SelectAsync({
   styles,
   isError = false,
@@ -5056,7 +5114,7 @@ function SelectAsync({
 }) {
   const { colorMode } = (0, import_system7.useColorMode)();
   const { components } = rest;
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     import_react_select_async_paginate.AsyncPaginate,
     {
       classNamePrefix: "react-select",
@@ -5078,10 +5136,10 @@ var select_async_default = SelectAsync;
 // src/components/select/components/select-async-creatable.tsx
 var import_system8 = require("@chakra-ui/system");
 var import_async_creatable = __toESM(require("react-select/async-creatable"));
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 function SelectAsyncCreatable({ styles, isError = false, ...rest }) {
   const { colorMode } = (0, import_system8.useColorMode)();
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     import_async_creatable.default,
     {
       classNamePrefix: "react-select",
@@ -5101,10 +5159,10 @@ function SelectAsyncCreatable({ styles, isError = false, ...rest }) {
 // src/components/select/components/select-creatable.tsx
 var import_system9 = require("@chakra-ui/system");
 var import_creatable = __toESM(require("react-select/creatable"));
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 function SelectCreatable({ styles, isError = false, ...rest }) {
   const { colorMode } = (0, import_system9.useColorMode)();
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     import_creatable.default,
     {
       classNamePrefix: "react-select",
@@ -5122,10 +5180,10 @@ function SelectCreatable({ styles, isError = false, ...rest }) {
 }
 
 // src/components/select/components/select-with-checkbox.tsx
-var import_react80 = require("@chakra-ui/react");
+var import_react81 = require("@chakra-ui/react");
 var import_system10 = require("@chakra-ui/system");
 var import_react_select2 = __toESM(require("react-select"));
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var CHECKBOX_STATE = {
   UNCHECKED: 0,
   INDETERMINATE: 1,
@@ -5172,8 +5230,8 @@ var InputOption = ({
     onClick: isDisabled ? void 0 : innerProps.onClick,
     style
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_jsx_runtime59.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
       import_react_select2.components.Option,
       {
         isMulti: true,
@@ -5184,8 +5242,8 @@ var InputOption = ({
         getStyles,
         innerProps: props,
         ...rest,
-        children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
-          import_react80.Flex,
+        children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+          import_react81.Flex,
           {
             alignItems: "center",
             width: "100%",
@@ -5193,8 +5251,8 @@ 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_runtime58.jsx)(
-                import_react80.Checkbox,
+              (data == null ? void 0 : data.selectAllCheckbox) ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+                import_react81.Checkbox,
                 {
                   isChecked: checkedState === CHECKBOX_STATE.CHECKED,
                   isIndeterminate: checkedState === CHECKBOX_STATE.INDETERMINATE,
@@ -5203,8 +5261,8 @@ var InputOption = ({
                   "data-test-id": "CT_component_select-checkbox_select-all-option",
                   isInvalid: false
                 }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-                import_react80.Checkbox,
+              ) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+                import_react81.Checkbox,
                 {
                   pointerEvents: "none",
                   isChecked: isSelected,
@@ -5212,13 +5270,13 @@ var InputOption = ({
                   isInvalid: false
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react80.Text, { textStyle: "text.sm", "data-test-id": `select-checkbox-option-label-${data.value}`, children })
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react81.Text, { textStyle: "text.sm", "data-test-id": `select-checkbox-option-label-${data.value}`, children })
             ]
           }
         )
       }
     ),
-    (data == null ? void 0 : data.selectAllCheckbox) ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("hr", {}) : null
+    (data == null ? void 0 : data.selectAllCheckbox) ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("hr", {}) : null
   ] });
 };
 var SelectWithCheckboxBase = ({
@@ -5231,7 +5289,7 @@ var SelectWithCheckboxBase = ({
   ...rest
 }) => {
   const { colorMode } = (0, import_system10.useColorMode)();
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     import_react_select2.default,
     {
       "data-test-id": "",
@@ -5250,8 +5308,9 @@ var SelectWithCheckboxBase = ({
   );
 };
 var SelectCheckbox = (props) => {
-  const { isMulti, options, value, components, ...rest } = props;
+  const { isMulti, options, value, components, virtualized, ...rest } = props;
   const selectValue = value || [];
+  const renderMenuListVirtualized = (menuProps) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(MenuListVirtualized, { ...menuProps, ...rest.virtualizerProps });
   const defaultComponents = {
     DropdownIndicator,
     ClearIndicator,
@@ -5263,10 +5322,10 @@ 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_runtime58.jsx)(InputOption, { ...optionProps, checkedState });
+      return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(InputOption, { ...optionProps, checkedState });
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     SelectWithCheckboxBase,
     {
       "data-test-id": "",
@@ -5275,6 +5334,9 @@ var SelectCheckbox = (props) => {
       value,
       components: {
         ...defaultComponents,
+        ...virtualized ? {
+          MenuList: renderMenuListVirtualized
+        } : {},
         ...components
       },
       ...rest
@@ -5284,13 +5346,13 @@ var SelectCheckbox = (props) => {
 var select_with_checkbox_default = SelectCheckbox;
 
 // src/components/sidebar/components/sidebar.tsx
-var import_react81 = require("@chakra-ui/react");
+var import_react82 = require("@chakra-ui/react");
 var import_framer_motion = require("framer-motion");
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var Sidebar = ({ isCollapse, children, ...props }) => {
   const { width = "220px" } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
-    import_react81.Flex,
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+    import_react82.Flex,
     {
       position: "relative",
       as: import_framer_motion.motion.div,
@@ -5310,13 +5372,13 @@ var Sidebar = ({ isCollapse, children, ...props }) => {
 Sidebar.displayName = "Sidebar";
 
 // src/components/sidebar/components/sidebar-header.tsx
-var import_react82 = require("@chakra-ui/react");
+var import_react83 = require("@chakra-ui/react");
 var import_internal_icon8 = require("@ctlyst.id/internal-icon");
 var import_framer_motion2 = require("framer-motion");
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var SidebarHeader = ({ isCollapse, setCollapse, title }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
-    import_react82.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+    import_react83.Box,
     {
       px: "2",
       color: "neutral.900",
@@ -5325,8 +5387,8 @@ var SidebarHeader = ({ isCollapse, setCollapse, title }) => {
       _hover: {
         color: "primary.500"
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
-        import_react82.Flex,
+      children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+        import_react83.Flex,
         {
           "data-test-id": "nLkz69YipW818FioeAxVI",
           direction: "row",
@@ -5335,8 +5397,8 @@ var SidebarHeader = ({ isCollapse, setCollapse, title }) => {
           onClick: () => setCollapse(!isCollapse),
           cursor: "pointer",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
-              import_react82.Box,
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+              import_react83.Box,
               {
                 as: import_framer_motion2.motion.div,
                 boxSize: "4",
@@ -5344,11 +5406,11 @@ var SidebarHeader = ({ isCollapse, setCollapse, title }) => {
                 animate: { rotate: isCollapse ? 0 : -180, x: isCollapse ? 8 : 0 },
                 transitionTimingFunction: "linear",
                 "aria-label": "toggle sidebar",
-                children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_internal_icon8.ArrowRight, { size: 4, color: "inherit" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_internal_icon8.ArrowRight, { size: 4, color: "inherit" })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_framer_motion2.AnimatePresence, { children: !isCollapse && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react82.Box, { h: "3.5", position: "relative", ml: "2", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
-              import_react82.Text,
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_framer_motion2.AnimatePresence, { children: !isCollapse && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react83.Box, { h: "3.5", position: "relative", ml: "2", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+              import_react83.Text,
               {
                 as: import_framer_motion2.motion.div,
                 w: "max-content",
@@ -5374,37 +5436,37 @@ SidebarHeader.defaultProps = {
 };
 
 // src/components/sidebar/components/sidebar-menu.tsx
-var import_react83 = require("@chakra-ui/react");
+var import_react84 = require("@chakra-ui/react");
 var Icon8 = __toESM(require("@ctlyst.id/internal-icon"));
 var import_framer_motion3 = require("framer-motion");
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 var SidebarMenu = ({ menu, isCollapse, mappingIcon: mappingIcon2, itemStyles, setActive, active }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
-    import_react83.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+    import_react84.Box,
     {
       as: import_framer_motion3.motion.div,
       transitionTimingFunction: "linear",
       initial: { padding: "8px" },
       animate: { padding: isCollapse ? "8px 16px" : "8px" },
-      children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react83.Accordion, { index: menu.findIndex((item) => item.children.some((child) => child.navLink === active)), children: menu.map((item) => {
+      children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react84.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_runtime61.jsx)(import_react83.AccordionItem, { mt: "4", children: ({ isExpanded }) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react84.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_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react83.Popover, { trigger: "hover", placement: "right-start", offset: offsetStyle, children: ({ isOpen, onClose }) => {
+          return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react84.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_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react83.PopoverTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
-                  import_react83.AccordionButton,
+              return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react84.PopoverTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+                  import_react84.AccordionButton,
                   {
                     "data-test-id": `CTA_button-accordion-${item.title}`,
                     p: "0",
                     h: "fit-content",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
                       NavItem,
                       {
                         as: import_framer_motion3.motion.div,
@@ -5417,9 +5479,9 @@ var SidebarMenu = ({ menu, isCollapse, mappingIcon: mappingIcon2, itemStyles, se
                         position: "relative",
                         ...itemStyles,
                         children: [
-                          mappingIcon2 && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react83.Box, { display: "flex", boxSize: "3", transition: "50ms linear", children: mappingIcon2.get(item.icon || "") }),
-                          !isCollapse && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
-                            import_react83.Box,
+                          mappingIcon2 && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react84.Box, { display: "flex", boxSize: "3", transition: "50ms linear", children: mappingIcon2.get(item.icon || "") }),
+                          !isCollapse && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+                            import_react84.Box,
                             {
                               display: "flex",
                               w: "full",
@@ -5433,16 +5495,16 @@ var SidebarMenu = ({ menu, isCollapse, mappingIcon: mappingIcon2, itemStyles, se
                               animate: { opacity: 1, x: 0 },
                               exit: { opacity: 0, x: 16 },
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react83.Box, { h: "3.5", position: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react83.Text, { textStyle: "text.xs", w: "max-content", position: "absolute", children: item.title }) }),
-                                !!item.children.length && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
-                                  import_react83.Box,
+                                /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react84.Box, { h: "3.5", position: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react84.Text, { textStyle: "text.xs", w: "max-content", position: "absolute", children: item.title }) }),
+                                !!item.children.length && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+                                  import_react84.Box,
                                   {
                                     display: "flex",
                                     boxSize: "3",
                                     as: import_framer_motion3.motion.div,
                                     transitionTimingFunction: "linear",
                                     animate: { transform: isExpanded ? "rotate(-180deg)" : "rotate(0)" },
-                                    children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icon8.ChevronDown, { size: 3 })
+                                    children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Icon8.ChevronDown, { size: 3 })
                                   }
                                 )
                               ]
@@ -5455,12 +5517,12 @@ var SidebarMenu = ({ menu, isCollapse, mappingIcon: mappingIcon2, itemStyles, se
                   },
                   item.id
                 ) }, item.id),
-                isOpenOptions && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react83.Portal, { children: item.children.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_react83.PopoverContent, { w: "176px", borderColor: "neutral.200", bg: "white", rounded: "sm", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react83.PopoverHeader, { borderColor: "neutral.300", textStyle: "text.xs", p: "2", children: mappingIcon2 && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_react83.Box, { display: "flex", alignItems: "center", children: [
+                isOpenOptions && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react84.Portal, { children: item.children.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_react84.PopoverContent, { w: "176px", borderColor: "neutral.200", bg: "white", rounded: "sm", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react84.PopoverHeader, { borderColor: "neutral.300", textStyle: "text.xs", p: "2", children: mappingIcon2 && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_react84.Box, { display: "flex", alignItems: "center", children: [
                     mappingIcon2.get(item.icon || ""),
-                    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react83.Box, { as: "span", ml: "2", children: item.title })
+                    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react84.Box, { as: "span", ml: "2", children: item.title })
                   ] }) }),
-                  !!item.children.length && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react83.PopoverBody, { pb: "1", px: "0", pt: "0", children: item.children.map((submenu) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+                  !!item.children.length && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react84.PopoverBody, { pb: "1", px: "0", pt: "0", children: item.children.map((submenu) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
                     NavItem,
                     {
                       "data-test-id": `CTA_Sidebar-popover-item-${submenu.id}`,
@@ -5476,7 +5538,7 @@ var SidebarMenu = ({ menu, isCollapse, mappingIcon: mappingIcon2, itemStyles, se
                     },
                     submenu.id
                   )) })
-                ] }) : isCollapse && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react83.PopoverContent, { w: "174px", borderColor: "neutral.200", bg: "white", rounded: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react83.PopoverBody, { py: "1", px: "0", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+                ] }) : isCollapse && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react84.PopoverContent, { w: "174px", borderColor: "neutral.200", bg: "white", rounded: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react84.PopoverBody, { py: "1", px: "0", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
                   NavItem,
                   {
                     "data-test-id": `CTA_Sidebar-popover-item-${item.id}`,
@@ -5489,22 +5551,22 @@ var SidebarMenu = ({ menu, isCollapse, mappingIcon: mappingIcon2, itemStyles, se
                     rounded: "none",
                     ...itemStyles,
                     children: [
-                      mappingIcon2 && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react83.Box, { display: "flex", boxSize: "3", transition: "50ms linear", children: mappingIcon2.get(item.icon || "") }),
-                      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react83.Box, { h: "3.5", position: "relative", ml: "2", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react83.Text, { textStyle: "text.xs", w: "max-content", position: "absolute", children: item.title }) })
+                      mappingIcon2 && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react84.Box, { display: "flex", boxSize: "3", transition: "50ms linear", children: mappingIcon2.get(item.icon || "") }),
+                      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react84.Box, { h: "3.5", position: "relative", ml: "2", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react84.Text, { textStyle: "text.xs", w: "max-content", position: "absolute", children: item.title }) })
                     ]
                   },
                   item.id
                 ) }) }) })
               ] });
             } }, item.id),
-            !isCollapse && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
-              import_react83.Fade,
+            !isCollapse && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+              import_react84.Fade,
               {
                 in: true,
                 transition: {
                   enter: { duration: 0.5 }
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react83.AccordionPanel, { mt: "1", p: "0", children: item.children.map((submenu) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react84.AccordionPanel, { mt: "1", p: "0", children: item.children.map((submenu) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
                   NavItem,
                   {
                     mt: "1",
@@ -5532,16 +5594,16 @@ SidebarMenu.defaultProps = {
 };
 
 // src/components/switch/components/switch.tsx
-var import_react84 = require("@chakra-ui/react");
+var import_react85 = require("@chakra-ui/react");
 var import_shared_utils10 = require("@chakra-ui/shared-utils");
 var import_internal_icon9 = require("@ctlyst.id/internal-icon");
-var import_react85 = require("react");
-var import_jsx_runtime62 = require("react/jsx-runtime");
-var Switch = (0, import_react84.forwardRef)(function Switch2(props, ref) {
-  const styles = (0, import_react84.useMultiStyleConfig)("Switch", props);
-  const { spacing: spacing2 = "0.5rem", children, ...ownProps } = (0, import_react84.omitThemingProps)(props);
-  const { state, getInputProps, getCheckboxProps, getRootProps, getLabelProps } = (0, import_react84.useCheckbox)(ownProps);
-  const containerStyles = (0, import_react85.useMemo)(
+var import_react86 = require("react");
+var import_jsx_runtime63 = require("react/jsx-runtime");
+var Switch = (0, import_react85.forwardRef)(function Switch2(props, ref) {
+  const styles = (0, import_react85.useMultiStyleConfig)("Switch", props);
+  const { spacing: spacing2 = "0.5rem", children, ...ownProps } = (0, import_react85.omitThemingProps)(props);
+  const { state, getInputProps, getCheckboxProps, getRootProps, getLabelProps } = (0, import_react85.useCheckbox)(ownProps);
+  const containerStyles = (0, import_react86.useMemo)(
     () => ({
       display: "inline-block",
       position: "relative",
@@ -5551,7 +5613,7 @@ var Switch = (0, import_react84.forwardRef)(function Switch2(props, ref) {
     }),
     [styles.container]
   );
-  const trackStyles = (0, import_react85.useMemo)(
+  const trackStyles = (0, import_react86.useMemo)(
     () => ({
       display: "inline-flex",
       flexShrink: 0,
@@ -5563,7 +5625,7 @@ var Switch = (0, import_react84.forwardRef)(function Switch2(props, ref) {
     }),
     [styles.track]
   );
-  const labelStyles = (0, import_react85.useMemo)(
+  const labelStyles = (0, import_react86.useMemo)(
     () => ({
       userSelect: "none",
       marginStart: spacing2,
@@ -5579,8 +5641,8 @@ var Switch = (0, import_react84.forwardRef)(function Switch2(props, ref) {
     };
     return iconSize[value];
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
-    import_react84.chakra.label,
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
+    import_react85.chakra.label,
     {
       ...getRootProps(),
       display: "flex",
@@ -5588,14 +5650,14 @@ var Switch = (0, import_react84.forwardRef)(function Switch2(props, ref) {
       className: (0, import_shared_utils10.cx)("chakra-switch", props.className),
       __css: containerStyles,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("input", { "data-test-id": "", className: "chakra-switch__input", ...getInputProps({}, ref) }),
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_react84.chakra.span, { ...getCheckboxProps(), className: "chakra-switch__track", pos: "relative", __css: trackStyles, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_react84.Flex, { gap: 1, pos: "absolute", top: "50%", left: "50%", transform: "translate(-50%, -50%)", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_internal_icon9.Check, { color: "white", size: getIconSize(props.size) }),
-            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_internal_icon9.Close, { color: state.isDisabled ? "neutral.600" : "neutral.900", size: getIconSize(props.size) })
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("input", { "data-test-id": "", className: "chakra-switch__input", ...getInputProps({}, ref) }),
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_react85.chakra.span, { ...getCheckboxProps(), className: "chakra-switch__track", pos: "relative", __css: trackStyles, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_react85.Flex, { gap: 1, pos: "absolute", top: "50%", left: "50%", transform: "translate(-50%, -50%)", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_internal_icon9.Check, { color: "white", size: getIconSize(props.size) }),
+            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_internal_icon9.Close, { color: state.isDisabled ? "neutral.600" : "neutral.900", size: getIconSize(props.size) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
-            import_react84.chakra.span,
+          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+            import_react85.chakra.span,
             {
               __css: styles.thumb,
               className: "chakra-switch__thumb",
@@ -5604,8 +5666,8 @@ var Switch = (0, import_react84.forwardRef)(function Switch2(props, ref) {
             }
           )
         ] }),
-        children && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
-          import_react84.chakra.span,
+        children && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+          import_react85.chakra.span,
           {
             className: "chakra-switch__label",
             color: state.isDisabled ? "black.low" : "black.high",
@@ -5625,18 +5687,18 @@ Switch.defaultProps = {
 var switch_default = Switch;
 
 // src/components/table/index.tsx
-var import_react86 = require("@chakra-ui/react");
+var import_react87 = require("@chakra-ui/react");
 
 // src/components/tabs/components/tab.tsx
-var import_react87 = require("@chakra-ui/react");
-var import_jsx_runtime63 = require("react/jsx-runtime");
-var Tab = (0, import_react87.forwardRef)((props, ref) => {
+var import_react88 = require("@chakra-ui/react");
+var import_jsx_runtime64 = require("react/jsx-runtime");
+var Tab = (0, import_react88.forwardRef)((props, ref) => {
   var _a, _b;
-  const tabProps = (0, import_react87.useTab)({ ...props, ref });
+  const tabProps = (0, import_react88.useTab)({ ...props, ref });
   const isSelected = !!tabProps["aria-selected"];
-  const styles = (0, import_react87.useMultiStyleConfig)("Tabs", tabProps);
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
-    import_react87.Button,
+  const styles = (0, import_react88.useMultiStyleConfig)("Tabs", tabProps);
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+    import_react88.Button,
     {
       "data-test-id": props["data-test-id"],
       p: 4,
@@ -5661,7 +5723,7 @@ var Tab = (0, import_react87.forwardRef)((props, ref) => {
       },
       __css: styles.tab,
       ...tabProps,
-      children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_react87.Flex, { alignItems: "center", children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_react88.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 })
@@ -5672,39 +5734,39 @@ var Tab = (0, import_react87.forwardRef)((props, ref) => {
 var tab_default = Tab;
 
 // src/components/tabs/index.ts
-var import_react88 = require("@chakra-ui/react");
+var import_react89 = require("@chakra-ui/react");
 
 // src/components/text/index.ts
-var import_react89 = require("@chakra-ui/react");
+var import_react90 = require("@chakra-ui/react");
 
 // src/components/time-input/components/index.tsx
-var import_react91 = require("@chakra-ui/react");
+var import_react92 = require("@chakra-ui/react");
 var import_internal_icon10 = require("@ctlyst.id/internal-icon");
-var import_react92 = require("react");
+var import_react93 = require("react");
 
 // src/components/time-input/components/integration.tsx
 var import_timescape = require("@zamiru/timescape");
 var import_timescape2 = require("@zamiru/timescape");
-var import_react90 = require("react");
+var import_react91 = require("react");
 var useTimescape = (options = {}) => {
   var _a;
   const { date, onChangeDate, ...rest } = options;
-  const [manager] = (0, import_react90.useState)(() => new import_timescape.TimescapeManager(date, rest));
-  const onChangeDateRef = (0, import_react90.useRef)(onChangeDate);
-  (0, import_react90.useLayoutEffect)(() => {
+  const [manager] = (0, import_react91.useState)(() => new import_timescape.TimescapeManager(date, rest));
+  const onChangeDateRef = (0, import_react91.useRef)(onChangeDate);
+  (0, import_react91.useLayoutEffect)(() => {
     onChangeDateRef.current = onChangeDate;
   }, [onChangeDate]);
-  const [optionsState, update] = (0, import_react90.useState)(() => ({
+  const [optionsState, update] = (0, import_react91.useState)(() => ({
     date,
     ...rest
   }));
-  (0, import_react90.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     manager.resync();
     return () => {
       manager.remove();
     };
   }, [manager]);
-  (0, import_react90.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     return manager.on("changeDate", (nextDate) => {
       var _a2;
       (_a2 = onChangeDateRef.current) == null ? void 0 : _a2.call(onChangeDateRef, nextDate);
@@ -5712,7 +5774,7 @@ var useTimescape = (options = {}) => {
     });
   }, [manager]);
   const timestamp = (_a = optionsState.date) == null ? void 0 : _a.getTime();
-  (0, import_react90.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     manager.date = timestamp;
     manager.minDate = optionsState.minDate;
     manager.maxDate = optionsState.maxDate;
@@ -5754,7 +5816,7 @@ var useTimescape = (options = {}) => {
 };
 
 // src/components/time-input/components/index.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 var timeDigitFormat = (number) => {
   if (number.toString().length === 1) {
     return `0${number}`;
@@ -5778,9 +5840,9 @@ var timeFromString = (timeString) => {
   const [hours, minutes, seconds] = timeString.split(":");
   return new Time(Number(hours), Number(minutes), Number(seconds));
 };
-var InputTimeArea = (0, import_react91.forwardRef)((props, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
-    import_react91.Input,
+var InputTimeArea = (0, import_react92.forwardRef)((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+    import_react92.Input,
     {
       _focusWithin: {
         bg: "neutral.300"
@@ -5798,7 +5860,7 @@ var InputTimeArea = (0, import_react91.forwardRef)((props, ref) => {
     }
   );
 });
-var TimeInput2 = (0, import_react91.forwardRef)(
+var TimeInput2 = (0, import_react92.forwardRef)(
   ({
     name,
     config: config2,
@@ -5825,7 +5887,7 @@ var TimeInput2 = (0, import_react91.forwardRef)(
       date,
       ...config2
     });
-    (0, import_react92.useEffect)(() => {
+    (0, import_react93.useEffect)(() => {
       var _a, _b, _c, _d, _e, _f;
       timeValue.hours = (_b = (_a = options == null ? void 0 : options.date) == null ? void 0 : _a.getHours()) != null ? _b : 0;
       timeValue.minutes = (_d = (_c = options == null ? void 0 : options.date) == null ? void 0 : _c.getMinutes()) != null ? _d : 0;
@@ -5834,7 +5896,7 @@ var TimeInput2 = (0, import_react91.forwardRef)(
         onChangeTime(timeValue);
       }
     }, [options.date]);
-    (0, import_react92.useImperativeHandle)(ref, () => ({
+    (0, import_react93.useImperativeHandle)(ref, () => ({
       focus() {
         _manager.focusField("hours");
       }
@@ -5855,7 +5917,7 @@ var TimeInput2 = (0, import_react91.forwardRef)(
       };
     };
     const { outlineColor, focusColor } = getProperties();
-    return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react91.Box, { ...boxProps, ...rootProps, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_react92.Box, { ...boxProps, ...rootProps, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
       field_default,
       {
         isError,
@@ -5864,8 +5926,8 @@ var TimeInput2 = (0, import_react91.forwardRef)(
         errorMessage,
         isDisabled,
         isSuccess,
-        children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
-          import_react91.Box,
+        children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+          import_react92.Box,
           {
             transition: "all 0.15s",
             boxShadow: "none",
@@ -5875,8 +5937,8 @@ var TimeInput2 = (0, import_react91.forwardRef)(
             _focusWithin: {
               borderColor: focusColor
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
-              import_react91.InputGroup,
+            children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+              import_react92.InputGroup,
               {
                 borderRadius: "sm",
                 backgroundColor: isDisabled ? "neutral.300" : "white.high",
@@ -5885,17 +5947,17 @@ var TimeInput2 = (0, import_react91.forwardRef)(
                 gap: 3,
                 "data-test-id": `CT_Component_TimeInput${name ? `_${name}` : ""}`,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_react91.Flex, { gap: "1px", width: "100%", alignItems: "center", pl: 2, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(InputTimeArea, { "data-test-id": "start-time", ...hoursProps }),
-                    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { children: ":" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(InputTimeArea, { "data-test-id": "end-time", ...getInputProps("minutes") }),
-                    seconds && /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_jsx_runtime64.Fragment, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { children: ":" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(InputTimeArea, { ...getInputProps("seconds") })
+                  /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_react92.Flex, { gap: "1px", width: "100%", alignItems: "center", pl: 2, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(InputTimeArea, { "data-test-id": "start-time", ...hoursProps }),
+                    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { children: ":" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(InputTimeArea, { "data-test-id": "end-time", ...getInputProps("minutes") }),
+                    seconds && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_jsx_runtime65.Fragment, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { children: ":" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(InputTimeArea, { ...getInputProps("seconds") })
                     ] }),
-                    options.hour12 && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react91.Input, { p: 0, ...getInputProps("am/pm") })
+                    options.hour12 && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_react92.Input, { p: 0, ...getInputProps("am/pm") })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_internal_icon10.Clock, { color: "neutral.400", size: 4 }),
+                  /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_internal_icon10.Clock, { color: "neutral.400", size: 4 }),
                   addOnRight
                 ]
               }
@@ -5908,16 +5970,16 @@ var TimeInput2 = (0, import_react91.forwardRef)(
 );
 
 // src/components/toast/components/toast.tsx
-var import_react94 = require("@chakra-ui/react");
+var import_react95 = require("@chakra-ui/react");
 var import_internal_icon11 = require("@ctlyst.id/internal-icon");
 var import_react_toastify = require("react-toastify");
 
 // src/components/toast/components/styles.tsx
-var import_react93 = require("@emotion/react");
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_react94 = require("@emotion/react");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 var Styles2 = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
-    import_react93.Global,
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+    import_react94.Global,
     {
       styles: `
         :root {
@@ -5951,10 +6013,10 @@ var Styles2 = () => {
 var styles_default2 = Styles2;
 
 // src/components/toast/components/toast.tsx
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 var CustomCloseButton = (props) => {
   const { closeToast } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react94.Box, { p: 2, mb: 1, alignItems: "center", display: "flex", "data-test-id": "", cursor: "pointer", onClick: () => closeToast(), children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_internal_icon11.Close, { size: 4, color: "white" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react95.Box, { p: 2, mb: 1, alignItems: "center", display: "flex", "data-test-id": "", cursor: "pointer", onClick: () => closeToast(), children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_internal_icon11.Close, { size: 4, color: "white" }) });
 };
 var DEFAULT_OPTIONS = {
   position: "top-right",
@@ -5977,7 +6039,7 @@ var renderIcon = (icon, type) => {
   return icon;
 };
 var useToast = () => {
-  const [primary500, neutral500, info500, danger500, warning500, success500] = (0, import_react94.useToken)("colors", [
+  const [primary500, neutral500, info500, danger500, warning500, success500] = (0, import_react95.useToken)("colors", [
     "primary.500",
     "neutral.500",
     "info.500",
@@ -5986,15 +6048,15 @@ var useToast = () => {
     "success.500"
   ]);
   const content = (icon, message, link) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(styles_default2, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_react94.Flex, { justifyContent: "space-between", alignItems: "center", gap: 4, mb: 1, flex: 1, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_react94.Flex, { alignItems: "center", children: [
-          icon && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react94.chakra.span, { mr: 2, w: 4, h: 4, children: renderIcon(icon, "default") }),
-          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react94.chakra.span, { noOfLines: 2, children: message })
+    return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(styles_default2, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_react95.Flex, { justifyContent: "space-between", alignItems: "center", gap: 4, mb: 1, flex: 1, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_react95.Flex, { alignItems: "center", children: [
+          icon && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react95.chakra.span, { mr: 2, w: 4, h: 4, children: renderIcon(icon, "default") }),
+          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react95.chakra.span, { noOfLines: 2, children: message })
         ] }),
-        link && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
-          import_react94.Link,
+        link && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+          import_react95.Link,
           {
             as: link.as,
             href: link.url,
@@ -6074,9 +6136,9 @@ var useToast = () => {
 var import_react_toastify2 = require("react-toastify");
 
 // src/components/uploader/components/uploader.tsx
-var import_react95 = require("@chakra-ui/react");
+var import_react96 = require("@chakra-ui/react");
 var import_internal_icon12 = require("@ctlyst.id/internal-icon");
-var import_react96 = require("react");
+var import_react97 = require("react");
 var import_react_dropzone = require("react-dropzone");
 
 // src/components/uploader/constants.ts
@@ -6163,7 +6225,7 @@ var defaultOnHandleRejections = (fileRejection, config2, handleRejection) => {
 };
 
 // src/components/uploader/components/uploader.tsx
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 var Uploader = ({
   onHandleUploadFile,
   onHandleRejections,
@@ -6195,15 +6257,15 @@ var Uploader = ({
   customErrorRejection,
   ...props
 }) => {
-  const [filePreview, setFilePreview] = (0, import_react96.useState)();
-  const [isError, setIsError] = (0, import_react96.useState)(propIsError);
-  const [errorText, setErrorText] = (0, import_react96.useState)(propErrorText);
-  (0, import_react96.useEffect)(() => {
+  const [filePreview, setFilePreview] = (0, import_react97.useState)();
+  const [isError, setIsError] = (0, import_react97.useState)(propIsError);
+  const [errorText, setErrorText] = (0, import_react97.useState)(propErrorText);
+  (0, import_react97.useEffect)(() => {
     setIsError(propIsError);
     setErrorText(propErrorText);
   }, [propIsError, propErrorText]);
   const toast2 = useToast();
-  const handleRejection = (0, import_react96.useCallback)(
+  const handleRejection = (0, import_react97.useCallback)(
     (message, file, image, errorCode) => {
       if (onHandleRejections) {
         onHandleRejections(file, image, errorCode);
@@ -6226,7 +6288,7 @@ var Uploader = ({
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [onHandleRejections, customErrorRejection]
   );
-  const onDropAccepted = (0, import_react96.useCallback)(
+  const onDropAccepted = (0, import_react97.useCallback)(
     (files) => {
       const file = files[0];
       setIsError(false);
@@ -6261,10 +6323,10 @@ var Uploader = ({
     },
     [customValidation, dimension, handleRejection, onHandleUploadFile, acceptFileType]
   );
-  const onDropRejected = (0, import_react96.useCallback)((fileRejections) => {
+  const onDropRejected = (0, import_react97.useCallback)((fileRejections) => {
     defaultOnHandleRejections(fileRejections, { acceptFormat, maxFileSize }, handleRejection);
   }, []);
-  const validator = (0, import_react96.useCallback)(
+  const validator = (0, import_react97.useCallback)(
     (file) => {
       const result = [];
       if (validatorExt) {
@@ -6296,27 +6358,27 @@ var Uploader = ({
   });
   const renderHelperText = () => {
     if (Array.isArray(helperText)) {
-      return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
-        import_react95.UnorderedList,
+      return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+        import_react96.UnorderedList,
         {
           pl: 2,
           fontSize: 12,
           color: "black.medium",
           "data-test-id": "CT_component_base-image-uploader_helperText",
-          children: helperText.map((text2) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react95.ListItem, { children: text2 }, text2))
+          children: helperText.map((text2) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react96.ListItem, { children: text2 }, text2))
         }
       );
     }
     return helperText;
   };
-  const renderErrorText = (text2) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react95.Box, { mb: 2, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react95.Text, { textStyle: "text.xs", color: "danger.500", children: text2 }) });
+  const renderErrorText = (text2) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react96.Box, { mb: 2, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react96.Text, { textStyle: "text.xs", color: "danger.500", children: text2 }) });
   const handleRemove = (e) => {
     e.stopPropagation();
     setFilePreview(void 0);
     onHandleUploadFile == null ? void 0 : onHandleUploadFile(null, null);
     acceptedFiles.pop();
   };
-  (0, import_react96.useEffect)(() => {
+  (0, import_react97.useEffect)(() => {
     if (value) {
       if (typeof value === "string") {
         setFilePreview(value);
@@ -6340,16 +6402,16 @@ var Uploader = ({
   const color = isDisabled ? "neutral.500" : "primary.500";
   const containerHeight = !isSmall ? "160px" : "120px";
   const cursorType = filePreview ? "initial" : "pointer";
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_react95.FormControl, { isRequired, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_react96.FormControl, { isRequired, children: [
     label && typeof label === "string" ? (
       // eslint-disable-next-line react/jsx-no-useless-fragment
-      /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_react95.FormLabel, { requiredIndicator: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_jsx_runtime67.Fragment, {}), fontSize: "text.sm", children: [
-        isRequired && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react95.RequiredIndicator, { mr: 1, ml: 0 }),
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_react96.FormLabel, { requiredIndicator: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_jsx_runtime68.Fragment, {}), fontSize: "text.sm", children: [
+        isRequired && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react96.RequiredIndicator, { mr: 1, ml: 0 }),
         label
       ] })
     ) : label,
-    /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
-      import_react95.Flex,
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+      import_react96.Flex,
       {
         minH: containerHeight,
         maxW: !isSmall ? "full" : "120px",
@@ -6366,8 +6428,8 @@ var Uploader = ({
         ...props,
         ...getRootProps(),
         children: [
-          filePreview && isShowCloseButton && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react95.Box, { position: "absolute", top: 1, right: 1, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
-            import_react95.Button,
+          filePreview && isShowCloseButton && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react96.Box, { position: "absolute", top: 1, right: 1, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+            import_react96.Button,
             {
               "data-test-id": `CT_component_base-image-uploader_remove-image${testId ? `_${testId}` : ""}`,
               "aria-label": "remove-image",
@@ -6381,32 +6443,32 @@ var Uploader = ({
               border: "none",
               zIndex: 1,
               onClick: handleRemove,
-              children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_internal_icon12.Close, { size: 3, color: "white" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_internal_icon12.Close, { size: 3, color: "white" })
             }
           ) }),
-          filePreview && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react95.Box, { w: "full", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
-            import_react95.Flex,
+          filePreview && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react96.Box, { w: "full", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+            import_react96.Flex,
             {
               position: "relative",
               "data-test-id": `CT_component_base-image-uploader_image-preview${testId ? `_${testId}` : ""}`,
               justify: "center",
               align: "center",
-              children: filePreview.includes("blob") && acceptFile.some(([type]) => typeof type === "string" && type.includes("image/")) ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
-                import_react95.Image,
+              children: filePreview.includes("blob") && acceptFile.some(([type]) => typeof type === "string" && type.includes("image/")) ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                import_react96.Image,
                 {
                   h: size2 === "lg" ? "120" : "100",
                   src: filePreview,
                   alt: "uploader-preview",
                   objectFit: "contain"
                 }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react95.Text, { noOfLines: 3, mx: 2, textAlign: "center", children: filePreview })
+              ) : /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react96.Text, { noOfLines: 3, mx: 2, textAlign: "center", children: filePreview })
             }
           ) }),
-          !filePreview && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_jsx_runtime67.Fragment, { children: isDragActive ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react95.Text, { children: dragActiveText != null ? dragActiveText : messages.dragActive }) : /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_react95.Flex, { gap: 2, flexDirection: "column", alignItems: "center", color: isError ? "danger.500" : color, children: [
-            size2 === "sm" && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_internal_icon12.Plus, { size: 6, color }),
-            /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_react95.Box, { children: [
-              !filePreview && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
-                import_react95.Heading,
+          !filePreview && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_jsx_runtime68.Fragment, { children: isDragActive ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react96.Text, { children: dragActiveText != null ? dragActiveText : messages.dragActive }) : /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_react96.Flex, { gap: 2, flexDirection: "column", alignItems: "center", color: isError ? "danger.500" : color, children: [
+            size2 === "sm" && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_internal_icon12.Plus, { size: 6, color }),
+            /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_react96.Box, { children: [
+              !filePreview && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                import_react96.Heading,
                 {
                   fontWeight: "400",
                   fontSize: size2 === "sm" ? "text.md" : "text.xl",
@@ -6415,21 +6477,21 @@ var Uploader = ({
                   children: uploadFileText && size2 === "lg" ? uploadFileText : "Upload"
                 }
               ),
-              size2 === "lg" && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react95.Text, { fontSize: 12, children: filePreview ? dragReplaceText != null ? dragReplaceText : messages.dragReplace : dragInActiveText != null ? dragInActiveText : messages.dragInActive })
+              size2 === "lg" && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react96.Text, { fontSize: 12, children: filePreview ? dragReplaceText != null ? dragReplaceText : messages.dragReplace : dragInActiveText != null ? dragInActiveText : messages.dragInActive })
             ] })
           ] }) })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
       "input",
       {
         ...getInputProps(),
         "data-test-id": `CT_component_base-image-uploader_change-img${testId ? `_${testId}` : ""}`
       }
     ),
-    filePreview && !isSmall && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react95.Flex, { align: "center", justify: "center", my: 2, children: isShowReupload && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
-      import_react95.Button,
+    filePreview && !isSmall && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react96.Flex, { align: "center", justify: "center", my: 2, children: isShowReupload && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+      import_react96.Button,
       {
         "data-test-id": `CT_component_base-image-uploader_change-img-btn${testId ? `_${testId}` : ""}`,
         type: "button",
@@ -6475,10 +6537,10 @@ var dimensionValidator = (dimension, message) => {
 };
 
 // src/components/index.ts
-var import_react97 = require("@chakra-ui/react");
+var import_react98 = require("@chakra-ui/react");
 
 // src/config/theme/themeConfiguration.ts
-var import_react105 = require("@chakra-ui/react");
+var import_react106 = require("@chakra-ui/react");
 
 // src/config/theme/components/index.ts
 var components_exports = {};
@@ -7035,8 +7097,8 @@ var card_default2 = CardStyle;
 
 // src/config/theme/components/checkbox.ts
 var import_anatomy3 = require("@chakra-ui/anatomy");
-var import_react98 = require("@chakra-ui/react");
-var { definePartsStyle: definePartsStyle3, defineMultiStyleConfig: defineMultiStyleConfig3 } = (0, import_react98.createMultiStyleConfigHelpers)(import_anatomy3.checkboxAnatomy.keys);
+var import_react99 = require("@chakra-ui/react");
+var { definePartsStyle: definePartsStyle3, defineMultiStyleConfig: defineMultiStyleConfig3 } = (0, import_react99.createMultiStyleConfigHelpers)(import_anatomy3.checkboxAnatomy.keys);
 var baseStyle3 = definePartsStyle3({
   control: {
     borderRadius: "sm",
@@ -7137,8 +7199,8 @@ var checkbox_default2 = Checkbox3;
 
 // src/config/theme/components/chips.ts
 var import_anatomy4 = require("@chakra-ui/anatomy");
-var import_react99 = require("@chakra-ui/react");
-var { definePartsStyle: definePartsStyle4, defineMultiStyleConfig: defineMultiStyleConfig4 } = (0, import_react99.createMultiStyleConfigHelpers)(import_anatomy4.tagAnatomy.keys);
+var import_react100 = require("@chakra-ui/react");
+var { definePartsStyle: definePartsStyle4, defineMultiStyleConfig: defineMultiStyleConfig4 } = (0, import_react100.createMultiStyleConfigHelpers)(import_anatomy4.tagAnatomy.keys);
 var baseStyle4 = definePartsStyle4({
   container: {
     px: 3,
@@ -7347,8 +7409,8 @@ var input_default = Input4;
 
 // src/config/theme/components/loader.ts
 var import_styled_system7 = require("@chakra-ui/styled-system");
-var import_react100 = require("@emotion/react");
-var rotate = (0, import_react100.keyframes)({
+var import_react101 = require("@emotion/react");
+var rotate = (0, import_react101.keyframes)({
   "0%": {
     transform: "rotate(0deg)"
   },
@@ -7530,8 +7592,8 @@ var modal_default = modalTheme;
 
 // src/config/theme/components/popover.ts
 var import_anatomy7 = require("@chakra-ui/anatomy");
-var import_react101 = require("@chakra-ui/react");
-var { definePartsStyle: definePartsStyle7, defineMultiStyleConfig: defineMultiStyleConfig7 } = (0, import_react101.createMultiStyleConfigHelpers)(import_anatomy7.popoverAnatomy.keys);
+var import_react102 = require("@chakra-ui/react");
+var { definePartsStyle: definePartsStyle7, defineMultiStyleConfig: defineMultiStyleConfig7 } = (0, import_react102.createMultiStyleConfigHelpers)(import_anatomy7.popoverAnatomy.keys);
 var baseStyle8 = definePartsStyle7({
   content: {
     bg: "white"
@@ -7542,8 +7604,8 @@ var popover_default = popoverTheme;
 
 // src/config/theme/components/radio.ts
 var import_anatomy8 = require("@chakra-ui/anatomy");
-var import_react102 = require("@chakra-ui/react");
-var { definePartsStyle: definePartsStyle8, defineMultiStyleConfig: defineMultiStyleConfig8 } = (0, import_react102.createMultiStyleConfigHelpers)(import_anatomy8.radioAnatomy.keys);
+var import_react103 = require("@chakra-ui/react");
+var { definePartsStyle: definePartsStyle8, defineMultiStyleConfig: defineMultiStyleConfig8 } = (0, import_react103.createMultiStyleConfigHelpers)(import_anatomy8.radioAnatomy.keys);
 var baseStyle9 = definePartsStyle8({
   control: {
     border: "1px solid",
@@ -7965,7 +8027,7 @@ var tabsTheme = defineMultiStyleConfig11({
 var tabs_default = tabsTheme;
 
 // src/config/theme/components/textarea.ts
-var import_react103 = require("@chakra-ui/react");
+var import_react104 = require("@chakra-ui/react");
 var getProps = (props) => {
   const { isError, isSuccess, isDisabled } = props;
   let borderColor = "neutral.400";
@@ -7985,7 +8047,7 @@ var getProps = (props) => {
     borderColor
   };
 };
-var outline3 = (0, import_react103.defineStyle)((props) => {
+var outline3 = (0, import_react104.defineStyle)((props) => {
   const { focusBorderColor, borderColor } = getProps(props);
   return {
     background: "white.high",
@@ -8029,7 +8091,7 @@ var outline3 = (0, import_react103.defineStyle)((props) => {
     }
   };
 });
-var Textarea = (0, import_react103.defineStyleConfig)({
+var Textarea = (0, import_react104.defineStyleConfig)({
   variants: { outline: outline3 },
   defaultProps: {
     variant: "outline"
@@ -8038,15 +8100,15 @@ var Textarea = (0, import_react103.defineStyleConfig)({
 var textarea_default2 = Textarea;
 
 // src/config/theme/components/tooltip.ts
-var import_react104 = require("@chakra-ui/react");
-var $arrowBg = (0, import_react104.cssVar)("popper-arrow-bg");
+var import_react105 = require("@chakra-ui/react");
+var $arrowBg = (0, import_react105.cssVar)("popper-arrow-bg");
 var baseStyle12 = {
   bg: "neutral.700",
   textStyle: "text.sm",
   fontSize: "text.sm",
   [$arrowBg.variable]: "var(--chakra-colors-neutral-700)"
 };
-var Tooltip2 = (0, import_react104.defineStyleConfig)({ baseStyle: baseStyle12 });
+var Tooltip2 = (0, import_react105.defineStyleConfig)({ baseStyle: baseStyle12 });
 var tooltip_default = Tooltip2;
 
 // src/config/theme/themeConfiguration.ts
@@ -8065,7 +8127,7 @@ var createExtendTheme = (theme5) => {
   return function extendTheme2(...extensions) {
     let overrides = [...extensions];
     let activeTheme = extensions[extensions.length - 1];
-    if ((0, import_react105.isChakraTheme)(activeTheme) && // this ensures backward compatibility
+    if ((0, import_react106.isChakraTheme)(activeTheme) && // this ensures backward compatibility
     // previously only `extendTheme(override, activeTheme?)` was allowed
     overrides.length > 1) {
       overrides = overrides.slice(0, overrides.length - 1);
@@ -8074,13 +8136,13 @@ var createExtendTheme = (theme5) => {
     }
     return pipe(
       ...overrides.map(
-        (extension) => (prevTheme) => isFunction(extension) ? extension(prevTheme) : (0, import_react105.mergeThemeOverride)(prevTheme, extension)
+        (extension) => (prevTheme) => isFunction(extension) ? extension(prevTheme) : (0, import_react106.mergeThemeOverride)(prevTheme, extension)
       )
     )(activeTheme);
   };
 };
 var getTheme = (foundations) => {
-  return (0, import_react105.extendTheme)({
+  return (0, import_react106.extendTheme)({
     ...foundations,
     components: {
       ...components_exports
@@ -8097,7 +8159,7 @@ var getTheme = (foundations) => {
     config
   });
 };
-var theme4 = (0, import_react105.extendTheme)({
+var theme4 = (0, import_react106.extendTheme)({
   components: {
     ...components_exports
   },
@@ -8117,23 +8179,23 @@ var theme4 = (0, import_react105.extendTheme)({
 
 // src/hooks/useFetcher.ts
 var import_axios2 = __toESM(require("axios"));
-var import_react108 = require("react");
+var import_react109 = require("react");
 
 // src/provider/components/provider.tsx
 var import_axios = __toESM(require("axios"));
-var import_react106 = require("react");
+var import_react107 = require("react");
 var import_react_toastify3 = require("react-toastify");
-var import_jsx_runtime68 = require("react/jsx-runtime");
-var ProviderContext = (0, import_react106.createContext)({
+var import_jsx_runtime69 = require("react/jsx-runtime");
+var ProviderContext = (0, import_react107.createContext)({
   instance: void 0
 });
 var useInternalUI = () => {
-  const { instance } = (0, import_react106.useContext)(ProviderContext);
+  const { instance } = (0, import_react107.useContext)(ProviderContext);
   return { instance };
 };
 var Provider = ({ children, config: config2, requestInterceptors, responseInterceptors }) => {
-  const instanceRef = (0, import_react106.useRef)(import_axios.default.create(config2));
-  (0, import_react106.useEffect)(() => {
+  const instanceRef = (0, import_react107.useRef)(import_axios.default.create(config2));
+  (0, import_react107.useEffect)(() => {
     requestInterceptors == null ? void 0 : requestInterceptors.forEach((interceptor) => {
       instanceRef.current.interceptors.request.use(interceptor);
     });
@@ -8141,9 +8203,9 @@ var Provider = ({ children, config: config2, requestInterceptors, responseInterc
       instanceRef.current.interceptors.response.use(interceptor);
     });
   }, [requestInterceptors, responseInterceptors]);
-  const provider = (0, import_react106.useMemo)(() => ({ instance: instanceRef.current }), []);
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(ProviderContext.Provider, { value: provider, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react_toastify3.ToastContainer, {}),
+  const provider = (0, import_react107.useMemo)(() => ({ instance: instanceRef.current }), []);
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(ProviderContext.Provider, { value: provider, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react_toastify3.ToastContainer, {}),
     children
   ] });
 };
@@ -8151,12 +8213,12 @@ Provider.displayName = "Provider";
 var provider_default = Provider;
 
 // src/provider/index.ts
-var import_react107 = require("@chakra-ui/react");
+var import_react108 = require("@chakra-ui/react");
 
 // src/hooks/useFetcher.ts
 function useFetcher() {
   const { instance } = useInternalUI();
-  const axiosInstance = (0, import_react108.useMemo)(() => instance || import_axios2.default, [instance]);
+  const axiosInstance = (0, import_react109.useMemo)(() => instance || import_axios2.default, [instance]);
   const fetcher = async ({ url, data, method, headers, ...config2 }) => {
     const response = await axiosInstance.request({
       data,
@@ -8176,10 +8238,10 @@ function useFetcher() {
 }
 
 // src/hooks/index.ts
-var import_react109 = require("@chakra-ui/react");
+var import_react110 = require("@chakra-ui/react");
 
 // src/index.ts
-var import_react110 = require("@chakra-ui/react");
+var import_react111 = require("@chakra-ui/react");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Accordion,