@ornikar/kitt-universal 29.4.2-canary.fd1b4b35933bafb4acef3ae114e07a03477878a2.0 → 29.5.1

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

@@ -4072,7 +4072,6 @@ function BottomSheetComp({
 }
 function BottomSheetContainerView(props) {
   return /*#__PURE__*/jsxRuntime.jsx(nativeBase.View, {
-    padding: "kitt.bottomSheet.container.padding",
     ...props
   });
 }
@@ -4579,9 +4578,6 @@ function CardModal({
   maxWidth = 'kitt.cardModal.maxWidth',
   withoutShadow,
   children,
-  header,
-  body,
-  footer,
   ...props
 }) {
   return /*#__PURE__*/jsxRuntime.jsx(View, {
@@ -4594,9 +4590,7 @@ function CardModal({
     maxHeight: "100%",
     maxWidth: maxWidth,
     minHeight: "kitt.cardModal.minHeight",
-    children: children || /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [header || null, body || null, footer || null]
-    })
+    children: children
   });
 }
 CardModal.Body = CardModalBody;
@@ -4664,7 +4658,10 @@ function AnimatedChoiceItemView({
     padding: size === 'small' ? 'kitt.2' : 'kitt.4'
   });
   return /*#__PURE__*/jsxRuntime.jsx(Animated__default.View, {
-    style: [style, animatedStyles],
+    style: [{
+      flexGrow: 1,
+      justifyContent: 'center'
+    }, style, animatedStyles],
     children: children
   });
 }
@@ -4764,6 +4761,7 @@ function ChoiceItem({
       checked: selected
     },
     style: style,
+    flexGrow: 1,
     onBlur: onBlur,
     onFocus: onFocus,
     onPress: e => {
@@ -4783,6 +4781,7 @@ function ChoiceItem({
       });
       return /*#__PURE__*/jsxRuntime.jsxs(VStack, {
         space: "kitt.2",
+        flexGrow: 1,
         children: [/*#__PURE__*/jsxRuntime.jsxs(AnimatedChoiceItemView, {
           animatedStyles: backgroundStyles,
           isHovered: isHovered || isHoveredInternal,
@@ -8376,30 +8375,11 @@ function FullscreenModalHeader({
 
 function FullscreenModal({
   children,
-  body,
-  header,
-  footer,
   backgroundColor
 }) {
   return /*#__PURE__*/jsxRuntime.jsx(FullscreenModalContainer, {
     backgroundColor: backgroundColor,
-    children: children || /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [header ? /*#__PURE__*/jsxRuntime.jsx(View, {
-        children: header
-      }) : null, /*#__PURE__*/jsxRuntime.jsxs(View, {
-        flexGrow: 1,
-        flexShrink: 1,
-        justifyContent: "space-between",
-        children: [/*#__PURE__*/jsxRuntime.jsx(reactNative.ScrollView, {
-          bounces: false,
-          contentContainerStyle: {
-            flexGrow: 1,
-            position: 'relative'
-          },
-          children: body
-        }), footer || null]
-      })]
-    })
+    children: children
   });
 }
 FullscreenModal.Header = FullscreenModalHeader;
@@ -11675,12 +11655,14 @@ function NavigationBottomSheetBody(props) {
     flexGrow: 1,
     flexShrink: 1,
     marginBottom: "kitt.4",
+    paddingX: "kitt.bottomSheet.container.padding",
     ...props
   });
 }
 function NavigationBottomSheetFooter(props) {
   return /*#__PURE__*/jsxRuntime.jsx(HStack, {
     width: "100%",
+    paddingX: "kitt.bottomSheet.container.padding",
     ...props
   });
 }
@@ -11739,24 +11721,16 @@ function NavigationModalBehaviour({
 }
 
 function NavigationModal({
-  body,
   backgroundColor,
-  footer,
-  header,
   children
 }) {
   const Component = useBreakpointValue({
     base: FullscreenModal,
     small: CardModal
   });
-  return children ? /*#__PURE__*/jsxRuntime.jsx(Component, {
+  return /*#__PURE__*/jsxRuntime.jsx(Component, {
     backgroundColor: backgroundColor,
     children: children
-  }) : /*#__PURE__*/jsxRuntime.jsx(Component, {
-    body: body,
-    backgroundColor: backgroundColor,
-    footer: footer,
-    header: header
   });
 }
 function Header(props) {