@ctlyst.id/internal-ui 2.0.7 → 2.0.9

package/dist/internal-ui.cjs.development.js

@@ -405,15 +405,21 @@ function CheckboxComponent({
   }, rest, {
     isDisabled: isDisabled
   }), children && /*#__PURE__*/React__default.createElement(react.Text, {
+    as: "span",
+    display: "block",
     textStyle: "text.sm",
-    color: isDisabled ? 'black.low' : 'black.high'
+    color: isDisabled ? 'black.medium' : 'black.high'
   }, children))), /*#__PURE__*/React__default.createElement(react.Box, {
     mt: "5px",
     ml: "24px"
   }, isError ? /*#__PURE__*/React__default.createElement(react.Text, {
+    as: "span",
+    display: "block",
     textStyle: "text.xs",
     color: "danger.500"
   }, errorText) : /*#__PURE__*/React__default.createElement(react.Text, {
+    as: "span",
+    display: "block",
     textStyle: "text.xs",
     color: "black.medium"
   }, helpText)));
@@ -514,37 +520,104 @@ CheckboxGroupComponent.defaultProps = {
   errorMessage: ''
 };
 
-const IndeterminateCheckbox = ({
-  indeterminate = false,
+const Chips = ({
+  children,
   ...rest
 }) => {
-  const ref = React.useRef(null);
+  const {
+    isActive,
+    isDisabled,
+    onClose
+  } = rest;
+  const styles = react.useStyleConfig('Chips', rest);
+  const closeColor = React.useMemo(() => {
+    if (isActive) return 'white.high';
+    if (isDisabled) return 'black.low';
+    return 'primary.500';
+  }, [isActive, isDisabled]);
+  return /*#__PURE__*/React__default.createElement(react.Box, Object.assign({
+    __css: styles,
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center"
+  }, rest), children, onClose && /*#__PURE__*/React__default.createElement(react.Box, {
+    onClick: isDisabled ? undefined : onClose,
+    cursor: isDisabled ? 'not-allowed' : 'pointer',
+    ml: 2,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  }, /*#__PURE__*/React__default.createElement(internalIcon.Close, {
+    color: closeColor,
+    size: 4
+  })));
+};
+Chips.defaultProps = {
+  isDisabled: false,
+  isActive: false,
+  onClose: undefined,
+  children: undefined,
+  size: 'sm'
+};
+
+const useCombinedRefs = (...refs) => {
+  const targetRef = React.useRef();
   React.useEffect(() => {
-    if (ref.current && typeof indeterminate === 'boolean') {
-      ref.current.indeterminate = !rest.checked && indeterminate;
+    refs.forEach(ref => {
+      /* eslint-disable no-param-reassign */
+      if (!ref) return;
+      if (typeof ref === 'function') {
+        ref(targetRef.current);
+      } else {
+        ref.current = targetRef.current;
+      }
+    });
+  }, [refs]);
+  return targetRef;
+};
+const IndeterminateCheckbox = /*#__PURE__*/React.forwardRef(({
+  isIndeterminate,
+  isChecked,
+  ...rest
+}, ref) => {
+  const defaultRef = React.useRef(null);
+  const combinedRef = useCombinedRefs(ref, defaultRef);
+  React.useEffect(() => {
+    if (combinedRef !== null && combinedRef !== void 0 && combinedRef.current) {
+      combinedRef.current.indeterminate = isIndeterminate !== null && isIndeterminate !== void 0 ? isIndeterminate : false;
     }
-  }, [ref, indeterminate]);
-  return /*#__PURE__*/React.createElement(react.Flex, {
-    align: "center"
-  }, /*#__PURE__*/React.createElement("input", Object.assign({
-    type: "checkbox",
-    ref: ref
-  }, rest)));
+  }, [combinedRef, isIndeterminate]);
+  return /*#__PURE__*/React__default.createElement(react.Checkbox, Object.assign({
+    ref: combinedRef,
+    focusBorderColor: "0",
+    isIndeterminate: isIndeterminate,
+    isChecked: isChecked,
+    inputProps: {
+      'data-test-id': `CT_component_indeterminate-checkbox_${rest.id || rest.name}`
+    }
+  }, rest));
+});
+IndeterminateCheckbox.displayName = 'IndeterminateCheckbox';
+IndeterminateCheckbox.defaultProps = {
+  isIndeterminate: false
 };
 
 /* eslint-disable react-hooks/rules-of-hooks */
-const DataTable = ({
-  columns,
-  dataSource = [],
-  isLoading,
-  withSelectedRow,
-  onSelectedRow,
-  onSort,
-  manualSorting,
-  sortingState,
-  styles,
-  ...props
-}) => {
+const DataTable = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    columns,
+    dataSource = [],
+    isLoading,
+    withSelectedRow,
+    onSelectedRow,
+    onSort,
+    sortDescFirst,
+    styles,
+    sortingState,
+    headerSticky,
+    manualSorting,
+    onRowClick
+  } = props;
   const [sorting, setSorting] = React.useState(sortingState !== null && sortingState !== void 0 ? sortingState : []);
   const [rowSelection, onRowSelectionChange] = React.useState({});
   const dataColumns = React.useMemo(() => columns, [columns]);
@@ -552,14 +625,18 @@ const DataTable = ({
     id: 'select',
     header: ({
       table
-    }) => /*#__PURE__*/React.createElement(IndeterminateCheckbox, Object.assign({}, {
+    }) => /*#__PURE__*/React.createElement(IndeterminateCheckbox, Object.assign({
+      name: "select-header"
+    }, {
       checked: table.getIsAllRowsSelected(),
       indeterminate: table.getIsSomeRowsSelected(),
       onChange: table.getToggleAllRowsSelectedHandler()
     })),
     cell: ({
       row
-    }) => /*#__PURE__*/React.createElement(IndeterminateCheckbox, Object.assign({}, {
+    }) => /*#__PURE__*/React.createElement(IndeterminateCheckbox, Object.assign({
+      name: `select-${row.index}`
+    }, {
       checked: row.getIsSelected(),
       indeterminate: row.getIsSomeSelected(),
       onChange: row.getToggleSelectedHandler()
@@ -583,24 +660,31 @@ const DataTable = ({
     getCoreRowModel: reactTable.getCoreRowModel(),
     getSortedRowModel: reactTable.getSortedRowModel(),
     manualPagination: true,
-    sortDescFirst: true,
+    manualSorting,
+    sortDescFirst,
     state: {
       sorting,
       rowSelection
     },
     onRowSelectionChange,
-    onSortingChange,
-    manualSorting
+    onSortingChange
   });
+  const {
+    getSelectedRowModel,
+    toggleAllRowsSelected
+  } = table;
   const {
     flatRows
-  } = table.getSelectedRowModel();
+  } = getSelectedRowModel();
   React.useEffect(() => {
     const rowData = flatRows.map(row => row.original);
     if (onSelectedRow) {
       onSelectedRow(rowData);
     }
   }, [flatRows]);
+  React.useImperativeHandle(ref, () => ({
+    toggleAllRowsSelected
+  }));
   return /*#__PURE__*/React.createElement(react.Box, Object.assign({}, props), isLoading && /*#__PURE__*/React.createElement(react.Flex, {
     w: "100%",
     h: "100%",
@@ -613,7 +697,12 @@ const DataTable = ({
     color: "primary.500",
     thickness: "4px",
     size: "lg"
-  })), /*#__PURE__*/React.createElement(react.Table, Object.assign({}, styles === null || styles === void 0 ? void 0 : styles.table), /*#__PURE__*/React.createElement(react.Thead, Object.assign({}, styles === null || styles === void 0 ? void 0 : styles.tableHead), table.getHeaderGroups().map(headerGroup => /*#__PURE__*/React.createElement(react.Tr, Object.assign({
+  })), /*#__PURE__*/React.createElement(react.Table, Object.assign({}, styles === null || styles === void 0 ? void 0 : styles.table), /*#__PURE__*/React.createElement(react.Thead, Object.assign({}, (headerSticky ? {
+    position: 'sticky',
+    top: 0,
+    bg: 'white',
+    zIndex: 1
+  } : {})), table.getHeaderGroups().map(headerGroup => /*#__PURE__*/React.createElement(react.Tr, Object.assign({
     key: headerGroup.id,
     bg: react.useColorModeValue('initial', 'ebony-clay.700')
   }, styles === null || styles === void 0 ? void 0 : styles.tableRow), headerGroup.headers.map(header => {
@@ -645,21 +734,27 @@ const DataTable = ({
       h: 2
     }))));
   })))), /*#__PURE__*/React.createElement(react.Tbody, Object.assign({}, styles === null || styles === void 0 ? void 0 : styles.tableBody), table.getRowModel().rows.map(row => /*#__PURE__*/React.createElement(react.Tr, Object.assign({
+    "data-test-id": "6aZAeefGHBA2oG1wLuv-L",
     key: row.id
   }, styles === null || styles === void 0 ? void 0 : styles.tableRow, {
     css: react$1.css`
-                &:last-child {
-                  td {
-                    border-bottom: none;
+                  &:last-child {
+                    td {
+                      border-bottom: none;
+                    }
                   }
-                }
-              `
+                `,
+    onClick: () => {
+      if (onRowClick) {
+        onRowClick(row.original);
+      }
+    }
   }), row.getVisibleCells().map(cell => /*#__PURE__*/React.createElement(react.Td, Object.assign({
     key: cell.id,
     fontSize: "text.sm",
     color: react.useColorModeValue('dark.800', 'dark.300')
   }, styles === null || styles === void 0 ? void 0 : styles.tableCell), reactTable.flexRender(cell.column.columnDef.cell, cell.getContext()))))))));
-};
+});
 /* eslint-disable react/default-props-match-prop-types */
 DataTable.defaultProps = {
   withSelectedRow: false,
@@ -673,7 +768,10 @@ DataTable.defaultProps = {
   onSelectedRow: undefined,
   onSort: undefined,
   manualSorting: false,
-  sortingState: []
+  sortingState: [],
+  sortDescFirst: false,
+  headerSticky: false,
+  onRowClick: undefined
 };
 
 const getProperties = props => {
@@ -2906,15 +3004,21 @@ function RadioComponent({
   }, rest, {
     isDisabled: isDisabled
   }), children && /*#__PURE__*/React__default.createElement(react.Text, {
+    as: "span",
+    display: "block",
     textStyle: "text.sm",
-    color: isDisabled ? 'black.low' : 'black.high'
+    color: isDisabled ? 'black.medium' : 'black.high'
   }, children))), /*#__PURE__*/React__default.createElement(react.Box, {
     mt: "5px",
     ml: "24px"
   }, isError ? /*#__PURE__*/React__default.createElement(react.Text, {
+    as: "span",
+    display: "block",
     textStyle: "text.xs",
     color: "danger.500"
   }, errorText) : /*#__PURE__*/React__default.createElement(react.Text, {
+    as: "span",
+    display: "block",
     textStyle: "text.xs",
     color: "black.medium"
   }, helpText)));
@@ -3840,8 +3944,7 @@ const baseStyle$1 = /*#__PURE__*/definePartsStyle$1({
     border: '1px solid'
   },
   icon: {
-    color: 'neutral.50',
-    width: '9px'
+    color: 'neutral.50'
   },
   label: {
     fontWeight: '400',
@@ -3850,8 +3953,8 @@ const baseStyle$1 = /*#__PURE__*/definePartsStyle$1({
     ml: '8px'
   },
   _disabled: {
-    background: 'neutral.500',
-    border: '1px solid',
+    background: 'neutral.200',
+    border: '0',
     borderColor: 'neutral.500',
     cursor: 'not-allowed'
   }
@@ -3874,11 +3977,14 @@ const errors = /*#__PURE__*/definePartsStyle$1({
   },
   label: {
     fontSize: '12px'
+  },
+  icon: {
+    fontSize: '7px'
   }
 });
 const unstyled = /*#__PURE__*/definePartsStyle$1({
   control: {
-    borderColor: 'neutral.500',
+    borderColor: 'neutral.600',
     _checked: {
       borderColor: 'primary.500',
       backgroundColor: 'primary.500',
@@ -3887,21 +3993,33 @@ const unstyled = /*#__PURE__*/definePartsStyle$1({
         backgroundColor: 'primary.600'
       },
       _disabled: {
-        backgroundColor: 'neutral.500',
-        borderColor: 'neutral.500'
+        backgroundColor: 'primary.500',
+        borderColor: 'primary.500',
+        opacity: 0.3
       }
     },
     _disabled: {
-      backgroundColor: 'neutral.500',
-      borderColor: 'neutral.500'
+      backgroundColor: 'neutral.200',
+      borderColor: 'neutral.200'
     },
     _indeterminate: {
       borderColor: 'primary.500',
-      backgroundColor: 'primary.500'
+      backgroundColor: 'primary.500',
+      _disabled: {
+        backgroundColor: 'primary.500',
+        borderColor: 'primary.500',
+        opacity: 0.3
+      }
     }
   },
   label: {
-    fontSize: '12px'
+    fontSize: '12px',
+    _disabled: {
+      opacity: 1
+    }
+  },
+  icon: {
+    fontSize: '7px'
   }
 });
 const variants$1 = {
@@ -3916,7 +4034,7 @@ const Checkbox = /*#__PURE__*/defineMultiStyleConfig$1({
   }
 });
 
-const Chips = /*#__PURE__*/styledSystem.defineStyleConfig({
+const Chips$1 = /*#__PURE__*/styledSystem.defineStyleConfig({
   baseStyle: props => {
     const {
       isDisabled,
@@ -4103,6 +4221,7 @@ const rotate = /*#__PURE__*/react$1.keyframes({
 const getLoaderColor = color => {
   if (color === 'primary') return colors.primary[600];
   if (color === 'danger') return colors.danger[500];
+  if (color === 'warning') return colors.warning[700];
   return colors.white.high;
 };
 const LoaderStyle = /*#__PURE__*/styledSystem.defineStyleConfig({
@@ -4214,7 +4333,8 @@ const baseStyle$4 = /*#__PURE__*/definePartsStyle$4({
     textStyle: 'text.sm',
     color: 'black.high',
     _disabled: {
-      color: 'black.low'
+      opacity: 1,
+      color: 'black.medium'
     }
   }
 });
@@ -4231,21 +4351,22 @@ const errors$1 = /*#__PURE__*/definePartsStyle$4({
       },
       _hover: {
         borderColor: 'danger.500',
-        bg: 'gray.200'
+        bg: 'neutral.200'
       },
       _disabled: {
         borderColor: 'danger.500',
-        bg: 'white',
+        bg: 'white.high',
         _before: {
           h: '10px',
           w: '10px',
-          bg: 'neutral.500'
+          bg: 'primary.500',
+          opacity: 0.3
         }
       }
     },
     _disabled: {
       borderColor: 'danger.500',
-      bg: 'neutral.500'
+      bg: 'neutral.200'
     }
   },
   label: {
@@ -4268,18 +4389,19 @@ const unstyled$2 = /*#__PURE__*/definePartsStyle$4({
         bg: 'gray.200'
       },
       _disabled: {
-        borderColor: 'neutral.500',
-        bg: 'white',
+        borderColor: 'primary.500',
+        bg: 'white.high',
+        opacity: 0.3,
         _before: {
           h: '10px',
           w: '10px',
-          bg: 'neutral.500'
+          bg: 'primary.500'
         }
       }
     },
     _disabled: {
-      borderColor: 'neutral.500',
-      bg: 'neutral.500'
+      borderColor: 'neutral.200',
+      bg: 'neutral.200'
     }
   },
   label: {
@@ -4458,7 +4580,7 @@ var components = {
   Button: Button$1,
   Card: CardStyle,
   Checkbox: Checkbox,
-  Chips: Chips,
+  Chips: Chips$1,
   FormLabel: FormLabel,
   Input: Input,
   LoaderStyle: LoaderStyle,
@@ -4526,6 +4648,35 @@ const Provider = ({
 };
 Provider.displayName = 'Provider';
 
+function useFetcher() {
+  const {
+    instance
+  } = useInternalUI();
+  const axiosInstance = React.useMemo(() => instance || axios, [instance]);
+  const fetcher = async ({
+    url,
+    data,
+    method,
+    headers,
+    ...config
+  }) => {
+    const response = await axiosInstance.request({
+      data,
+      url,
+      method,
+      headers: {
+        'Content-Type': 'application/json; charset=utf-8',
+        ...headers
+      },
+      ...config
+    });
+    return response;
+  };
+  return {
+    fetcher
+  };
+}
+
 Object.defineProperty(exports, 'AlertDialog', {
   enumerable: true,
   get: function () {
@@ -4568,6 +4719,42 @@ Object.defineProperty(exports, 'AlertDialogOverlay', {
     return react.ModalOverlay;
   }
 });
+Object.defineProperty(exports, 'Box', {
+  enumerable: true,
+  get: function () {
+    return react.Box;
+  }
+});
+Object.defineProperty(exports, 'ButtonGroup', {
+  enumerable: true,
+  get: function () {
+    return react.ButtonGroup;
+  }
+});
+Object.defineProperty(exports, 'ChakraProvider', {
+  enumerable: true,
+  get: function () {
+    return react.ChakraProvider;
+  }
+});
+Object.defineProperty(exports, 'CloseButton', {
+  enumerable: true,
+  get: function () {
+    return react.CloseButton;
+  }
+});
+Object.defineProperty(exports, 'Container', {
+  enumerable: true,
+  get: function () {
+    return react.Container;
+  }
+});
+Object.defineProperty(exports, 'Divider', {
+  enumerable: true,
+  get: function () {
+    return react.Divider;
+  }
+});
 Object.defineProperty(exports, 'Drawer', {
   enumerable: true,
   get: function () {
@@ -4610,12 +4797,48 @@ Object.defineProperty(exports, 'DrawerOverlay', {
     return react.ModalOverlay;
   }
 });
+Object.defineProperty(exports, 'Flex', {
+  enumerable: true,
+  get: function () {
+    return react.Flex;
+  }
+});
+Object.defineProperty(exports, 'Grid', {
+  enumerable: true,
+  get: function () {
+    return react.Grid;
+  }
+});
+Object.defineProperty(exports, 'GridItem', {
+  enumerable: true,
+  get: function () {
+    return react.GridItem;
+  }
+});
 Object.defineProperty(exports, 'HStack', {
   enumerable: true,
   get: function () {
     return react.HStack;
   }
 });
+Object.defineProperty(exports, 'Heading', {
+  enumerable: true,
+  get: function () {
+    return react.Heading;
+  }
+});
+Object.defineProperty(exports, 'Icon', {
+  enumerable: true,
+  get: function () {
+    return react.Icon;
+  }
+});
+Object.defineProperty(exports, 'Image', {
+  enumerable: true,
+  get: function () {
+    return react.Image;
+  }
+});
 Object.defineProperty(exports, 'InputElementLeft', {
   enumerable: true,
   get: function () {
@@ -4628,6 +4851,18 @@ Object.defineProperty(exports, 'InputElementRight', {
     return react.InputRightElement;
   }
 });
+Object.defineProperty(exports, 'List', {
+  enumerable: true,
+  get: function () {
+    return react.List;
+  }
+});
+Object.defineProperty(exports, 'ListIcon', {
+  enumerable: true,
+  get: function () {
+    return react.ListIcon;
+  }
+});
 Object.defineProperty(exports, 'ListItem', {
   enumerable: true,
   get: function () {
@@ -4664,6 +4899,78 @@ Object.defineProperty(exports, 'ModalOverlay', {
     return react.ModalOverlay;
   }
 });
+Object.defineProperty(exports, 'OrderedList', {
+  enumerable: true,
+  get: function () {
+    return react.OrderedList;
+  }
+});
+Object.defineProperty(exports, 'Popover', {
+  enumerable: true,
+  get: function () {
+    return react.Popover;
+  }
+});
+Object.defineProperty(exports, 'PopoverAnchor', {
+  enumerable: true,
+  get: function () {
+    return react.PopoverAnchor;
+  }
+});
+Object.defineProperty(exports, 'PopoverArrow', {
+  enumerable: true,
+  get: function () {
+    return react.PopoverArrow;
+  }
+});
+Object.defineProperty(exports, 'PopoverBody', {
+  enumerable: true,
+  get: function () {
+    return react.PopoverBody;
+  }
+});
+Object.defineProperty(exports, 'PopoverCloseButton', {
+  enumerable: true,
+  get: function () {
+    return react.PopoverCloseButton;
+  }
+});
+Object.defineProperty(exports, 'PopoverContent', {
+  enumerable: true,
+  get: function () {
+    return react.PopoverContent;
+  }
+});
+Object.defineProperty(exports, 'PopoverFooter', {
+  enumerable: true,
+  get: function () {
+    return react.PopoverFooter;
+  }
+});
+Object.defineProperty(exports, 'PopoverHeader', {
+  enumerable: true,
+  get: function () {
+    return react.PopoverHeader;
+  }
+});
+Object.defineProperty(exports, 'PopoverTrigger', {
+  enumerable: true,
+  get: function () {
+    return react.PopoverTrigger;
+  }
+});
+Object.defineProperty(exports, 'Portal', {
+  enumerable: true,
+  get: function () {
+    return react.Portal;
+  }
+});
+Object.defineProperty(exports, 'Stack', {
+  enumerable: true,
+  get: function () {
+    return react.Stack;
+  }
+});
 Object.defineProperty(exports, 'TabIndicator', {
   enumerable: true,
   get: function () {
@@ -4694,12 +5001,60 @@ Object.defineProperty(exports, 'TabsProvider', {
     return react.TabsProvider;
   }
 });
+Object.defineProperty(exports, 'Text', {
+  enumerable: true,
+  get: function () {
+    return react.Text;
+  }
+});
+Object.defineProperty(exports, 'Tooltip', {
+  enumerable: true,
+  get: function () {
+    return react.Tooltip;
+  }
+});
+Object.defineProperty(exports, 'UnorderedList', {
+  enumerable: true,
+  get: function () {
+    return react.UnorderedList;
+  }
+});
 Object.defineProperty(exports, 'VStack', {
   enumerable: true,
   get: function () {
     return react.VStack;
   }
 });
+Object.defineProperty(exports, 'Wrap', {
+  enumerable: true,
+  get: function () {
+    return react.Wrap;
+  }
+});
+Object.defineProperty(exports, 'WrapItem', {
+  enumerable: true,
+  get: function () {
+    return react.WrapItem;
+  }
+});
+Object.defineProperty(exports, 'extendTheme', {
+  enumerable: true,
+  get: function () {
+    return react.extendTheme;
+  }
+});
+Object.defineProperty(exports, 'useColorModeValue', {
+  enumerable: true,
+  get: function () {
+    return react.useColorModeValue;
+  }
+});
+Object.defineProperty(exports, 'useDisclosure', {
+  enumerable: true,
+  get: function () {
+    return react.useDisclosure;
+  }
+});
 Object.defineProperty(exports, 'useDrawerContext', {
   enumerable: true,
   get: function () {
@@ -4797,25 +5152,20 @@ exports.AlertDescription = AlertDescription;
 exports.AlertIcon = AlertIcon;
 exports.AlertTitle = AlertTitle;
 exports.Badge = Badge;
-exports.Box = react.Box;
 exports.BreadCrumb = BreadCrumb;
 exports.Button = Button;
-exports.ButtonGroup = react.ButtonGroup;
 exports.Card = CardCustom;
 exports.Checkbox = CheckboxComponent;
 exports.CheckboxGroup = CheckboxGroupComponent;
-exports.Container = react.Container;
+exports.Chips = Chips;
 exports.DataTable = DataTable;
 exports.DatePickerMonth = DatePickerMonth;
 exports.Datepicker = Datepicker;
 exports.Field = Field;
-exports.Flex = react.Flex;
-exports.Grid = react.Grid;
 exports.Header = Header;
 exports.InputAddonLeft = InputAddonLeft;
 exports.InputAddonRight = InputAddonRight;
 exports.InputField = InputField;
-exports.List = react.List;
 exports.Loader = Loader;
 exports.MainMenu = Navigation;
 exports.ModalBody = ModalBody;
@@ -4835,17 +5185,15 @@ exports.Select = Select;
 exports.SelectAsync = SelectAsync;
 exports.SelectAsyncCreatable = SelectAsyncCreatable;
 exports.SelectCreatable = SelectCreatable;
-exports.Stack = react.Stack;
 exports.Switch = Switch;
 exports.Tab = Tab;
 exports.TabList = TabList;
 exports.TabPanel = TabPanel;
-exports.Text = react.Text;
 exports.TextareaField = TextareaField;
 exports.Uploader = Uploader;
-exports.Wrap = react.Wrap;
 exports.foundations = foundations;
 exports.theme = theme;
 exports.useAlertStyles = useAlertStyles;
+exports.useFetcher = useFetcher;
 exports.useInternalUI = useInternalUI;
 //# sourceMappingURL=internal-ui.cjs.development.js.map