@ornikar/kitt-universal 25.51.0 → 25.51.1-canary.d67b65db8008c1a8549aa9a6ef5ca833bbea3980.0

package/dist/index-node-20.10.es.web.mjs

@@ -6997,6 +6997,8 @@ function FullscreenModalBody({
   const paddingBottom = shouldHandleBottomNotch ? Math.max(bottom, verticalPadding) : verticalPadding;
   const paddingTop = shouldHandleTopNotch ? Math.max(top, verticalPadding) : verticalPadding;
   return /*#__PURE__*/jsx(View, {
+    flexGrow: 1,
+    flexShrink: 1,
     ...props,
     paddingX: "kitt.fullscreenModal.horizontalPadding",
     paddingTop: paddingTop,
@@ -7209,28 +7211,31 @@ function FullscreenModalHeader({
 }
 
 function FullscreenModal({
+  children,
   body,
   header,
   footer,
   backgroundColor
 }) {
-  return /*#__PURE__*/jsxs(FullscreenModalContainer, {
+  return /*#__PURE__*/jsx(FullscreenModalContainer, {
     backgroundColor: backgroundColor,
-    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: 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]
+      })]
+    })
   });
 }
 FullscreenModal.Header = FullscreenModalHeader;
@@ -10764,13 +10769,17 @@ function NavigationModal({
   body,
   backgroundColor,
   footer,
-  header
+  header,
+  children
 }) {
   const Component = useBreakpointValue({
     base: FullscreenModal,
     small: CardModal
   });
-  return /*#__PURE__*/jsx(Component, {
+  return children ? /*#__PURE__*/jsx(Component, {
+    backgroundColor: backgroundColor,
+    children: children
+  }) : /*#__PURE__*/jsx(Component, {
     body: body,
     backgroundColor: backgroundColor,
     footer: footer,