@ornikar/kitt-universal 16.3.1 → 16.4.0

package/dist/index-browser-all.es.web.js

@@ -1,4 +1,4 @@
-import { useContext, createContext, forwardRef, cloneElement, useState, useRef, useEffect, useMemo, Children, useReducer, Fragment as Fragment$1, createElement } from 'react';
+import { useContext, createContext, forwardRef, cloneElement, useState, useRef, useEffect, useMemo, Children, useReducer, useCallback, Fragment as Fragment$1, 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, useBreakpointValue as useBreakpointValue$1, useSx, Text, Input, NativeBaseProvider, extendTheme } from 'native-base';
 export { useClipboard, useMediaQuery, useSx, useToken } from 'native-base';
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
@@ -9,17 +9,20 @@ import _extends from '@babel/runtime/helpers/extends';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/helpers/regeneratorRuntime';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import { ArcIcon, UserIcon, CheckboxMark, EyeOffIcon, EyeIcon, InfoIcon, AlertTriangleIcon, CheckIcon, AlertCircleIcon, XIcon, RotateCCWIcon, TooltipArrowIcon } from '@ornikar/kitt-icons';
+import { ArcIcon, UserIcon, ArrowUpIcon, ArrowDownIcon, CheckboxMark, MapPinIcon, EyeOffIcon, EyeIcon, InfoIcon, AlertTriangleIcon, CheckIcon, AlertCircleIcon, XIcon, RotateCCWIcon, TooltipArrowIcon } from '@ornikar/kitt-icons';
 export * from '@ornikar/kitt-icons';
 import { Portal } from 'react-portal';
 import { CSSTransition } from 'react-transition-group';
 import { ScrollView as ScrollView$2, View as View$2, Linking, Pressable as Pressable$2, useWindowDimensions } from 'react-native';
 export { useWindowDimensions as useWindowSize } from 'react-native';
 import { parse } from 'twemoji-parser';
+import _typeof from '@babel/runtime/helpers/typeof';
+import Downshift, { useSelect } from 'downshift';
+import { useDebouncedCallback } from 'use-debounce';
+import { Loader } from '@googlemaps/js-api-loader';
 import { parseNumber, getCountryCallingCode, isValidNumber } from 'libphonenumber-js';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { useFloating, autoUpdate, offset, autoPlacement, shift, arrow } from '@floating-ui/react-dom';
-import { useSelect } from 'downshift';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import { useOnClickOutside } from 'usehooks-ts';
 import { makeDecorator } from '@storybook/addons';
@@ -744,6 +747,42 @@ var feedbackMessage = {
   }
 };
 
+var autocomplete = {
+  option: {
+    verticalPadding: 2,
+    minHeight: 40,
+    "default": {
+      backgroundColor: colors.white
+    },
+    hovered: {
+      backgroundColor: lateOceanColorPalette.black50
+    },
+    focused: {
+      backgroundColor: lateOceanColorPalette.black50
+    },
+    selected: {
+      backgroundColor: lateOceanColorPalette.black50
+    },
+    highlighted: {
+      backgroundColor: lateOceanColorPalette.black50
+    },
+    pressed: {
+      backgroundColor: lateOceanColorPalette.black100
+    }
+  },
+  optionsContainer: {
+    borderRadius: 10,
+    backgroundColor: colors.white,
+    shadow: {
+      color: colors.black,
+      offsetX: 0,
+      offsetY: 10,
+      opacity: 0.15,
+      radius: 20
+    }
+  }
+};
+
 var checkbox = {
   borderWidth: 2,
   borderRadius: 5,
@@ -1047,6 +1086,7 @@ var timePicker = {
 };
 
 var forms = {
+  autocomplete: autocomplete,
   datePicker: datePicker,
   input: input,
   radio: radio,
@@ -1838,7 +1878,7 @@ var isTypographyHeader = function (type, isHeaderTypographyInContext) {
   throw new Error('You must set a "base" prop or wrap this Typography in one that does.');
 };
 
-var _excluded$I = ["accessibilityRole", "base", "small", "medium", "large", "wide", "type", "variant", "color"];
+var _excluded$L = ["accessibilityRole", "base", "small", "medium", "large", "wide", "type", "variant", "color"];
 var IsHeaderTypographyContext = /*#__PURE__*/createContext(undefined);
 var TypographyColorContext = /*#__PURE__*/createContext('black');
 function useTypographyColor() {
@@ -1888,7 +1928,7 @@ function Typography(_ref) {
     } : _ref$type,
     variant = _ref.variant,
     color = _ref.color,
-    otherProps = _objectWithoutProperties(_ref, _excluded$I);
+    otherProps = _objectWithoutProperties(_ref, _excluded$L);
   var sx = useSx();
   var isHeaderTypographyInContext = useContext(IsHeaderTypographyContext);
   var defaultColor = useTypographyDefaultColor();
@@ -1993,11 +2033,11 @@ function Icon(_ref) {
   });
 }
 
-var _excluded$H = ["color"],
-  _excluded2$6 = ["color"];
+var _excluded$K = ["color"],
+  _excluded2$7 = ["color"];
 function TypographyIconSpecifiedColor(_ref) {
   var color = _ref.color,
-    props = _objectWithoutProperties(_ref, _excluded$H);
+    props = _objectWithoutProperties(_ref, _excluded$K);
   var sx = useSx();
   var colorStyle = sx({
     color: getTypographyColorValue(color)
@@ -2012,7 +2052,7 @@ function TypographyIconInheritColor(props) {
 }
 function TypographyIcon(_ref2) {
   var color = _ref2.color,
-    props = _objectWithoutProperties(_ref2, _excluded2$6);
+    props = _objectWithoutProperties(_ref2, _excluded2$7);
   if (color) {
     return /*#__PURE__*/jsx(TypographyIconSpecifiedColor, _objectSpread({
       color: color
@@ -2041,7 +2081,7 @@ var getTextColorByType = function (type, variant, isHovered, isPressed) {
   }
 };
 
-var _excluded$G = ["type", "variant", "isDisabled", "icon", "children", "isHovered", "isPressed", "isFocused"];
+var _excluded$J = ["type", "variant", "isDisabled", "icon", "children", "isHovered", "isPressed", "isFocused"];
 function ButtonIcon(_ref) {
   var icon = _ref.icon,
     color = _ref.color,
@@ -2116,7 +2156,7 @@ function ButtonContent(_ref3) {
     isHovered = _ref3.isHovered,
     isPressed = _ref3.isPressed;
     _ref3.isFocused;
-    var props = _objectWithoutProperties(_ref3, _excluded$G);
+    var props = _objectWithoutProperties(_ref3, _excluded$J);
   var color = isDisabled ? 'black-light' : getTextColorByType(type, variant, isHovered, isPressed);
   return /*#__PURE__*/jsx(View, {
     _web: {
@@ -2337,7 +2377,7 @@ function LoaderIcon(_ref) {
   });
 }
 
-var _excluded$F = ["as", "onPress", "disabled", "icon", "stretch"];
+var _excluded$I = ["as", "onPress", "disabled", "icon", "stretch"];
 function ActionsItem(_ref) {
   var as = _ref.as,
     onPress = _ref.onPress,
@@ -2348,7 +2388,7 @@ function ActionsItem(_ref) {
       base: true,
       medium: false
     } : _ref$stretch,
-    props = _objectWithoutProperties(_ref, _excluded$F);
+    props = _objectWithoutProperties(_ref, _excluded$I);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isLoading = _useState2[0],
@@ -2419,7 +2459,7 @@ function ActionsButton(_ref) {
   }, props));
 }
 
-var _excluded$E = ["children", "layout", "reversed"];
+var _excluded$H = ["children", "layout", "reversed"];
 function getCurrentLayout(layout) {
   if (!layout) return {
     base: 'stretch',
@@ -2448,7 +2488,7 @@ function Actions(_ref) {
   var children = _ref.children,
     layout = _ref.layout,
     reversed = _ref.reversed,
-    props = _objectWithoutProperties(_ref, _excluded$E);
+    props = _objectWithoutProperties(_ref, _excluded$H);
   var currentAlignItems = getCurrentLayout(layout);
   var currentDirection = getCurrentDirection(layout);
   var currentAlignSelf = getCurrentAlignSelf(layout);
@@ -2497,7 +2537,7 @@ function getInitials(firstname, lastname) {
   return "".concat(firstname[0]).concat(lastname[0]).toUpperCase();
 }
 
-var _excluded$D = ["size", "round", "light", "sizeVariant"];
+var _excluded$G = ["size", "round", "light", "sizeVariant"];
 function AvatarContent(_ref) {
   var size = _ref.size,
     src = _ref.src,
@@ -2536,7 +2576,7 @@ function Avatar(_ref2) {
     round = _ref2.round,
     light = _ref2.light,
     sizeVariant = _ref2.sizeVariant,
-    props = _objectWithoutProperties(_ref2, _excluded$D);
+    props = _objectWithoutProperties(_ref2, _excluded$G);
   var currentSize = getCurrentSize({
     size: size,
     sizeVariant: sizeVariant
@@ -2687,7 +2727,7 @@ function CardModalRotationContainer(props) {
   }, props));
 }
 
-var _excluded$C = ["children", "appear", "visible", "unmountOnExit", "isAnimationEnabled", "onEnter", "onEntered", "onExit", "onExited", "onClose"];
+var _excluded$F = ["children", "appear", "visible", "unmountOnExit", "isAnimationEnabled", "onEnter", "onEntered", "onExit", "onExited", "onClose"];
 var contentAnimationEnter$1 = "kitt-u_contentAnimationEnter_c11xxy4r";
 var contentAnimatioEnterActive$1 = "kitt-u_contentAnimatioEnterActive_cl52117";
 var contentAnimatioExit$1 = "kitt-u_contentAnimatioExit_cyjczep";
@@ -2726,7 +2766,7 @@ function CardModalAnimation(_ref) {
     onExit = _ref.onExit,
     onExited = _ref.onExited,
     onClose = _ref.onClose,
-    props = _objectWithoutProperties(_ref, _excluded$C);
+    props = _objectWithoutProperties(_ref, _excluded$F);
   var theme = useTheme();
   var animation = theme.kitt.cardModal.animation;
   var sharedProps = {
@@ -2759,11 +2799,11 @@ function CardModalAnimation(_ref) {
   }));
 }
 
-var _excluded$B = ["children"],
-  _excluded2$5 = ["children", "visible", "onClose", "onExited"];
+var _excluded$E = ["children"],
+  _excluded2$6 = ["children", "visible", "onClose", "onExited"];
 function CardModalScrollContainer(_ref) {
   var children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded$B);
+    props = _objectWithoutProperties(_ref, _excluded$E);
   return /*#__PURE__*/jsx(ScrollView, _objectSpread(_objectSpread({}, props), {}, {
     children: children
   }));
@@ -2773,7 +2813,7 @@ function CardModalBehaviour(_ref2) {
     visible = _ref2.visible,
     onClose = _ref2.onClose,
     onExited = _ref2.onExited,
-    props = _objectWithoutProperties(_ref2, _excluded2$5);
+    props = _objectWithoutProperties(_ref2, _excluded2$6);
   var _useState = useState(visible),
     _useState2 = _slicedToArray(_useState, 2),
     isModalBehaviourVisible = _useState2[0],
@@ -2804,7 +2844,7 @@ function CardModalBehaviour(_ref2) {
   });
 }
 
-var _excluded$A = ["children", "paddingX", "paddingY"];
+var _excluded$D = ["children", "paddingX", "paddingY"];
 function CardModalBody(_ref) {
   var children = _ref.children,
     _ref$paddingX = _ref.paddingX,
@@ -2814,7 +2854,7 @@ function CardModalBody(_ref) {
     } : _ref$paddingX,
     _ref$paddingY = _ref.paddingY,
     paddingY = _ref$paddingY === void 0 ? 'kitt.4' : _ref$paddingY,
-    props = _objectWithoutProperties(_ref, _excluded$A);
+    props = _objectWithoutProperties(_ref, _excluded$D);
   return /*#__PURE__*/jsx(View, _objectSpread(_objectSpread({
     paddingX: paddingX,
     paddingY: paddingY
@@ -2823,7 +2863,7 @@ function CardModalBody(_ref) {
   }));
 }
 
-var _excluded$z = ["children", "padding", "hasSeparator"];
+var _excluded$C = ["children", "padding", "hasSeparator"];
 function CardModalFooter(_ref) {
   var children = _ref.children,
     _ref$padding = _ref.padding,
@@ -2833,7 +2873,7 @@ function CardModalFooter(_ref) {
     } : _ref$padding,
     _ref$hasSeparator = _ref.hasSeparator,
     hasSeparator = _ref$hasSeparator === void 0 ? true : _ref$hasSeparator,
-    props = _objectWithoutProperties(_ref, _excluded$z);
+    props = _objectWithoutProperties(_ref, _excluded$C);
   return /*#__PURE__*/jsx(View, _objectSpread(_objectSpread({}, props), {}, {
     marginTop: "kitt.2",
     padding: padding,
@@ -2847,7 +2887,7 @@ function CardModalFooter(_ref) {
   }));
 }
 
-var _excluded$y = ["children", "title", "paddingBottom", "hasSeparator", "right", "left"];
+var _excluded$B = ["children", "title", "paddingBottom", "hasSeparator", "right", "left"];
 function CardModalHeader(_ref) {
   var children = _ref.children,
     title = _ref.title,
@@ -2860,7 +2900,7 @@ function CardModalHeader(_ref) {
     hasSeparator = _ref$hasSeparator === void 0 ? true : _ref$hasSeparator,
     right = _ref.right,
     left = _ref.left,
-    props = _objectWithoutProperties(_ref, _excluded$y);
+    props = _objectWithoutProperties(_ref, _excluded$B);
   var defaultContainerPadding = {
     base: 'kitt.4',
     medium: 'kitt.6'
@@ -2898,7 +2938,7 @@ function CardModalHeader(_ref) {
   }));
 }
 
-var _excluded$x = ["backgroundColor", "maxWidth", "withoutShadow", "children", "header", "body", "footer"];
+var _excluded$A = ["backgroundColor", "maxWidth", "withoutShadow", "children", "header", "body", "footer"];
 function CardModal(_ref) {
   var _ref$backgroundColor = _ref.backgroundColor,
     backgroundColor = _ref$backgroundColor === void 0 ? 'kitt.uiBackgroundLight' : _ref$backgroundColor,
@@ -2909,7 +2949,7 @@ function CardModal(_ref) {
     header = _ref.header,
     body = _ref.body,
     footer = _ref.footer,
-    props = _objectWithoutProperties(_ref, _excluded$x);
+    props = _objectWithoutProperties(_ref, _excluded$A);
   return /*#__PURE__*/jsx(View, _objectSpread(_objectSpread({}, props), {}, {
     overflow: "hidden",
     backgroundColor: backgroundColor,
@@ -2928,7 +2968,7 @@ CardModal.Header = CardModalHeader;
 CardModal.Footer = CardModalFooter;
 CardModal.ModalBehaviour = CardModalBehaviour;
 
-function getBackgroundColor$4(_ref) {
+function getBackgroundColor$5(_ref) {
   var isDisabled = _ref.isDisabled,
     isSelected = _ref.isSelected,
     isHovered = _ref.isHovered,
@@ -2959,7 +2999,7 @@ function AnimatedChoiceItemView(_ref) {
   return /*#__PURE__*/jsx(View, {
     position: "relative",
     borderRadius: getBorderRadius(variant),
-    backgroundColor: getBackgroundColor$4({
+    backgroundColor: getBackgroundColor$5({
       isDisabled: isDisabled,
       isSelected: isSelected,
       isHovered: isHovered,
@@ -3094,10 +3134,10 @@ function ChoiceItemContainer(_ref) {
   });
 }
 
-var _excluded$w = ["direction"];
+var _excluded$z = ["direction"];
 function ChoicesContainer(_ref) {
   var direction = _ref.direction,
-    props = _objectWithoutProperties(_ref, _excluded$w);
+    props = _objectWithoutProperties(_ref, _excluded$z);
   if (direction === 'row') {
     return /*#__PURE__*/jsx(ScrollView$2, _objectSpread({
       horizontal: true
@@ -3169,7 +3209,7 @@ var ChoicesElements = {
   ButtonChoices: ButtonChoices
 };
 
-var _excluded$v = ["children", "appear", "visible", "unmountOnExit", "isAnimationEnabled", "onEnter", "onEntered", "onExit", "onExited", "onClose"];
+var _excluded$y = ["children", "appear", "visible", "unmountOnExit", "isAnimationEnabled", "onEnter", "onEntered", "onExit", "onExited", "onClose"];
 var contentAnimationEnter = "kitt-u_contentAnimationEnter_c1i0gle8";
 var contentAnimatioEnterActive = "kitt-u_contentAnimatioEnterActive_c1jmfkjw";
 var contentAnimatioExit = "kitt-u_contentAnimatioExit_cwjstxl";
@@ -3208,7 +3248,7 @@ function DialogModalAnimation(_ref) {
     onExit = _ref.onExit,
     onExited = _ref.onExited,
     onClose = _ref.onClose,
-    props = _objectWithoutProperties(_ref, _excluded$v);
+    props = _objectWithoutProperties(_ref, _excluded$y);
   var theme = useTheme();
   var animation = theme.kitt.dialogModal.animation;
   var sharedProps = {
@@ -3243,13 +3283,13 @@ function DialogModalAnimation(_ref) {
   }));
 }
 
-var _excluded$u = ["children", "visible", "onClose", "onExited"];
+var _excluded$x = ["children", "visible", "onClose", "onExited"];
 function DialogModalBehaviour(_ref) {
   var children = _ref.children,
     visible = _ref.visible,
     onClose = _ref.onClose,
     onExited = _ref.onExited,
-    props = _objectWithoutProperties(_ref, _excluded$u);
+    props = _objectWithoutProperties(_ref, _excluded$x);
   var _useState = useState(visible),
     _useState2 = _slicedToArray(_useState, 2),
     isModalBehaviourVisible = _useState2[0],
@@ -3280,7 +3320,7 @@ function DialogModalBehaviour(_ref) {
   });
 }
 
-var _excluded$t = ["stretch"];
+var _excluded$w = ["stretch"];
 function DialogModal(_ref) {
   var illustration = _ref.illustration,
     title = _ref.title,
@@ -3321,7 +3361,7 @@ DialogModal.ModalBehaviour = DialogModalBehaviour;
 function DialogModalButton(_ref2) {
   var _ref2$stretch = _ref2.stretch,
     stretch = _ref2$stretch === void 0 ? true : _ref2$stretch,
-    props = _objectWithoutProperties(_ref2, _excluded$t);
+    props = _objectWithoutProperties(_ref2, _excluded$w);
   return /*#__PURE__*/jsx(Actions.Button, _objectSpread({
     stretch: stretch
   }, props));
@@ -3358,17 +3398,17 @@ function Emoji(_ref) {
   });
 }
 
-var _excluded$s = ["as", "appScheme", "appValue", "onPress", "onOpenAppError"],
-  _excluded2$4 = ["phoneNumber", "children"],
-  _excluded3$3 = ["phoneNumber", "children"],
-  _excluded4$1 = ["emailAddress", "children"];
+var _excluded$v = ["as", "appScheme", "appValue", "onPress", "onOpenAppError"],
+  _excluded2$5 = ["phoneNumber", "children"],
+  _excluded3$4 = ["phoneNumber", "children"],
+  _excluded4$3 = ["emailAddress", "children"];
 function ExternalAppLink(_ref) {
   var Component = _ref.as,
     appScheme = _ref.appScheme,
     appValue = _ref.appValue,
     onPress = _ref.onPress,
     onOpenAppError = _ref.onOpenAppError,
-    rest = _objectWithoutProperties(_ref, _excluded$s);
+    rest = _objectWithoutProperties(_ref, _excluded$v);
   var href = "".concat(appScheme, ":").concat(appValue);
   var handleOnPress = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(e) {
@@ -3430,7 +3470,7 @@ function ExternalAppLink(_ref) {
 ExternalAppLink.Sms = function (_ref3) {
   var phoneNumber = _ref3.phoneNumber,
     children = _ref3.children,
-    rest = _objectWithoutProperties(_ref3, _excluded2$4);
+    rest = _objectWithoutProperties(_ref3, _excluded2$5);
   return /*#__PURE__*/jsx(ExternalAppLink, _objectSpread(_objectSpread({}, rest), {}, {
     appScheme: "sms",
     appValue: phoneNumber,
@@ -3440,7 +3480,7 @@ ExternalAppLink.Sms = function (_ref3) {
 ExternalAppLink.Tel = function (_ref4) {
   var phoneNumber = _ref4.phoneNumber,
     children = _ref4.children,
-    rest = _objectWithoutProperties(_ref4, _excluded3$3);
+    rest = _objectWithoutProperties(_ref4, _excluded3$4);
   return /*#__PURE__*/jsx(ExternalAppLink, _objectSpread(_objectSpread({}, rest), {}, {
     appScheme: "tel",
     appValue: phoneNumber,
@@ -3450,7 +3490,7 @@ ExternalAppLink.Tel = function (_ref4) {
 ExternalAppLink.Mail = function (_ref5) {
   var emailAddress = _ref5.emailAddress,
     children = _ref5.children,
-    rest = _objectWithoutProperties(_ref5, _excluded4$1);
+    rest = _objectWithoutProperties(_ref5, _excluded4$3);
   return /*#__PURE__*/jsx(ExternalAppLink, _objectSpread(_objectSpread({}, rest), {}, {
     appScheme: "mailto",
     appValue: emailAddress,
@@ -3463,14 +3503,14 @@ var defaultOpenLinkBehavior = {
   web: 'targetBlank'
 };
 
-var _excluded$r = ["as", "href", "openLinkBehavior", "onPress"];
+var _excluded$u = ["as", "href", "openLinkBehavior", "onPress"];
 function ExternalLink(_ref) {
   var Component = _ref.as,
     href = _ref.href,
     _ref$openLinkBehavior = _ref.openLinkBehavior,
     openLinkBehavior = _ref$openLinkBehavior === void 0 ? defaultOpenLinkBehavior : _ref$openLinkBehavior,
     onPress = _ref.onPress,
-    rest = _objectWithoutProperties(_ref, _excluded$r);
+    rest = _objectWithoutProperties(_ref, _excluded$u);
   return /*#__PURE__*/jsx(Component, _objectSpread(_objectSpread({}, rest), {}, {
     href: href,
     hrefAttrs: (openLinkBehavior === null || openLinkBehavior === void 0 ? void 0 : openLinkBehavior.web) === 'targetSelf' ? undefined : {
@@ -3481,6 +3521,388 @@ function ExternalLink(_ref) {
   }));
 }
 
+function getIconColor(state, disabled) {
+  if (disabled) return 'black-light';
+  switch (state) {
+    case 'invalid':
+      return 'danger';
+    case 'valid':
+      return 'success';
+    default:
+      return undefined;
+  }
+}
+function InputIcon(_ref) {
+  var icon = _ref.icon,
+    state = _ref.state,
+    disabled = _ref.disabled;
+  var theme = useTheme();
+  var color = getIconColor(state, disabled);
+  return /*#__PURE__*/jsx(TypographyIcon, {
+    color: color,
+    icon: icon,
+    size: theme.kitt.forms.input.icon.size
+  });
+}
+
+function InputPressable(_ref) {
+  var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+  return /*#__PURE__*/jsx(Pressable$2, _objectSpread({}, props));
+}
+
+var inputTextContainer = "kitt-u_inputTextContainer_i1encr9g";
+function InputTextContainer(props) {
+  return /*#__PURE__*/jsx("div", _objectSpread({
+    className: inputTextContainer
+  }, props));
+}
+
+var _excluded$t = ["id", "right", "state", "variant", "internalForceState", "disabled", "autoCorrect", "textContentType", "autoComplete", "keyboardType", "multiline", "onSubmitEditing"];
+var InputText = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var id = _ref.id,
+    right = _ref.right;
+    _ref.state;
+    var _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
+    internalForceState = _ref.internalForceState,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$autoCorrect = _ref.autoCorrect,
+    autoCorrect = _ref$autoCorrect === void 0 ? true : _ref$autoCorrect,
+    _ref$textContentType = _ref.textContentType,
+    textContentType = _ref$textContentType === void 0 ? 'none' : _ref$textContentType,
+    _ref$autoComplete = _ref.autoComplete,
+    autoComplete = _ref$autoComplete === void 0 ? 'off' : _ref$autoComplete,
+    _ref$keyboardType = _ref.keyboardType,
+    keyboardType = _ref$keyboardType === void 0 ? 'default' : _ref$keyboardType,
+    multiline = _ref.multiline,
+    onSubmitEditing = _ref.onSubmitEditing,
+    props = _objectWithoutProperties(_ref, _excluded$t);
+  var theme = useTheme();
+  var fontSizeForNativeBase = createNativeBaseFontSize({
+    base: 'body'
+  });
+  return /*#__PURE__*/jsxs(InputTextContainer, {
+    children: [/*#__PURE__*/jsx(Input, _objectSpread(_objectSpread({
+      ref: ref,
+      multiline: multiline,
+      nativeID: id,
+      isDisabled: internalForceState ? internalForceState === 'disabled' : disabled,
+      isHovered: internalForceState ? internalForceState === 'hover' : undefined,
+      isFocused: internalForceState ? internalForceState === 'focus' : undefined,
+      keyboardType: keyboardType,
+      autoComplete: autoComplete,
+      autoCorrect: autoCorrect,
+      textContentType: textContentType,
+      fontSize: fontSizeForNativeBase,
+      lineHeight:
+      // On basic text input, we set the line-height to zero for iOS to fix vertical text alignment
+      // This is a iOS only fix since having 0 as a line-height value breaks text inputs on Android
+      fontSizeForNativeBase,
+      fontWeight: "bodies.regular",
+      fontFamily: "bodies.regular",
+      py: !multiline && "web" !== 'web' ? 0 : undefined,
+      variant: variant
+    }, props), {}, {
+      onSubmitEditing: multiline ? function () {
+        return null;
+      } : onSubmitEditing
+    })), right ? /*#__PURE__*/jsx(View, {
+      position: "absolute",
+      right: 0,
+      top: 0,
+      bottom: 0,
+      justifyContent: "center",
+      padding: theme.kitt.forms.input.rightContainer.padding,
+      children: right
+    }) : null]
+  });
+});
+
+function getBackgroundColor$4(_ref) {
+  var isSelected = _ref.isSelected,
+    isHighlighted = _ref.isHighlighted,
+    isPressed = _ref.isPressed,
+    isHovered = _ref.isHovered,
+    isFocused = _ref.isFocused;
+  var baseKey = 'kitt.forms.autocomplete.option';
+  if (isHighlighted) {
+    return "".concat(baseKey, ".highlighted.backgroundColor");
+  }
+  if (isPressed) {
+    return "".concat(baseKey, ".pressed.backgroundColor");
+  }
+  if (isHovered) {
+    return "".concat(baseKey, ".hovered.backgroundColor");
+  }
+  if (isFocused) {
+    return "".concat(baseKey, ".focused.backgroundColor");
+  }
+  if (isSelected) {
+    return "".concat(baseKey, ".selected.backgroundColor");
+  }
+  return "".concat(baseKey, ".default.backgroundColor");
+}
+function AutocompleteItem(_ref2) {
+  var children = _ref2.children,
+    isSelected = _ref2.isSelected,
+    isHighlighted = _ref2.isHighlighted,
+    isHovered = _ref2.isHovered,
+    isFocused = _ref2.isFocused,
+    isPressed = _ref2.isPressed;
+  return /*#__PURE__*/jsx(View, {
+    justifyContent: "center",
+    width: "100%",
+    minHeight: "kitt.forms.autocomplete.option.minHeight",
+    borderRadius: "kitt.1",
+    padding: "kitt.1",
+    backgroundColor: getBackgroundColor$4({
+      isSelected: isSelected,
+      isHighlighted: isHighlighted,
+      isPressed: isPressed,
+      isHovered: isHovered,
+      isFocused: isFocused
+    }),
+    children: children
+  });
+}
+
+function AutocompleteItemsListContainer(_ref) {
+  var testID = _ref.testID,
+    children = _ref.children,
+    _ref$zIndex = _ref.zIndex,
+    zIndex = _ref$zIndex === void 0 ? 1000 : _ref$zIndex;
+  return /*#__PURE__*/jsx(View, {
+    testID: testID,
+    zIndex: zIndex,
+    top: "kitt.2",
+    left: 0,
+    position: "absolute",
+    flexGrow: 1,
+    width: "100%",
+    paddingY: "kitt.2",
+    borderRadius: "kitt.forms.autocomplete.optionsContainer.borderRadius",
+    backgroundColor: "kitt.forms.autocomplete.optionsContainer.backgroundColor",
+    shadow: "kitt.forms.autocomplete.optionsContainer.shadow",
+    _android: {
+      style: {
+        elevation: 2
+      }
+    },
+    children: children
+  });
+}
+
+var _excluded$s = ["children"];
+function AutocompleteOption(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded$s);
+  return /*#__PURE__*/jsx(View, _objectSpread(_objectSpread({
+    paddingX: {
+      base: 'kitt.2',
+      small: 'kitt.4'
+    },
+    paddingY: "kitt.forms.autocomplete.option.verticalPadding"
+  }, props), {}, {
+    children: children
+  }));
+}
+
+var _excluded$r = ["children", "name", "disabled", "placeholder", "isInitialOpen", "initialValue", "containerProps", "filterItemBasedOnCurrentInputValue", "checkSelectedItem", "itemToString", "right", "onChange", "onFocus", "onBlur", "onInputChange", "onSelectItem", "onOuterPress", "errorElement", "emptyResultsElement", "inputTestID", "listContainerTestID", "zIndex"],
+  _excluded2$4 = ["onClick", "onPress"],
+  _excluded3$3 = ["onKeyDown", "onFocus", "onBlur", "onChange"],
+  _excluded4$2 = ["onClick", "onPress", "role", "aria-selected"];
+function isReactElement(element) {
+  return _typeof(element) === 'object' && element !== null && 'type' in element && 'props' in element;
+}
+function Autocomplete(_ref) {
+  var _children = _ref.children,
+    name = _ref.name,
+    disabled = _ref.disabled,
+    placeholder = _ref.placeholder,
+    isInitialOpen = _ref.isInitialOpen,
+    initialValue = _ref.initialValue,
+    containerProps = _ref.containerProps,
+    filterItemBasedOnCurrentInputValue = _ref.filterItemBasedOnCurrentInputValue,
+    checkSelectedItem = _ref.checkSelectedItem,
+    itemToString = _ref.itemToString,
+    right = _ref.right,
+    _onChange = _ref.onChange,
+    _onFocus = _ref.onFocus,
+    _onBlur = _ref.onBlur,
+    onInputChange = _ref.onInputChange,
+    onSelectItem = _ref.onSelectItem,
+    onOuterPress = _ref.onOuterPress,
+    errorElement = _ref.errorElement,
+    emptyResultsElement = _ref.emptyResultsElement,
+    _ref$inputTestID = _ref.inputTestID,
+    inputTestID = _ref$inputTestID === void 0 ? 'kitt.Autocomplete.inputText' : _ref$inputTestID,
+    _ref$listContainerTes = _ref.listContainerTestID,
+    listContainerTestID = _ref$listContainerTes === void 0 ? 'kitt.Autocomplete.listContainer' : _ref$listContainerTes,
+    _ref$zIndex = _ref.zIndex,
+    zIndex = _ref$zIndex === void 0 ? 1000 : _ref$zIndex,
+    props = _objectWithoutProperties(_ref, _excluded$r);
+  var childrenArray = Children.toArray(_children);
+  var items = childrenArray.filter(isReactElement).map(function (child) {
+    return {
+      child: child,
+      item: child.props.item
+    };
+  });
+  return /*#__PURE__*/jsx(Downshift, {
+    defaultIsOpen: isInitialOpen,
+    initialSelectedItem: initialValue,
+    initialInputValue: initialValue ? itemToString(initialValue) : undefined,
+    itemToString: function handleItemToString(item) {
+      // Prevents returning null values
+      if (!itemToString) return '';
+      return itemToString(item || undefined);
+    },
+    stateReducer: function stateReducer(state, changes) {
+      switch (changes.type) {
+        case Downshift.stateChangeTypes.changeInput:
+          return _objectSpread(_objectSpread({}, changes), {}, {
+            selectedItem: null
+          });
+        default:
+          return changes;
+      }
+    },
+    onChange: function onChange(selectedItem, stateAndHelpers) {
+      if (_onChange) {
+        _onChange(selectedItem, stateAndHelpers);
+      }
+    },
+    onSelect: onSelectItem,
+    onOuterClick: onOuterPress,
+    onInputValueChange: onInputChange,
+    children: function children(_ref2) {
+      var getRootProps = _ref2.getRootProps,
+        getInputProps = _ref2.getInputProps,
+        getMenuProps = _ref2.getMenuProps,
+        getItemProps = _ref2.getItemProps,
+        getToggleButtonProps = _ref2.getToggleButtonProps,
+        isOpen = _ref2.isOpen,
+        inputValue = _ref2.inputValue,
+        highlightedIndex = _ref2.highlightedIndex,
+        selectedItem = _ref2.selectedItem,
+        openMenu = _ref2.openMenu;
+      var shouldSuppressRefError = "web" !== 'web';
+      var rootProps = getRootProps(undefined, {
+        suppressRefError: shouldSuppressRefError
+      });
+      var menuProps = getMenuProps(undefined, {
+        suppressRefError: shouldSuppressRefError
+      });
+      var _getToggleButtonProps = getToggleButtonProps({
+          disabled: disabled
+        }),
+        onClickToggle = _getToggleButtonProps.onClick;
+        _getToggleButtonProps.onPress;
+        var toggleProps = _objectWithoutProperties(_getToggleButtonProps, _excluded2$4);
+      var _getInputProps = getInputProps({
+          placeholder: placeholder,
+          disabled: disabled
+        }),
+        onKeyDown = _getInputProps.onKeyDown,
+        onSearchInputFocus = _getInputProps.onFocus,
+        onSearchInputBlur = _getInputProps.onBlur,
+        onSearchInputChange = _getInputProps.onChange,
+        inputProps = _objectWithoutProperties(_getInputProps, _excluded3$3);
+      var hasCurrentSearch = inputValue && inputValue.length > 0;
+      var currentItems = hasCurrentSearch && filterItemBasedOnCurrentInputValue ? items.filter(function (_ref3) {
+        var item = _ref3.item;
+        if (!filterItemBasedOnCurrentInputValue) return true;
+        return filterItemBasedOnCurrentInputValue(item, inputValue || '');
+      }) : items;
+
+      // We need to check if the menu is open and if there is at least one item or an error element to prevent displaying an empty container
+      var isCurrentlyOpen = isOpen ? currentItems.length > 0 || !!errorElement || !!emptyResultsElement : false;
+      var canDisplayCollapseButton = currentItems.length > 0 || !!errorElement || !!emptyResultsElement;
+      return /*#__PURE__*/jsxs(View, _objectSpread(_objectSpread(_objectSpread({}, rootProps), containerProps), {}, {
+        zIndex: zIndex,
+        position: "relative",
+        children: [/*#__PURE__*/jsx(InputText, _objectSpread(_objectSpread(_objectSpread({}, inputProps), props), {}, {
+          name: name,
+          testID: inputTestID,
+          right: right || (canDisplayCollapseButton ? /*#__PURE__*/jsx(InputPressable, _objectSpread(_objectSpread({}, toggleProps), {}, {
+            testID: "kitt.Autocomplete.listToggle",
+            hitSlop: 40,
+            onPress: function handleTogglePress(e) {
+              onClickToggle(e);
+            },
+            children: /*#__PURE__*/jsx(InputIcon, {
+              icon: isCurrentlyOpen ? /*#__PURE__*/jsx(ArrowUpIcon, {}) : /*#__PURE__*/jsx(ArrowDownIcon, {})
+            })
+          })) : null),
+          onFocus: function onFocus(e) {
+            openMenu();
+            /** @ts-expect-error onFocus wants web events */
+            if (onSearchInputFocus) onSearchInputFocus(e);
+            if (_onFocus) _onFocus(e);
+          },
+          onBlur: function onBlur(e) {
+            /** @ts-expect-error onBlur wants web events */
+            if (onSearchInputBlur) onSearchInputBlur(e);
+            if (_onBlur) _onBlur(e);
+          }
+          /** @ts-expect-error onSearchInputChange wants web events */,
+          onChange: onSearchInputChange
+          /** @ts-expect-error onKeyDown wants web events */,
+          onKeyPress: onKeyDown
+        })), /*#__PURE__*/jsx(View, _objectSpread(_objectSpread({}, menuProps), {}, {
+          position: "relative",
+          children: isCurrentlyOpen ? /*#__PURE__*/jsxs(AutocompleteItemsListContainer, {
+            testID: listContainerTestID,
+            children: [currentItems.map(function (_ref4, index) {
+              var child = _ref4.child,
+                item = _ref4.item;
+              var _getItemProps = getItemProps({
+                  item: item,
+                  index: index
+                }),
+                onClick = _getItemProps.onClick;
+                _getItemProps.onPress;
+                var role = _getItemProps.role,
+                ariaSelected = _getItemProps['aria-selected'],
+                itemProps = _objectWithoutProperties(_getItemProps, _excluded4$2);
+              return /*#__PURE__*/jsx(Pressable, _objectSpread(_objectSpread({}, itemProps), {}, {
+                accessibilityRole: role,
+                accessibilityState: {
+                  selected: ariaSelected
+                },
+                disabled: disabled,
+                onPress: function onPress(e) {
+                  if (onClick) onClick(e);
+                },
+                children: function children(_ref5) {
+                  var isHovered = _ref5.isHovered,
+                    isFocused = _ref5.isFocused,
+                    isPressed = _ref5.isPressed;
+                  return /*#__PURE__*/jsx(AutocompleteItem, {
+                    item: item,
+                    isHighlighted: highlightedIndex === index,
+                    isHovered: isHovered,
+                    isFocused: isFocused,
+                    isPressed: isPressed,
+                    isSelected: checkSelectedItem(selectedItem || undefined, item),
+                    children: child
+                  });
+                }
+              }), itemProps.id);
+            }), errorElement, emptyResultsElement]
+          }) : null
+        }))]
+      }));
+    }
+  });
+}
+Autocomplete.Option = AutocompleteOption;
+/**
+ * @description: This is exported for testing purposes only
+ */
+Autocomplete.UnsafeInternalItem = AutocompleteItem;
+
 function getBackgroundColor$3(_ref) {
   var isDisabled = _ref.isDisabled,
     isPressed = _ref.isPressed,
@@ -3757,94 +4179,25 @@ function onDatePartChange(_ref) {
   if (maxDate) {
     maxDate.setMinutes(0);
     maxDate.setHours(0);
-    maxDate.setSeconds(0);
-    maxDate.setMilliseconds(0);
-    var isMaxDateBeforeNextValue = nextValue.getTime() > maxDate.getTime();
-    if (isMaxDateBeforeNextValue) {
-      if (onFocus) onFocus();
-      onChange(undefined);
-      if (onBlur) onBlur();
-      return;
-    }
-  }
-  if (onFocus) onFocus();
-  onChange(nextValue);
-  if (onBlur) onBlur();
-}
-
-function stringToNumber(text) {
-  if (text.length === 0) return undefined;
-  return parseInt(text, 10);
-}
-
-var inputTextContainer = "kitt-u_inputTextContainer_i1encr9g";
-function InputTextContainer(props) {
-  return /*#__PURE__*/jsx("div", _objectSpread({
-    className: inputTextContainer
-  }, props));
-}
-
-var _excluded$q = ["id", "right", "state", "variant", "internalForceState", "disabled", "autoCorrect", "textContentType", "autoComplete", "keyboardType", "multiline", "onSubmitEditing"];
-var InputText = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var id = _ref.id,
-    right = _ref.right;
-    _ref.state;
-    var _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? 'outline' : _ref$variant,
-    internalForceState = _ref.internalForceState,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$autoCorrect = _ref.autoCorrect,
-    autoCorrect = _ref$autoCorrect === void 0 ? true : _ref$autoCorrect,
-    _ref$textContentType = _ref.textContentType,
-    textContentType = _ref$textContentType === void 0 ? 'none' : _ref$textContentType,
-    _ref$autoComplete = _ref.autoComplete,
-    autoComplete = _ref$autoComplete === void 0 ? 'off' : _ref$autoComplete,
-    _ref$keyboardType = _ref.keyboardType,
-    keyboardType = _ref$keyboardType === void 0 ? 'default' : _ref$keyboardType,
-    multiline = _ref.multiline,
-    onSubmitEditing = _ref.onSubmitEditing,
-    props = _objectWithoutProperties(_ref, _excluded$q);
-  var theme = useTheme();
-  var fontSizeForNativeBase = createNativeBaseFontSize({
-    base: 'body'
-  });
-  return /*#__PURE__*/jsxs(InputTextContainer, {
-    children: [/*#__PURE__*/jsx(Input, _objectSpread(_objectSpread({
-      ref: ref,
-      multiline: multiline,
-      nativeID: id,
-      isDisabled: internalForceState ? internalForceState === 'disabled' : disabled,
-      isHovered: internalForceState ? internalForceState === 'hover' : undefined,
-      isFocused: internalForceState ? internalForceState === 'focus' : undefined,
-      keyboardType: keyboardType,
-      autoComplete: autoComplete,
-      autoCorrect: autoCorrect,
-      textContentType: textContentType,
-      fontSize: fontSizeForNativeBase,
-      lineHeight:
-      // On basic text input, we set the line-height to zero for iOS to fix vertical text alignment
-      // This is a iOS only fix since having 0 as a line-height value breaks text inputs on Android
-      fontSizeForNativeBase,
-      fontWeight: "bodies.regular",
-      fontFamily: "bodies.regular",
-      py: !multiline && "web" !== 'web' ? 0 : undefined,
-      variant: variant
-    }, props), {}, {
-      onSubmitEditing: multiline ? function () {
-        return null;
-      } : onSubmitEditing
-    })), right ? /*#__PURE__*/jsx(View, {
-      position: "absolute",
-      right: 0,
-      top: 0,
-      bottom: 0,
-      justifyContent: "center",
-      padding: theme.kitt.forms.input.rightContainer.padding,
-      children: right
-    }) : null]
-  });
-});
+    maxDate.setSeconds(0);
+    maxDate.setMilliseconds(0);
+    var isMaxDateBeforeNextValue = nextValue.getTime() > maxDate.getTime();
+    if (isMaxDateBeforeNextValue) {
+      if (onFocus) onFocus();
+      onChange(undefined);
+      if (onBlur) onBlur();
+      return;
+    }
+  }
+  if (onFocus) onFocus();
+  onChange(nextValue);
+  if (onBlur) onBlur();
+}
+
+function stringToNumber(text) {
+  if (text.length === 0) return undefined;
+  return parseInt(text, 10);
+}
 
 function getCurrentInternalForcedState$1(_ref) {
   var isDisabled = _ref.isDisabled,
@@ -3902,7 +4255,7 @@ function PartContainer(_ref) {
   });
 }
 
-var _excluded$p = ["id", "value", "testID", "stretch", "placeholder", "minDate", "maxDate", "disabled", "isFocusedInternal", "isHoveredInternal", "isPressedInternal", "returnKeyType", "onChange", "onBlur", "onFocus", "onSubmitEditing"];
+var _excluded$q = ["id", "value", "testID", "stretch", "placeholder", "minDate", "maxDate", "disabled", "isFocusedInternal", "isHoveredInternal", "isPressedInternal", "returnKeyType", "onChange", "onBlur", "onFocus", "onSubmitEditing"];
 var KeyboardDatePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var id = _ref.id,
     value = _ref.value,
@@ -3920,7 +4273,7 @@ var KeyboardDatePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onBlur = _ref.onBlur,
     onFocus = _ref.onFocus,
     onSubmitEditing = _ref.onSubmitEditing;
-    _objectWithoutProperties(_ref, _excluded$p);
+    _objectWithoutProperties(_ref, _excluded$q);
   var monthRef = useRef(null);
   var yearRef = useRef(null);
   var defaultValue = value;
@@ -4063,10 +4416,10 @@ var KeyboardDatePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
   });
 });
 
-var _excluded$o = ["value"];
+var _excluded$p = ["value"];
 var DatePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var value = _ref.value,
-    props = _objectWithoutProperties(_ref, _excluded$o);
+    props = _objectWithoutProperties(_ref, _excluded$p);
   // in apps, final-form can give a string value that will break the component
   var currentValue = value || undefined;
   return /*#__PURE__*/jsx(KeyboardDatePicker, _objectSpread(_objectSpread({
@@ -4076,6 +4429,487 @@ var DatePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }));
 });
 
+var GoogleMapsApiKeyContext = /*#__PURE__*/createContext(undefined);
+function GoogleMapsApiKeyProvider(_ref) {
+  var children = _ref.children,
+    apiKey = _ref.apiKey;
+  return /*#__PURE__*/jsx(GoogleMapsApiKeyContext.Provider, {
+    value: apiKey,
+    children: children
+  });
+}
+
+function useGoogleMapApiKey() {
+  var context = useContext(GoogleMapsApiKeyContext);
+  if (!context) {
+    throw new Error('<GoogleMapsApiKeyContext> missing in the react tree');
+  }
+  return context;
+}
+
+function useGoogleMapsApi() {
+  var apiKey = useGoogleMapApiKey();
+  var autoCompleteServiceInstanceRef = useRef(null);
+  var placesServiceInstanceRef = useRef(null);
+  useEffect(function () {
+    if (autoCompleteServiceInstanceRef.current && placesServiceInstanceRef.current) return;
+    var loader = new Loader({
+      apiKey: apiKey,
+      libraries: ['places']
+    });
+    function loadMapsApi() {
+      return _loadMapsApi.apply(this, arguments);
+    }
+    function _loadMapsApi() {
+      _loadMapsApi = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        var placeApi;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _context.next = 3;
+              return loader.importLibrary('places');
+            case 3:
+              placeApi = _context.sent;
+              autoCompleteServiceInstanceRef.current = new placeApi.AutocompleteService();
+              placesServiceInstanceRef.current = new placeApi.PlacesService(document.createElement('div'));
+              _context.next = 11;
+              break;
+            case 8:
+              _context.prev = 8;
+              _context.t0 = _context["catch"](0);
+              console.error(_context.t0);
+            case 11:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, null, [[0, 8]]);
+      }));
+      return _loadMapsApi.apply(this, arguments);
+    }
+    loadMapsApi();
+  }, [apiKey]);
+  return {
+    autoComplete: {
+      getPlacePredictions: function getPlacePredictions(input) {
+        var promise = new Promise(function (resolve) {
+          var _autoCompleteServiceI;
+          (_autoCompleteServiceI = autoCompleteServiceInstanceRef.current) === null || _autoCompleteServiceI === void 0 ? void 0 : _autoCompleteServiceI.getPlacePredictions({
+            input: input
+          }, function (predictions, status) {
+            if (status !== google.maps.places.PlacesServiceStatus.OK) {
+              resolve({
+                status: status,
+                results: []
+              });
+              return;
+            }
+            resolve({
+              results: predictions,
+              status: status
+            });
+          });
+        });
+        return promise;
+      }
+    },
+    placesService: {
+      getDetails: function getDetails(placeId) {
+        var promise = new Promise(function (resolve) {
+          var _placesServiceInstanc;
+          (_placesServiceInstanc = placesServiceInstanceRef.current) === null || _placesServiceInstanc === void 0 ? void 0 : _placesServiceInstanc.getDetails({
+            placeId: placeId
+          }, function (place, status) {
+            if (status !== google.maps.places.PlacesServiceStatus.OK) {
+              resolve({
+                status: status,
+                result: undefined
+              });
+              return;
+            }
+            resolve({
+              result: place,
+              status: status
+            });
+          });
+        });
+        return promise;
+      }
+    }
+  };
+}
+
+var googleMapsAutocompleteReducer = function (state, action) {
+  switch (action.type) {
+    case 'search-change':
+      {
+        return _objectSpread(_objectSpread({}, state), {}, {
+          hasSearchError: false,
+          isLoadingSearch: true
+        });
+      }
+    case 'search-success':
+      {
+        return _objectSpread(_objectSpread({}, state), {}, {
+          hasSearchError: false,
+          isLoadingSearch: false,
+          items: action.payload.results
+        });
+      }
+    case 'search-error':
+      {
+        return _objectSpread(_objectSpread({}, state), {}, {
+          hasSearchError: true,
+          isLoadingSearch: false,
+          items: []
+        });
+      }
+    case 'select-result':
+      {
+        return _objectSpread(_objectSpread({}, state), {}, {
+          hasSelectResultError: false,
+          isLoadingResultDetails: true
+        });
+      }
+    case 'select-result-success':
+      {
+        return _objectSpread(_objectSpread({}, state), {}, {
+          hasSelectResultError: false,
+          isLoadingResultDetails: false,
+          currentSelectedValue: action.payload.result
+        });
+      }
+    case 'select-result-error':
+      {
+        return _objectSpread(_objectSpread({}, state), {}, {
+          hasSelectResultError: true,
+          isLoadingResultDetails: false,
+          currentSelectedValue: undefined
+        });
+      }
+    default:
+      return state;
+  }
+};
+
+function findComponentByType(typeName, components) {
+  return components.find(function (component) {
+    return component.types.includes(typeName);
+  });
+}
+var matchStreetNumberWithOriginalAddress = function () {
+  var streetNumber = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var address = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  var _ref = / *(\d*[-/_]{0,1}\d*) *(bis|ter|quater|quinquies|sexies|septies|octies|novies|decies|[a-z])? /i.exec(address) || [],
+    _ref2 = _slicedToArray(_ref, 3),
+    _ref2$ = _ref2[1],
+    number = _ref2$ === void 0 ? '' : _ref2$,
+    _ref2$2 = _ref2[2],
+    extension = _ref2$2 === void 0 ? '' : _ref2$2;
+  if (number) return "".concat(number).concat(extension);
+  return streetNumber;
+};
+var formatAddressFromGoogle = function (placeResult, originalAddress) {
+  var _placeResult$geometry, _placeResult$geometry2, _findComponentByType, _findComponentByType2, _findComponentByType3, _findComponentByType4, _findComponentByType5, _findComponentByType6, _findComponentByType7, _findComponentByType8;
+  var _placeResult$address_ = placeResult.address_components,
+    addressComponents = _placeResult$address_ === void 0 ? [] : _placeResult$address_;
+  return {
+    source: 'google',
+    lat: (_placeResult$geometry = placeResult.geometry) === null || _placeResult$geometry === void 0 ? void 0 : _placeResult$geometry.location.lat(),
+    lng: (_placeResult$geometry2 = placeResult.geometry) === null || _placeResult$geometry2 === void 0 ? void 0 : _placeResult$geometry2.location.lng(),
+    locality: (_findComponentByType = findComponentByType('locality', addressComponents)) === null || _findComponentByType === void 0 ? void 0 : _findComponentByType.long_name,
+    subLocality: (_findComponentByType2 = findComponentByType('sublocality', addressComponents)) === null || _findComponentByType2 === void 0 ? void 0 : _findComponentByType2.long_name,
+    zipcode: (_findComponentByType3 = findComponentByType('postal_code', addressComponents)) === null || _findComponentByType3 === void 0 ? void 0 : _findComponentByType3.long_name,
+    streetName: (_findComponentByType4 = findComponentByType('route', addressComponents)) === null || _findComponentByType4 === void 0 ? void 0 : _findComponentByType4.long_name,
+    streetNumber: matchStreetNumberWithOriginalAddress((_findComponentByType5 = findComponentByType('street_number', addressComponents)) === null || _findComponentByType5 === void 0 ? void 0 : _findComponentByType5.long_name, originalAddress),
+    country: (_findComponentByType6 = findComponentByType('country', addressComponents)) === null || _findComponentByType6 === void 0 ? void 0 : _findComponentByType6.long_name,
+    administrativeAreaLevel1: (_findComponentByType7 = findComponentByType('administrative_area_level_1', addressComponents)) === null || _findComponentByType7 === void 0 ? void 0 : _findComponentByType7.long_name,
+    administrativeAreaLevel2: (_findComponentByType8 = findComponentByType('administrative_area_level_1', addressComponents)) === null || _findComponentByType8 === void 0 ? void 0 : _findComponentByType8.long_name
+  };
+};
+
+var GoogleMapsAutocompleteContext = /*#__PURE__*/createContext({
+  state: {
+    items: [],
+    currentSelectedValue: undefined,
+    isLoadingSearch: false,
+    hasSearchError: false,
+    hasSelectResultError: false,
+    isLoadingResultDetails: false,
+    shouldDisplayEmptyStateWhenNoResults: false
+  },
+  onInputChange: function onInputChange() {
+    return Promise.resolve();
+  },
+  onSelectItem: function onSelectItem() {}
+});
+function GoogleMapsAutocompleteProvider(_ref) {
+  var children = _ref.children,
+    _ref$minCharsToSearch = _ref.minCharsToSearch,
+    minCharsToSearch = _ref$minCharsToSearch === void 0 ? 3 : _ref$minCharsToSearch,
+    _ref$debounceTimeout = _ref.debounceTimeout,
+    debounceTimeout = _ref$debounceTimeout === void 0 ? 950 : _ref$debounceTimeout;
+  var mapsApi = useGoogleMapsApi();
+  var searchResultsCache = useRef({});
+  var resultDetailsCache = useRef({});
+  var _useReducer = useReducer(googleMapsAutocompleteReducer, {
+      items: [],
+      shouldDisplayEmptyStateWhenNoResults: false
+    }),
+    _useReducer2 = _slicedToArray(_useReducer, 2),
+    state = _useReducer2[0],
+    dispatch = _useReducer2[1];
+  var handleInputChange = useDebouncedCallback(useCallback( /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(value) {
+      var predictionsPromise, _yield$predictionsPro, results, status;
+      return _regeneratorRuntime().wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!(value.length < minCharsToSearch)) {
+              _context.next = 2;
+              break;
+            }
+            return _context.abrupt("return");
+          case 2:
+            dispatch({
+              type: 'search-change'
+            });
+
+            // If the user types the same value as the previous search, we don't need to call the API again
+            predictionsPromise = searchResultsCache.current[value] ? Promise.resolve({
+              results: searchResultsCache.current[value],
+              status: 'OK'
+            }) : mapsApi.autoComplete.getPlacePredictions(value);
+            _context.prev = 4;
+            _context.next = 7;
+            return predictionsPromise;
+          case 7:
+            _yield$predictionsPro = _context.sent;
+            results = _yield$predictionsPro.results;
+            status = _yield$predictionsPro.status;
+            if (!(status !== 'OK')) {
+              _context.next = 13;
+              break;
+            }
+            dispatch({
+              type: 'search-error'
+            });
+            return _context.abrupt("return");
+          case 13:
+            // We cache the results to avoid calling the API again if the user types the same value
+            searchResultsCache.current[value] = results;
+            dispatch({
+              type: 'search-success',
+              payload: {
+                results: results
+              }
+            });
+            _context.next = 20;
+            break;
+          case 17:
+            _context.prev = 17;
+            _context.t0 = _context["catch"](4);
+            dispatch({
+              type: 'search-error'
+            });
+          case 20:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[4, 17]]);
+    }));
+    return function () {
+      return _ref2.apply(this, arguments);
+    };
+  }(), [mapsApi.autoComplete, minCharsToSearch]), debounceTimeout);
+  var handleSelectItem = useCallback( /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(item, onChange) {
+      var placePromise, place, formattedAddress;
+      return _regeneratorRuntime().wrap(function (_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            if (item !== null && item !== void 0 && item.place_id) {
+              _context2.next = 3;
+              break;
+            }
+            if (onChange) onChange(undefined);
+            return _context2.abrupt("return");
+          case 3:
+            dispatch({
+              type: 'select-result'
+            });
+            _context2.prev = 4;
+            // If we already have the details in cache, we don't need to fetch them again
+            placePromise = resultDetailsCache.current[item.place_id] ? Promise.resolve(resultDetailsCache.current[item.place_id]) : mapsApi.placesService.getDetails(item.place_id).then(function (_ref4) {
+              var result = _ref4.result;
+              return result;
+            });
+            _context2.next = 8;
+            return placePromise;
+          case 8:
+            place = _context2.sent;
+            if (place) {
+              _context2.next = 13;
+              break;
+            }
+            dispatch({
+              type: 'select-result-error'
+            });
+            if (onChange) onChange(undefined);
+            return _context2.abrupt("return");
+          case 13:
+            dispatch({
+              type: 'select-result-success',
+              payload: {
+                result: place
+              }
+            });
+            formattedAddress = formatAddressFromGoogle(place, item.description); // We cache the result details to avoid fetching them again if the user selects the same item
+            resultDetailsCache.current[item.place_id] = place;
+            if (onChange) onChange(formattedAddress);
+            _context2.next = 23;
+            break;
+          case 19:
+            _context2.prev = 19;
+            _context2.t0 = _context2["catch"](4);
+            dispatch({
+              type: 'select-result-error'
+            });
+            if (onChange) onChange(undefined);
+          case 23:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2, null, [[4, 19]]);
+    }));
+    return function () {
+      return _ref3.apply(this, arguments);
+    };
+  }(), [mapsApi.placesService]);
+  var api = useMemo(function () {
+    return {
+      state: state,
+      onSelectItem: handleSelectItem,
+      onInputChange: handleInputChange
+    };
+  }, [handleInputChange, handleSelectItem, state]);
+  return /*#__PURE__*/jsx(GoogleMapsAutocompleteContext.Provider, {
+    value: api,
+    children: children
+  });
+}
+
+function useGoogleMapsAutocomplete() {
+  var context = useContext(GoogleMapsAutocompleteContext);
+  if (!context) {
+    throw new Error('<GoogleMapsAutocompleteProvider> missing in the react tree');
+  }
+  return context;
+}
+
+function InputAddressOption(_ref) {
+  var item = _ref.item;
+  var sharedTransform = {
+    style: {
+      transform: [{
+        translateY: 4
+      }]
+    }
+  };
+  return /*#__PURE__*/jsx(Autocomplete.Option, {
+    item: item,
+    children: /*#__PURE__*/jsxs(HStack, {
+      space: "kitt.2",
+      children: [/*#__PURE__*/jsx(View, {
+        _web: sharedTransform,
+        _ios: sharedTransform,
+        _android: sharedTransform,
+        children: /*#__PURE__*/jsx(TypographyIcon, {
+          icon: /*#__PURE__*/jsx(MapPinIcon, {}),
+          color: "black"
+        })
+      }), /*#__PURE__*/jsx(View, {
+        flexShrink: 1,
+        children: /*#__PURE__*/jsxs(Typography.Text, {
+          children: [/*#__PURE__*/jsx(Typography.Text, {
+            variant: "bold",
+            children: item.structured_formatting.main_text
+          }), item.structured_formatting.secondary_text ? /*#__PURE__*/jsxs(Typography.Text, {
+            color: "black-light",
+            variant: "bold",
+            children: [' ', item.structured_formatting.secondary_text]
+          }) : null]
+        })
+      })]
+    })
+  });
+}
+
+function defaultItemToString(item) {
+  if (!item) return '';
+  return item.structured_formatting.main_text;
+}
+
+// This function takes AutocompleteAddress and return a valid google AutocompletePrediction
+function formatInitialValueToAutocompletePrediction(address, placeId) {
+  return {
+    place_id: placeId,
+    description: '',
+    reference: '',
+    types: [],
+    terms: [],
+    matched_substrings: [],
+    structured_formatting: {
+      main_text: [address.streetName, address.streetNumber].filter(Boolean).join(' '),
+      main_text_matched_substrings: [],
+      secondary_text: [address.zipcode, address.locality, address.subLocality].filter(Boolean).join(' ')
+    }
+  };
+}
+
+var _excluded$o = ["initialValue", "itemToString", "errorElement", "emptyResultsElement", "onChange"];
+function InputAddress(_ref) {
+  var initialValue = _ref.initialValue,
+    _ref$itemToString = _ref.itemToString,
+    itemToString = _ref$itemToString === void 0 ? defaultItemToString : _ref$itemToString,
+    errorElement = _ref.errorElement,
+    emptyResultsElement = _ref.emptyResultsElement,
+    _onChange = _ref.onChange;
+    _objectWithoutProperties(_ref, _excluded$o);
+  var _useGoogleMapsAutocom = useGoogleMapsAutocomplete(),
+    state = _useGoogleMapsAutocom.state,
+    _onInputChange = _useGoogleMapsAutocom.onInputChange,
+    onSelectItem = _useGoogleMapsAutocom.onSelectItem;
+
+  // place_id is a google field that is not available within an AutoCompleteAddress, so we need to add a fake one when handling initial values
+  var formattedInitialValue = initialValue ? formatInitialValueToAutocompletePrediction(initialValue, 'initial-value-placeId') : undefined;
+  return /*#__PURE__*/jsx(Autocomplete, {
+    itemToString: itemToString,
+    initialValue: formattedInitialValue,
+    checkSelectedItem: function checkSelectedItem(selectedItem, item) {
+      return (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.place_id) === item.place_id;
+    },
+    right: state.isLoadingSearch || state.isLoadingResultDetails ? /*#__PURE__*/jsx(Icon, {
+      icon: /*#__PURE__*/jsx(LoaderIcon, {}),
+      color: "kitt.black"
+    }) : undefined,
+    errorElement: state.hasSearchError || state.hasSelectResultError ? errorElement : null,
+    emptyResultsElement: state.items.length === 0 ? emptyResultsElement : null,
+    onInputChange: function onInputChange(v) {
+      _onInputChange(v);
+    },
+    onChange: function onChange(v) {
+      onSelectItem(v, _onChange);
+    },
+    children: state.items.map(function (item) {
+      return /*#__PURE__*/jsx(InputAddressOption, {
+        item: item
+      }, item.place_id);
+    })
+  });
+}
+InputAddress.Option = InputAddressOption;
+
 var InputEmail = /*#__PURE__*/forwardRef(function (props, ref) {
   return /*#__PURE__*/jsx(InputText, _objectSpread({
     ref: ref,
@@ -4131,35 +4965,6 @@ function InputField(_ref) {
   });
 }
 
-function getIconColor(state, disabled) {
-  if (disabled) return 'black-light';
-  switch (state) {
-    case 'invalid':
-      return 'danger';
-    case 'valid':
-      return 'success';
-    default:
-      return undefined;
-  }
-}
-function InputIcon(_ref) {
-  var icon = _ref.icon,
-    state = _ref.state,
-    disabled = _ref.disabled;
-  var theme = useTheme();
-  var color = getIconColor(state, disabled);
-  return /*#__PURE__*/jsx(TypographyIcon, {
-    color: color,
-    icon: icon,
-    size: theme.kitt.forms.input.icon.size
-  });
-}
-
-function InputPressable(_ref) {
-  var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-  return /*#__PURE__*/jsx(Pressable$2, _objectSpread({}, props));
-}
-
 var _excluded$n = ["isPasswordDefaultVisible", "right"];
 var InputPassword = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var isPasswordDefaultVisible = _ref.isPasswordDefaultVisible,
@@ -5850,6 +6655,31 @@ function createKittNativeBaseCustomTheme(theme, appTheme) {
           }
         },
         forms: {
+          autocomplete: {
+            option: {
+              "default": {
+                backgroundColor: theme.forms.autocomplete.option["default"].backgroundColor
+              },
+              hovered: {
+                backgroundColor: theme.forms.autocomplete.option.hovered.backgroundColor
+              },
+              focused: {
+                backgroundColor: theme.forms.autocomplete.option.focused.backgroundColor
+              },
+              selected: {
+                backgroundColor: theme.forms.autocomplete.option.selected.backgroundColor
+              },
+              highlighted: {
+                backgroundColor: theme.forms.autocomplete.option.highlighted.backgroundColor
+              },
+              pressed: {
+                backgroundColor: theme.forms.autocomplete.option.pressed.backgroundColor
+              }
+            },
+            optionsContainer: {
+              backgroundColor: theme.forms.autocomplete.optionsContainer.backgroundColor
+            }
+          },
           input: {
             states: theme.forms.input.states
           },
@@ -6073,6 +6903,11 @@ function createKittNativeBaseCustomTheme(theme, appTheme) {
           borderRadius: theme.dialogModal.borderRadius
         },
         forms: {
+          autocomplete: {
+            optionsContainer: {
+              borderRadius: theme.forms.autocomplete.optionsContainer.borderRadius
+            }
+          },
           input: {
             borderRadius: theme.forms.input.borderRadius
           },
@@ -6328,6 +7163,11 @@ function createKittNativeBaseCustomTheme(theme, appTheme) {
           minHeight: theme.feedbackMessage.minHeight
         },
         forms: {
+          autocomplete: {
+            option: {
+              minHeight: theme.forms.autocomplete.option.minHeight
+            }
+          },
           datePicker: {
             minHeight: theme.forms.input.minHeight,
             day: {
@@ -6430,6 +7270,11 @@ function createKittNativeBaseCustomTheme(theme, appTheme) {
           overlayPadding: theme.dialogModal.overlayPadding
         },
         forms: {
+          autocomplete: {
+            option: {
+              verticalPadding: theme.forms.autocomplete.option.verticalPadding
+            }
+          },
           datePicker: {
             padding: theme.forms.input.padding
           },
@@ -6899,16 +7744,18 @@ function createKittNativeBaseCustomTheme(theme, appTheme) {
             shadowRadius: theme.dialogModal.shadow.radius
           }
         },
-        pciker: {
-          optionsContainer: {
-            shadow: {
-              shadowColor: theme.picker.web.optionsContainer.shadow.color,
-              shadowOffset: {
-                width: theme.picker.web.optionsContainer.shadow.offsetX,
-                height: theme.picker.web.optionsContainer.shadow.offsetY
-              },
-              shadowOpacity: theme.picker.web.optionsContainer.shadow.opacity,
-              shadowRadius: theme.picker.web.optionsContainer.shadow.radius
+        forms: {
+          autocomplete: {
+            optionsContainer: {
+              shadow: {
+                shadowColor: theme.forms.autocomplete.optionsContainer.shadow.color,
+                shadowOffset: {
+                  width: theme.forms.autocomplete.optionsContainer.shadow.offsetX,
+                  height: theme.forms.autocomplete.optionsContainer.shadow.offsetY
+                },
+                shadowOpacity: theme.forms.autocomplete.optionsContainer.shadow.opacity,
+                shadowRadius: theme.forms.autocomplete.optionsContainer.shadow.radius
+              }
             }
           }
         }
@@ -7525,7 +8372,7 @@ function SkeletonContent(_ref) {
 var _excluded$8 = ["isLoading", "style"],
   _excluded2$1 = ["size"],
   _excluded3$1 = ["size"],
-  _excluded4 = ["size"];
+  _excluded4$1 = ["size"];
 function Skeleton(_ref) {
   var _ref$isLoading = _ref.isLoading,
     isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
@@ -7571,7 +8418,7 @@ function Circle(_ref4) {
 }
 function Square(_ref5) {
   var size = _ref5.size,
-    props = _objectWithoutProperties(_ref5, _excluded4);
+    props = _objectWithoutProperties(_ref5, _excluded4$1);
   var currentSize = size || 'kitt.skeleton.shape.square.size';
   var currentBorderRadius = size ? size * 0.5 : 'kitt.skeleton.shape.square.borderRadius';
   return /*#__PURE__*/jsx(Skeleton, _objectSpread(_objectSpread({}, props), {}, {
@@ -7984,7 +8831,8 @@ function Story(_ref) {
 
 var _excluded$5 = ["title", "children", "internalIsDemoSection"],
   _excluded2 = ["title", "children"],
-  _excluded3 = ["title", "children"];
+  _excluded3 = ["title", "children"],
+  _excluded4 = ["children"];
 function StorySection(_ref) {
   var title = _ref.title,
     children = _ref.children,
@@ -8024,15 +8872,17 @@ function BlockSection(_ref3) {
   }));
 }
 function DemoSection(_ref4) {
-  var children = _ref4.children;
-  return /*#__PURE__*/jsx(View, {
-    marginBottom: "kitt.16",
+  var children = _ref4.children,
+    props = _objectWithoutProperties(_ref4, _excluded4);
+  return /*#__PURE__*/jsx(View, _objectSpread(_objectSpread({
+    marginBottom: "kitt.16"
+  }, props), {}, {
     children: /*#__PURE__*/jsx(StorySection, {
       internalIsDemoSection: true,
       title: "Demo",
       children: children
     })
-  });
+  }));
 }
 StorySection.SubSection = SubSection;
 StorySection.BlockSection = BlockSection;
@@ -8918,5 +9768,5 @@ function VerticalSteps(_ref) {
 }
 VerticalSteps.Step = ExternalStep;
 
-export { ActionCard, Actions, Avatar, BottomSheet, Button, CardModal, Center, Checkbox, ChoicesElements, DatePicker, DialogModal, Emoji, ExternalAppLink, ExternalLink, FlatList, Flex, FullscreenModal, HStack, Highlight, Icon, IconButton, Image, InputEmail, InputFeedback, InputField, InputIcon, InputPassword, InputPhone, InputPressable, InputTag, InputText, KittBreakpointNameEnum, KittBreakpoints, KittBreakpointsMax, KittMapConfigProvider, KittNativeBaseProvider, KittThemeDecorator, KittThemeProvider, Label, ListItem, LoaderIcon, MapMarkerLarge, MapMarkerPosition, MapMarkerSimple, MatchWindowSize, Message, ModalBehaviour, 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, theme, useBottomSheet, useBreakpointValue, useCurrentBreakpointName, useGetStaticMapImageUrl, useKittMapConfig, useKittTheme, useMatchWindowSize, useStaticBottomSheet, useStoryBlockColor, useTheme };
+export { ActionCard, Actions, Autocomplete, Avatar, BottomSheet, Button, CardModal, Center, Checkbox, ChoicesElements, DatePicker, DialogModal, Emoji, ExternalAppLink, ExternalLink, FlatList, Flex, FullscreenModal, GoogleMapsApiKeyProvider, GoogleMapsAutocompleteProvider, HStack, Highlight, Icon, IconButton, Image, InputAddress, InputEmail, InputFeedback, InputField, InputIcon, InputPassword, InputPhone, InputPressable, InputTag, InputText, KittBreakpointNameEnum, KittBreakpoints, KittBreakpointsMax, KittMapConfigProvider, KittNativeBaseProvider, KittThemeDecorator, KittThemeProvider, Label, ListItem, LoaderIcon, MapMarkerLarge, MapMarkerPosition, MapMarkerSimple, MatchWindowSize, Message, ModalBehaviour, 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, theme, useBottomSheet, useBreakpointValue, useCurrentBreakpointName, useGetStaticMapImageUrl, useKittMapConfig, useKittTheme, useMatchWindowSize, useStaticBottomSheet, useStoryBlockColor, useTheme };
 //# sourceMappingURL=index-browser-all.es.web.js.map