@ornikar/kitt-universal 31.4.1-canary.2fdbcaad37b7e76ba2442f7c56a4939349d51eb1.0 → 32.0.1

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

@@ -7,44 +7,14 @@
 .kitt-u_opacityExit_ogyytm1{opacity:1;}
 .kitt-u_opacityExitActive_o18xvk52{opacity:0;-webkit-transition:opacity 250ms cubic-bezier(0.42,0,1,1);transition:opacity 250ms cubic-bezier(0.42,0,1,1);}
 .kitt-u_inputTextContainer_i1encr9g{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;}.kitt-u_inputTextContainer_i1encr9g > *::-ms-clear,.kitt-u_inputTextContainer_i1encr9g > *::-ms-reveal{display:none;}.kitt-u_inputTextContainer_i1encr9g > *{-webkit-transition:border-color 200ms ease-in-out,background-color 200ms ease-in-out;transition:border-color 200ms ease-in-out,background-color 200ms ease-in-out;}
-/* Overlay animation styles - uses CSS variables for theme values */
-.FullscreenModalAnimation-module_overlay-enter__L1J1X {
-  opacity: 0;
-}
-
-.FullscreenModalAnimation-module_overlay-enter-active__gDEVb {
-  opacity: 1;
-  transition: opacity var(--overlay-duration) var(--overlay-easing);
-}
-
-.FullscreenModalAnimation-module_overlay-exit__Qx1WE {
-  opacity: 1;
-}
-
-.FullscreenModalAnimation-module_overlay-exit-active__lFR3x {
-  opacity: 0;
-  transition: opacity var(--overlay-duration) var(--overlay-easing);
-}
-
-/* Content animation styles - uses CSS variables for theme values */
-.FullscreenModalAnimation-module_content-enter__JmCWa {
-  transform: translateY(100%);
-}
-
-.FullscreenModalAnimation-module_content-enter-active__iaNRs {
-  transform: translateY(0);
-  transition: transform var(--content-duration) var(--content-easing);
-}
-
-.FullscreenModalAnimation-module_content-exit__hB0wY {
-  transform: translateY(0);
-}
-
-.FullscreenModalAnimation-module_content-exit-active__BPVPo {
-  transform: translateY(100%);
-  transition: transform var(--content-duration) var(--content-easing);
-}
-
+.kitt-u_slideInFromBottomEnter_s1717rto{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);}
+.kitt-u_slideInFromBottomEnterActive_sux6xgc{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:-webkit-transform 600ms cubic-bezier(0.77,0,0.175,1);-webkit-transition:transform 600ms cubic-bezier(0.77,0,0.175,1);transition:transform 600ms cubic-bezier(0.77,0,0.175,1);}
+.kitt-u_slideInFromBottomExit_sl0lsxt{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
+.kitt-u_slideInFromBottomExitActive_srlzzmu{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform 600ms cubic-bezier(0.77,0,0.175,1);-webkit-transition:transform 600ms cubic-bezier(0.77,0,0.175,1);transition:transform 600ms cubic-bezier(0.77,0,0.175,1);}
+.kitt-u_opacityEnter_okm44hr{opacity:0;}
+.kitt-u_opacityEnterActive_o2w8t0i{opacity:1;-webkit-transition:opacity 250ms cubic-bezier(0.42,1,0,1);transition:opacity 250ms cubic-bezier(0.42,1,0,1);}
+.kitt-u_opacityExit_o14r8iix{opacity:1;}
+.kitt-u_opacityExitActive_oim72y2{opacity:0;-webkit-transition:opacity 250ms cubic-bezier(0.42,1,0,1);transition:opacity 250ms cubic-bezier(0.42,1,0,1);}
 .kitt-u_enter_ereraf{-webkit-transform:translateY(8px);-ms-transform:translateY(8px);transform:translateY(8px);opacity:0;}
 .kitt-u_enterActive_e1jmsjrm{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
 .kitt-u_exit_e1mwnccz{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;}

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

@@ -847,15 +847,15 @@ const card = {
   }
 };
 
-const webAnimationContentDuration$1 = 400;
-const webAnimationContentEasing$1 = {
+const webAnimationContentDuration$2 = 400;
+const webAnimationContentEasing$2 = {
   x1: 0.77,
   y1: 0,
   x2: 0.175,
   y2: 1
 };
-const webAnimationOverlayDuration$1 = 250;
-const webAnimationOverlayEasing$1 = {
+const webAnimationOverlayDuration$2 = 250;
+const webAnimationOverlayEasing$2 = {
   x1: 0.42,
   y1: 0,
   x2: 1,
@@ -890,12 +890,12 @@ const cardModal = {
   },
   animation: {
     overlay: {
-      duration: webAnimationOverlayDuration$1,
-      easing: webAnimationOverlayEasing$1
+      duration: webAnimationOverlayDuration$2,
+      easing: webAnimationOverlayEasing$2
     },
     content: {
-      duration: webAnimationContentDuration$1,
-      easing: webAnimationContentEasing$1
+      duration: webAnimationContentDuration$2,
+      easing: webAnimationContentEasing$2
     }
   }
 };
@@ -951,15 +951,15 @@ const choices = {
   }
 };
 
-const webAnimationContentDuration = 400;
-const webAnimationContentEasing = {
+const webAnimationContentDuration$1 = 400;
+const webAnimationContentEasing$1 = {
   x1: 0.77,
   y1: 0,
   x2: 0.175,
   y2: 1
 };
-const webAnimationOverlayDuration = 250;
-const webAnimationOverlayEasing = {
+const webAnimationOverlayDuration$1 = 250;
+const webAnimationOverlayEasing$1 = {
   x1: 0.42,
   y1: 0,
   x2: 1,
@@ -981,12 +981,12 @@ const dialogModal = {
   },
   animation: {
     overlay: {
-      duration: webAnimationOverlayDuration,
-      easing: webAnimationOverlayEasing
+      duration: webAnimationOverlayDuration$1,
+      easing: webAnimationOverlayEasing$1
     },
     content: {
-      duration: webAnimationContentDuration,
-      easing: webAnimationContentEasing
+      duration: webAnimationContentDuration$1,
+      easing: webAnimationContentEasing$1
     }
   }
 };
@@ -1895,6 +1895,20 @@ const forms = {
   timePicker
 };
 
+const webAnimationContentDuration = 600;
+const webAnimationContentEasing = {
+  x1: 0.77,
+  y1: 0,
+  x2: 0.175,
+  y2: 1
+};
+const webAnimationOverlayDuration = 250;
+const webAnimationOverlayEasing = {
+  x1: 0.42,
+  y1: 0,
+  x2: 1,
+  y2: 1
+};
 const fullscreenModal = {
   header: {
     height: 56
@@ -1908,22 +1922,12 @@ const fullscreenModal = {
   },
   animation: {
     overlay: {
-      duration: 250,
-      easing: {
-        x1: 0.42,
-        y1: 0,
-        x2: 1,
-        y2: 1
-      }
+      duration: webAnimationOverlayDuration,
+      easing: webAnimationOverlayEasing
     },
     content: {
-      duration: 600,
-      easing: {
-        x1: 0.77,
-        y1: 0,
-        x2: 0.175,
-        y2: 1
-      }
+      duration: webAnimationContentDuration,
+      easing: webAnimationContentEasing
     }
   }
 };
@@ -4340,17 +4344,17 @@ const contentAnimationClassNames = {
   exit: contentAnimatioExit,
   exitActive: contentAnimatioExitActive
 };
-const opacityEnter = "kitt-u_opacityEnter_o1ae40dx";
-const opacityEnterActive = "kitt-u_opacityEnterActive_o1t4vl7b";
-const opacityExit = "kitt-u_opacityExit_ogyytm1";
-const opacityExitActive = "kitt-u_opacityExitActive_o18xvk52";
-const opacityClassNames = {
-  appear: opacityEnter,
-  appearActive: opacityEnterActive,
-  enter: opacityEnter,
-  enterActive: opacityEnterActive,
-  exit: opacityExit,
-  exitActive: opacityExitActive
+const opacityEnter$1 = "kitt-u_opacityEnter_o1ae40dx";
+const opacityEnterActive$1 = "kitt-u_opacityEnterActive_o1t4vl7b";
+const opacityExit$1 = "kitt-u_opacityExit_ogyytm1";
+const opacityExitActive$1 = "kitt-u_opacityExitActive_o18xvk52";
+const opacityClassNames$1 = {
+  appear: opacityEnter$1,
+  appearActive: opacityEnterActive$1,
+  enter: opacityEnter$1,
+  enterActive: opacityEnterActive$1,
+  exit: opacityExit$1,
+  exitActive: opacityExitActive$1
 };
 function CardModalAnimation({
   children,
@@ -4386,7 +4390,7 @@ function CardModalAnimation({
       ...sharedProps,
       nodeRef: overlayRef,
       timeout: isAnimationEnabled ? animation.overlay.duration : 0,
-      classNames: opacityClassNames,
+      classNames: opacityClassNames$1,
       children: /*#__PURE__*/jsxRuntime.jsx(Overlay, {
         ref: overlayRef,
         onPress: onClose
@@ -5042,7 +5046,8 @@ function DialogModalAnimation({
   onEntered,
   onExit,
   onExited,
-  onClose
+  onClose,
+  testID
 }) {
   const [isModalVisible, setIsModalVisible] = react.useState(visible);
   const [isContentVisible, setIsContentVisible] = react.useState(false);
@@ -5076,6 +5081,7 @@ function DialogModalAnimation({
       flexGrow: 1,
       justifyContent: "center",
       alignItems: "center",
+      testID: testID,
       children: [/*#__PURE__*/jsxRuntime.jsx(NativeOpacityAnimation, {
         visible: isContentVisible,
         onExited: handleAnimationExited,
@@ -6322,6 +6328,82 @@ 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,
+  renderItem,
+  ...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 itemElement = renderItem(item);
+      return /*#__PURE__*/react.cloneElement(itemElement, {
+        item
+      });
+    })
+  });
+}
+InputAddress.Option = InputAddressOption;
+
 const GoogleMapsApiKeyContext = /*#__PURE__*/react.createContext(undefined);
 function GoogleMapsApiKeyProvider({
   children,
@@ -6647,7 +6729,7 @@ function useGoogleMapsAutocomplete() {
   return context;
 }
 
-function InputAddressOption({
+function InputAddressOptionLegacy({
   item
 }) {
   const sharedTransform = {
@@ -6657,7 +6739,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, {
@@ -6718,7 +6800,7 @@ function formatInitialValueToAutocompletePrediction(address, placeId) {
   };
 }
 
-function InputAddress({
+function InputAddressLegacy({
   initialValue,
   itemToString = defaultItemToString,
   errorElement,
@@ -6751,12 +6833,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, {
@@ -7647,23 +7729,29 @@ function FullscreenModalFooter({
   });
 }
 
-const styles$1 = {"overlay-enter":"FullscreenModalAnimation-module_overlay-enter__L1J1X","overlay-enter-active":"FullscreenModalAnimation-module_overlay-enter-active__gDEVb","overlay-exit":"FullscreenModalAnimation-module_overlay-exit__Qx1WE","overlay-exit-active":"FullscreenModalAnimation-module_overlay-exit-active__lFR3x","content-enter":"FullscreenModalAnimation-module_content-enter__JmCWa","content-enter-active":"FullscreenModalAnimation-module_content-enter-active__iaNRs","content-exit":"FullscreenModalAnimation-module_content-exit__hB0wY","content-exit-active":"FullscreenModalAnimation-module_content-exit-active__BPVPo"};
-
-const overlayClassNames = {
-  appear: styles$1['overlay-enter'],
-  appearActive: styles$1['overlay-enter-active'],
-  enter: styles$1['overlay-enter'],
-  enterActive: styles$1['overlay-enter-active'],
-  exit: styles$1['overlay-exit'],
-  exitActive: styles$1['overlay-exit-active']
-};
+const slideInFromBottomEnter = "kitt-u_slideInFromBottomEnter_s1717rto";
+const slideInFromBottomEnterActive = "kitt-u_slideInFromBottomEnterActive_sux6xgc";
+const slideInFromBottomExit = "kitt-u_slideInFromBottomExit_sl0lsxt";
+const slideInFromBottomExitActive = "kitt-u_slideInFromBottomExitActive_srlzzmu";
 const slideInClassNames = {
-  appear: styles$1['content-enter'],
-  appearActive: styles$1['content-enter-active'],
-  enter: styles$1['content-enter'],
-  enterActive: styles$1['content-enter-active'],
-  exit: styles$1['content-exit'],
-  exitActive: styles$1['content-exit-active']
+  appear: slideInFromBottomEnter,
+  appearActive: slideInFromBottomEnterActive,
+  enter: slideInFromBottomEnter,
+  enterActive: slideInFromBottomEnterActive,
+  exit: slideInFromBottomExit,
+  exitActive: slideInFromBottomExitActive
+};
+const opacityEnter = "kitt-u_opacityEnter_okm44hr";
+const opacityEnterActive = "kitt-u_opacityEnterActive_o2w8t0i";
+const opacityExit = "kitt-u_opacityExit_o14r8iix";
+const opacityExitActive = "kitt-u_opacityExitActive_oim72y2";
+const opacityClassNames = {
+  appear: opacityEnter,
+  appearActive: opacityEnterActive,
+  enter: opacityEnter,
+  enterActive: opacityEnterActive,
+  exit: opacityExit,
+  exitActive: opacityExitActive
 };
 function FullscreenModalAnimation({
   children,
@@ -7691,44 +7779,31 @@ function FullscreenModalAnimation({
     appear,
     unmountOnExit
   };
-
-  // CSS custom properties for theme-based animation values
-  const overlayEasing = animation.overlay.easing;
-  const contentEasing = animation.content.easing;
-  const cssVariables = {
-    '--overlay-duration': `${animation.overlay.duration}ms`,
-    '--overlay-easing': `cubic-bezier(${overlayEasing.x1}, ${overlayEasing.y1}, ${overlayEasing.x2}, ${overlayEasing.y2})`,
-    '--content-duration': `${animation.content.duration}ms`,
-    '--content-easing': `cubic-bezier(${contentEasing.x1}, ${contentEasing.y1}, ${contentEasing.x2}, ${contentEasing.y2})`
-  };
-  return /*#__PURE__*/jsxRuntime.jsx(View, {
+  return /*#__PURE__*/jsxRuntime.jsxs(View, {
     ...props,
-    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
-      style: cssVariables,
-      children: [/*#__PURE__*/jsxRuntime.jsx(reactTransitionGroup.CSSTransition, {
-        ...sharedProps,
-        nodeRef: overlayRef,
-        timeout: isAnimationEnabled ? animation.overlay.duration : 0,
-        classNames: overlayClassNames,
-        children: /*#__PURE__*/jsxRuntime.jsx(Overlay, {
-          ref: overlayRef,
-          onPress: onClose
-        })
-      }), /*#__PURE__*/jsxRuntime.jsx(reactTransitionGroup.CSSTransition, {
-        ...sharedProps,
-        nodeRef: contentRef,
-        timeout: isAnimationEnabled ? animation.content.duration : 0,
-        classNames: slideInClassNames,
-        onEnter: onEnter,
-        onEntered: onEntered,
-        onExit: onExit,
-        onExited: onExited,
-        children: /*#__PURE__*/jsxRuntime.jsx(View, {
-          ref: contentRef,
-          children: children
-        })
-      })]
-    })
+    children: [/*#__PURE__*/jsxRuntime.jsx(reactTransitionGroup.CSSTransition, {
+      ...sharedProps,
+      nodeRef: overlayRef,
+      timeout: isAnimationEnabled ? animation.overlay.duration : 0,
+      classNames: opacityClassNames,
+      children: /*#__PURE__*/jsxRuntime.jsx(Overlay, {
+        ref: overlayRef,
+        onPress: onClose
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(reactTransitionGroup.CSSTransition, {
+      ...sharedProps,
+      nodeRef: contentRef,
+      timeout: isAnimationEnabled ? animation.content.duration : 0,
+      classNames: slideInClassNames,
+      onEnter: onEnter,
+      onEntered: onEntered,
+      onExit: onExit,
+      onExited: onExited,
+      children: /*#__PURE__*/jsxRuntime.jsx(View, {
+        ref: contentRef,
+        children: children
+      })
+    })]
   });
 }
 
@@ -13767,6 +13842,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;