@ornikar/kitt-universal 23.2.7 → 23.4.0

package/dist/index-node-20.10.es.mjs

@@ -1,4 +1,4 @@
-import React, { useContext, createContext, forwardRef, cloneElement, useRef, useEffect, useState, useMemo, Children, useReducer, useCallback, Fragment as Fragment$1, createElement } from 'react';
+import React, { useContext, createContext, forwardRef, cloneElement, useRef, useEffect, useState, useMemo, Children, useReducer, Fragment as Fragment$1, useCallback, createElement } from 'react';
 import { View as View$1, ScrollView as ScrollView$1, Pressable as Pressable$1, Image as Image$1, FlatList as FlatList$1, SectionList as SectionList$1, Stack as Stack$1, VStack as VStack$1, HStack as HStack$1, Center as Center$1, useSx, Text, Input, useBreakpointValue as useBreakpointValue$1, NativeBaseProvider, extendTheme, useMediaQuery } from 'native-base';
 export { useClipboard, useMediaQuery, useSx, useToken } from 'native-base';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -7,7 +7,7 @@ import { Platform, Animated as Animated$1, Easing, StyleSheet, Modal, ScrollView
 export { useWindowDimensions as useWindowSize } from 'react-native';
 import { ArcIcon, UserIcon, MapPinIcon, InfoIcon, AlertTriangleIcon, CheckIcon, AlertCircleIcon, XIcon, RotateCCWIcon } from '@ornikar/kitt-icons';
 export * from '@ornikar/kitt-icons';
-import { BottomSheetScrollView, BottomSheetView, useBottomSheetDynamicSnapPoints, BottomSheetModal, BottomSheetHandle, BottomSheetBackdrop } from '@gorhom/bottom-sheet';
+import { BottomSheetScrollView, BottomSheetView, useBottomSheetDynamicSnapPoints, BottomSheetModal, BottomSheetHandle, BottomSheetBackdrop, useBottomSheetModal } from '@gorhom/bottom-sheet';
 import { SafeAreaView, useSafeAreaInsets } from 'react-native-safe-area-context';
 import { parse } from 'twemoji-parser';
 import * as WebBrowser from 'expo-web-browser';
@@ -15,6 +15,8 @@ import { CaretUpFillIcon, CaretDownFillIcon, EyeClosedRegularIcon, EyeRegularIco
 import Downshift from 'downshift';
 import DateTimePicker, { DateTimePickerAndroid } from '@react-native-community/datetimepicker';
 import { FormattedMessage } from 'react-intl';
+import { getDocumentAsync } from 'expo-document-picker';
+import { launchImageLibraryAsync } from 'expo-image-picker';
 import { useDebouncedCallback } from 'use-debounce';
 import { parseNumber, getCountryCallingCode, isValidNumber } from 'libphonenumber-js';
 import Svg, { Circle as Circle$1 } from 'react-native-svg';
@@ -1635,57 +1637,51 @@ const skeleton = {
 };
 
 const tag = {
-  borderRadius: 10,
-  padding: '2px 12px',
-  verticalPadding: 2,
-  horizontalPadding: 12,
-  primary: {
-    fill: {
-      backgroundColor: lateOceanColorPalette.moonPurpleLight1,
-      borderWidth: 0,
-      borderColor: colors.transparent
-    },
-    outline: {
-      backgroundColor: colors.transparent,
-      borderWidth: 1,
-      borderColor: colors.primary
-    }
+  borderRadius: 16,
+  icon: {
+    small: 16,
+    medium: 16,
+    large: 20
   },
-  default: {
-    fill: {
-      backgroundColor: lateOceanColorPalette.black50,
-      borderWidth: 0,
-      borderColor: colors.transparent
+  withIcon: {
+    small: {
+      paddingLeft: 2,
+      paddingRight: 8,
+      height: 20
     },
-    outline: {
-      backgroundColor: colors.transparent,
-      borderWidth: 1,
-      borderColor: colors.black
-    }
-  },
-  danger: {
-    fill: {
-      backgroundColor: colors.danger,
-      borderWidth: 0,
-      borderColor: colors.transparent
+    medium: {
+      paddingLeft: 4,
+      paddingRight: 8,
+      height: 24
     },
-    outline: {
-      backgroundColor: colors.transparent,
-      borderWidth: 1,
-      borderColor: colors.danger
+    large: {
+      paddingLeft: 6,
+      paddingRight: 8,
+      height: 32
     }
   },
-  warn: {
-    fill: {
-      backgroundColor: colors.warning,
-      borderWidth: 0,
-      borderColor: colors.transparent
+  withoutIcon: {
+    small: {
+      paddingLeft: 8,
+      paddingRight: 8,
+      height: 20
     },
-    outline: {
-      backgroundColor: colors.transparent,
-      borderWidth: 1,
-      borderColor: colors.warning
+    medium: {
+      paddingLeft: 8,
+      paddingRight: 8,
+      height: 22
+    },
+    large: {
+      paddingLeft: 8,
+      paddingRight: 8,
+      height: 28
     }
+  },
+  fill: {
+    borderWidth: 0
+  },
+  outline: {
+    borderWidth: 1
   }
 };
 
@@ -5314,6 +5310,232 @@ const DatePicker = /*#__PURE__*/forwardRef(({
   });
 });
 
+function DocumentPicker({
+  onDocumentUpload,
+  children,
+  disabled,
+  documentPickerOptions
+}) {
+  const childElement = Children.only(children);
+  return /*#__PURE__*/cloneElement(childElement, {
+    // ensure that the press event is not prevented by Button component
+    // eslint-disable-next-line @typescript-eslint/no-misused-promises
+    onPress: async () => {
+      if (disabled) return;
+      childElement.props.onPress?.();
+      const result = await getDocumentAsync({
+        ...documentPickerOptions,
+        multiple: false
+      });
+      if (!result.canceled && result.assets[0].file) {
+        onDocumentUpload(result.assets[0].file);
+      }
+    },
+    disabled
+  });
+}
+
+function ImagePicker({
+  onImageSelected,
+  children,
+  disabled,
+  imagePickerOptions
+}) {
+  const childElement = Children.only(children);
+  return /*#__PURE__*/jsx(View, {
+    children: /*#__PURE__*/cloneElement(childElement, {
+      // eslint-disable-next-line @typescript-eslint/no-misused-promises
+      onPress: async () => {
+        if (disabled) return;
+        childElement.props.onPress?.();
+
+        // No permissions request is necessary for launching the image library
+        const result = await launchImageLibraryAsync({
+          ...imagePickerOptions,
+          allowsMultipleSelection: false
+        });
+        if (!result.canceled) {
+          onImageSelected(result.assets[0]);
+        }
+      },
+      disabled
+    })
+  });
+}
+
+function ListItemContent({
+  children,
+  ...rest
+}) {
+  return /*#__PURE__*/jsx(View, {
+    alignSelf: "center",
+    flexBasis: "0%",
+    flexGrow: 1,
+    flexShrink: 0,
+    ...rest,
+    children: children
+  });
+}
+
+// Handles the vertical alignment of the side elements of the list item
+function ListItemSideContainer({
+  children,
+  side = 'left',
+  ...rest
+}) {
+  return /*#__PURE__*/jsx(View, {
+    flexDirection: "row",
+    marginLeft: side === 'right' ? 'kitt.2' : undefined,
+    marginRight: side === 'left' ? 'kitt.2' : undefined,
+    ...rest,
+    children: children
+  });
+}
+function ListItemSideContent({
+  children,
+  align = 'auto',
+  ...rest
+}) {
+  return /*#__PURE__*/jsx(View, {
+    alignSelf: align,
+    ...rest,
+    children: children
+  });
+}
+
+function ListItem({
+  children,
+  withPadding,
+  borders,
+  left,
+  right,
+  onPress,
+  ...rest
+}) {
+  const Wrapper = onPress ? Pressable$2 : Fragment$1;
+  const wrapperProps = onPress ? {
+    accessibilityRole: 'button',
+    onPress,
+    ...rest
+  } : undefined;
+  const containerProps = onPress ? undefined : rest;
+  return /*#__PURE__*/jsx(Wrapper, {
+    ...wrapperProps,
+    children: /*#__PURE__*/jsxs(View, {
+      flexDirection: "row",
+      paddingX: withPadding ? 'kitt.listItem.horizontalPadding' : undefined,
+      paddingY: withPadding ? 'kitt.listItem.verticalPadding' : undefined,
+      borderColor: "kitt.listItem.borderColor",
+      backgroundColor: "kitt.uiBackgroundLight",
+      borderTopWidth: borders === 'top' || borders === 'both' ? 'kitt.listItem.borderWidth' : undefined,
+      borderBottomWidth: borders === 'bottom' || borders === 'both' ? 'kitt.listItem.borderWidth' : undefined,
+      ...containerProps,
+      children: [left ? /*#__PURE__*/jsx(ListItemSideContainer, {
+        side: "left",
+        children: left
+      }) : null, /*#__PURE__*/jsx(ListItemContent, {
+        children: children
+      }), right ? /*#__PURE__*/jsx(ListItemSideContainer, {
+        side: "right",
+        children: right
+      }) : null]
+    })
+  });
+}
+ListItem.Content = ListItemContent;
+ListItem.SideContent = ListItemSideContent;
+ListItem.SideContainer = ListItemSideContainer;
+
+function BottomSheetActionsItem({
+  title,
+  ...props
+}) {
+  return /*#__PURE__*/jsx(Pressable$2, {
+    ...props,
+    children: /*#__PURE__*/jsx(ListItem, {
+      withPadding: true,
+      children: /*#__PURE__*/jsx(Typography.Text, {
+        variant: "bold",
+        base: "body",
+        children: title
+      })
+    })
+  });
+}
+
+function BottomSheetActions({
+  onBottomSheetActionsChange,
+  imagePickerOptions,
+  documentPickerOptions,
+  disabled
+}) {
+  const isPlatformIOS = Platform.OS === 'ios';
+  return /*#__PURE__*/jsxs(VStack, {
+    marginBottom: "kitt.8",
+    children: [/*#__PURE__*/jsx(ImagePicker, {
+      imagePickerOptions: imagePickerOptions,
+      disabled: disabled,
+      onImageSelected: onBottomSheetActionsChange,
+      children: /*#__PURE__*/jsx(BottomSheetActionsItem, {
+        title: /*#__PURE__*/jsx(FormattedMessage, {
+          id: "account.BottomSheetActions.openLibrary",
+          values: {
+            isPlatformIOS
+          }
+        })
+      })
+    }), /*#__PURE__*/jsx(DocumentPicker, {
+      disabled: disabled,
+      documentPickerOptions: documentPickerOptions,
+      onDocumentUpload: onBottomSheetActionsChange,
+      children: /*#__PURE__*/jsx(BottomSheetActionsItem, {
+        title: /*#__PURE__*/jsx(FormattedMessage, {
+          id: "account.BottomSheetActions.openFileExplorer",
+          values: {
+            isPlatformIOS
+          }
+        })
+      })
+    })]
+  });
+}
+
+function FilePicker({
+  onFileSelected,
+  children,
+  disabled,
+  imagePickerOptions,
+  documentPickerOptions
+}) {
+  const childElement = Children.only(children);
+  const {
+    bottomSheetRef,
+    BottomSheet
+  } = useStaticBottomSheet(BottomSheetActions);
+  const {
+    dismissAll
+  } = useBottomSheetModal();
+  const handleBottomSheetActionsChange = file => {
+    dismissAll();
+    onFileSelected(file);
+  };
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/cloneElement(childElement, {
+      // ensure that the press event is not prevented by Button component
+      onPress: () => {
+        if (disabled) return;
+        childElement.props.onPress?.();
+        bottomSheetRef.current?.present({
+          onBottomSheetActionsChange: handleBottomSheetActionsChange,
+          imagePickerOptions,
+          documentPickerOptions
+        });
+      },
+      disabled
+    }), /*#__PURE__*/jsx(BottomSheet, {})]
+  });
+}
+
 const GoogleMapsApiKeyContext = /*#__PURE__*/createContext(undefined);
 function GoogleMapsApiKeyProvider({
   children,
@@ -7106,89 +7328,6 @@ function useKittMapConfig() {
   return context;
 }
 
-function ListItemContent({
-  children,
-  ...rest
-}) {
-  return /*#__PURE__*/jsx(View, {
-    alignSelf: "center",
-    flexBasis: "0%",
-    flexGrow: 1,
-    flexShrink: 0,
-    ...rest,
-    children: children
-  });
-}
-
-// Handles the vertical alignment of the side elements of the list item
-function ListItemSideContainer({
-  children,
-  side = 'left',
-  ...rest
-}) {
-  return /*#__PURE__*/jsx(View, {
-    flexDirection: "row",
-    marginLeft: side === 'right' ? 'kitt.2' : undefined,
-    marginRight: side === 'left' ? 'kitt.2' : undefined,
-    ...rest,
-    children: children
-  });
-}
-function ListItemSideContent({
-  children,
-  align = 'auto',
-  ...rest
-}) {
-  return /*#__PURE__*/jsx(View, {
-    alignSelf: align,
-    ...rest,
-    children: children
-  });
-}
-
-function ListItem({
-  children,
-  withPadding,
-  borders,
-  left,
-  right,
-  onPress,
-  ...rest
-}) {
-  const Wrapper = onPress ? Pressable$2 : Fragment$1;
-  const wrapperProps = onPress ? {
-    accessibilityRole: 'button',
-    onPress,
-    ...rest
-  } : undefined;
-  const containerProps = onPress ? undefined : rest;
-  return /*#__PURE__*/jsx(Wrapper, {
-    ...wrapperProps,
-    children: /*#__PURE__*/jsxs(View, {
-      flexDirection: "row",
-      paddingX: withPadding ? 'kitt.listItem.horizontalPadding' : undefined,
-      paddingY: withPadding ? 'kitt.listItem.verticalPadding' : undefined,
-      borderColor: "kitt.listItem.borderColor",
-      backgroundColor: "kitt.uiBackgroundLight",
-      borderTopWidth: borders === 'top' || borders === 'both' ? 'kitt.listItem.borderWidth' : undefined,
-      borderBottomWidth: borders === 'bottom' || borders === 'both' ? 'kitt.listItem.borderWidth' : undefined,
-      ...containerProps,
-      children: [left ? /*#__PURE__*/jsx(ListItemSideContainer, {
-        side: "left",
-        children: left
-      }) : null, /*#__PURE__*/jsx(ListItemContent, {
-        children: children
-      }), right ? /*#__PURE__*/jsx(ListItemSideContainer, {
-        side: "right",
-        children: right
-      }) : null]
-    })
-  });
-}
-ListItem.Content = ListItemContent;
-ListItem.SideContent = ListItemSideContent;
-ListItem.SideContainer = ListItemSideContainer;
-
 const SvgMarkerLargeinline = props => /*#__PURE__*/jsxs("svg", {
   fill: "currentColor",
   viewBox: "0 0 54 56",
@@ -7708,48 +7847,6 @@ function createKittNativeBaseCustomTheme(theme, appTheme) {
             }
           }
         },
-        tag: {
-          primary: {
-            fill: {
-              backgroundColor: theme.tag.primary.fill.backgroundColor,
-              borderColor: theme.tag.primary.fill.borderColor
-            },
-            outline: {
-              backgroundColor: theme.tag.primary.outline.backgroundColor,
-              borderColor: theme.tag.primary.outline.borderColor
-            }
-          },
-          default: {
-            fill: {
-              backgroundColor: theme.tag.default.fill.backgroundColor,
-              borderColor: theme.tag.default.fill.borderColor
-            },
-            outline: {
-              backgroundColor: theme.tag.default.outline.backgroundColor,
-              borderColor: theme.tag.default.outline.borderColor
-            }
-          },
-          danger: {
-            fill: {
-              backgroundColor: theme.tag.danger.fill.backgroundColor,
-              borderColor: theme.tag.danger.fill.borderColor
-            },
-            outline: {
-              backgroundColor: theme.tag.danger.outline.backgroundColor,
-              borderColor: theme.tag.danger.outline.borderColor
-            }
-          },
-          warn: {
-            fill: {
-              backgroundColor: theme.tag.warn.fill.backgroundColor,
-              borderColor: theme.tag.warn.fill.borderColor
-            },
-            outline: {
-              backgroundColor: theme.tag.warn.outline.backgroundColor,
-              borderColor: theme.tag.warn.outline.borderColor
-            }
-          }
-        },
         tooltip: {
           backgroundColor: theme.tooltip.backgroundColor
         },
@@ -8238,37 +8335,11 @@ function createKittNativeBaseCustomTheme(theme, appTheme) {
           borderWidth: theme.listItem.borderWidth
         },
         tag: {
-          primary: {
-            fill: {
-              borderWidth: theme.tag.primary.fill.borderWidth
-            },
-            outline: {
-              borderWidth: theme.tag.primary.outline.borderWidth
-            }
+          fill: {
+            borderWidth: theme.tag.fill.borderWidth
           },
-          default: {
-            fill: {
-              borderWidth: theme.tag.default.fill.borderWidth
-            },
-            outline: {
-              borderWidth: theme.tag.default.outline.borderWidth
-            }
-          },
-          danger: {
-            fill: {
-              borderWidth: theme.tag.danger.fill.borderWidth
-            },
-            outline: {
-              borderWidth: theme.tag.danger.outline.borderWidth
-            }
-          },
-          warn: {
-            fill: {
-              borderWidth: theme.tag.warn.fill.borderWidth
-            },
-            outline: {
-              borderWidth: theme.tag.warn.outline.borderWidth
-            }
+          outline: {
+            borderWidth: theme.tag.outline.borderWidth
           }
         }
       },
@@ -8366,6 +8437,39 @@ function createKittNativeBaseCustomTheme(theme, appTheme) {
         pageLoader: {
           size: theme.pageLoader.size
         },
+        tag: {
+          small: {
+            iconSize: theme.tag.icon.small
+          },
+          medium: {
+            iconSize: theme.tag.icon.medium
+          },
+          large: {
+            iconSize: theme.tag.icon.large
+          },
+          withIcon: {
+            small: {
+              height: theme.tag.withIcon.small.height
+            },
+            medium: {
+              height: theme.tag.withIcon.medium.height
+            },
+            large: {
+              height: theme.tag.withIcon.large.height
+            }
+          },
+          withoutIcon: {
+            small: {
+              height: theme.tag.withoutIcon.small.height
+            },
+            medium: {
+              height: theme.tag.withoutIcon.medium.height
+            },
+            large: {
+              height: theme.tag.withoutIcon.large.height
+            }
+          }
+        },
         tooltip: {
           maxWidth: theme.tooltip.maxWidth,
           arrow: {
@@ -8458,8 +8562,34 @@ function createKittNativeBaseCustomTheme(theme, appTheme) {
           horizontalPadding: theme.listItem.horizontalPadding
         },
         tag: {
-          verticalPadding: theme.tag.verticalPadding,
-          horizontalPadding: theme.tag.horizontalPadding
+          withoutIcon: {
+            small: {
+              paddingLeft: theme.tag.withoutIcon.small.paddingLeft,
+              paddingRight: theme.tag.withoutIcon.small.paddingRight
+            },
+            medium: {
+              paddingLeft: theme.tag.withoutIcon.medium.paddingLeft,
+              paddingRight: theme.tag.withoutIcon.medium.paddingRight
+            },
+            large: {
+              paddingLeft: theme.tag.withoutIcon.large.paddingLeft,
+              paddingRight: theme.tag.withoutIcon.large.paddingRight
+            }
+          },
+          withIcon: {
+            small: {
+              paddingLeft: theme.tag.withIcon.small.paddingLeft,
+              paddingRight: theme.tag.withIcon.small.paddingRight
+            },
+            medium: {
+              paddingLeft: theme.tag.withIcon.medium.paddingLeft,
+              paddingRight: theme.tag.withIcon.medium.paddingRight
+            },
+            large: {
+              paddingLeft: theme.tag.withIcon.large.paddingLeft,
+              paddingRight: theme.tag.withIcon.large.paddingRight
+            }
+          }
         },
         tooltip: {
           horizontalPadding: theme.tooltip.horizontalPadding,
@@ -10440,48 +10570,68 @@ const StoryGrid = {
   Col: StoryGridCol
 };
 
-const getLabelColor = (type, variant) => {
+function useKittTheme() {
+  return useMemo(() => {
+    return {
+      kitt: theme
+    };
+  }, []);
+}
+
+const getTypography = size => {
+  switch (size) {
+    case 'small':
+      return 'body-xs';
+    case 'medium':
+      return 'body-s';
+    case 'large':
+    default:
+      return 'body-m';
+  }
+};
+const typeToColor = (color, type) => {
+  if (color) return color;
   switch (type) {
-    case 'danger':
-      {
-        return variant === 'outline' ? 'danger' : 'black';
-      }
-    case 'warn':
-      {
-        return variant === 'outline' ? 'warning' : 'black';
-      }
     case 'primary':
-      {
-        return 'primary';
-      }
+      return 'violine';
+    case 'warn':
+      return 'sun';
+    case 'danger':
+      return 'coral';
     case 'default':
-      {
-        return 'black';
-      }
     default:
-      {
-        return 'black';
-      }
+      return 'eggshell';
   }
 };
 function Tag({
   label,
-  type = 'default',
+  icon,
+  color,
+  type,
+  size = 'medium',
   variant = 'fill'
 }) {
-  return /*#__PURE__*/jsx(View, {
+  const kittTheme = useKittTheme();
+  const tagColor = typeToColor(color, type);
+  return /*#__PURE__*/jsxs(HStack, {
     alignSelf: "flex-start",
     borderRadius: "kitt.tag.borderRadius",
-    paddingX: "kitt.tag.horizontalPadding",
-    paddingY: "kitt.tag.verticalPadding",
-    backgroundColor: `kitt.tag.${type}.${variant}.backgroundColor`,
-    borderColor: `kitt.tag.${type}.${variant}.borderColor`,
-    borderWidth: `kitt.tag.${type}.${variant}.borderWidth`,
-    children: /*#__PURE__*/jsx(Typography.Text, {
-      base: "body-xsmall",
-      color: getLabelColor(type, variant),
+    height: `kitt.tag.${icon ? 'withIcon' : 'withoutIcon'}.${size}.height`,
+    paddingLeft: `kitt.tag.${icon ? 'withIcon' : 'withoutIcon'}.${size}.paddingLeft`,
+    paddingRight: `kitt.tag.${icon ? 'withIcon' : 'withoutIcon'}.${size}.paddingRight`,
+    backgroundColor: variant === 'fill' ? kittTheme.kitt.palettes.lateOcean[`${tagColor}.4`] : 'kitt.transparent',
+    borderColor: kittTheme.kitt.palettes.lateOcean[`${tagColor}.6`],
+    borderWidth: `kitt.tag.${variant}.borderWidth`,
+    space: "kitt.1",
+    alignItems: "center",
+    children: [icon ? /*#__PURE__*/jsx(TypographyIcon, {
+      icon: icon,
+      size: `kitt.tag.${size}.iconSize`
+    }) : null, /*#__PURE__*/jsx(Typography.Text, {
+      base: getTypography(size),
+      color: "black",
       children: label
-    })
+    })]
   });
 }
 
@@ -11049,14 +11199,6 @@ function TypographyLink({
   });
 }
 
-function useKittTheme() {
-  return useMemo(() => {
-    return {
-      kitt: theme
-    };
-  }, []);
-}
-
 function KittThemeProvider({
   isSSR,
   children,
@@ -11284,5 +11426,5 @@ function VerticalSteps({
 }
 VerticalSteps.Step = ExternalStep;
 
-export { ActionCard, Actions, Autocomplete, Avatar, BottomSheet, Button, CardModal, Center, Checkbox, ChoicesElements, CloseIconButton, DatePicker, DialogModal, Emoji, ExternalAppLink, ExternalLink, FlatList, Flex, FullscreenModal, GoogleMapsApiKeyProvider, GoogleMapsAutocompleteProvider, HStack, Highlight, Icon, IconButton, Image, InputAddress, InputEmail, InputFeedback, InputField, InputIcon, InputNumber, InputPassword, InputPhone, InputPressable, InputTag, InputText, KittBreakpointNameEnum, KittBreakpoints, KittBreakpointsMax, KittMapConfigProvider, KittNativeBaseProvider, KittThemeDecorator, KittThemeProvider, Label, ListItem, LoaderIcon, MapMarkerLarge, MapMarkerPosition, MapMarkerSimple, MatchWindowSize, Message, ModalBehaviour, FlatList as NativeOnlyFlatList, NavigationModal, Notification, Overlay, PageLoader, Picker, Pressable, Radio, RadioButtonGroup, ScrollView, DeprecatedSection as Section, SectionList, SegmentedProgressBar, Skeleton, SpinningIcon, Stack, StaticMap, Story, StoryBlock, StoryContainer, StoryDecorator, StoryGrid, StorySection, StoryTitle, StyleWebWrapper, SwitchBreakpoints, Tag, TextArea, TimePicker, Tooltip, Typography, TypographyEmoji, TypographyIcon, TypographyLink, VStack, VerticalSteps, View, createChoicesComponent, createResponsiveStyleFromProp, getStaticMapImageUrl, hex2rgba, matchWindowSize, storyPadding, theme, useBottomSheet, useBreakpointValue, useCurrentBreakpointName, useGetStaticMapImageUrl, useKittMapConfig, useKittTheme, useMatchWindowSize, useOpenExternalLink, useStaticBottomSheet, useStoryBlockColor, useTheme };
+export { ActionCard, Actions, Autocomplete, Avatar, BottomSheet, Button, CardModal, Center, Checkbox, ChoicesElements, CloseIconButton, DatePicker, DialogModal, DocumentPicker, Emoji, ExternalAppLink, ExternalLink, FilePicker, FlatList, Flex, FullscreenModal, GoogleMapsApiKeyProvider, GoogleMapsAutocompleteProvider, HStack, Highlight, Icon, IconButton, Image, ImagePicker, InputAddress, InputEmail, InputFeedback, InputField, InputIcon, InputNumber, InputPassword, InputPhone, InputPressable, InputTag, InputText, KittBreakpointNameEnum, KittBreakpoints, KittBreakpointsMax, KittMapConfigProvider, KittNativeBaseProvider, KittThemeDecorator, KittThemeProvider, Label, ListItem, LoaderIcon, MapMarkerLarge, MapMarkerPosition, MapMarkerSimple, MatchWindowSize, Message, ModalBehaviour, FlatList as NativeOnlyFlatList, NavigationModal, Notification, Overlay, PageLoader, Picker, Pressable, Radio, RadioButtonGroup, ScrollView, DeprecatedSection as Section, SectionList, SegmentedProgressBar, Skeleton, SpinningIcon, Stack, StaticMap, Story, StoryBlock, StoryContainer, StoryDecorator, StoryGrid, StorySection, StoryTitle, StyleWebWrapper, SwitchBreakpoints, Tag, TextArea, TimePicker, Tooltip, Typography, TypographyEmoji, TypographyIcon, TypographyLink, VStack, VerticalSteps, View, createChoicesComponent, createResponsiveStyleFromProp, getStaticMapImageUrl, hex2rgba, matchWindowSize, storyPadding, theme, useBottomSheet, useBreakpointValue, useCurrentBreakpointName, useGetStaticMapImageUrl, useKittMapConfig, useKittTheme, useMatchWindowSize, useOpenExternalLink, useStaticBottomSheet, useStoryBlockColor, useTheme };
 //# sourceMappingURL=index-node-20.10.es.mjs.map