@ornikar/kitt-universal 31.3.2-canary.2f602b2cfade63278a988a7f253e6de89bdee0e8.0 → 31.3.2-canary.a176fae6a745e6f1b650fe56c3dca27af6b8816f.0

package/dist/index-node-22.17.cjs.web.css

@@ -1,3 +1,4 @@
+.kitt-u_overflowHidden_otm3u3{overflow:hidden;}
 .kitt-u_contentAnimationEnter_c11xxy4r{opacity:0;-webkit-transform:rotateZ(5deg) scale(0.8);-ms-transform:rotateZ(5deg) scale(0.8);transform:rotateZ(5deg) scale(0.8);}
 .kitt-u_contentAnimatioEnterActive_cl52117{opacity:1;-webkit-transform:rotateZ(0) scale(1);-ms-transform:rotateZ(0) scale(1);transform:rotateZ(0) scale(1);-webkit-transition:all 400ms cubic-bezier(0.77,0,0.175,1);transition:all 400ms cubic-bezier(0.77,0,0.175,1);}
 .kitt-u_contentAnimatioExit_cyjczep{opacity:1;-webkit-transform:rotateZ(0) scale(1);-ms-transform:rotateZ(0) scale(1);transform:rotateZ(0) scale(1);}

package/dist/index-node-22.17.cjs.web.js

@@ -4224,17 +4224,18 @@ function useStaticBottomSheet(Content) {
   };
 }
 
+const overflowHidden = "kitt-u_overflowHidden_otm3u3";
 function useBlockBodyScroll(shouldBlockScroll, isInitialRender) {
   react.useEffect(() => {
     if (shouldBlockScroll) {
-      document.body.style.overflow = 'hidden';
+      document.body.classList.add(overflowHidden);
     } else if (!isInitialRender) {
-      document.body.style.overflow = '';
+      document.body.classList.remove(overflowHidden);
     }
     return () => {
       // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- When leaving the website, document.body can be null
       if (document.body) {
-        document.body.style.overflow = '';
+        document.body.classList.remove(overflowHidden);
       }
     };
   }, [shouldBlockScroll, isInitialRender]);
@@ -6246,6 +6247,83 @@ function ImagePicker({
   });
 }
 
+function InputAddressOption({
+  item,
+  mainText,
+  secondaryText
+}) {
+  const sharedTransform = {
+    style: {
+      transform: 'translateY(4px)'
+    }
+  };
+  return /*#__PURE__*/jsxRuntime.jsx(Autocomplete.Option, {
+    item: item,
+    testID: "kitt.InputAddressOption.item",
+    children: /*#__PURE__*/jsxRuntime.jsxs(HStack, {
+      space: "kitt.2",
+      children: [/*#__PURE__*/jsxRuntime.jsx(View, {
+        _web: sharedTransform,
+        _ios: sharedTransform,
+        _android: sharedTransform,
+        children: /*#__PURE__*/jsxRuntime.jsx(TypographyIcon, {
+          icon: /*#__PURE__*/jsxRuntime.jsx(phosphor.MapPinRegularIcon, {}),
+          color: "black"
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx(View, {
+        flexShrink: 1,
+        children: /*#__PURE__*/jsxRuntime.jsxs(Typography.Text, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(Typography.Text, {
+            variant: "bold",
+            children: mainText
+          }), secondaryText ? /*#__PURE__*/jsxRuntime.jsxs(Typography.Text, {
+            color: "black-light",
+            variant: "bold",
+            children: [' ', secondaryText]
+          }) : null]
+        })
+      })]
+    })
+  });
+}
+
+function InputAddress({
+  errorElement,
+  initialValue,
+  emptyResultsElement,
+  onChange,
+  items,
+  isLoading,
+  hasError,
+  onInputChange,
+  onSelectItem,
+  convertInitialValue,
+  children,
+  ...props
+}) {
+  const formattedInitialValue = initialValue ? convertInitialValue(initialValue) : undefined;
+  return /*#__PURE__*/jsxRuntime.jsx(Autocomplete, {
+    ...props,
+    initialValue: formattedInitialValue,
+    right: isLoading ? /*#__PURE__*/jsxRuntime.jsx(Icon, {
+      icon: /*#__PURE__*/jsxRuntime.jsx(LoaderIcon, {}),
+      color: "kitt.black"
+    }) : undefined,
+    errorElement: hasError ? errorElement : null,
+    emptyResultsElement: items.length === 0 ? emptyResultsElement : null,
+    onInputChange: value => onInputChange(value),
+    onChange: item => onSelectItem(item, onChange),
+    children: items.map(item => {
+      const child = children(item);
+      return /*#__PURE__*/react.cloneElement(child, {
+        key: child.key,
+        item
+      });
+    })
+  });
+}
+InputAddress.Option = InputAddressOption;
+
 const GoogleMapsApiKeyContext = /*#__PURE__*/react.createContext(undefined);
 function GoogleMapsApiKeyProvider({
   children,
@@ -6571,7 +6649,7 @@ function useGoogleMapsAutocomplete() {
   return context;
 }
 
-function InputAddressOption({
+function InputAddressOptionLegacy({
   item
 }) {
   const sharedTransform = {
@@ -6581,7 +6659,7 @@ function InputAddressOption({
   };
   return /*#__PURE__*/jsxRuntime.jsx(Autocomplete.Option, {
     item: item,
-    testID: "kitt.InputAddressOption.item",
+    testID: "kitt.InputAddressOptionLegacy.item",
     children: /*#__PURE__*/jsxRuntime.jsxs(HStack, {
       space: "kitt.2",
       children: [/*#__PURE__*/jsxRuntime.jsx(View, {
@@ -6642,7 +6720,7 @@ function formatInitialValueToAutocompletePrediction(address, placeId) {
   };
 }
 
-function InputAddress({
+function InputAddressLegacy({
   initialValue,
   itemToString = defaultItemToString,
   errorElement,
@@ -6675,12 +6753,12 @@ function InputAddress({
     onChange: v => {
       onSelectItem(v, onChange);
     },
-    children: state.items.map(item => /*#__PURE__*/jsxRuntime.jsx(InputAddressOption, {
+    children: state.items.map(item => /*#__PURE__*/jsxRuntime.jsx(InputAddressOptionLegacy, {
       item: item
     }, item.place_id))
   });
 }
-InputAddress.Option = InputAddressOption;
+InputAddressLegacy.Option = InputAddressOptionLegacy;
 
 const InputEmail = /*#__PURE__*/react.forwardRef((props, ref) => {
   return /*#__PURE__*/jsxRuntime.jsx(InputText, {
@@ -13684,6 +13762,7 @@ exports.Image = Image;
 exports.ImagePicker = ImagePicker;
 exports.InfoCard = InfoCard;
 exports.InputAddress = InputAddress;
+exports.InputAddressLegacy = InputAddressLegacy;
 exports.InputEmail = InputEmail;
 exports.InputFeedback = InputFeedback;
 exports.InputField = InputField;