@ornikar/kitt-universal 29.4.1 → 29.4.2-canary.0e4f130cb45a177a7fdd9a15817918e986eb8cd4.0

package/CHANGELOG.md

@@ -3,6 +3,21 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [29.4.2-canary.0e4f130cb45a177a7fdd9a15817918e986eb8cd4.0](https://github.com/ornikar/kitt/compare/@ornikar/kitt-universal@29.4.1...@ornikar/kitt-universal@29.4.2-canary.0e4f130cb45a177a7fdd9a15817918e986eb8cd4.0) (2025-10-31)
+
+
+### Features
+
+* add codemod ([0e4f130](https://github.com/ornikar/kitt/commit/0e4f130cb45a177a7fdd9a15817918e986eb8cd4))
+* add NavigationModalAnimatedBehaviourWithSrollableChildren [no issue] ([#2731](https://github.com/ornikar/kitt/issues/2731)) ([90eb3d2](https://github.com/ornikar/kitt/commit/90eb3d27c63e702db991b0f1426fc4be59355f22))
+
+
+### Bug Fixes
+
+* **kitt:** react 19 warnings for CSSTransition OSE-20990 ([#2735](https://github.com/ornikar/kitt/issues/2735)) ([615008a](https://github.com/ornikar/kitt/commit/615008a218bb131f220670ceabdbd38eae8ffcb5))
+
+
+
 ## [29.4.1](https://github.com/ornikar/kitt/compare/@ornikar/kitt-universal@29.4.0...@ornikar/kitt-universal@29.4.1) (2025-10-29)
 
 

package/dist/definitions/BaseMessage/BaseMessage.d.ts

@@ -12,5 +12,5 @@ export interface BaseMessageProps {
     insets?: EdgeInsets;
     onDismiss?: () => void;
 }
-export declare function BaseMessage({ type, children, hasNoRadius, centeredText, insets, onDismiss, }: BaseMessageProps): ReactNode;
+export declare const BaseMessage: import("react").ForwardRefExoticComponent<BaseMessageProps & import("react").RefAttributes<unknown>>;
 //# sourceMappingURL=BaseMessage.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BaseMessage.d.ts","sourceRoot":"","sources":["../../../src/BaseMessage/BaseMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AASjE,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEpE,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACjC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,wBAAgB,WAAW,CAAC,EAC1B,IAAa,EACb,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,MAAM,EACN,SAAS,GACV,EAAE,gBAAgB,GAAG,SAAS,CA2C9B"}
+{"version":3,"file":"BaseMessage.d.ts","sourceRoot":"","sources":["../../../src/BaseMessage/BaseMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AASjE,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEpE,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACjC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,WAAW,sGA8CvB,CAAC"}

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

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import type { CardModalAnimationProps } from './CardModalAnimation';
 export declare function CardModalAnimation({ children, appear, visible, unmountOnExit, isAnimationEnabled, onEnter, onEntered, onExit, onExited, onClose, ...props }: CardModalAnimationProps): ReactNode;
 //# sourceMappingURL=CardModalAnimation.web.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CardModalAnimation.web.d.ts","sourceRoot":"","sources":["../../../../src/CardModal/CardModalAnimation/CardModalAnimation.web.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAWvC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAiEpE,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,MAAa,EACb,OAAO,EACP,aAAoB,EACpB,kBAAyB,EACzB,OAAO,EACP,SAAS,EACT,MAAM,EACN,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,uBAAuB,GAAG,SAAS,CAmCrC"}
+{"version":3,"file":"CardModalAnimation.web.d.ts","sourceRoot":"","sources":["../../../../src/CardModal/CardModalAnimation/CardModalAnimation.web.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAU,MAAM,OAAO,CAAC;AAW/C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAiEpE,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,MAAa,EACb,OAAO,EACP,aAAoB,EACpB,kBAAyB,EACzB,OAAO,EACP,SAAS,EACT,MAAM,EACN,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,uBAAuB,GAAG,SAAS,CA0CrC"}

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

@@ -1,7 +1,7 @@
-import type { ReactNode } from 'react';
+/// <reference types="react" />
 import type { ViewProps } from '../../native-base/primitives';
 interface CardModalRotationContainerProps extends ViewProps {
 }
-export declare function CardModalRotationContainer(props: CardModalRotationContainerProps): ReactNode;
+export declare const CardModalRotationContainer: import("react").ForwardRefExoticComponent<CardModalRotationContainerProps & import("react").RefAttributes<unknown>>;
 export {};
 //# sourceMappingURL=CardModalRotationContainer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CardModalRotationContainer.d.ts","sourceRoot":"","sources":["../../../../src/CardModal/CardModalAnimation/CardModalRotationContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAG9D,UAAU,+BAAgC,SAAQ,SAAS;CAAG;AAE9D,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,+BAA+B,GAAG,SAAS,CAY5F"}
+{"version":3,"file":"CardModalRotationContainer.d.ts","sourceRoot":"","sources":["../../../../src/CardModal/CardModalAnimation/CardModalRotationContainer.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAG9D,UAAU,+BAAgC,SAAQ,SAAS;CAAG;AAE9D,eAAO,MAAM,0BAA0B,qHAarC,CAAC"}

package/dist/definitions/DialogModal/DialogModalAnimation/DialogModalAnimation.web.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import type { DialogModalAnimationProps } from './DialogModalAnimation';
 export declare function DialogModalAnimation({ children, appear, visible, unmountOnExit, isAnimationEnabled, onEnter, onEntered, onExit, onExited, onClose, ...props }: DialogModalAnimationProps): ReactNode;
 //# sourceMappingURL=DialogModalAnimation.web.d.ts.map

package/dist/definitions/DialogModal/DialogModalAnimation/DialogModalAnimation.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogModalAnimation.web.d.ts","sourceRoot":"","sources":["../../../../src/DialogModal/DialogModalAnimation/DialogModalAnimation.web.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAWvC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAgExE,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,MAAa,EACb,OAAO,EACP,aAAoB,EACpB,kBAAyB,EACzB,OAAO,EACP,SAAS,EACT,MAAM,EACN,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,yBAAyB,GAAG,SAAS,CAwCvC"}
+{"version":3,"file":"DialogModalAnimation.web.d.ts","sourceRoot":"","sources":["../../../../src/DialogModal/DialogModalAnimation/DialogModalAnimation.web.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAU,MAAM,OAAO,CAAC;AAW/C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAgExE,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,MAAa,EACb,OAAO,EACP,aAAoB,EACpB,kBAAyB,EACzB,OAAO,EACP,SAAS,EACT,MAAM,EACN,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,yBAAyB,GAAG,SAAS,CAgDvC"}

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

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import type { FullscreenModalAnimationProps } from './FullscreenModalAnimation';
 export declare function FullscreenModalAnimation({ children, appear, visible, unmountOnExit, isAnimationEnabled, onEnter, onEntered, onExit, onExited, onClose, ...props }: FullscreenModalAnimationProps): ReactNode;
 //# sourceMappingURL=FullscreenModalAnimation.web.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FullscreenModalAnimation.web.d.ts","sourceRoot":"","sources":["../../../src/FullscreenModal/FullscreenModalAnimation.web.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAWvC,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,4BAA4B,CAAC;AA4DhF,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,MAAa,EACb,OAAO,EACP,aAAoB,EACpB,kBAAyB,EACzB,OAAO,EACP,SAAS,EACT,MAAM,EACN,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,6BAA6B,GAAG,SAAS,CAiC3C"}
+{"version":3,"file":"FullscreenModalAnimation.web.d.ts","sourceRoot":"","sources":["../../../src/FullscreenModal/FullscreenModalAnimation.web.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAU,MAAM,OAAO,CAAC;AAW/C,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,4BAA4B,CAAC;AA4DhF,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,MAAa,EACb,OAAO,EACP,aAAoB,EACpB,kBAAyB,EACzB,OAAO,EACP,SAAS,EACT,MAAM,EACN,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,6BAA6B,GAAG,SAAS,CAwC3C"}

package/dist/definitions/Notification/Notification.d.ts

@@ -1,6 +1,6 @@
-import type { ReactNode } from 'react';
+/// <reference types="react" />
 import type { BaseMessageProps } from '../BaseMessage/BaseMessage';
 export interface NotificationProps extends BaseMessageProps {
 }
-export declare function Notification({ type, children, centeredText, insets, onDismiss }: NotificationProps): ReactNode;
+export declare const Notification: import("react").ForwardRefExoticComponent<NotificationProps & import("react").RefAttributes<unknown>>;
 //# sourceMappingURL=Notification.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Notification.d.ts","sourceRoot":"","sources":["../../../src/Notification/Notification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAEnE,MAAM,WAAW,iBAAkB,SAAQ,gBAAgB;CAAG;AAE9D,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,iBAAiB,GAAG,SAAS,CAM9G"}
+{"version":3,"file":"Notification.d.ts","sourceRoot":"","sources":["../../../src/Notification/Notification.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAEnE,MAAM,WAAW,iBAAkB,SAAQ,gBAAgB;CAAG;AAE9D,eAAO,MAAM,YAAY,uGAQxB,CAAC"}

package/dist/definitions/Overlay/Overlay.d.ts

@@ -1,7 +1,7 @@
-import type { ReactNode } from 'react';
+/// <reference types="react" />
 import type { PressableProps } from 'react-native';
 interface OverlayProps extends Pick<PressableProps, 'onPress'> {
 }
-export declare function Overlay({ onPress }: OverlayProps): ReactNode;
+export declare const Overlay: import("react").ForwardRefExoticComponent<OverlayProps & import("react").RefAttributes<unknown>>;
 export {};
 //# sourceMappingURL=Overlay.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../../src/Overlay/Overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAGnD,UAAU,YAAa,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC;CAAG;AAEjE,wBAAgB,OAAO,CAAC,EAAE,OAAO,EAAE,EAAE,YAAY,GAAG,SAAS,CAa5D"}
+{"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../../src/Overlay/Overlay.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAGnD,UAAU,YAAa,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC;CAAG;AAEjE,eAAO,MAAM,OAAO,kGAclB,CAAC"}

package/dist/definitions/Picker/Picker.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Picker.web.d.ts","sourceRoot":"","sources":["../../../src/Picker/Picker.web.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAgB,SAAS,EAAE,MAAM,OAAO,CAAC;AAKrD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAsB9C,wBAAgB,MAAM,CAAC,CAAC,EAAE,EACxB,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,cAA+B,EAC/B,WAAW,EACX,wBAAgC,EAChC,gBAAwB,EACxB,MAAM,EACN,QAAQ,EACR,iBAAiB,EACjB,QAAQ,EACR,OAAO,GACR,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,SAAS,CA4J5B;yBA5Ke,MAAM"}
+{"version":3,"file":"Picker.web.d.ts","sourceRoot":"","sources":["../../../src/Picker/Picker.web.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAgB,SAAS,EAAE,MAAM,OAAO,CAAC;AAKrD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAsB9C,wBAAgB,MAAM,CAAC,CAAC,EAAE,EACxB,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,cAA+B,EAC/B,WAAW,EACX,wBAAgC,EAChC,gBAAwB,EACxB,MAAM,EACN,QAAQ,EACR,iBAAiB,EACjB,QAAQ,EACR,OAAO,GACR,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,SAAS,CAiK5B;yBAjLe,MAAM"}

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

@@ -4149,10 +4149,11 @@ function ModalBehaviour({
 }
 ModalBehaviour.CloseButton = CloseButton$1;
 
-function Overlay({
+const Overlay = /*#__PURE__*/forwardRef(({
   onPress
-}) {
+}, ref) => {
   return /*#__PURE__*/jsx(Pressable, {
+    ref: ref,
     accessibilityRole: "none",
     position: "absolute",
     top: "0",
@@ -4162,10 +4163,10 @@ function Overlay({
     backgroundColor: "kitt.overlay.dark",
     onPress: onPress
   });
-}
+});
 
-function CardModalRotationContainer(props) {
-  return /*#__PURE__*/jsx(View, _objectSpread({
+const CardModalRotationContainer = /*#__PURE__*/forwardRef((props, ref) => {
+  return /*#__PURE__*/jsx(View, _objectSpread(_objectSpread({
     paddingX: "kitt.cardModal.overlayPadding.horizontal",
     paddingY: "kitt.cardModal.overlayPadding.vertical",
     maxWidth: "kitt.cardModal.maxWidthWithPadding",
@@ -4174,8 +4175,10 @@ function CardModalRotationContainer(props) {
     _web: {
       maxHeight: '100svh'
     }
-  }, props));
-}
+  }, props), {}, {
+    ref: ref
+  }));
+});
 
 function NativeOpacityAnimation$2({
   visible,
@@ -8999,22 +9002,23 @@ const getIconButtonColor = messageType => {
   }
 };
 
-function BaseMessage({
-  type = 'info',
+const BaseMessage = /*#__PURE__*/forwardRef(({
+  type: _type = 'info',
   children,
   hasNoRadius,
   centeredText,
   insets,
   onDismiss
-}) {
-  const color = getColorByType(type);
+}, ref) => {
+  const color = getColorByType(_type);
   return /*#__PURE__*/jsxs(HStack, {
+    ref: ref,
     alignItems: "flex-start",
     justifyContent: "space-between",
     minHeight: "kitt.feedbackMessage.minHeight",
     paddingTop: insets === null || insets === void 0 ? void 0 : insets.top,
     borderRadius: hasNoRadius ? undefined : 'kitt.2',
-    backgroundColor: `kitt.feedbackMessage.${type}.backgroundColor`,
+    backgroundColor: `kitt.feedbackMessage.${_type}.backgroundColor`,
     children: [/*#__PURE__*/jsxs(HStack, {
       flexGrow: 1,
       flexShrink: 1,
@@ -9027,7 +9031,7 @@ function BaseMessage({
         children: /*#__PURE__*/jsx(Icon, {
           color: color,
           icon: /*#__PURE__*/jsx(IconContent, {
-            type: type,
+            type: _type,
             color: color
           })
         })
@@ -9045,12 +9049,12 @@ function BaseMessage({
       marginRight: "kitt.2",
       marginLeft: "kitt.5",
       children: /*#__PURE__*/jsx(CloseIconButton, {
-        color: getIconButtonColor(type),
+        color: getIconButtonColor(_type),
         onPress: onDismiss
       })
     }) : null]
   });
-}
+});
 
 function Message({
   type = 'info',
@@ -11773,14 +11777,15 @@ NavigationModal.Body = Body;
 NavigationModal.Footer = Footer;
 NavigationModal.ModalBehaviour = NavigationModalBehaviour;
 
-function Notification({
+const Notification = /*#__PURE__*/forwardRef(({
   type,
   children,
   centeredText,
   insets,
   onDismiss
-}) {
+}, ref) => {
   return /*#__PURE__*/jsx(BaseMessage, {
+    ref: ref,
     hasNoRadius: true,
     type: type,
     centeredText: centeredText,
@@ -11788,7 +11793,7 @@ function Notification({
     onDismiss: onDismiss,
     children: children
   });
-}
+});
 
 const AnimatedCircle = Animated.createAnimatedComponent(Circle$1);
 function AnimatedLoaderCircle({