@ctlyst.id/internal-ui 2.0.7 → 2.0.9

package/dist/internal-ui.esm.js

@@ -1,11 +1,11 @@
 import { cx, dataAttr } from '@chakra-ui/shared-utils';
 import { forwardRef, omitThemingProps, useMultiStyleConfig, chakra, useColorMode } from '@chakra-ui/system';
-import React__default, { createElement, forwardRef as forwardRef$2, useRef, useEffect, useState, useMemo, Fragment, useCallback, createContext as createContext$1, useContext } from 'react';
+import React__default, { createElement, forwardRef as forwardRef$2, useMemo, useRef, useEffect, useState, useImperativeHandle, Fragment, useCallback, createContext as createContext$1, useContext } from 'react';
 import { createContext } from '@chakra-ui/react-context';
 import { CheckCircle, Info, AlertTriangle, Close, EyeOff, Eye, Rating as Rating$1, Check } from '@ctlyst.id/internal-icon';
 import { cx as cx$1 } from '@chakra-ui/utils';
-import { forwardRef as forwardRef$1, useStyleConfig, Box, Button as Button$2, Badge as Badge$2, useToken, Text, useColorModeValue, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Card, Checkbox as Checkbox$1, FormControl, FormLabel as FormLabel$1, FormHelperText, FormErrorMessage, CheckboxGroup, Stack, Flex, Spinner, Table, Thead, Tr, Th, Tbody, Td, defineStyle, InputGroup, Input as Input$1, InputRightAddon, InputRightElement, theme as theme$1, InputLeftAddon, Textarea as Textarea$1, Image, useDisclosure, Popover as Popover$1, HStack, VStack, PopoverTrigger, Avatar, PopoverContent, PopoverArrow, PopoverBody, useColorMode as useColorMode$1, ButtonGroup, Container, Grid, List, Wrap, ModalBody as ModalBody$1, ModalCloseButton as ModalCloseButton$1, ModalFooter as ModalFooter$1, ModalHeader as ModalHeader$1, createIcon, Icon, Portal, Link, VisuallyHidden, Select as Select$1, Radio as Radio$1, RadioGroup, useMultiStyleConfig as useMultiStyleConfig$1, omitThemingProps as omitThemingProps$1, useCheckbox, chakra as chakra$1, useTab, TabList as TabList$1, TabPanel as TabPanel$1, Heading, createMultiStyleConfigHelpers as createMultiStyleConfigHelpers$1, defineStyleConfig as defineStyleConfig$1, extendTheme } from '@chakra-ui/react';
-export { AlertDialog, ModalBody as AlertDialogBody, ModalCloseButton as AlertDialogCloseButton, AlertDialogContent, ModalFooter as AlertDialogFooter, ModalHeader as AlertDialogHeader, ModalOverlay as AlertDialogOverlay, Drawer, ModalBody as DrawerBody, ModalCloseButton as DrawerCloseButton, DrawerContent, ModalFooter as DrawerFooter, ModalHeader as DrawerHeader, ModalOverlay as DrawerOverlay, HStack, InputLeftElement as InputElementLeft, InputRightElement as InputElementRight, ListItem, Modal, ModalContent, ModalContextProvider, ModalFocusScope, ModalOverlay, TabIndicator, TabPanels, Tabs, TabsDescendantsProvider, TabsProvider, VStack, useDrawerContext, useModal, useModalContext, useModalStyles, useTab, useTabIndicator, useTabList, useTabPanel, useTabPanels, useTabs, useTabsContext, useTabsDescendant, useTabsDescendants, useTabsDescendantsContext, useTabsStyles } from '@chakra-ui/react';
+import { forwardRef as forwardRef$1, useStyleConfig, Box, Button as Button$2, Badge as Badge$2, useToken, Text, useColorModeValue, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Card, Checkbox as Checkbox$1, FormControl, FormLabel as FormLabel$1, FormHelperText, FormErrorMessage, CheckboxGroup, Stack, Flex, Spinner, Table, Thead, Tr, Th, Tbody, Td, defineStyle, InputGroup, Input as Input$1, InputRightAddon, InputRightElement, theme as theme$1, InputLeftAddon, Textarea as Textarea$1, Image, useDisclosure, Popover as Popover$1, HStack, VStack, PopoverTrigger, Avatar, PopoverContent, PopoverArrow, PopoverBody, useColorMode as useColorMode$1, ModalBody as ModalBody$1, ModalCloseButton as ModalCloseButton$1, ModalFooter as ModalFooter$1, ModalHeader as ModalHeader$1, createIcon, Icon, Portal, Link, VisuallyHidden, Select as Select$1, Radio as Radio$1, RadioGroup, Grid, useMultiStyleConfig as useMultiStyleConfig$1, omitThemingProps as omitThemingProps$1, useCheckbox, chakra as chakra$1, useTab, TabList as TabList$1, TabPanel as TabPanel$1, Heading, createMultiStyleConfigHelpers as createMultiStyleConfigHelpers$1, defineStyleConfig as defineStyleConfig$1, extendTheme } from '@chakra-ui/react';
+export { AlertDialog, ModalBody as AlertDialogBody, ModalCloseButton as AlertDialogCloseButton, AlertDialogContent, ModalFooter as AlertDialogFooter, ModalHeader as AlertDialogHeader, ModalOverlay as AlertDialogOverlay, Box, ButtonGroup, ChakraProvider, CloseButton, Container, Divider, Drawer, ModalBody as DrawerBody, ModalCloseButton as DrawerCloseButton, DrawerContent, ModalFooter as DrawerFooter, ModalHeader as DrawerHeader, ModalOverlay as DrawerOverlay, Flex, Grid, GridItem, HStack, Heading, Icon, Image, InputLeftElement as InputElementLeft, InputRightElement as InputElementRight, List, ListIcon, ListItem, Modal, ModalContent, ModalContextProvider, ModalFocusScope, ModalOverlay, OrderedList, Popover, PopoverAnchor, PopoverArrow, PopoverBody, PopoverCloseButton, PopoverContent, PopoverFooter, PopoverHeader, PopoverTrigger, Portal, Stack, TabIndicator, TabPanels, Tabs, TabsDescendantsProvider, TabsProvider, Text, Tooltip, UnorderedList, VStack, Wrap, WrapItem, extendTheme, useColorModeValue, useDisclosure, useDrawerContext, useModal, useModalContext, useModalStyles, useTab, useTabIndicator, useTabList, useTabPanel, useTabPanels, useTabs, useTabsContext, useTabsDescendant, useTabsDescendants, useTabsDescendantsContext, useTabsStyles } from '@chakra-ui/react';
 import { FiChevronsRight, FiHome, FiCalendar, FiX, FiPower, FiMoon, FiSun, FiShoppingBag, FiShoppingCart, FiRepeat, FiBox, FiLayers, FiDollarSign, FiUsers, FiRotateCcw, FiSettings, FiLayout, FiGift, FiChevronDown } from 'react-icons/fi';
 import { ChevronUpIcon, ChevronDownIcon, UpDownIcon, ArrowLeftIcon, ChevronLeftIcon, ChevronRightIcon, ArrowRightIcon } from '@chakra-ui/icons';
 import { css, Global, keyframes } from '@emotion/react';
@@ -399,15 +399,21 @@ function CheckboxComponent({
   }, rest, {
     isDisabled: isDisabled
   }), children && /*#__PURE__*/React__default.createElement(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(Box, {
     mt: "5px",
     ml: "24px"
   }, isError ? /*#__PURE__*/React__default.createElement(Text, {
+    as: "span",
+    display: "block",
     textStyle: "text.xs",
     color: "danger.500"
   }, errorText) : /*#__PURE__*/React__default.createElement(Text, {
+    as: "span",
+    display: "block",
     textStyle: "text.xs",
     color: "black.medium"
   }, helpText)));
@@ -508,37 +514,104 @@ CheckboxGroupComponent.defaultProps = {
   errorMessage: ''
 };
 
-const IndeterminateCheckbox = ({
-  indeterminate = false,
+const Chips = ({
+  children,
   ...rest
 }) => {
-  const ref = useRef(null);
+  const {
+    isActive,
+    isDisabled,
+    onClose
+  } = rest;
+  const styles = useStyleConfig('Chips', rest);
+  const closeColor = useMemo(() => {
+    if (isActive) return 'white.high';
+    if (isDisabled) return 'black.low';
+    return 'primary.500';
+  }, [isActive, isDisabled]);
+  return /*#__PURE__*/React__default.createElement(Box, Object.assign({
+    __css: styles,
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center"
+  }, rest), children, onClose && /*#__PURE__*/React__default.createElement(Box, {
+    onClick: isDisabled ? undefined : onClose,
+    cursor: isDisabled ? 'not-allowed' : 'pointer',
+    ml: 2,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  }, /*#__PURE__*/React__default.createElement(Close, {
+    color: closeColor,
+    size: 4
+  })));
+};
+Chips.defaultProps = {
+  isDisabled: false,
+  isActive: false,
+  onClose: undefined,
+  children: undefined,
+  size: 'sm'
+};
+
+const useCombinedRefs = (...refs) => {
+  const targetRef = useRef();
   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__*/forwardRef$2(({
+  isIndeterminate,
+  isChecked,
+  ...rest
+}, ref) => {
+  const defaultRef = useRef(null);
+  const combinedRef = useCombinedRefs(ref, defaultRef);
+  useEffect(() => {
+    if (combinedRef !== null && combinedRef !== void 0 && combinedRef.current) {
+      combinedRef.current.indeterminate = isIndeterminate !== null && isIndeterminate !== void 0 ? isIndeterminate : false;
     }
-  }, [ref, indeterminate]);
-  return /*#__PURE__*/createElement(Flex, {
-    align: "center"
-  }, /*#__PURE__*/createElement("input", Object.assign({
-    type: "checkbox",
-    ref: ref
-  }, rest)));
+  }, [combinedRef, isIndeterminate]);
+  return /*#__PURE__*/React__default.createElement(Checkbox$1, 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__*/forwardRef$2((props, ref) => {
+  const {
+    columns,
+    dataSource = [],
+    isLoading,
+    withSelectedRow,
+    onSelectedRow,
+    onSort,
+    sortDescFirst,
+    styles,
+    sortingState,
+    headerSticky,
+    manualSorting,
+    onRowClick
+  } = props;
   const [sorting, setSorting] = useState(sortingState !== null && sortingState !== void 0 ? sortingState : []);
   const [rowSelection, onRowSelectionChange] = useState({});
   const dataColumns = useMemo(() => columns, [columns]);
@@ -546,14 +619,18 @@ const DataTable = ({
     id: 'select',
     header: ({
       table
-    }) => /*#__PURE__*/createElement(IndeterminateCheckbox, Object.assign({}, {
+    }) => /*#__PURE__*/createElement(IndeterminateCheckbox, Object.assign({
+      name: "select-header"
+    }, {
       checked: table.getIsAllRowsSelected(),
       indeterminate: table.getIsSomeRowsSelected(),
       onChange: table.getToggleAllRowsSelectedHandler()
     })),
     cell: ({
       row
-    }) => /*#__PURE__*/createElement(IndeterminateCheckbox, Object.assign({}, {
+    }) => /*#__PURE__*/createElement(IndeterminateCheckbox, Object.assign({
+      name: `select-${row.index}`
+    }, {
       checked: row.getIsSelected(),
       indeterminate: row.getIsSomeSelected(),
       onChange: row.getToggleSelectedHandler()
@@ -577,24 +654,31 @@ const DataTable = ({
     getCoreRowModel: getCoreRowModel(),
     getSortedRowModel: getSortedRowModel(),
     manualPagination: true,
-    sortDescFirst: true,
+    manualSorting,
+    sortDescFirst,
     state: {
       sorting,
       rowSelection
     },
     onRowSelectionChange,
-    onSortingChange,
-    manualSorting
+    onSortingChange
   });
+  const {
+    getSelectedRowModel,
+    toggleAllRowsSelected
+  } = table;
   const {
     flatRows
-  } = table.getSelectedRowModel();
+  } = getSelectedRowModel();
   useEffect(() => {
     const rowData = flatRows.map(row => row.original);
     if (onSelectedRow) {
       onSelectedRow(rowData);
     }
   }, [flatRows]);
+  useImperativeHandle(ref, () => ({
+    toggleAllRowsSelected
+  }));
   return /*#__PURE__*/createElement(Box, Object.assign({}, props), isLoading && /*#__PURE__*/createElement(Flex, {
     w: "100%",
     h: "100%",
@@ -607,7 +691,12 @@ const DataTable = ({
     color: "primary.500",
     thickness: "4px",
     size: "lg"
-  })), /*#__PURE__*/createElement(Table, Object.assign({}, styles === null || styles === void 0 ? void 0 : styles.table), /*#__PURE__*/createElement(Thead, Object.assign({}, styles === null || styles === void 0 ? void 0 : styles.tableHead), table.getHeaderGroups().map(headerGroup => /*#__PURE__*/createElement(Tr, Object.assign({
+  })), /*#__PURE__*/createElement(Table, Object.assign({}, styles === null || styles === void 0 ? void 0 : styles.table), /*#__PURE__*/createElement(Thead, Object.assign({}, (headerSticky ? {
+    position: 'sticky',
+    top: 0,
+    bg: 'white',
+    zIndex: 1
+  } : {})), table.getHeaderGroups().map(headerGroup => /*#__PURE__*/createElement(Tr, Object.assign({
     key: headerGroup.id,
     bg: useColorModeValue('initial', 'ebony-clay.700')
   }, styles === null || styles === void 0 ? void 0 : styles.tableRow), headerGroup.headers.map(header => {
@@ -639,21 +728,27 @@ const DataTable = ({
       h: 2
     }))));
   })))), /*#__PURE__*/createElement(Tbody, Object.assign({}, styles === null || styles === void 0 ? void 0 : styles.tableBody), table.getRowModel().rows.map(row => /*#__PURE__*/createElement(Tr, Object.assign({
+    "data-test-id": "6aZAeefGHBA2oG1wLuv-L",
     key: row.id
   }, styles === null || styles === void 0 ? void 0 : styles.tableRow, {
     css: css`
-                &:last-child {
-                  td {
-                    border-bottom: none;
+                  &:last-child {
+                    td {
+                      border-bottom: none;
+                    }
                   }
-                }
-              `
+                `,
+    onClick: () => {
+      if (onRowClick) {
+        onRowClick(row.original);
+      }
+    }
   }), row.getVisibleCells().map(cell => /*#__PURE__*/createElement(Td, Object.assign({
     key: cell.id,
     fontSize: "text.sm",
     color: useColorModeValue('dark.800', 'dark.300')
   }, styles === null || styles === void 0 ? void 0 : styles.tableCell), flexRender(cell.column.columnDef.cell, cell.getContext()))))))));
-};
+});
 /* eslint-disable react/default-props-match-prop-types */
 DataTable.defaultProps = {
   withSelectedRow: false,
@@ -667,7 +762,10 @@ DataTable.defaultProps = {
   onSelectedRow: undefined,
   onSort: undefined,
   manualSorting: false,
-  sortingState: []
+  sortingState: [],
+  sortDescFirst: false,
+  headerSticky: false,
+  onRowClick: undefined
 };
 
 const getProperties = props => {
@@ -2900,15 +2998,21 @@ function RadioComponent({
   }, rest, {
     isDisabled: isDisabled
   }), children && /*#__PURE__*/React__default.createElement(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(Box, {
     mt: "5px",
     ml: "24px"
   }, isError ? /*#__PURE__*/React__default.createElement(Text, {
+    as: "span",
+    display: "block",
     textStyle: "text.xs",
     color: "danger.500"
   }, errorText) : /*#__PURE__*/React__default.createElement(Text, {
+    as: "span",
+    display: "block",
     textStyle: "text.xs",
     color: "black.medium"
   }, helpText)));
@@ -3834,8 +3938,7 @@ const baseStyle$1 = /*#__PURE__*/definePartsStyle$1({
     border: '1px solid'
   },
   icon: {
-    color: 'neutral.50',
-    width: '9px'
+    color: 'neutral.50'
   },
   label: {
     fontWeight: '400',
@@ -3844,8 +3947,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'
   }
@@ -3868,11 +3971,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',
@@ -3881,21 +3987,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 = {
@@ -3910,7 +4028,7 @@ const Checkbox = /*#__PURE__*/defineMultiStyleConfig$1({
   }
 });
 
-const Chips = /*#__PURE__*/defineStyleConfig({
+const Chips$1 = /*#__PURE__*/defineStyleConfig({
   baseStyle: props => {
     const {
       isDisabled,
@@ -4097,6 +4215,7 @@ const rotate = /*#__PURE__*/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__*/defineStyleConfig({
@@ -4208,7 +4327,8 @@ const baseStyle$4 = /*#__PURE__*/definePartsStyle$4({
     textStyle: 'text.sm',
     color: 'black.high',
     _disabled: {
-      color: 'black.low'
+      opacity: 1,
+      color: 'black.medium'
     }
   }
 });
@@ -4225,21 +4345,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: {
@@ -4262,18 +4383,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: {
@@ -4452,7 +4574,7 @@ var components = {
   Button: Button$1,
   Card: CardStyle,
   Checkbox: Checkbox,
-  Chips: Chips,
+  Chips: Chips$1,
   FormLabel: FormLabel,
   Input: Input,
   LoaderStyle: LoaderStyle,
@@ -4520,5 +4642,34 @@ const Provider = ({
 };
 Provider.displayName = 'Provider';
 
-export { Alert, AlertAction, AlertClose, AlertDescription, AlertIcon, AlertTitle, Badge, Box, BreadCrumb, Button, ButtonGroup, CardCustom as Card, CheckboxComponent as Checkbox, CheckboxGroupComponent as CheckboxGroup, Container, DataTable, DatePickerMonth, Datepicker, Field, Flex, Grid, Header, InputAddonLeft, InputAddonRight, InputField, List, Loader, Navigation as MainMenu, ModalBody, ModalCloseButton, ModalFooter, ModalHeader, MultiDatePickerMonth, Pagination, PaginationDetail, PaginationFilter, Provider, ProviderContext, RadioComponent as Radio, RadioGroupComponent as RadioGroup, Rating, Select, SelectAsync, SelectAsyncCreatable, SelectCreatable, Stack, Switch, Tab, TabList, TabPanel, Text, TextareaField, Uploader, Wrap, foundations, theme, useAlertStyles, useInternalUI };
+function useFetcher() {
+  const {
+    instance
+  } = useInternalUI();
+  const axiosInstance = 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
+  };
+}
+
+export { Alert, AlertAction, AlertClose, AlertDescription, AlertIcon, AlertTitle, Badge, BreadCrumb, Button, CardCustom as Card, CheckboxComponent as Checkbox, CheckboxGroupComponent as CheckboxGroup, Chips, DataTable, DatePickerMonth, Datepicker, Field, Header, InputAddonLeft, InputAddonRight, InputField, Loader, Navigation as MainMenu, ModalBody, ModalCloseButton, ModalFooter, ModalHeader, MultiDatePickerMonth, Pagination, PaginationDetail, PaginationFilter, Provider, ProviderContext, RadioComponent as Radio, RadioGroupComponent as RadioGroup, Rating, Select, SelectAsync, SelectAsyncCreatable, SelectCreatable, Switch, Tab, TabList, TabPanel, TextareaField, Uploader, foundations, theme, useAlertStyles, useFetcher, useInternalUI };
 //# sourceMappingURL=internal-ui.esm.js.map