@ctlyst.id/internal-ui 2.1.13 → 2.1.14

package/dist/index.js

@@ -59,12 +59,12 @@ __export(src_exports, {
   AlertIcon: () => AlertIcon,
   AlertTitle: () => AlertTitle,
   Anchor: () => Anchor,
-  Avatar: () => import_react86.Avatar,
-  AvatarBadge: () => import_react86.AvatarBadge,
-  AvatarBadgeProps: () => import_react86.AvatarBadgeProps,
-  AvatarGroup: () => import_react86.AvatarGroup,
-  AvatarGroupProps: () => import_react86.AvatarGroupProps,
-  AvatarProps: () => import_react86.AvatarProps,
+  Avatar: () => import_react85.Avatar,
+  AvatarBadge: () => import_react85.AvatarBadge,
+  AvatarBadgeProps: () => import_react85.AvatarBadgeProps,
+  AvatarGroup: () => import_react85.AvatarGroup,
+  AvatarGroupProps: () => import_react85.AvatarGroupProps,
+  AvatarProps: () => import_react85.AvatarProps,
   Badge: () => badge_default,
   Box: () => import_react48.Box,
   BoxProps: () => import_react48.BoxProps,
@@ -74,9 +74,9 @@ __export(src_exports, {
   ButtonGroupProps: () => import_react9.ButtonGroupProps,
   Card: () => card_default,
   Center: () => import_react48.Center,
-  ChakraProvider: () => import_react94.ChakraProvider,
-  ChakraProviderProps: () => import_react94.ChakraProviderProps,
-  ChakraTable: () => import_react80.Table,
+  ChakraProvider: () => import_react93.ChakraProvider,
+  ChakraProviderProps: () => import_react93.ChakraProviderProps,
+  ChakraTable: () => import_react79.Table,
   Checkbox: () => checkbox_default,
   CheckboxGroup: () => checkbox_group_default,
   CheckboxGroupContext: () => import_react16.CheckboxGroupContext,
@@ -87,13 +87,13 @@ __export(src_exports, {
   Chips: () => chips_default,
   CloseButton: () => import_react9.CloseButton,
   CloseButtonProps: () => import_react9.CloseButtonProps,
-  Code: () => import_react83.Code,
-  CodeProps: () => import_react83.CodeProps,
-  Collapse: () => import_react86.Collapse,
-  CollapseProps: () => import_react86.CollapseProps,
-  ColorMode: () => import_react94.ColorMode,
-  ColorModeScript: () => import_react94.ColorModeScript,
-  ColorModeScriptProps: () => import_react94.ColorModeScriptProps,
+  Code: () => import_react82.Code,
+  CodeProps: () => import_react82.CodeProps,
+  Collapse: () => import_react85.Collapse,
+  CollapseProps: () => import_react85.CollapseProps,
+  ColorMode: () => import_react93.ColorMode,
+  ColorModeScript: () => import_react93.ColorModeScript,
+  ColorModeScriptProps: () => import_react93.ColorModeScriptProps,
   Container: () => import_react48.Container,
   ContainerProps: () => import_react48.ContainerProps,
   Counter: () => counter_default,
@@ -112,8 +112,8 @@ __export(src_exports, {
   DrawerHeader: () => import_react59.ModalHeader,
   DrawerOverlay: () => import_react59.ModalOverlay,
   DrawerProps: () => import_react59.DrawerProps,
-  Fade: () => import_react86.Fade,
-  FadeProps: () => import_react86.FadeProps,
+  Fade: () => import_react85.Fade,
+  FadeProps: () => import_react85.FadeProps,
   Field: () => field_default,
   Flex: () => import_react48.Flex,
   FlexProps: () => import_react48.FlexProps,
@@ -129,18 +129,18 @@ __export(src_exports, {
   GridProps: () => import_react48.GridProps,
   HStack: () => import_react48.HStack,
   Header: () => header_default,
-  Heading: () => import_react83.Heading,
-  HeadingProps: () => import_react83.HeadingProps,
-  Hide: () => import_react86.Hide,
-  HideProps: () => import_react86.HideProps,
+  Heading: () => import_react82.Heading,
+  HeadingProps: () => import_react82.HeadingProps,
+  Hide: () => import_react85.Hide,
+  HideProps: () => import_react85.HideProps,
   Icon: () => import_react47.Icon,
   IconButton: () => import_react9.IconButton,
   IconButtonProps: () => import_react9.IconButtonProps,
   IconProps: () => import_react47.IconProps,
   Image: () => import_react47.Image,
   ImageProps: () => import_react47.ImageProps,
-  Img: () => import_react86.Img,
-  ImgProps: () => import_react86.ImgProps,
+  Img: () => import_react85.Img,
+  ImgProps: () => import_react85.ImgProps,
   InputAddonLeft: () => InputAddonLeft,
   InputAddonRight: () => InputAddonRight,
   InputElementLeft: () => import_react20.InputLeftElement,
@@ -157,8 +157,8 @@ __export(src_exports, {
   InputRightAddonProps: () => import_react27.InputRightAddonProps,
   InputRightElement: () => import_react27.InputRightElement,
   InputRightElementProps: () => import_react27.InputRightElementProps,
-  Link: () => import_react83.Link,
-  LinkProps: () => import_react83.LinkProps,
+  Link: () => import_react82.Link,
+  LinkProps: () => import_react82.LinkProps,
   List: () => import_react49.List,
   ListIcon: () => import_react49.ListIcon,
   ListItem: () => import_react49.ListItem,
@@ -213,101 +213,101 @@ __export(src_exports, {
   Rating: () => rating_default,
   RequiredIndicator: () => import_react27.RequiredIndicator,
   RequiredIndicatorProps: () => import_react27.RequiredIndicatorProps,
-  ScaleFade: () => import_react86.ScaleFade,
-  ScaleFadeProps: () => import_react86.ScaleFadeProps,
+  ScaleFade: () => import_react85.ScaleFade,
+  ScaleFadeProps: () => import_react85.ScaleFadeProps,
   Select: () => select_default,
   SelectAsync: () => select_async_default,
   SelectAsyncCreatable: () => SelectAsyncCreatable,
   SelectCreatable: () => SelectCreatable,
-  Show: () => import_react86.Show,
-  ShowProps: () => import_react86.ShowProps,
+  Show: () => import_react85.Show,
+  ShowProps: () => import_react85.ShowProps,
   SimpleGrid: () => import_react48.SimpleGrid,
   Skeleton: () => import_react5.Skeleton,
-  Slide: () => import_react86.Slide,
-  SlideFade: () => import_react86.SlideFade,
-  SlideFadeProps: () => import_react86.SlideFadeProps,
-  SlideProps: () => import_react86.SlideProps,
+  Slide: () => import_react85.Slide,
+  SlideFade: () => import_react85.SlideFade,
+  SlideFadeProps: () => import_react85.SlideFadeProps,
+  SlideProps: () => import_react85.SlideProps,
   Spacer: () => import_react48.Spacer,
   Stack: () => import_react48.Stack,
   StackProps: () => import_react48.StackProps,
-  Step: () => import_react86.Step,
-  StepDescription: () => import_react86.StepDescription,
-  StepIcon: () => import_react86.StepIcon,
-  StepIndicator: () => import_react86.StepIndicator,
-  StepNumber: () => import_react86.StepNumber,
-  StepSeparator: () => import_react86.StepSeparator,
-  StepStatus: () => import_react86.StepStatus,
-  StepTitle: () => import_react86.StepTitle,
-  Stepper: () => import_react86.Stepper,
+  Step: () => import_react85.Step,
+  StepDescription: () => import_react85.StepDescription,
+  StepIcon: () => import_react85.StepIcon,
+  StepIndicator: () => import_react85.StepIndicator,
+  StepNumber: () => import_react85.StepNumber,
+  StepSeparator: () => import_react85.StepSeparator,
+  StepStatus: () => import_react85.StepStatus,
+  StepTitle: () => import_react85.StepTitle,
+  Stepper: () => import_react85.Stepper,
   Switch: () => switch_default,
   Tab: () => tab_default,
-  TabIndicator: () => import_react82.TabIndicator,
-  TabIndicatorProps: () => import_react82.TabIndicatorProps,
-  TabList: () => import_react82.TabList,
-  TabListProps: () => import_react82.TabListProps,
-  TabPanel: () => import_react82.TabPanel,
-  TabPanelProps: () => import_react82.TabPanelProps,
-  TabPanels: () => import_react82.TabPanels,
-  TabPanelsProps: () => import_react82.TabPanelsProps,
-  TabProps: () => import_react82.TabProps,
-  TableBodyProps: () => import_react80.TableBodyProps,
-  TableCellProps: () => import_react80.TableCellProps,
-  TableColumnHeaderProps: () => import_react80.TableColumnHeaderProps,
-  TableHeadProps: () => import_react80.TableHeadProps,
-  TableProps: () => import_react80.TableProps,
-  TableRowProps: () => import_react80.TableRowProps,
-  Tabs: () => import_react82.Tabs,
-  TabsDescendantsProvider: () => import_react82.TabsDescendantsProvider,
-  TabsProps: () => import_react82.TabsProps,
-  TabsProvider: () => import_react82.TabsProvider,
-  Tbody: () => import_react80.Tbody,
-  Td: () => import_react80.Td,
-  Text: () => import_react83.Text,
-  TextProps: () => import_react83.TextProps,
+  TabIndicator: () => import_react81.TabIndicator,
+  TabIndicatorProps: () => import_react81.TabIndicatorProps,
+  TabList: () => import_react81.TabList,
+  TabListProps: () => import_react81.TabListProps,
+  TabPanel: () => import_react81.TabPanel,
+  TabPanelProps: () => import_react81.TabPanelProps,
+  TabPanels: () => import_react81.TabPanels,
+  TabPanelsProps: () => import_react81.TabPanelsProps,
+  TabProps: () => import_react81.TabProps,
+  TableBodyProps: () => import_react79.TableBodyProps,
+  TableCellProps: () => import_react79.TableCellProps,
+  TableColumnHeaderProps: () => import_react79.TableColumnHeaderProps,
+  TableHeadProps: () => import_react79.TableHeadProps,
+  TableProps: () => import_react79.TableProps,
+  TableRowProps: () => import_react79.TableRowProps,
+  Tabs: () => import_react81.Tabs,
+  TabsDescendantsProvider: () => import_react81.TabsDescendantsProvider,
+  TabsProps: () => import_react81.TabsProps,
+  TabsProvider: () => import_react81.TabsProvider,
+  Tbody: () => import_react79.Tbody,
+  Td: () => import_react79.Td,
+  Text: () => import_react82.Text,
+  TextProps: () => import_react82.TextProps,
   TextareaField: () => textarea_default,
-  Th: () => import_react80.Th,
-  Thead: () => import_react80.Thead,
+  Th: () => import_react79.Th,
+  Thead: () => import_react79.Thead,
   ThemeTypings: () => import_styled_system13.ThemeTypings,
-  Tooltip: () => import_react84.Tooltip,
-  TooltipProps: () => import_react84.TooltipProps,
-  Tr: () => import_react80.Tr,
+  Tooltip: () => import_react83.Tooltip,
+  TooltipProps: () => import_react83.TooltipProps,
+  Tr: () => import_react79.Tr,
   UnorderedList: () => import_react49.UnorderedList,
   Uploader: () => uploader_default,
   UseAccordionItemProps: () => import_react3.UseAccordionItemProps,
   UseAccordionItemReturn: () => import_react3.UseAccordionItemReturn,
   UseAccordionProps: () => import_react3.UseAccordionProps,
   UseAccordionReturn: () => import_react3.UseAccordionReturn,
-  UseBreakpointOptions: () => import_react86.UseBreakpointOptions,
+  UseBreakpointOptions: () => import_react85.UseBreakpointOptions,
   UseCheckboxGroupProps: () => import_react16.UseCheckboxGroupProps,
   UseCheckboxGroupReturn: () => import_react16.UseCheckboxGroupReturn,
   UseCheckboxProps: () => import_react16.UseCheckboxProps,
   UseCheckboxReturn: () => import_react16.UseCheckboxReturn,
-  UseDisclosureProps: () => import_react96.UseDisclosureProps,
-  UseImageProps: () => import_react86.UseImageProps,
-  UseImageReturn: () => import_react86.UseImageReturn,
-  UseMediaQueryOptions: () => import_react86.UseMediaQueryOptions,
+  UseDisclosureProps: () => import_react95.UseDisclosureProps,
+  UseImageProps: () => import_react85.UseImageProps,
+  UseImageReturn: () => import_react85.UseImageReturn,
+  UseMediaQueryOptions: () => import_react85.UseMediaQueryOptions,
   UseModalProps: () => import_react59.UseModalProps,
   UseModalReturn: () => import_react59.UseModalReturn,
-  UseQueryProps: () => import_react86.UseQueryProps,
+  UseQueryProps: () => import_react85.UseQueryProps,
   UseRadioGroupReturn: () => import_react72.UseRadioGroupReturn,
   UseRadioProps: () => import_react72.UseRadioProps,
   UseRadioReturn: () => import_react72.UseRadioReturn,
-  UseTabListProps: () => import_react82.UseTabListProps,
-  UseTabListReturn: () => import_react82.UseTabListReturn,
-  UseTabOptions: () => import_react82.UseTabOptions,
-  UseTabPanelsProps: () => import_react82.UseTabPanelsProps,
-  UseTabProps: () => import_react82.UseTabProps,
-  UseTabsProps: () => import_react82.UseTabsProps,
-  UseTabsReturn: () => import_react82.UseTabsReturn,
+  UseTabListProps: () => import_react81.UseTabListProps,
+  UseTabListReturn: () => import_react81.UseTabListReturn,
+  UseTabOptions: () => import_react81.UseTabOptions,
+  UseTabPanelsProps: () => import_react81.UseTabPanelsProps,
+  UseTabProps: () => import_react81.UseTabProps,
+  UseTabsProps: () => import_react81.UseTabsProps,
+  UseTabsReturn: () => import_react81.UseTabsReturn,
   VStack: () => import_react48.VStack,
-  VisuallyHidden: () => import_react86.VisuallyHidden,
-  VisuallyHiddenInput: () => import_react86.VisuallyHiddenInput,
+  VisuallyHidden: () => import_react85.VisuallyHidden,
+  VisuallyHiddenInput: () => import_react85.VisuallyHiddenInput,
   Wrap: () => import_react48.Wrap,
   WrapItem: () => import_react48.WrapItem,
   WrapItemProps: () => import_react48.WrapItemProps,
   WrapProps: () => import_react48.WrapProps,
-  extendTheme: () => import_react97.extendTheme,
-  forwardRef: () => import_react97.forwardRef,
+  extendTheme: () => import_react96.extendTheme,
+  forwardRef: () => import_react96.forwardRef,
   getTheme: () => getTheme,
   theme: () => theme5,
   useAccordion: () => import_react3.useAccordion,
@@ -316,47 +316,47 @@ __export(src_exports, {
   useAccordionItemState: () => import_react3.useAccordionItemState,
   useAccordionStyles: () => import_react3.useAccordionStyles,
   useAlertStyles: () => useAlertStyles,
-  useBoolean: () => import_react96.useBoolean,
-  useBreakpoint: () => import_react86.useBreakpoint,
+  useBoolean: () => import_react95.useBoolean,
+  useBreakpoint: () => import_react85.useBreakpoint,
   useCheckbox: () => import_react16.useCheckbox,
   useCheckboxGroup: () => import_react16.useCheckboxGroup,
-  useClipboard: () => import_react96.useClipboard,
-  useColorMode: () => import_react96.useColorMode,
-  useColorModePreference: () => import_react86.useColorModePreference,
-  useColorModeValue: () => import_react96.useColorModeValue,
-  useConst: () => import_react96.useConst,
-  useControllableProp: () => import_react96.useControllableProp,
-  useControllableState: () => import_react96.useControllableState,
+  useClipboard: () => import_react95.useClipboard,
+  useColorMode: () => import_react95.useColorMode,
+  useColorModePreference: () => import_react85.useColorModePreference,
+  useColorModeValue: () => import_react95.useColorModeValue,
+  useConst: () => import_react95.useConst,
+  useControllableProp: () => import_react95.useControllableProp,
+  useControllableState: () => import_react95.useControllableState,
   useDataTable: () => useDataTable,
-  useDimensions: () => import_react96.useDimensions,
-  useDisclosure: () => import_react96.useDisclosure,
+  useDimensions: () => import_react95.useDimensions,
+  useDisclosure: () => import_react95.useDisclosure,
   useDrawerContext: () => import_react59.useDrawerContext,
   useFetcher: () => useFetcher,
-  useImage: () => import_react86.useImage,
+  useImage: () => import_react85.useImage,
   useInternalUI: () => useInternalUI,
-  useMergeRefs: () => import_react96.useMergeRefs,
+  useMergeRefs: () => import_react95.useMergeRefs,
   useModal: () => import_react59.useModal,
   useModalContext: () => import_react59.useModalContext,
   useModalStyles: () => import_react59.useModalStyles,
-  useOutsideClick: () => import_react96.useOutsideClick,
-  useQuery: () => import_react86.useQuery,
+  useOutsideClick: () => import_react95.useOutsideClick,
+  useQuery: () => import_react85.useQuery,
   useRadio: () => import_react72.useRadio,
   useRadioGroup: () => import_react72.useRadioGroup,
   useRadioGroupContext: () => import_react72.useRadioGroupContext,
-  useSteps: () => import_react86.useSteps,
-  useTab: () => import_react82.useTab,
-  useTabIndicator: () => import_react82.useTabIndicator,
-  useTabList: () => import_react82.useTabList,
-  useTabPanel: () => import_react82.useTabPanel,
-  useTabPanels: () => import_react82.useTabPanels,
-  useTabs: () => import_react82.useTabs,
-  useTabsContext: () => import_react82.useTabsContext,
-  useTabsDescendant: () => import_react82.useTabsDescendant,
-  useTabsDescendants: () => import_react82.useTabsDescendants,
-  useTabsDescendantsContext: () => import_react82.useTabsDescendantsContext,
-  useTabsStyles: () => import_react82.useTabsStyles,
-  useTheme: () => import_react96.useTheme,
-  useToken: () => import_react96.useToken
+  useSteps: () => import_react85.useSteps,
+  useTab: () => import_react81.useTab,
+  useTabIndicator: () => import_react81.useTabIndicator,
+  useTabList: () => import_react81.useTabList,
+  useTabPanel: () => import_react81.useTabPanel,
+  useTabPanels: () => import_react81.useTabPanels,
+  useTabs: () => import_react81.useTabs,
+  useTabsContext: () => import_react81.useTabsContext,
+  useTabsDescendant: () => import_react81.useTabsDescendant,
+  useTabsDescendants: () => import_react81.useTabsDescendants,
+  useTabsDescendantsContext: () => import_react81.useTabsDescendantsContext,
+  useTabsStyles: () => import_react81.useTabsStyles,
+  useTheme: () => import_react95.useTheme,
+  useToken: () => import_react95.useToken
 });
 module.exports = __toCommonJS(src_exports);
 
@@ -1195,14 +1195,40 @@ var getCommonPinningStyles = (column) => {
   const isLastLeftPinnedColumn = isPinned === "left" && column.getIsLastColumn("left");
   const isFirstRightPinnedColumn = isPinned === "right" && column.getIsFirstColumn("right");
   return {
-    // eslint-disable-next-line no-nested-ternary
-    boxShadow: isLastLeftPinnedColumn ? "-4px 0 4px -4px gray inset" : isFirstRightPinnedColumn ? "4px 0 4px -4px gray inset" : void 0,
     left: isPinned === "left" ? `${column.getStart("left")}px` : void 0,
     right: isPinned === "right" ? `${column.getAfter("right")}px` : void 0,
-    opacity: isPinned ? 0.95 : 1,
     position: isPinned ? "sticky" : "relative",
     width: column.getSize(),
-    zIndex: isPinned ? 1 : 0
+    zIndex: isPinned ? 1 : 0,
+    backgroundColor: "white",
+    ...isLastLeftPinnedColumn ? {
+      padding: 0,
+      "&:after": {
+        content: "''",
+        position: "absolute",
+        width: "20%",
+        height: "100%",
+        right: "0px",
+        top: 0,
+        zIndex: -1,
+        boxShadow: "-10px 0px 20px 10px #00000010",
+        clipPath: "inset(0px -38px 0px 0px)"
+      }
+    } : {},
+    ...isFirstRightPinnedColumn ? {
+      padding: "0px 0px 0px 8px",
+      "&:after": {
+        content: "''",
+        position: "absolute",
+        width: "20%",
+        height: "100%",
+        left: "0%",
+        top: 0,
+        zIndex: -1,
+        boxShadow: "10px 0px 20px 10px #00000010",
+        clipPath: "inset(0px 0px 0px -38px )"
+      }
+    } : {}
   };
 };
 var useDataTable = ({
@@ -1299,12 +1325,12 @@ var useDataTable = ({
   };
 };
 var DataTable = React5.forwardRef((props, ref) => {
-  const { isLoading, styles, headerSticky, onRowClick } = props;
+  const { isLoading, styles, headerSticky, onRowClick, container } = props;
   const { table, toggleAllRowsSelected, generateColumn } = useDataTable(props);
   React5.useImperativeHandle(ref, () => ({
     toggleAllRowsSelected
   }));
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react29.Box, { ...props, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react29.Box, { overflowX: "auto", position: "relative", maxW: "100%", minH: 400, w: "full", ...container, children: [
     isLoading && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react29.Table, { ...styles == null ? void 0 : styles.table, children: [
       /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react29.Thead, { ...(styles == null ? void 0 : styles.tableHead, headerSticky ? { position: "sticky", top: 0, bg: "white", zIndex: 1 } : {}), children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react29.Tr, { mx: "2", ...styles == null ? void 0 : styles.tableRow, children: headerGroup.headers.map((header, index) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         import_react29.Th,
@@ -1335,11 +1361,13 @@ var DataTable = React5.forwardRef((props, ref) => {
           {
             colSpan: header.colSpan,
             width: `${header.getSize() + (index === 0 || index === headerGroup.headers.length - 1 ? 16 : 0)}px`,
-            style: { ...getCommonPinningStyles(header.column) },
+            sx: getCommonPinningStyles(header.column),
             ...styles == null ? void 0 : styles.tableColumnHeader,
             children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
               import_react29.Flex,
               {
+                backgroundColor: "white",
+                height: "100%",
                 "data-test-id": `CT_Container_TableHeader_${header.id}`,
                 textTransform: "capitalize",
                 userSelect: "none",
@@ -1402,9 +1430,9 @@ var DataTable = React5.forwardRef((props, ref) => {
                 "data-test-id": `CT_Component_TableCell_${cell.id}`,
                 fontSize: "text.sm",
                 color: (0, import_react29.useColorModeValue)("dark.800", "dark.300"),
-                style: { ...getCommonPinningStyles(cell.column) },
+                sx: getCommonPinningStyles(cell.column),
                 ...styles == null ? void 0 : styles.tableCell,
-                children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react29.Flex, { height: "100%", backgroundColor: "white", align: "center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                   import_react29.Box,
                   {
                     tabIndex: 0,
@@ -1418,7 +1446,7 @@ var DataTable = React5.forwardRef((props, ref) => {
                     },
                     children: (0, import_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext())
                   }
-                )
+                ) })
               },
               cell.id
             ))
@@ -1430,12 +1458,8 @@ var DataTable = React5.forwardRef((props, ref) => {
   ] });
 });
 DataTable.defaultProps = {
+  container: void 0,
   withSelectedRow: false,
-  overflowX: "scroll",
-  pos: "relative",
-  maxW: "100%",
-  minH: 400,
-  w: "full",
   styles: void 0,
   isLoading: void 0,
   onSelectedRow: void 0,
@@ -2506,7 +2530,7 @@ var Dialog = ({
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react41.Modal, { ...props, children: [
     isModalOverlay && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react41.ModalOverlay, { pointerEvents: isOverlayClickable ? "auto" : "none" }),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react41.ModalContent, { bgColor: "neutral.50", fontFamily: "Poppins", width, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react41.ModalContent, { bgColor: "neutral.50", fontFamily: "Poppins", width, minW: "400px", children: [
       /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react41.ModalHeader, { bgColor: "neutral.200", py: 2, px: 4, borderTopRadius: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react41.Text, { textStyle: "text.lg", fontWeight: "normal", children: title }) }),
       /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react41.ModalBody, { p: 4, textStyle: "text.md", children: content }),
       /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react41.ModalFooter, { bgColor: "neutral.200", p: 4, borderBottomRadius: "sm", children: footer })
@@ -3405,28 +3429,17 @@ var rating_default = Rating;
 var import_system7 = require("@chakra-ui/system");
 var import_react_select = __toESM(require("react-select"));
 
-// src/components/select/components/select-wrapper.tsx
-var import_react74 = require("@chakra-ui/react");
-var import_jsx_runtime52 = require("react/jsx-runtime");
-var SelectWrapper = ({ children }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react74.Box, { children });
-};
-SelectWrapper.defaultProps = {
-  isError: false
-};
-var select_wrapper_default = SelectWrapper;
-
 // src/config/theme/foundations/shadows.ts
-var import_react75 = require("@chakra-ui/react");
+var import_react74 = require("@chakra-ui/react");
 var shadows = {
-  ...import_react75.theme.shadows,
+  ...import_react74.theme.shadows,
   raised: "0px 4px 20px rgba(0, 0, 0, 0.05)"
 };
 
 // src/config/theme/foundations/sizes.ts
-var import_react76 = require("@chakra-ui/react");
+var import_react75 = require("@chakra-ui/react");
 var sizes = {
-  ...import_react76.theme.sizes,
+  ...import_react75.theme.sizes,
   4.5: "1.125rem",
   9.5: "2.375rem",
   18: "4.5rem",
@@ -3436,9 +3449,9 @@ var sizes = {
 };
 
 // src/config/theme/foundations/spacing.ts
-var import_react77 = require("@chakra-ui/react");
+var import_react76 = require("@chakra-ui/react");
 var spacing = {
-  ...import_react77.theme.space,
+  ...import_react76.theme.space,
   4.5: "1.125rem",
   9.5: "2.375rem",
   18: "4.5rem",
@@ -3681,37 +3694,32 @@ var selectStyle = {
   lineHeight: styleMd.lineHeight,
   letterSpacing: 0
 };
-var boxShadow = (color) => `0 0 0 1px ${color}`;
 function selectStyles(colorMode, _isError) {
-  const boxShadowLight = (isFocused = false, isError = false) => {
-    if (isError && isFocused || isError) {
-      return boxShadow("danger.500");
-    }
-    if (isFocused) {
-      return boxShadow("primary.500");
-    }
-    return boxShadow("neutral.400");
-  };
   return {
-    control: (base, state) => colorMode === "dark" ? {
-      ...base,
-      ...selectStyle,
-      background: "transparent",
-      color: "primary.300",
-      borderColor: "secondary.500",
-      boxShadow: state.isFocused ? "none" : `inherit`
-    } : {
-      ...base,
-      ...selectStyle,
-      borderWidth: 0,
-      boxShadow: boxShadowLight(state.isFocused, _isError)
+    control: (base, { isDisabled, isFocused }) => {
+      const style = {
+        ...base,
+        flexWrap: "nowrap",
+        borderColor: isFocused ? "var(--chakra-colors-primary-500)" : "var(--chakra-colors-neutral-400)",
+        boxShadow: "none",
+        color: isDisabled ? "var(--chakra-colors-black-low)" : "var(--chakra-colors-black-high)",
+        "&:hover": {
+          borderColor: _isError ? "" : isFocused ? "var(--chakra-colors-primary-500)" : "var(--chakra-colors-neutral-500)"
+        }
+      };
+      if (_isError) {
+        return {
+          ...style,
+          borderColor: "var(--chakra-colors-danger-500)"
+        };
+      }
+      return style;
     },
-    option: (base, { isSelected }) => colorMode === "dark" ? {
+    option: (base) => ({
       ...base,
       ...selectStyle,
-      background: isSelected ? "primary.700" : "dark.800",
-      color: "white"
-    } : { ...base, ...selectStyle },
+      color: "var(--chakra-colors-neutral-900)"
+    }),
     menu: (base) => colorMode === "dark" ? {
       ...base,
       ...selectStyle,
@@ -3736,23 +3744,23 @@ var themeSelect = (theme6) => {
     ...theme6,
     colors: {
       ...theme6.colors,
-      primary: "primary.500",
-      primary25: "primary.50",
-      primary50: "primary.100",
-      primary75: "primary.200"
+      primary: "var(--chakra-colors-primary-100)",
+      primary25: "var(--chakra-colors-primary-50)",
+      primary50: "var(--chakra-colors-primary-100)",
+      primary75: "var(--chakra-colors-primary-200)"
     }
   };
 };
 
 // src/components/select/components/select.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 function Select2({
   styles,
   isError = false,
   ...rest
 }) {
   const { colorMode } = (0, import_system7.useColorMode)();
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(select_wrapper_default, { isError, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     import_react_select.default,
     {
       classNamePrefix: "react-select",
@@ -3760,21 +3768,21 @@ function Select2({
       styles: { ...selectStyles(colorMode, isError) },
       theme: themeSelect
     }
-  ) });
+  );
 }
 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_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 function SelectAsync({
   styles,
   isError = false,
   ...rest
 }) {
   const { colorMode } = (0, import_system8.useColorMode)();
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(select_wrapper_default, { isError, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
     import_react_select_async_paginate.AsyncPaginate,
     {
       classNamePrefix: "react-select",
@@ -3782,17 +3790,17 @@ function SelectAsync({
       styles: { ...selectStyles(colorMode, isError), ...styles },
       theme: themeSelect
     }
-  ) });
+  );
 }
 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_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 function SelectAsyncCreatable({ styles, isError = false, ...rest }) {
   const { colorMode } = (0, import_system9.useColorMode)();
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(select_wrapper_default, { isError, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     import_async_creatable.default,
     {
       classNamePrefix: "react-select",
@@ -3800,16 +3808,16 @@ function SelectAsyncCreatable({ styles, isError = false, ...rest }) {
       styles: { ...selectStyles(colorMode, isError), ...styles },
       theme: themeSelect
     }
-  ) });
+  );
 }
 
 // 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_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 function SelectCreatable({ styles, isError = false, ...rest }) {
   const { colorMode } = (0, import_system10.useColorMode)();
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(select_wrapper_default, { isError, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     import_creatable.default,
     {
       classNamePrefix: "react-select",
@@ -3817,20 +3825,20 @@ function SelectCreatable({ styles, isError = false, ...rest }) {
       styles: { ...selectStyles(colorMode, isError), ...styles },
       theme: themeSelect
     }
-  ) });
+  );
 }
 
 // src/components/switch/components/switch.tsx
-var import_react78 = require("@chakra-ui/react");
+var import_react77 = require("@chakra-ui/react");
 var import_shared_utils9 = require("@chakra-ui/shared-utils");
 var import_internal_icon7 = require("@ctlyst.id/internal-icon");
-var import_react79 = require("react");
-var import_jsx_runtime57 = require("react/jsx-runtime");
-var Switch = (0, import_react78.forwardRef)(function Switch2(props, ref) {
-  const styles = (0, import_react78.useMultiStyleConfig)("Switch", props);
-  const { spacing: spacing2 = "0.5rem", children, ...ownProps } = (0, import_react78.omitThemingProps)(props);
-  const { state, getInputProps, getCheckboxProps, getRootProps, getLabelProps } = (0, import_react78.useCheckbox)(ownProps);
-  const containerStyles = (0, import_react79.useMemo)(
+var import_react78 = require("react");
+var import_jsx_runtime56 = require("react/jsx-runtime");
+var Switch = (0, import_react77.forwardRef)(function Switch2(props, ref) {
+  const styles = (0, import_react77.useMultiStyleConfig)("Switch", props);
+  const { spacing: spacing2 = "0.5rem", children, ...ownProps } = (0, import_react77.omitThemingProps)(props);
+  const { state, getInputProps, getCheckboxProps, getRootProps, getLabelProps } = (0, import_react77.useCheckbox)(ownProps);
+  const containerStyles = (0, import_react78.useMemo)(
     () => ({
       display: "inline-block",
       position: "relative",
@@ -3840,7 +3848,7 @@ var Switch = (0, import_react78.forwardRef)(function Switch2(props, ref) {
     }),
     [styles.container]
   );
-  const trackStyles = (0, import_react79.useMemo)(
+  const trackStyles = (0, import_react78.useMemo)(
     () => ({
       display: "inline-flex",
       flexShrink: 0,
@@ -3852,7 +3860,7 @@ var Switch = (0, import_react78.forwardRef)(function Switch2(props, ref) {
     }),
     [styles.track]
   );
-  const labelStyles = (0, import_react79.useMemo)(
+  const labelStyles = (0, import_react78.useMemo)(
     () => ({
       userSelect: "none",
       marginStart: spacing2,
@@ -3868,8 +3876,8 @@ var Switch = (0, import_react78.forwardRef)(function Switch2(props, ref) {
     };
     return iconSize[value];
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
-    import_react78.chakra.label,
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+    import_react77.chakra.label,
     {
       ...getRootProps(),
       display: "flex",
@@ -3877,14 +3885,14 @@ var Switch = (0, import_react78.forwardRef)(function Switch2(props, ref) {
       className: (0, import_shared_utils9.cx)("chakra-switch", props.className),
       __css: containerStyles,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("input", { "data-test-id": "", className: "chakra-switch__input", ...getInputProps({}, ref) }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_react78.chakra.span, { ...getCheckboxProps(), className: "chakra-switch__track", pos: "relative", __css: trackStyles, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_react78.Flex, { gap: 2, pos: "absolute", top: "50%", left: "50%", transform: "translate(-50%, -50%)", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_internal_icon7.Check, { color: "white", size: getIconSize(props.size) }),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_internal_icon7.Close, { color: state.isDisabled ? "neutral.600" : "neutral.900", size: getIconSize(props.size) })
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("input", { "data-test-id": "", className: "chakra-switch__input", ...getInputProps({}, ref) }),
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_react77.chakra.span, { ...getCheckboxProps(), className: "chakra-switch__track", pos: "relative", __css: trackStyles, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_react77.Flex, { gap: 2, pos: "absolute", top: "50%", left: "50%", transform: "translate(-50%, -50%)", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_internal_icon7.Check, { color: "white", size: getIconSize(props.size) }),
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_internal_icon7.Close, { color: state.isDisabled ? "neutral.600" : "neutral.900", size: getIconSize(props.size) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-            import_react78.chakra.span,
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+            import_react77.chakra.span,
             {
               __css: styles.thumb,
               className: "chakra-switch__thumb",
@@ -3893,8 +3901,8 @@ var Switch = (0, import_react78.forwardRef)(function Switch2(props, ref) {
             }
           )
         ] }),
-        children && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-          import_react78.chakra.span,
+        children && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+          import_react77.chakra.span,
           {
             className: "chakra-switch__label",
             color: state.isDisabled ? "black.low" : "black.high",
@@ -3913,18 +3921,18 @@ Switch.defaultProps = {
 var switch_default = Switch;
 
 // src/components/table/index.tsx
-var import_react80 = require("@chakra-ui/react");
+var import_react79 = require("@chakra-ui/react");
 
 // src/components/tabs/components/tab.tsx
-var import_react81 = require("@chakra-ui/react");
-var import_jsx_runtime58 = require("react/jsx-runtime");
-var Tab = (0, import_react81.forwardRef)((props, ref) => {
+var import_react80 = require("@chakra-ui/react");
+var import_jsx_runtime57 = require("react/jsx-runtime");
+var Tab = (0, import_react80.forwardRef)((props, ref) => {
   var _a, _b;
-  const tabProps = (0, import_react81.useTab)({ ...props, ref });
+  const tabProps = (0, import_react80.useTab)({ ...props, ref });
   const isSelected = !!tabProps["aria-selected"];
-  const styles = (0, import_react81.useMultiStyleConfig)("Tabs", tabProps);
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-    import_react81.Button,
+  const styles = (0, import_react80.useMultiStyleConfig)("Tabs", tabProps);
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    import_react80.Button,
     {
       "data-test-id": props["data-test-id"],
       p: 4,
@@ -3949,7 +3957,7 @@ var Tab = (0, import_react81.forwardRef)((props, ref) => {
       },
       __css: styles.tab,
       ...tabProps,
-      children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_react81.Flex, { alignItems: "center", children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_react80.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 })
@@ -3960,16 +3968,16 @@ var Tab = (0, import_react81.forwardRef)((props, ref) => {
 var tab_default = Tab;
 
 // src/components/tabs/index.ts
-var import_react82 = require("@chakra-ui/react");
+var import_react81 = require("@chakra-ui/react");
 
 // src/components/text/index.ts
-var import_react83 = require("@chakra-ui/react");
+var import_react82 = require("@chakra-ui/react");
 
 // src/components/tooltip/index.ts
-var import_react84 = require("@chakra-ui/react");
+var import_react83 = require("@chakra-ui/react");
 
 // src/components/uploader/components/uploader.tsx
-var import_react85 = require("@chakra-ui/react");
+var import_react84 = require("@chakra-ui/react");
 var React15 = __toESM(require("react"));
 var import_react_dropzone = require("react-dropzone");
 
@@ -3983,7 +3991,7 @@ var messages = {
 };
 
 // src/components/uploader/components/uploader.tsx
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var Uploader = ({
   onHandleUploadFile,
   onHandleRejections,
@@ -4031,9 +4039,9 @@ var Uploader = ({
   React15.useEffect(() => {
     setIsSelected(selected != null ? selected : false);
   }, [selected]);
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_react85.Stack, { direction: "column", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
-      import_react85.Flex,
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_react84.Stack, { direction: "column", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+      import_react84.Flex,
       {
         minH: 200,
         border: "1px dashed",
@@ -4044,11 +4052,11 @@ var Uploader = ({
         ...props,
         ...getRootProps(),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("input", { ...getInputProps() }),
-          isDragActive ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react85.Text, { children: messages.dragActive }) : /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_react85.Flex, { flexDirection: "column", alignItems: "center", color: isError ? "danger.500" : "primary.500", children: [
-            !multiple && isSelected && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react85.Heading, { fontWeight: 400, fontSize: "18px", lineHeight: 28, color: "black.high", mb: 2, children: selectedFirstFile == null ? void 0 : selectedFirstFile.name }),
-            !isSelected && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react85.Heading, { fontWeight: 400, fontSize: "18px", lineHeight: 28, mb: 2, children: messages.uploadFile }),
-            isSelected ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react85.Text, { children: messages.dragReplace }) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react85.Text, { children: messages.dragInActive })
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("input", { ...getInputProps() }),
+          isDragActive ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react84.Text, { children: messages.dragActive }) : /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_react84.Flex, { flexDirection: "column", alignItems: "center", color: isError ? "danger.500" : "primary.500", children: [
+            !multiple && isSelected && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react84.Heading, { fontWeight: 400, fontSize: "18px", lineHeight: 28, color: "black.high", mb: 2, children: selectedFirstFile == null ? void 0 : selectedFirstFile.name }),
+            !isSelected && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react84.Heading, { fontWeight: 400, fontSize: "18px", lineHeight: 28, mb: 2, children: messages.uploadFile }),
+            isSelected ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react84.Text, { children: messages.dragReplace }) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react84.Text, { children: messages.dragInActive })
           ] })
         ]
       }
@@ -4065,10 +4073,10 @@ Uploader.defaultProps = {
 var uploader_default = Uploader;
 
 // src/components/index.ts
-var import_react86 = require("@chakra-ui/react");
+var import_react85 = require("@chakra-ui/react");
 
 // src/config/theme/themeConfiguration.ts
-var import_react92 = require("@chakra-ui/react");
+var import_react91 = require("@chakra-ui/react");
 
 // src/config/theme/components/index.ts
 var components_exports = {};
@@ -4583,8 +4591,8 @@ var card_default2 = CardStyle;
 
 // src/config/theme/components/checkbox.ts
 var import_anatomy3 = require("@chakra-ui/anatomy");
-var import_react87 = require("@chakra-ui/react");
-var { definePartsStyle: definePartsStyle3, defineMultiStyleConfig: defineMultiStyleConfig3 } = (0, import_react87.createMultiStyleConfigHelpers)(import_anatomy3.checkboxAnatomy.keys);
+var import_react86 = require("@chakra-ui/react");
+var { definePartsStyle: definePartsStyle3, defineMultiStyleConfig: defineMultiStyleConfig3 } = (0, import_react86.createMultiStyleConfigHelpers)(import_anatomy3.checkboxAnatomy.keys);
 var baseStyle3 = definePartsStyle3({
   control: {
     borderRadius: "sm",
@@ -4865,8 +4873,8 @@ var input_default = Input4;
 
 // src/config/theme/components/loader.ts
 var import_styled_system8 = require("@chakra-ui/styled-system");
-var import_react88 = require("@emotion/react");
-var rotate = (0, import_react88.keyframes)({
+var import_react87 = require("@emotion/react");
+var rotate = (0, import_react87.keyframes)({
   "0%": {
     transform: "rotate(0deg)"
   },
@@ -4996,8 +5004,8 @@ var modal_default = Modal3;
 
 // src/config/theme/components/radio.ts
 var import_anatomy5 = require("@chakra-ui/anatomy");
-var import_react89 = require("@chakra-ui/react");
-var { definePartsStyle: definePartsStyle5, defineMultiStyleConfig: defineMultiStyleConfig5 } = (0, import_react89.createMultiStyleConfigHelpers)(import_anatomy5.radioAnatomy.keys);
+var import_react88 = require("@chakra-ui/react");
+var { definePartsStyle: definePartsStyle5, defineMultiStyleConfig: defineMultiStyleConfig5 } = (0, import_react88.createMultiStyleConfigHelpers)(import_anatomy5.radioAnatomy.keys);
 var baseStyle6 = definePartsStyle5({
   control: {
     border: "1px solid",
@@ -5425,7 +5433,7 @@ var tabsTheme = defineMultiStyleConfig8({
 var tabs_default = tabsTheme;
 
 // src/config/theme/components/textarea.ts
-var import_react90 = require("@chakra-ui/react");
+var import_react89 = require("@chakra-ui/react");
 var getProps = (props) => {
   const { isError, isSuccess, isDisabled } = props;
   let borderColor = "neutral.400";
@@ -5445,7 +5453,7 @@ var getProps = (props) => {
     borderColor
   };
 };
-var outline2 = (0, import_react90.defineStyle)((props) => {
+var outline2 = (0, import_react89.defineStyle)((props) => {
   const { focusBorderColor, borderColor } = getProps(props);
   return {
     background: "white.high",
@@ -5489,7 +5497,7 @@ var outline2 = (0, import_react90.defineStyle)((props) => {
     }
   };
 });
-var Textarea = (0, import_react90.defineStyleConfig)({
+var Textarea = (0, import_react89.defineStyleConfig)({
   variants: { outline: outline2 },
   defaultProps: {
     variant: "outline"
@@ -5498,14 +5506,14 @@ var Textarea = (0, import_react90.defineStyleConfig)({
 var textarea_default2 = Textarea;
 
 // src/config/theme/components/tooltip.ts
-var import_react91 = require("@chakra-ui/react");
-var $arrowBg = (0, import_react91.cssVar)("popper-arrow-bg");
+var import_react90 = require("@chakra-ui/react");
+var $arrowBg = (0, import_react90.cssVar)("popper-arrow-bg");
 var baseStyle9 = {
   bg: "neutral.700",
   fontSize: "text.sm",
   [$arrowBg.variable]: "var(--chakra-colors-neutral-700)"
 };
-var Tooltip2 = (0, import_react91.defineStyleConfig)({ baseStyle: baseStyle9 });
+var Tooltip2 = (0, import_react90.defineStyleConfig)({ baseStyle: baseStyle9 });
 var tooltip_default = Tooltip2;
 
 // src/config/theme/themeConfiguration.ts
@@ -5515,7 +5523,7 @@ var config = {
   useSystemColorMode: false
 };
 var getTheme = (foundations) => {
-  return (0, import_react92.extendTheme)({
+  return (0, import_react91.extendTheme)({
     ...foundations,
     components: {
       ...components_exports
@@ -5531,7 +5539,7 @@ var getTheme = (foundations) => {
     config
   });
 };
-var theme5 = (0, import_react92.extendTheme)({
+var theme5 = (0, import_react91.extendTheme)({
   components: {
     ...components_exports
   },
@@ -5551,23 +5559,23 @@ var theme5 = (0, import_react92.extendTheme)({
 
 // src/hooks/useFetcher.ts
 var import_axios2 = __toESM(require("axios"));
-var import_react95 = require("react");
+var import_react94 = require("react");
 
 // src/provider/components/provider.tsx
 var import_axios = __toESM(require("axios"));
-var import_react93 = require("react");
+var import_react92 = require("react");
 var import_react_toastify = require("react-toastify");
-var import_jsx_runtime60 = require("react/jsx-runtime");
-var ProviderContext = (0, import_react93.createContext)({
+var import_jsx_runtime59 = require("react/jsx-runtime");
+var ProviderContext = (0, import_react92.createContext)({
   instance: void 0
 });
 var useInternalUI = () => {
-  const { instance } = (0, import_react93.useContext)(ProviderContext);
+  const { instance } = (0, import_react92.useContext)(ProviderContext);
   return { instance };
 };
 var Provider = ({ children, config: config2, requestInterceptors, responseInterceptors }) => {
-  const instanceRef = (0, import_react93.useRef)(import_axios.default.create(config2));
-  (0, import_react93.useEffect)(() => {
+  const instanceRef = (0, import_react92.useRef)(import_axios.default.create(config2));
+  (0, import_react92.useEffect)(() => {
     requestInterceptors == null ? void 0 : requestInterceptors.forEach((interceptor) => {
       instanceRef.current.interceptors.request.use(interceptor);
     });
@@ -5575,9 +5583,9 @@ var Provider = ({ children, config: config2, requestInterceptors, responseInterc
       instanceRef.current.interceptors.response.use(interceptor);
     });
   }, [requestInterceptors, responseInterceptors]);
-  const provider = (0, import_react93.useMemo)(() => ({ instance: instanceRef.current }), []);
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(ProviderContext.Provider, { value: provider, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react_toastify.ToastContainer, {}),
+  const provider = (0, import_react92.useMemo)(() => ({ instance: instanceRef.current }), []);
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(ProviderContext.Provider, { value: provider, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react_toastify.ToastContainer, {}),
     children
   ] });
 };
@@ -5585,12 +5593,12 @@ Provider.displayName = "Provider";
 var provider_default = Provider;
 
 // src/provider/index.ts
-var import_react94 = require("@chakra-ui/react");
+var import_react93 = require("@chakra-ui/react");
 
 // src/hooks/useFetcher.ts
 function useFetcher() {
   const { instance } = useInternalUI();
-  const axiosInstance = (0, import_react95.useMemo)(() => instance || import_axios2.default, [instance]);
+  const axiosInstance = (0, import_react94.useMemo)(() => instance || import_axios2.default, [instance]);
   const fetcher = async ({ url, data, method, headers, ...config2 }) => {
     const response = await axiosInstance.request({
       data,
@@ -5610,10 +5618,10 @@ function useFetcher() {
 }
 
 // src/hooks/index.ts
-var import_react96 = require("@chakra-ui/react");
+var import_react95 = require("@chakra-ui/react");
 
 // src/index.ts
-var import_react97 = require("@chakra-ui/react");
+var import_react96 = require("@chakra-ui/react");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Accordion,