@ornikar/kitt-universal 25.51.1-canary.f795a58d6b1d7afa1371e143a23a37803d7590e5.0 → 25.53.0

package/dist/index-metro.es.ios.js

@@ -5137,10 +5137,11 @@ function AutocompleteItemsListContainer({
   });
 }
 
-const _excluded$A = ["children"];
+const _excluded$A = ["children", "testID"];
 function AutocompleteOption(_ref) {
   let {
-      children
+      children,
+      testID = 'kitt.Autocomplete.option'
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded$A);
   return /*#__PURE__*/jsx(View, _objectSpread(_objectSpread({
@@ -5148,7 +5149,8 @@ function AutocompleteOption(_ref) {
       base: 'kitt.2',
       small: 'kitt.4'
     },
-    paddingY: "kitt.forms.autocomplete.option.verticalPadding"
+    paddingY: "kitt.forms.autocomplete.option.verticalPadding",
+    testID: testID
   }, props), {}, {
     children: children
   }));
@@ -6818,6 +6820,7 @@ function InputAddressOption({
   };
   return /*#__PURE__*/jsx(Autocomplete.Option, {
     item: item,
+    testID: "kitt.InputAddressOption.item",
     children: /*#__PURE__*/jsxs(HStack, {
       space: "kitt.2",
       children: [/*#__PURE__*/jsx(View, {
@@ -7781,10 +7784,7 @@ function FullscreenModalBody(_ref) {
   } = useTheme();
   const paddingBottom = shouldHandleBottomNotch ? Math.max(bottom, verticalPadding) : verticalPadding;
   const paddingTop = shouldHandleTopNotch ? Math.max(top, verticalPadding) : verticalPadding;
-  return /*#__PURE__*/jsx(View, _objectSpread(_objectSpread({
-    flexGrow: 1,
-    flexShrink: 1
-  }, props), {}, {
+  return /*#__PURE__*/jsx(View, _objectSpread(_objectSpread({}, props), {}, {
     paddingX: "kitt.fullscreenModal.horizontalPadding",
     paddingTop: paddingTop,
     paddingBottom: paddingBottom,
@@ -8066,31 +8066,28 @@ function FullscreenModalHeader(_ref) {
 }
 
 function FullscreenModal({
-  children,
   body,
   header,
   footer,
   backgroundColor
 }) {
-  return /*#__PURE__*/jsx(FullscreenModalContainer, {
+  return /*#__PURE__*/jsxs(FullscreenModalContainer, {
     backgroundColor: backgroundColor,
-    children: children || /*#__PURE__*/jsxs(Fragment, {
-      children: [header ? /*#__PURE__*/jsx(View, {
-        children: header
-      }) : null, /*#__PURE__*/jsxs(View, {
-        flexGrow: 1,
-        flexShrink: 1,
-        justifyContent: "space-between",
-        children: [/*#__PURE__*/jsx(ScrollView$2, {
-          bounces: false,
-          contentContainerStyle: {
-            flexGrow: 1,
-            position: 'relative'
-          },
-          children: body
-        }), footer || null]
-      })]
-    })
+    children: [header ? /*#__PURE__*/jsx(View, {
+      children: header
+    }) : null, /*#__PURE__*/jsxs(View, {
+      flexGrow: 1,
+      flexShrink: 1,
+      justifyContent: "space-between",
+      children: [/*#__PURE__*/jsx(ScrollView$2, {
+        bounces: false,
+        contentContainerStyle: {
+          flexGrow: 1,
+          position: 'relative'
+        },
+        children: body
+      }), footer || null]
+    })]
   });
 }
 FullscreenModal.Header = FullscreenModalHeader;
@@ -8497,6 +8494,8 @@ function IconButton({
   testID,
   ariaLabel,
   accessibilityRole = 'button',
+  withBadge,
+  bagdeCount,
   isHoveredInternal,
   isPressedInternal,
   isFocusedInternal,
@@ -8538,26 +8537,55 @@ function IconButton({
     }) => {
       const isCurrentHovered = isHovered || isHoveredInternal;
       const isCurrentPressed = isPressed || isPressedInternal;
-      return /*#__PURE__*/jsxs(AnimatedScale, {
-        isDisabled: disabled,
-        isHovered: isCurrentHovered,
-        isPressed: isCurrentPressed,
-        scaleStyles: scaleStyles,
-        children: [/*#__PURE__*/jsx(AnimatedBackground, {
-          color: color,
+      return /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsxs(AnimatedScale, {
           isDisabled: disabled,
           isHovered: isCurrentHovered,
           isPressed: isCurrentPressed,
-          isFocused: isFocused || isFocusedInternal,
-          opacityStyles: opacityStyles
-        }), /*#__PURE__*/jsx(View, {
-          alignItems: "center",
-          justifyContent: "center",
-          children: /*#__PURE__*/jsx(TypographyIcon, {
-            color: getIconButtonTextColorByColor(color, disabled),
-            icon: icon
+          scaleStyles: scaleStyles,
+          children: [/*#__PURE__*/jsx(AnimatedBackground, {
+            color: color,
+            isDisabled: disabled,
+            isHovered: isCurrentHovered,
+            isPressed: isCurrentPressed,
+            isFocused: isFocused || isFocusedInternal,
+            opacityStyles: opacityStyles
+          }), /*#__PURE__*/jsx(View, {
+            alignItems: "center",
+            justifyContent: "center",
+            children: /*#__PURE__*/jsx(TypographyIcon, {
+              color: getIconButtonTextColorByColor(color, disabled),
+              icon: icon
+            })
+          })]
+        }), withBadge ? /*#__PURE__*/jsx(View, {
+          height: "10px",
+          width: "10px",
+          backgroundColor: lateOceanColorPalette['coral.10'],
+          borderRadius: "kitt.iconButton.borderRadius",
+          position: "absolute",
+          top: "1px",
+          right: "1px"
+        }) : null, !withBadge && bagdeCount && bagdeCount > 0 ? /*#__PURE__*/jsx(View, {
+          height: "20px",
+          width: "20px",
+          backgroundColor: lateOceanColorPalette['coral.10'],
+          borderRadius: "kitt.iconButton.borderRadius",
+          position: "absolute",
+          top: "-6px",
+          right: "-6px",
+          children: /*#__PURE__*/jsx(View, {
+            alignItems: "center",
+            justifyContent: "center",
+            marginTop: "2px",
+            children: /*#__PURE__*/jsx(Typography.Text, {
+              base: "body-xs",
+              variant: "bold",
+              color: "white",
+              children: bagdeCount > 5 ? '+5' : bagdeCount
+            })
           })
-        })]
+        }) : null]
       });
     }
   });
@@ -11511,17 +11539,13 @@ function NavigationModal({
   body,
   backgroundColor,
   footer,
-  header,
-  children
+  header
 }) {
   const Component = useBreakpointValue({
     base: FullscreenModal,
     small: CardModal
   });
-  return children ? /*#__PURE__*/jsx(Component, {
-    backgroundColor: backgroundColor,
-    children: children
-  }) : /*#__PURE__*/jsx(Component, {
+  return /*#__PURE__*/jsx(Component, {
     body: body,
     backgroundColor: backgroundColor,
     footer: footer,