@ornikar/kitt-universal 25.46.0 → 25.46.1-canary.9950f4eb84cbfcf1d45de4e6c9ad226210c5404f.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [25.46.1-canary.9950f4eb84cbfcf1d45de4e6c9ad226210c5404f.0](https://github.com/ornikar/kitt/compare/@ornikar/kitt-universal@25.46.0...@ornikar/kitt-universal@25.46.1-canary.9950f4eb84cbfcf1d45de4e6c9ad226210c5404f.0) (2025-03-27)
+
+
+### Features
+
+* **BottomSheet:** handle override ([4eff30a](https://github.com/ornikar/kitt/commit/4eff30a2c4dcd4afe313a2bb1a769e832a343d36))
+* **CardModal:** handle override ([9950f4e](https://github.com/ornikar/kitt/commit/9950f4eb84cbfcf1d45de4e6c9ad226210c5404f))
+* **FullscreenModal:** handle override ([e7c7f9c](https://github.com/ornikar/kitt/commit/e7c7f9cddb1a062399b7f078356a5fd5a283befc))
+
+
+
 ## [25.46.0](https://github.com/ornikar/kitt/compare/@ornikar/kitt-universal@25.45.3...@ornikar/kitt-universal@25.46.0) (2025-03-25)
 
 

package/dist/definitions/BottomSheet/BottomSheet.d.ts

@@ -1,6 +1,6 @@
 import type { BottomSheetModalProps } from '@gorhom/bottom-sheet';
 import { BottomSheetBackdrop, BottomSheetFlatList, BottomSheetFooter, BottomSheetHandle, BottomSheetModal, BottomSheetScrollView, BottomSheetSectionList, BottomSheetTextInput, BottomSheetView } from '@gorhom/bottom-sheet';
-import type { ComponentType, ForwardedRef, ReactNode, Ref } from 'react';
+import type { ComponentType, ForwardedRef, PropsWithChildren, ReactNode, Ref } from 'react';
 import type { Except } from 'type-fest';
 import type { ViewProps } from '../native-base/primitives';
 export interface BottomSheetProps<Data = never> extends Except<BottomSheetModalProps, 'children' | 'topInset'> {
@@ -8,8 +8,9 @@ export interface BottomSheetProps<Data = never> extends Except<BottomSheetModalP
     hasScrollView?: boolean;
     hasHandle?: boolean;
     hasBackdrop?: boolean;
+    contentContainer?: (props: PropsWithChildren) => ReactNode;
 }
-declare function BottomSheetComp<Data extends JSX.IntrinsicAttributes = Record<string, never>>({ children: Content, hasScrollView, hasBackdrop, hasHandle, enableDynamicSizing, snapPoints, ...rest }: BottomSheetProps<Data>, ref: Ref<BottomSheetModal>): ReactNode;
+declare function BottomSheetComp<Data extends JSX.IntrinsicAttributes = Record<string, never>>({ children: Content, hasScrollView, hasBackdrop, hasHandle, enableDynamicSizing, snapPoints, contentContainer: ContentContainer, ...rest }: BottomSheetProps<Data>, ref: Ref<BottomSheetModal>): ReactNode;
 declare function BottomSheetContainerView(props: ViewProps): ReactNode;
 export declare const BottomSheet: (<Data = never>(props: BottomSheetProps<Data> & {
     ref?: ForwardedRef<import("@gorhom/bottom-sheet/lib/typescript/types").BottomSheetModalMethods> | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../src/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,qBAAqB,EACrB,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGzE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAExC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAE3D,MAAM,WAAW,gBAAgB,CAAC,IAAI,GAAG,KAAK,CAAE,SAAQ,MAAM,CAAC,qBAAqB,EAAE,UAAU,GAAG,UAAU,CAAC;IAC5G,QAAQ,CAAC,EAAE,aAAa,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC;IAC3C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,iBAAS,eAAe,CAAC,IAAI,SAAS,GAAG,CAAC,mBAAmB,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACnF,EACE,QAAQ,EAAE,OAAO,EACjB,aAAqB,EACrB,WAAkB,EAClB,SAAgB,EAChB,mBAA0B,EAC1B,UAAqB,EACrB,GAAG,IAAI,EACR,EAAE,gBAAgB,CAAC,IAAI,CAAC,EACzB,GAAG,EAAE,GAAG,CAAC,gBAAgB,CAAC,GACzB,SAAS,CA2BX;AAED,iBAAS,wBAAwB,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,CAE7D;AAED,eAAO,MAAM,WAAW;;MAEnB,WAAW,sBAAsB,CAAC;UAC/B,+BAA+B;eAC1B,sBAAsB;gBACrB,4BAA4B;iBAC3B,6BAA6B;cAChC,0BAA0B;YAC5B,wBAAwB;cACtB,0BAA0B;YAC5B,wBAAwB;eACrB,2BAA2B;CACvC,CAAC"}
+{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../src/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,qBAAqB,EACrB,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EAChB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,iBAAiB,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAG5F,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAExC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAE3D,MAAM,WAAW,gBAAgB,CAAC,IAAI,GAAG,KAAK,CAAE,SAAQ,MAAM,CAAC,qBAAqB,EAAE,UAAU,GAAG,UAAU,CAAC;IAC5G,QAAQ,CAAC,EAAE,aAAa,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC;IAC3C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,SAAS,CAAC;CAC5D;AAED,iBAAS,eAAe,CAAC,IAAI,SAAS,GAAG,CAAC,mBAAmB,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACnF,EACE,QAAQ,EAAE,OAAO,EACjB,aAAqB,EACrB,WAAkB,EAClB,SAAgB,EAChB,mBAA0B,EAC1B,UAAqB,EACrB,gBAAgB,EAAE,gBAA6C,EAC/D,GAAG,IAAI,EACR,EAAE,gBAAgB,CAAC,IAAI,CAAC,EACzB,GAAG,EAAE,GAAG,CAAC,gBAAgB,CAAC,GACzB,SAAS,CAiCX;AAED,iBAAS,wBAAwB,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,CAE7D;AAED,eAAO,MAAM,WAAW;;MAEnB,WAAW,sBAAsB,CAAC;UAC/B,+BAA+B;eAC1B,sBAAsB;gBACrB,4BAA4B;iBAC3B,6BAA6B;cAChC,0BAA0B;YAC5B,wBAAwB;cACtB,0BAA0B;YAC5B,wBAAwB;eACrB,2BAA2B;CACvC,CAAC"}

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

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import type { PropsWithChildren, ReactNode } from 'react';
 import type { Except } from 'type-fest';
 import type { ViewProps } from '../native-base/primitives';
 import { CardModalBehaviour } from './CardModalBehaviour';
@@ -7,6 +7,7 @@ import { CardModalFooter } from './CardModalFooter';
 import { CardModalHeader } from './CardModalHeader';
 interface BaseCardModalProps extends Except<ViewProps, 'children'> {
     withoutShadow?: boolean;
+    contentContainer?: (props: PropsWithChildren) => ReactNode;
 }
 interface CardModalWithChildren extends BaseCardModalProps {
     children: ReactNode;
@@ -21,7 +22,7 @@ interface CardModalWithoutChildren extends BaseCardModalProps {
     body: ReactNode;
 }
 export type CardModalProps = CardModalWithChildren | CardModalWithoutChildren;
-export declare function CardModal({ backgroundColor, maxWidth, withoutShadow, children, header, body, footer, ...props }: CardModalProps): ReactNode;
+export declare function CardModal({ backgroundColor, maxWidth, withoutShadow, children, header, body, footer, contentContainer: ContentContainer, ...props }: CardModalProps): ReactNode;
 export declare namespace CardModal {
     var Body: typeof CardModalBody;
     var Header: typeof CardModalHeader;

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,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1D,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;IACxB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,SAAS,CAAC;CAC5D;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,gBAAgB,EAAE,gBAAuE,EACzF,GAAG,KAAK,EACT,EAAE,cAAc,GAAG,SAAS,CAwB5B;yBAlCe,SAAS"}

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

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import type { PropsWithChildren, ReactNode } from 'react';
 import type { ViewProps } from '..';
 import { FullscreenModalBody } from './Body';
 import { FullscreenModalFooter } from './Footer';
@@ -8,9 +8,10 @@ export interface FullscreenModalProps {
     header?: ReactNode;
     footer?: ReactNode;
     body: ReactNode;
+    contentContainer?: (props: PropsWithChildren) => ReactNode;
     backgroundColor?: ViewProps['backgroundColor'];
 }
-export declare function FullscreenModal({ body, header, footer, backgroundColor }: FullscreenModalProps): ReactNode;
+export declare function FullscreenModal({ body, header, footer, backgroundColor, contentContainer: ContentContainer, }: FullscreenModalProps): ReactNode;
 export declare namespace FullscreenModal {
     var Header: typeof FullscreenModalHeader;
     var Footer: typeof FullscreenModalFooter;

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,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D,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,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,SAAS,CAAC;IAC3D,eAAe,CAAC,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;CAChD;AAED,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,MAAM,EACN,MAAM,EACN,eAAe,EACf,gBAAgB,EAAE,gBAA6C,GAChE,EAAE,oBAAoB,GAAG,SAAS,CAclC;yBApBe,eAAe"}

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

@@ -3804,7 +3804,7 @@ function Avatar(_ref) {
   });
 }
 
-const _excluded$M = ["children", "hasScrollView", "hasBackdrop", "hasHandle", "enableDynamicSizing", "snapPoints"];
+const _excluded$M = ["children", "hasScrollView", "hasBackdrop", "hasHandle", "enableDynamicSizing", "snapPoints", "contentContainer"];
 function BottomSheetComp(_ref, ref) {
   let {
       children: Content,
@@ -3812,7 +3812,10 @@ function BottomSheetComp(_ref, ref) {
       hasBackdrop = true,
       hasHandle = true,
       enableDynamicSizing = true,
-      snapPoints = ['100%']
+      snapPoints = ['100%'],
+      contentContainer: ContentContainer = ({
+        children
+      }) => children
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded$M);
   const {
@@ -3840,7 +3843,9 @@ function BottomSheetComp(_ref, ref) {
   }, rest), {}, {
     topInset: top,
     children: props => /*#__PURE__*/jsx(Wrapper, {
-      children: typeof Content === 'function' ? /*#__PURE__*/jsx(Content, _objectSpread({}, props === null || props === void 0 ? void 0 : props.data)) : Content
+      children: /*#__PURE__*/jsx(ContentContainer, {
+        children: typeof Content === 'function' ? /*#__PURE__*/jsx(Content, _objectSpread({}, props === null || props === void 0 ? void 0 : props.data)) : Content
+      })
     })
   }));
 }
@@ -4237,7 +4242,7 @@ function CardModalHeader(_ref) {
   }));
 }
 
-const _excluded$H = ["backgroundColor", "maxWidth", "withoutShadow", "children", "header", "body", "footer"];
+const _excluded$H = ["backgroundColor", "maxWidth", "withoutShadow", "children", "header", "body", "footer", "contentContainer"];
 function CardModal(_ref) {
   let {
       backgroundColor = 'kitt.uiBackgroundLight',
@@ -4246,7 +4251,10 @@ function CardModal(_ref) {
       children,
       header,
       body,
-      footer
+      footer,
+      contentContainer: ContentContainer = ({
+        children: originalChildren
+      }) => originalChildren
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded$H);
   return /*#__PURE__*/jsx(View, _objectSpread(_objectSpread({}, props), {}, {
@@ -4258,8 +4266,10 @@ function CardModal(_ref) {
     maxHeight: "100%",
     maxWidth: maxWidth,
     minHeight: "kitt.cardModal.minHeight",
-    children: children || /*#__PURE__*/jsxs(Fragment, {
-      children: [header || null, body || null, footer || null]
+    children: /*#__PURE__*/jsx(ContentContainer, {
+      children: children || /*#__PURE__*/jsxs(Fragment, {
+        children: [header || null, body || null, footer || null]
+      })
     })
   }));
 }
@@ -8063,25 +8073,30 @@ function FullscreenModal({
   body,
   header,
   footer,
-  backgroundColor
+  backgroundColor,
+  contentContainer: ContentContainer = ({
+    children
+  }) => children
 }) {
-  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: /*#__PURE__*/jsxs(ContentContainer, {
+      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;