@ornikar/kitt-universal 27.3.1-canary.2a1e1042a7d526c8c6b6197a77f84626e0e5d206.0 → 27.5.0

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

@@ -22,9 +22,9 @@
 .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,0,1,1);transition:opacity 250ms cubic-bezier(0.42,0,1,1);}
+.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,0,1,1);transition:opacity 250ms cubic-bezier(0.42,0,1,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_pageLoaderContainer_ptkwz2j{width:60px;height:60px;-webkit-transform:scale(-1) rotate(90deg);-ms-transform:scale(-1) rotate(90deg);transform:scale(-1) rotate(90deg);}@-webkit-keyframes PageLoaderInit-kitt-u_pageLoaderContainer_ptkwz2j{0%{stroke-dashoffset:169.64600329384882px;}100%{stroke-dashoffset:0;}}@keyframes PageLoaderInit-kitt-u_pageLoaderContainer_ptkwz2j{0%{stroke-dashoffset:169.64600329384882px;}100%{stroke-dashoffset:0;}}@-webkit-keyframes PageLoaderOffset-kitt-u_pageLoaderContainer_ptkwz2j{0%{stroke-dashoffset:169.64600329384882px;}100%{stroke-dashoffset:33.929200658769766px;}}@keyframes PageLoaderOffset-kitt-u_pageLoaderContainer_ptkwz2j{0%{stroke-dashoffset:169.64600329384882px;}100%{stroke-dashoffset:33.929200658769766px;}}@-webkit-keyframes PageLoaderRotation-kitt-u_pageLoaderContainer_ptkwz2j{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes PageLoaderRotation-kitt-u_pageLoaderContainer_ptkwz2j{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}.kitt-u_pageLoaderContainer_ptkwz2j circle,.kitt-u_pageLoaderContainer_ptkwz2j g{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;}.kitt-u_pageLoaderContainer_ptkwz2j g[data-large-loader='base'] circle{-webkit-animation:1000ms cubic-bezier(0.39,0.575,0.565,1) 500ms forwards;animation:1000ms cubic-bezier(0.39,0.575,0.565,1) 500ms forwards;-webkit-animation-name:PageLoaderInit-kitt-u_pageLoaderContainer_ptkwz2j;animation-name:PageLoaderInit-kitt-u_pageLoaderContainer_ptkwz2j;}.kitt-u_pageLoaderContainer_ptkwz2j g[data-large-loader='fill']{-webkit-animation:1800ms linear 500ms infinite;animation:1800ms linear 500ms infinite;-webkit-animation-name:PageLoaderRotation-kitt-u_pageLoaderContainer_ptkwz2j;animation-name:PageLoaderRotation-kitt-u_pageLoaderContainer_ptkwz2j;}.kitt-u_pageLoaderContainer_ptkwz2j g[data-large-loader='fill'] circle{-webkit-animation:1800ms cubic-bezier(0.39,0.575,0.565,1) 500ms infinite alternate,2160ms linear 500ms infinite;animation:1800ms cubic-bezier(0.39,0.575,0.565,1) 500ms infinite alternate,2160ms linear 500ms infinite;-webkit-animation-name:PageLoaderOffset-kitt-u_pageLoaderContainer_ptkwz2j,PageLoaderRotation-kitt-u_pageLoaderContainer_ptkwz2j;animation-name:PageLoaderOffset-kitt-u_pageLoaderContainer_ptkwz2j,PageLoaderRotation-kitt-u_pageLoaderContainer_ptkwz2j;}
 .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;}

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

@@ -740,13 +740,23 @@ const card = {
 };
 
 const webAnimationContentDuration$2 = 400;
-const webAnimationContentEasing$2 = [0.77, 0, 0.175, 1];
+const webAnimationContentEasing$2 = {
+  x1: 0.77,
+  y1: 0,
+  x2: 0.175,
+  y2: 1
+};
 const webAnimationOverlayDuration$2 = 250;
-const webAnimationOverlayEasing$2 = [0.42, 0, 1, 1];
+const webAnimationOverlayEasing$2 = {
+  x1: 0.42,
+  y1: 0,
+  x2: 1,
+  y2: 1
+};
 const maxWidth = 540;
 const overlayHorizontalPadding = 24;
 const cardModal = {
-  borderRadius: 20,
+  borderRadius: spacing * 2,
   maxWidth,
   maxWidthWithPadding: maxWidth + overlayHorizontalPadding * 2,
   minHeight: 280,
@@ -834,11 +844,21 @@ const choices = {
 };
 
 const webAnimationContentDuration$1 = 400;
-const webAnimationContentEasing$1 = [0.77, 0, 0.175, 1];
+const webAnimationContentEasing$1 = {
+  x1: 0.77,
+  y1: 0,
+  x2: 0.175,
+  y2: 1
+};
 const webAnimationOverlayDuration$1 = 250;
-const webAnimationOverlayEasing$1 = [0.42, 0, 1, 1];
+const webAnimationOverlayEasing$1 = {
+  x1: 0.42,
+  y1: 0,
+  x2: 1,
+  y2: 1
+};
 const dialogModal = {
-  borderRadius: 20,
+  borderRadius: spacing * 2,
   maxWidth: 540,
   overlayPadding: {
     horizontal: 24,
@@ -1768,9 +1788,19 @@ const forms = {
 };
 
 const webAnimationContentDuration = 600;
-const webAnimationContentEasing = [0.77, 0, 0.175, 1];
+const webAnimationContentEasing = {
+  x1: 0.77,
+  y1: 0,
+  x2: 0.175,
+  y2: 1
+};
 const webAnimationOverlayDuration = 250;
-const webAnimationOverlayEasing = [0.42, 0, 1, 1];
+const webAnimationOverlayEasing = {
+  x1: 0.42,
+  y1: 0,
+  x2: 1,
+  y2: 1
+};
 const fullscreenModal = {
   header: {
     height: 56
@@ -1807,10 +1837,10 @@ const highlight = {
   },
   primary: {
     default: {
-      backgroundColor: deepPurpleColorPalette['beige.2']
+      backgroundColor: deepPurpleColorPalette['blue.1']
     },
     hover: {
-      backgroundColor: deepPurpleColorPalette['beige.4']
+      backgroundColor: deepPurpleColorPalette['blue.2']
     }
   },
   secondary: {
@@ -1831,10 +1861,14 @@ const highlight = {
   },
   dark: {
     default: {
-      backgroundColor: deepPurpleColorPalette['beige.2']
+      backgroundColor: deepPurpleColorPalette['grey.0'],
+      borderWidth: 1,
+      borderColor: deepPurpleColorPalette['beige.3']
     },
     hover: {
-      backgroundColor: deepPurpleColorPalette['beige.1']
+      backgroundColor: deepPurpleColorPalette['beige.1'],
+      borderWidth: 1,
+      borderColor: deepPurpleColorPalette['beige.3']
     }
   },
   success: {
@@ -1914,8 +1948,8 @@ const listItem = {
 
 const mapMarker = {
   home: {
-    default: colors.primaryLight,
-    selected: colors.primary,
+    default: deepPurpleColorPalette['grey.9'],
+    selected: deepPurpleColorPalette['grey.7'],
     svg: {
       height: 36
     },
@@ -1925,8 +1959,8 @@ const mapMarker = {
     }
   },
   meetingPoint: {
-    default: colors.black,
-    selected: colors.blackAnthracite,
+    default: deepPurpleColorPalette['deepPurple.8'],
+    selected: deepPurpleColorPalette['deepPurple.6'],
     svg: {
       width: 40,
       height: 43
@@ -5702,7 +5736,7 @@ function DocumentPicker({
         ...documentPickerOptions,
         multiple: false
       });
-      if (!result.canceled && result.assets[0].file) {
+      if (!result.canceled && result.assets[0]?.file) {
         onDocumentUpload(result.assets[0].file);
       }
     },
@@ -5733,7 +5767,7 @@ function ImagePicker({
           ...imagePickerOptions,
           allowsMultipleSelection: false
         });
-        if (!result.canceled) {
+        if (!result.canceled && result.assets[0]) {
           onImageSelected(result.assets[0]);
         }
       },
@@ -5991,17 +6025,17 @@ function GoogleMapsAutocompleteProvider({
         dispatch({
           type: 'search-error'
         });
-        return;
       }
-
-      // 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
-        }
-      });
+      if (results) {
+        // 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
+          }
+        });
+      }
     } catch (error) {
       dispatch({
         type: 'search-error'
@@ -7342,6 +7376,8 @@ function AnimatedContainer({
     },
     borderRadius: "kitt.highlight.borderRadius",
     padding: theme.kitt.highlight.padding[size],
+    borderWidth: theme.kitt.highlight[variant].default.borderWidth,
+    borderColor: theme.kitt.highlight[variant].default.borderColor,
     backgroundColor: isHovered ? theme.kitt.highlight[variant].hover.backgroundColor : theme.kitt.highlight[variant].default.backgroundColor,
     children: children
   });
@@ -7421,6 +7457,8 @@ function Highlight({
       borderRadius: "kitt.highlight.borderRadius",
       padding: theme.kitt.highlight.padding[size],
       backgroundColor: `kitt.highlight.${variant}.default.backgroundColor`,
+      borderWidth: theme.kitt.highlight[variant].default.borderWidth,
+      borderColor: theme.kitt.highlight[variant].default.borderColor,
       children: /*#__PURE__*/jsxRuntime.jsxs(HStack, {
         space: highlightStyle[size].spaceBetween,
         children: [icon && /*#__PURE__*/jsxRuntime.jsx(View, {
@@ -7758,12 +7796,11 @@ const SvgPinMarkerinline = props => /*#__PURE__*/jsxRuntime.jsxs("svg", {
   width: 34,
   height: 36,
   viewBox: "0 0 34 36",
-  fill: "none",
+  fill: "currentColor",
   xmlns: "http://www.w3.org/2000/svg",
   ...props,
   children: [/*#__PURE__*/jsxRuntime.jsx("path", {
     d: "M17 .5C26.113.5 33.5 7.887 33.5 17c0 8.272-6.087 15.121-14.025 16.315-.05.008-.157.054-.337.211-.173.151-.351.345-.56.57a5.972 5.972 0 0 1-.662.637c-.232.181-.545.367-.916.367-.37 0-.684-.186-.916-.367a5.972 5.972 0 0 1-.662-.637c-.209-.224-.387-.419-.56-.57-.18-.157-.287-.203-.337-.21C6.586 32.12.5 25.271.5 17 .5 7.887 7.887.5 17 .5Z",
-    fill: "#7B66FF",
     stroke: "#fff"
   }), /*#__PURE__*/jsxRuntime.jsx("path", {
     d: "M17 10a5.506 5.506 0 0 0-5.5 5.5c0 4.706 5 8.26 5.213 8.41a.5.5 0 0 0 .574 0c.213-.15 5.213-3.704 5.213-8.41A5.506 5.506 0 0 0 17 10Zm0 3.5a2 2 0 1 1 0 4 2 2 0 0 1 0-4Z",
@@ -7788,6 +7825,13 @@ const SvgShadowinline = props => /*#__PURE__*/jsxRuntime.jsx("svg", {
   })
 });
 
+let MapMarkerVariantEnum = /*#__PURE__*/function (MapMarkerVariantEnum) {
+  MapMarkerVariantEnum["HOME"] = "home";
+  MapMarkerVariantEnum["MEETING_POINT"] = "meetingPoint";
+  MapMarkerVariantEnum["CLOSE_MEETING_POINT"] = "closeMeetingPoint";
+  return MapMarkerVariantEnum;
+}({});
+
 const SCALE_DURATION = 300;
 const TRANSLATE_Y_DURATION = 150;
 const useNativeAnimation = ({
@@ -7844,18 +7888,12 @@ const getBackgroundColor$1 = ({
   isSelected,
   variant
 }) => {
-  if (variant === 'home') {
+  if (variant === MapMarkerVariantEnum.HOME || variant === MapMarkerVariantEnum.CLOSE_MEETING_POINT) {
     return isSelected || isHovered ? theme.mapMarker.home.selected : theme.mapMarker.home.default;
   }
   return isSelected || isHovered ? theme.mapMarker.meetingPoint.selected : theme.mapMarker.meetingPoint.default;
 };
 
-let MapMarkerVariantEnum = /*#__PURE__*/function (MapMarkerVariantEnum) {
-  MapMarkerVariantEnum["HOME"] = "home";
-  MapMarkerVariantEnum["MEETING_POINT"] = "meetingPoint";
-  MapMarkerVariantEnum["CLOSE_MEETING_POINT"] = "closeMeetingPoint";
-  return MapMarkerVariantEnum;
-}({});
 function StaticMapMarker$1({
   variant,
   isHovered,
@@ -7958,6 +7996,8 @@ const getColorByType = type => {
   switch (type) {
     case 'success':
     case 'danger':
+    case 'info':
+      return 'white';
     case 'warning':
     default:
       return 'black';
@@ -7967,6 +8007,8 @@ const getIconButtonColor = messageType => {
   switch (messageType) {
     case 'success':
     case 'danger':
+    case 'info':
+      return 'ghost';
     case 'warning':
     default:
       return 'black';
@@ -7987,7 +8029,7 @@ function BaseMessage({
     justifyContent: "space-between",
     minHeight: "kitt.feedbackMessage.minHeight",
     paddingTop: insets?.top,
-    borderRadius: hasNoRadius ? undefined : 'kitt.5',
+    borderRadius: hasNoRadius ? undefined : 'kitt.2',
     backgroundColor: `kitt.feedbackMessage.${type}.backgroundColor`,
     children: [/*#__PURE__*/jsxRuntime.jsxs(HStack, {
       flexGrow: 1,
@@ -7995,9 +8037,9 @@ function BaseMessage({
       alignSelf: "center",
       alignItems: "flex-start",
       paddingY: "kitt.4",
-      paddingX: "kitt.5",
+      paddingX: "kitt.4",
       children: [centeredText ? null : /*#__PURE__*/jsxRuntime.jsx(View, {
-        marginRight: "kitt.5",
+        marginRight: "kitt.2",
         children: /*#__PURE__*/jsxRuntime.jsx(Icon, {
           color: color,
           icon: /*#__PURE__*/jsxRuntime.jsx(IconContent, {
@@ -10886,6 +10928,7 @@ function Picker({
             paddingY: "kitt.2",
             children: childrenArray.map((child, index) => {
               const currentValue = items[index];
+              if (!currentValue) throw new Error(`Picker: No value found for item at index ${index}`);
               const {
                 onClick,
                 'aria-selected': ariaSelected,
@@ -11695,12 +11738,13 @@ function TabBar({
       ...props,
       children: react.Children.map(tabItems, (child, index) => {
         const tab = tabs[index];
+        if (!tab) throw new Error(`TabBar: tab is undefined at index ${index}`);
         return /*#__PURE__*/jsxRuntime.jsx(View, {
           children: /*#__PURE__*/react.cloneElement(child, {
             color,
             onPress: event => {
               onChangeTab({
-                tab: tabs[index],
+                tab,
                 index
               });
               child.props.onPress?.(event);
@@ -11848,6 +11892,7 @@ const TimePicker = /*#__PURE__*/react.forwardRef(({
     // Format is hh:mm hence 5 characters
     if (currentInputValue.length < 5 || !currentInputValue.includes(':')) return;
     const [hours, minutes] = currentInputValue.split(':');
+    if (!hours || !minutes) return;
 
     // Prepare the next date. It clones the date value passed as prop if available
     const nextDate = value ? new Date(value) : new Date();
@@ -11888,6 +11933,7 @@ const TimePicker = /*#__PURE__*/react.forwardRef(({
         // When input has a value which is more than ':'
         if (hasSeparator && sanitizedValue.length > 1) {
           const [hours, minutes] = sanitizedValue.split(':');
+          if (!hours || !minutes) return;
           const currentHours = getDisplayedHours(hours);
           const currentMinutes = getDisplayedMinutes(minutes);
           const nextValue = `${currentHours}:${currentMinutes}`;