@ornikar/kitt-universal 25.53.0 → 25.54.0

package/CHANGELOG.md

@@ -3,6 +3,15 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [25.54.0](https://github.com/ornikar/kitt/compare/@ornikar/kitt-universal@25.53.0...@ornikar/kitt-universal@25.54.0) (2025-05-20)
+
+
+### Features
+
+* **kitt-universal/modals:** compound components OSE-16940 ([#2583](https://github.com/ornikar/kitt/issues/2583)) ([8526da2](https://github.com/ornikar/kitt/commit/8526da2fa48454f88558b6f209a7434fdbc7714c))
+
+
+
 ## [25.53.0](https://github.com/ornikar/kitt/compare/@ornikar/kitt-universal@25.52.0...@ornikar/kitt-universal@25.53.0) (2025-05-19)
 
 

package/dist/definitions/CardModal/CardModal.d.ts

@@ -16,8 +16,11 @@ interface CardModalWithChildren extends BaseCardModalProps {
 }
 interface CardModalWithoutChildren extends BaseCardModalProps {
     children?: never;
+    /** @deprecated use `FullscreenModal.Header` as `children` instead */
     header?: ReactNode;
+    /** @deprecated use `FullscreenModal.Footer` as `children` instead */
     footer?: ReactNode;
+    /** @deprecated use `FullscreenModal.Body` as `children` instead */
     body: ReactNode;
 }
 export type CardModalProps = CardModalWithChildren | CardModalWithoutChildren;

package/dist/definitions/CardModal/CardModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardModal.d.ts","sourceRoot":"","sources":["../../../src/CardModal/CardModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,UAAU,kBAAmB,SAAQ,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC;IAChE,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,UAAU,qBAAsB,SAAQ,kBAAkB;IACxD,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC;CACd;AAED,UAAU,wBAAyB,SAAQ,kBAAkB;IAC3D,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,IAAI,EAAE,SAAS,CAAC;CACjB;AAED,MAAM,MAAM,cAAc,GAAG,qBAAqB,GAAG,wBAAwB,CAAC;AAE9E,wBAAgB,SAAS,CAAC,EACxB,eAA0C,EAC1C,QAAoC,EACpC,aAAa,EACb,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,MAAM,EACN,GAAG,KAAK,EACT,EAAE,cAAc,GAAG,SAAS,CAsB5B;yBA/Be,SAAS"}
+{"version":3,"file":"CardModal.d.ts","sourceRoot":"","sources":["../../../src/CardModal/CardModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,UAAU,kBAAmB,SAAQ,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC;IAChE,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,UAAU,qBAAsB,SAAQ,kBAAkB;IACxD,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC;CACd;AAED,UAAU,wBAAyB,SAAQ,kBAAkB;IAC3D,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,qEAAqE;IACrE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,qEAAqE;IACrE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,mEAAmE;IACnE,IAAI,EAAE,SAAS,CAAC;CACjB;AAED,MAAM,MAAM,cAAc,GAAG,qBAAqB,GAAG,wBAAwB,CAAC;AAE9E,wBAAgB,SAAS,CAAC,EACxB,eAA0C,EAC1C,QAAoC,EACpC,aAAa,EACb,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,MAAM,EACN,GAAG,KAAK,EACT,EAAE,cAAc,GAAG,SAAS,CAsB5B;yBA/Be,SAAS"}

package/dist/definitions/FullscreenModal/Body.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../src/FullscreenModal/Body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAK9C,MAAM,WAAW,wBAAyB,SAAQ,SAAS;IACzD,QAAQ,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACjC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,uBAAuB,EACvB,KAAK,EACL,oBAAoB,EACpB,GAAG,KAAK,EACT,EAAE,wBAAwB,GAAG,SAAS,CAuBtC"}
+{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../src/FullscreenModal/Body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAK9C,MAAM,WAAW,wBAAyB,SAAQ,SAAS;IACzD,QAAQ,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACjC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,uBAAuB,EACvB,KAAK,EACL,oBAAoB,EACpB,GAAG,KAAK,EACT,EAAE,wBAAwB,GAAG,SAAS,CAyBtC"}

package/dist/definitions/FullscreenModal/FullscreenModal.d.ts

@@ -4,17 +4,31 @@ import { FullscreenModalBody } from './Body';
 import { FullscreenModalFooter } from './Footer';
 import { FullscreenModalBehaviour } from './FullscreenModalBehaviour';
 import { FullscreenModalHeader } from './Header';
-export interface FullscreenModalProps {
+export interface BaseFullscreenModalProps {
+    backgroundColor?: ViewProps['backgroundColor'];
+}
+interface BaseFullscreenModalPropsWithChildren extends BaseFullscreenModalProps {
+    children: ReactNode;
+    header?: never;
+    footer?: never;
+    body?: never;
+}
+interface BaseFullscreenModalPropsWithoutChildren extends BaseFullscreenModalProps {
+    children?: never;
+    /** @deprecated use `FullscreenModal.Header` as `children` instead */
     header?: ReactNode;
+    /** @deprecated use `FullscreenModal.Footer` as `children` instead */
     footer?: ReactNode;
+    /** @deprecated use `FullscreenModal.Body` as `children` instead */
     body: ReactNode;
-    backgroundColor?: ViewProps['backgroundColor'];
 }
-export declare function FullscreenModal({ body, header, footer, backgroundColor }: FullscreenModalProps): ReactNode;
+export type FullscreenModalProps = BaseFullscreenModalPropsWithChildren | BaseFullscreenModalPropsWithoutChildren;
+export declare function FullscreenModal({ children, body, header, footer, backgroundColor }: FullscreenModalProps): ReactNode;
 export declare namespace FullscreenModal {
     var Header: typeof FullscreenModalHeader;
     var Footer: typeof FullscreenModalFooter;
     var Body: typeof FullscreenModalBody;
     var ModalBehaviour: typeof FullscreenModalBehaviour;
 }
+export {};
 //# sourceMappingURL=FullscreenModal.d.ts.map

package/dist/definitions/FullscreenModal/FullscreenModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FullscreenModal.d.ts","sourceRoot":"","sources":["../../../src/FullscreenModal/FullscreenModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;AAEpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAC7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AACjD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD,MAAM,WAAW,oBAAoB;IACnC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,IAAI,EAAE,SAAS,CAAC;IAChB,eAAe,CAAC,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;CAChD;AAED,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,EAAE,oBAAoB,GAAG,SAAS,CAY1G;yBAZe,eAAe"}
+{"version":3,"file":"FullscreenModal.d.ts","sourceRoot":"","sources":["../../../src/FullscreenModal/FullscreenModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;AAEpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAC7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AACjD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD,MAAM,WAAW,wBAAwB;IACvC,eAAe,CAAC,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;CAChD;AAED,UAAU,oCAAqC,SAAQ,wBAAwB;IAC7E,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC;CACd;AAED,UAAU,uCAAwC,SAAQ,wBAAwB;IAChF,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,qEAAqE;IACrE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,qEAAqE;IACrE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,mEAAmE;IACnE,IAAI,EAAE,SAAS,CAAC;CACjB;AAED,MAAM,MAAM,oBAAoB,GAAG,oCAAoC,GAAG,uCAAuC,CAAC;AAElH,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,EAAE,oBAAoB,GAAG,SAAS,CAgBpH;yBAhBe,eAAe"}

package/dist/definitions/NavigationModal/NavigationModal.d.ts

@@ -7,9 +7,8 @@ import type { FullscreenModalFooterProps } from '../FullscreenModal/Footer';
 import type { FullscreenModalProps } from '../FullscreenModal/FullscreenModal';
 import type { FullscreenModalHeaderProps } from '../FullscreenModal/Header';
 import { NavigationModalBehaviour } from './NavigationModalBehaviour';
-export interface NavigationModalProps extends FullscreenModalProps {
-}
-export declare function NavigationModal({ body, backgroundColor, footer, header }: NavigationModalProps): ReactNode;
+export type NavigationModalProps = FullscreenModalProps;
+export declare function NavigationModal({ body, backgroundColor, footer, header, children }: NavigationModalProps): ReactNode;
 export declare namespace NavigationModal {
     var Header: (props: HeaderProps) => ReactNode;
     var Body: (props: BodyProps) => ReactNode;

package/dist/definitions/NavigationModal/NavigationModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationModal.d.ts","sourceRoot":"","sources":["../../../src/NavigationModal/NavigationModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AAE5E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAC/E,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AAE5E,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,MAAM,WAAW,oBAAqB,SAAQ,oBAAoB;CAAG;AAErE,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,oBAAoB,GAAG,SAAS,CAO1G;yBAPe,eAAe;;;;;;AAS/B,KAAK,WAAW,GAAG,oBAAoB,GAAG,0BAA0B,CAAC;AAUrE,KAAK,SAAS,GAAG,kBAAkB,GAAG,wBAAwB,CAAC;AAU/D,KAAK,WAAW,GAAG,oBAAoB,GAAG,0BAA0B,CAAC"}
+{"version":3,"file":"NavigationModal.d.ts","sourceRoot":"","sources":["../../../src/NavigationModal/NavigationModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AAE5E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAC/E,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AAE5E,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,MAAM,MAAM,oBAAoB,GAAG,oBAAoB,CAAC;AAExD,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,oBAAoB,GAAG,SAAS,CAWpH;yBAXe,eAAe;;;;;;AAa/B,KAAK,WAAW,GAAG,oBAAoB,GAAG,0BAA0B,CAAC;AAUrE,KAAK,SAAS,GAAG,kBAAkB,GAAG,wBAAwB,CAAC;AAU/D,KAAK,WAAW,GAAG,oBAAoB,GAAG,0BAA0B,CAAC"}

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

@@ -7784,7 +7784,10 @@ 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({}, props), {}, {
+  return /*#__PURE__*/jsx(View, _objectSpread(_objectSpread({
+    flexGrow: 1,
+    flexShrink: 1
+  }, props), {}, {
     paddingX: "kitt.fullscreenModal.horizontalPadding",
     paddingTop: paddingTop,
     paddingBottom: paddingBottom,
@@ -8066,28 +8069,31 @@ function FullscreenModalHeader(_ref) {
 }
 
 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;
@@ -11539,13 +11545,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,