react-native-morph-card 0.1.0

package/lib/commonjs/MorphCardTarget.js

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MorphCardTarget = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _NativeMorphCardModule = _interopRequireDefault(require("./specs/NativeMorphCardModule"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+let NativeTargetView;
+try {
+  NativeTargetView = (0, _reactNative.requireNativeComponent)('RNCMorphCardTarget');
+} catch {
+  NativeTargetView = _reactNative.View;
+}
+const MorphCardTarget = ({
+  sourceTag,
+  width,
+  height,
+  borderRadius,
+  contentOffsetY,
+  contentCentered,
+  style,
+  ...rest
+}) => {
+  const nativeRef = React.useRef(null);
+  const expandedRef = React.useRef(false);
+  const [sourceSize, setSourceSize] = React.useState(null);
+
+  // Fetch source size for auto-sizing when width/height not provided
+  React.useEffect(() => {
+    let cancelled = false;
+    if (sourceTag && (width == null || height == null)) {
+      _NativeMorphCardModule.default.getSourceSize(sourceTag).then(size => {
+        if (!cancelled) setSourceSize(size);
+      }).catch(() => {});
+    }
+    return () => {
+      cancelled = true;
+    };
+  }, [sourceTag, width, height]);
+
+  // Use onLayout to get resolved pixel dimensions, then trigger expand
+  const handleLayout = React.useCallback(e => {
+    if (expandedRef.current) return;
+    if (!sourceTag) return;
+    const {
+      width: lw,
+      height: lh
+    } = e.nativeEvent.layout;
+    const targetTag = (0, _reactNative.findNodeHandle)(nativeRef.current);
+    if (!targetTag) return;
+    expandedRef.current = true;
+    _NativeMorphCardModule.default.setTargetConfig(sourceTag, lw, lh, borderRadius != null ? borderRadius : -1, contentOffsetY ?? 0, contentCentered ?? false);
+    _NativeMorphCardModule.default.expand(sourceTag, targetTag);
+  }, [sourceTag, borderRadius, contentOffsetY, contentCentered]);
+  const sizeStyle = {};
+  if (width != null) {
+    sizeStyle.width = width;
+  } else if (sourceSize) {
+    sizeStyle.width = sourceSize.width;
+  }
+  if (height != null) {
+    sizeStyle.height = height;
+  } else if (sourceSize) {
+    sizeStyle.height = sourceSize.height;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(NativeTargetView, {
+    ref: nativeRef,
+    sourceTag: sourceTag,
+    targetWidth: 0,
+    targetHeight: 0,
+    targetBorderRadius: borderRadius != null ? borderRadius : -1,
+    style: [style, sizeStyle],
+    onLayout: handleLayout,
+    ...rest
+  });
+};
+exports.MorphCardTarget = MorphCardTarget;
+//# sourceMappingURL=MorphCardTarget.js.map

package/lib/commonjs/MorphCardTarget.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_NativeMorphCardModule","_interopRequireDefault","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","NativeTargetView","requireNativeComponent","View","MorphCardTarget","sourceTag","width","height","borderRadius","contentOffsetY","contentCentered","style","rest","nativeRef","useRef","expandedRef","sourceSize","setSourceSize","useState","useEffect","cancelled","NativeMorphCardModule","getSourceSize","then","size","catch","handleLayout","useCallback","current","lw","lh","nativeEvent","layout","targetTag","findNodeHandle","setTargetConfig","expand","sizeStyle","jsx","ref","targetWidth","targetHeight","targetBorderRadius","onLayout","exports"],"sourceRoot":"../../src","sources":["MorphCardTarget.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/index.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "MorphCardSource", {
+  enumerable: true,
+  get: function () {
+    return _MorphCardSource.MorphCardSource;
+  }
+});
+Object.defineProperty(exports, "MorphCardTarget", {
+  enumerable: true,
+  get: function () {
+    return _MorphCardTarget.MorphCardTarget;
+  }
+});
+Object.defineProperty(exports, "getViewTag", {
+  enumerable: true,
+  get: function () {
+    return _MorphCardSource.getViewTag;
+  }
+});
+Object.defineProperty(exports, "morphCollapse", {
+  enumerable: true,
+  get: function () {
+    return _MorphCardSource.morphCollapse;
+  }
+});
+Object.defineProperty(exports, "morphExpand", {
+  enumerable: true,
+  get: function () {
+    return _MorphCardSource.morphExpand;
+  }
+});
+Object.defineProperty(exports, "useMorphTarget", {
+  enumerable: true,
+  get: function () {
+    return _useMorphTarget.useMorphTarget;
+  }
+});
+var _MorphCardSource = require("./MorphCardSource");
+var _MorphCardTarget = require("./MorphCardTarget");
+var _useMorphTarget = require("./useMorphTarget");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_MorphCardSource","require","_MorphCardTarget","_useMorphTarget"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AAOA,IAAAC,gBAAA,GAAAD,OAAA;AAEA,IAAAE,eAAA,GAAAF,OAAA","ignoreList":[]}

package/lib/commonjs/package.json

@@ -0,0 +1 @@
+{"type":"commonjs"}

package/lib/commonjs/specs/NativeMorphCardModule.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _default = exports.default = _reactNative.TurboModuleRegistry.getEnforcing('RNCMorphCardModule');
+//# sourceMappingURL=NativeMorphCardModule.js.map

package/lib/commonjs/specs/NativeMorphCardModule.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_default","exports","default","TurboModuleRegistry","getEnforcing"],"sourceRoot":"../../../src","sources":["specs/NativeMorphCardModule.ts"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AAAmD,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAmBpCC,gCAAmB,CAACC,YAAY,CAAO,oBAAoB,CAAC","ignoreList":[]}

package/lib/commonjs/specs/NativeMorphCardSource.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _codegenNativeComponent = _interopRequireDefault(require("react-native/Libraries/Utilities/codegenNativeComponent"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = (0, _codegenNativeComponent.default)('RNCMorphCardSource');
+//# sourceMappingURL=NativeMorphCardSource.js.map

package/lib/commonjs/specs/NativeMorphCardSource.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_codegenNativeComponent","_interopRequireDefault","require","e","__esModule","default","_default","exports","codegenNativeComponent"],"sourceRoot":"../../../src","sources":["specs/NativeMorphCardSource.ts"],"mappings":";;;;;;AAMA,IAAAA,uBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA6F,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAW9E,IAAAG,+BAAsB,EACnC,oBACF,CAAC","ignoreList":[]}

package/lib/commonjs/specs/NativeMorphCardTarget.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _codegenNativeComponent = _interopRequireDefault(require("react-native/Libraries/Utilities/codegenNativeComponent"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = (0, _codegenNativeComponent.default)('RNCMorphCardTarget');
+//# sourceMappingURL=NativeMorphCardTarget.js.map

package/lib/commonjs/specs/NativeMorphCardTarget.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_codegenNativeComponent","_interopRequireDefault","require","e","__esModule","default","_default","exports","codegenNativeComponent"],"sourceRoot":"../../../src","sources":["specs/NativeMorphCardTarget.ts"],"mappings":";;;;;;AAMA,IAAAA,uBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA6F,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GA6B9E,IAAAG,+BAAsB,EACnC,oBACF,CAAC","ignoreList":[]}

package/lib/commonjs/useMorphTarget.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMorphTarget = useMorphTarget;
+var React = _interopRequireWildcard(require("react"));
+var _NativeMorphCardModule = _interopRequireDefault(require("./specs/NativeMorphCardModule"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * Hook for detail screens using MorphCardTarget.
+ *
+ * Returns a `dismiss()` that collapses the morph and navigates back.
+ */
+function useMorphTarget({
+  sourceTag,
+  navigation
+}) {
+  const dismiss = React.useCallback(async () => {
+    await _NativeMorphCardModule.default.collapse(sourceTag);
+    navigation.goBack();
+  }, [sourceTag, navigation]);
+  return {
+    dismiss
+  };
+}
+//# sourceMappingURL=useMorphTarget.js.map

package/lib/commonjs/useMorphTarget.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_NativeMorphCardModule","_interopRequireDefault","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useMorphTarget","sourceTag","navigation","dismiss","useCallback","NativeMorphCardModule","collapse","goBack"],"sourceRoot":"../../src","sources":["useMorphTarget.ts"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAkE,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,CAAAI,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAR,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAX,CAAA,UAAAO,CAAA,CAAAK,GAAA,CAAAZ,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,gBAAAN,CAAA,IAAAH,CAAA,gBAAAG,CAAA,OAAAW,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAG,CAAA,OAAAK,CAAA,IAAAD,CAAA,GAAAS,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAG,CAAA,OAAAK,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAN,CAAA,EAAAK,CAAA,IAAAC,CAAA,CAAAN,CAAA,IAAAH,CAAA,CAAAG,CAAA,WAAAM,CAAA,KAAAT,CAAA,EAAAG,CAAA;AAOlE;AACA;AACA;AACA;AACA;AACO,SAASgB,cAAcA,CAAC;EAAEC,SAAS;EAAEC;AAAkC,CAAC,EAAE;EAC/E,MAAMC,OAAO,GAAG3B,KAAK,CAAC4B,WAAW,CAAC,YAAY;IAC5C,MAAMC,8BAAqB,CAACC,QAAQ,CAACL,SAAS,CAAC;IAC/CC,UAAU,CAACK,MAAM,CAAC,CAAC;EACrB,CAAC,EAAE,CAACN,SAAS,EAAEC,UAAU,CAAC,CAAC;EAE3B,OAAO;IAAEC;EAAQ,CAAC;AACpB","ignoreList":[]}

package/lib/module/MorphCard.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=MorphCard.types.js.map

package/lib/module/MorphCard.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["MorphCard.types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/MorphCardSource.js

@@ -0,0 +1,85 @@
+"use strict";
+
+import * as React from 'react';
+import { Pressable, View, findNodeHandle } from 'react-native';
+import NativeMorphCardModule from './specs/NativeMorphCardModule';
+import NativeSourceViewSpec from './specs/NativeMorphCardSource';
+import { jsx as _jsx } from "react/jsx-runtime";
+const NativeSourceView = NativeSourceViewSpec ?? View;
+export const MorphCardSource = ({
+  children,
+  duration = 300,
+  width,
+  height,
+  borderRadius,
+  backgroundColor,
+  scaleMode,
+  onPress,
+  ref
+}) => {
+  const nativeRef = React.useRef(null);
+  React.useImperativeHandle(ref, () => nativeRef.current);
+  const style = {};
+  if (width != null) style.width = width;
+  if (height != null) style.height = height;
+  if (borderRadius != null) {
+    style.borderRadius = borderRadius;
+    style.overflow = 'hidden';
+  }
+  if (backgroundColor != null) style.backgroundColor = backgroundColor;
+  const handlePress = React.useCallback(() => {
+    if (!onPress) return;
+    const tag = findNodeHandle(nativeRef.current);
+    if (tag != null) {
+      // Create overlay immediately BEFORE navigation to prevent target screen flash
+      NativeMorphCardModule.prepareExpand(tag);
+      onPress(tag);
+    }
+  }, [onPress]);
+  const content = /*#__PURE__*/_jsx(NativeSourceView, {
+    ref: nativeRef,
+    duration: duration,
+    scaleMode: scaleMode,
+    cardBorderRadius: borderRadius,
+    style: style,
+    children: children
+  });
+  if (onPress) {
+    return /*#__PURE__*/_jsx(Pressable, {
+      onPress: handlePress,
+      children: content
+    });
+  }
+  return content;
+};
+
+/**
+ * Get the native view tag from a ref. Useful for passing sourceTag
+ * to the detail screen via navigation params.
+ */
+export function getViewTag(viewRef) {
+  return findNodeHandle(viewRef.current);
+}
+
+/**
+ * Expand: background grows from card bounds to fullscreen while
+ * card snapshot moves to targetRef's position. Content fades in at the end.
+ *
+ * Call this AFTER navigating to the detail screen (so the target is mounted).
+ */
+export async function morphExpand(sourceRef, targetRef) {
+  const sourceTag = findNodeHandle(sourceRef.current);
+  const targetTag = findNodeHandle(targetRef.current);
+  if (!sourceTag || !targetTag) return false;
+  return NativeMorphCardModule.expand(sourceTag, targetTag);
+}
+
+/**
+ * Collapse: content fades out, background shrinks from fullscreen back
+ * to card bounds while card snapshot moves from target back to card position.
+ * Uses the target stored from the last expand call.
+ */
+export async function morphCollapse(sourceTag) {
+  return NativeMorphCardModule.collapse(sourceTag);
+}
+//# sourceMappingURL=MorphCardSource.js.map

package/lib/module/MorphCardSource.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Pressable","View","findNodeHandle","NativeMorphCardModule","NativeSourceViewSpec","jsx","_jsx","NativeSourceView","MorphCardSource","children","duration","width","height","borderRadius","backgroundColor","scaleMode","onPress","ref","nativeRef","useRef","useImperativeHandle","current","style","overflow","handlePress","useCallback","tag","prepareExpand","content","cardBorderRadius","getViewTag","viewRef","morphExpand","sourceRef","targetRef","sourceTag","targetTag","expand","morphCollapse","collapse"],"sourceRoot":"../../src","sources":["MorphCardSource.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,SAAS,EAGTC,IAAI,EACJC,cAAc,QACT,cAAc;AACrB,OAAOC,qBAAqB,MAAM,+BAA+B;AACjE,OAAOC,oBAAoB,MAAM,+BAA+B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEjE,MAAMC,gBAAgB,GAAGH,oBAAoB,IAAIH,IAAI;AAiBrD,OAAO,MAAMO,eAAe,GAAGA,CAAC;EAC9BC,QAAQ;EACRC,QAAQ,GAAG,GAAG;EACdC,KAAK;EACLC,MAAM;EACNC,YAAY;EACZC,eAAe;EACfC,SAAS;EACTC,OAAO;EACPC;AACoB,CAAC,KAAK;EAC1B,MAAMC,SAAS,GAAGnB,KAAK,CAACoB,MAAM,CAAM,IAAI,CAAC;EACzCpB,KAAK,CAACqB,mBAAmB,CAACH,GAAG,EAAE,MAAMC,SAAS,CAACG,OAAO,CAAC;EAEvD,MAAMC,KAAgB,GAAG,CAAC,CAAC;EAC3B,IAAIX,KAAK,IAAI,IAAI,EAAEW,KAAK,CAACX,KAAK,GAAGA,KAA2B;EAC5D,IAAIC,MAAM,IAAI,IAAI,EAAEU,KAAK,CAACV,MAAM,GAAGA,MAA6B;EAChE,IAAIC,YAAY,IAAI,IAAI,EAAE;IACxBS,KAAK,CAACT,YAAY,GAAGA,YAAY;IACjCS,KAAK,CAACC,QAAQ,GAAG,QAAQ;EAC3B;EACA,IAAIT,eAAe,IAAI,IAAI,EAAEQ,KAAK,CAACR,eAAe,GAAGA,eAAe;EACpE,MAAMU,WAAW,GAAGzB,KAAK,CAAC0B,WAAW,CAAC,MAAM;IAC1C,IAAI,CAACT,OAAO,EAAE;IACd,MAAMU,GAAG,GAAGxB,cAAc,CAACgB,SAAS,CAACG,OAAO,CAAC;IAC7C,IAAIK,GAAG,IAAI,IAAI,EAAE;MACf;MACAvB,qBAAqB,CAACwB,aAAa,CAACD,GAAG,CAAC;MACxCV,OAAO,CAACU,GAAG,CAAC;IACd;EACF,CAAC,EAAE,CAACV,OAAO,CAAC,CAAC;EAEb,MAAMY,OAAO,gBACXtB,IAAA,CAACC,gBAAgB;IAACU,GAAG,EAAEC,SAAU;IAACR,QAAQ,EAAEA,QAAS;IAACK,SAAS,EAAEA,SAAU;IAACc,gBAAgB,EAAEhB,YAAa;IAACS,KAAK,EAAEA,KAAM;IAAAb,QAAA,EACtHA;EAAQ,CACO,CACnB;EAED,IAAIO,OAAO,EAAE;IACX,oBAAOV,IAAA,CAACN,SAAS;MAACgB,OAAO,EAAEQ,WAAY;MAAAf,QAAA,EAAEmB;IAAO,CAAY,CAAC;EAC/D;EAEA,OAAOA,OAAO;AAChB,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,SAASE,UAAUA,CAACC,OAA6B,EAAiB;EACvE,OAAO7B,cAAc,CAAC6B,OAAO,CAACV,OAAO,CAAC;AACxC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,eAAeW,WAAWA,CAC/BC,SAA+B,EAC/BC,SAA+B,EACb;EAClB,MAAMC,SAAS,GAAGjC,cAAc,CAAC+B,SAAS,CAACZ,OAAO,CAAC;EACnD,MAAMe,SAAS,GAAGlC,cAAc,CAACgC,SAAS,CAACb,OAAO,CAAC;EACnD,IAAI,CAACc,SAAS,IAAI,CAACC,SAAS,EAAE,OAAO,KAAK;EAC1C,OAAOjC,qBAAqB,CAACkC,MAAM,CAACF,SAAS,EAAEC,SAAS,CAAC;AAC3D;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,eAAeE,aAAaA,CAACH,SAAiB,EAAoB;EACvE,OAAOhC,qBAAqB,CAACoC,QAAQ,CAACJ,SAAS,CAAC;AAClD","ignoreList":[]}

package/lib/module/MorphCardTarget.js

@@ -0,0 +1,76 @@
+"use strict";
+
+import * as React from 'react';
+import { requireNativeComponent, View, findNodeHandle } from 'react-native';
+import NativeMorphCardModule from './specs/NativeMorphCardModule';
+import { jsx as _jsx } from "react/jsx-runtime";
+let NativeTargetView;
+try {
+  NativeTargetView = requireNativeComponent('RNCMorphCardTarget');
+} catch {
+  NativeTargetView = View;
+}
+export const MorphCardTarget = ({
+  sourceTag,
+  width,
+  height,
+  borderRadius,
+  contentOffsetY,
+  contentCentered,
+  style,
+  ...rest
+}) => {
+  const nativeRef = React.useRef(null);
+  const expandedRef = React.useRef(false);
+  const [sourceSize, setSourceSize] = React.useState(null);
+
+  // Fetch source size for auto-sizing when width/height not provided
+  React.useEffect(() => {
+    let cancelled = false;
+    if (sourceTag && (width == null || height == null)) {
+      NativeMorphCardModule.getSourceSize(sourceTag).then(size => {
+        if (!cancelled) setSourceSize(size);
+      }).catch(() => {});
+    }
+    return () => {
+      cancelled = true;
+    };
+  }, [sourceTag, width, height]);
+
+  // Use onLayout to get resolved pixel dimensions, then trigger expand
+  const handleLayout = React.useCallback(e => {
+    if (expandedRef.current) return;
+    if (!sourceTag) return;
+    const {
+      width: lw,
+      height: lh
+    } = e.nativeEvent.layout;
+    const targetTag = findNodeHandle(nativeRef.current);
+    if (!targetTag) return;
+    expandedRef.current = true;
+    NativeMorphCardModule.setTargetConfig(sourceTag, lw, lh, borderRadius != null ? borderRadius : -1, contentOffsetY ?? 0, contentCentered ?? false);
+    NativeMorphCardModule.expand(sourceTag, targetTag);
+  }, [sourceTag, borderRadius, contentOffsetY, contentCentered]);
+  const sizeStyle = {};
+  if (width != null) {
+    sizeStyle.width = width;
+  } else if (sourceSize) {
+    sizeStyle.width = sourceSize.width;
+  }
+  if (height != null) {
+    sizeStyle.height = height;
+  } else if (sourceSize) {
+    sizeStyle.height = sourceSize.height;
+  }
+  return /*#__PURE__*/_jsx(NativeTargetView, {
+    ref: nativeRef,
+    sourceTag: sourceTag,
+    targetWidth: 0,
+    targetHeight: 0,
+    targetBorderRadius: borderRadius != null ? borderRadius : -1,
+    style: [style, sizeStyle],
+    onLayout: handleLayout,
+    ...rest
+  });
+};
+//# sourceMappingURL=MorphCardTarget.js.map

package/lib/module/MorphCardTarget.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","requireNativeComponent","View","findNodeHandle","NativeMorphCardModule","jsx","_jsx","NativeTargetView","MorphCardTarget","sourceTag","width","height","borderRadius","contentOffsetY","contentCentered","style","rest","nativeRef","useRef","expandedRef","sourceSize","setSourceSize","useState","useEffect","cancelled","getSourceSize","then","size","catch","handleLayout","useCallback","e","current","lw","lh","nativeEvent","layout","targetTag","setTargetConfig","expand","sizeStyle","ref","targetWidth","targetHeight","targetBorderRadius","onLayout"],"sourceRoot":"../../src","sources":["MorphCardTarget.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+export { MorphCardSource, morphExpand, morphCollapse, getViewTag } from './MorphCardSource';
+export { MorphCardTarget } from './MorphCardTarget';
+export { useMorphTarget } from './useMorphTarget';
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MorphCardSource","morphExpand","morphCollapse","getViewTag","MorphCardTarget","useMorphTarget"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SACEA,eAAe,EACfC,WAAW,EACXC,aAAa,EACbC,UAAU,QACL,mBAAmB;AAE1B,SAASC,eAAe,QAAQ,mBAAmB;AAEnD,SAASC,cAAc,QAAQ,kBAAkB","ignoreList":[]}

package/lib/module/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/module/specs/NativeMorphCardModule.js

@@ -0,0 +1,5 @@
+"use strict";
+
+import { TurboModuleRegistry } from 'react-native';
+export default TurboModuleRegistry.getEnforcing('RNCMorphCardModule');
+//# sourceMappingURL=NativeMorphCardModule.js.map

package/lib/module/specs/NativeMorphCardModule.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TurboModuleRegistry","getEnforcing"],"sourceRoot":"../../../src","sources":["specs/NativeMorphCardModule.ts"],"mappings":";;AACA,SAASA,mBAAmB,QAAQ,cAAc;AAmBlD,eAAeA,mBAAmB,CAACC,YAAY,CAAO,oBAAoB,CAAC","ignoreList":[]}

package/lib/module/specs/NativeMorphCardSource.js

@@ -0,0 +1,5 @@
+"use strict";
+
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+export default codegenNativeComponent('RNCMorphCardSource');
+//# sourceMappingURL=NativeMorphCardSource.js.map

package/lib/module/specs/NativeMorphCardSource.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["codegenNativeComponent"],"sourceRoot":"../../../src","sources":["specs/NativeMorphCardSource.ts"],"mappings":";;AAMA,OAAOA,sBAAsB,MAAM,yDAAyD;AAW5F,eAAeA,sBAAsB,CACnC,oBACF,CAAC","ignoreList":[]}

package/lib/module/specs/NativeMorphCardTarget.js

@@ -0,0 +1,5 @@
+"use strict";
+
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+export default codegenNativeComponent('RNCMorphCardTarget');
+//# sourceMappingURL=NativeMorphCardTarget.js.map

package/lib/module/specs/NativeMorphCardTarget.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["codegenNativeComponent"],"sourceRoot":"../../../src","sources":["specs/NativeMorphCardTarget.ts"],"mappings":";;AAMA,OAAOA,sBAAsB,MAAM,yDAAyD;AA6B5F,eAAeA,sBAAsB,CACnC,oBACF,CAAC","ignoreList":[]}

package/lib/module/useMorphTarget.js

@@ -0,0 +1,22 @@
+"use strict";
+
+import * as React from 'react';
+import NativeMorphCardModule from './specs/NativeMorphCardModule';
+/**
+ * Hook for detail screens using MorphCardTarget.
+ *
+ * Returns a `dismiss()` that collapses the morph and navigates back.
+ */
+export function useMorphTarget({
+  sourceTag,
+  navigation
+}) {
+  const dismiss = React.useCallback(async () => {
+    await NativeMorphCardModule.collapse(sourceTag);
+    navigation.goBack();
+  }, [sourceTag, navigation]);
+  return {
+    dismiss
+  };
+}
+//# sourceMappingURL=useMorphTarget.js.map

package/lib/module/useMorphTarget.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","NativeMorphCardModule","useMorphTarget","sourceTag","navigation","dismiss","useCallback","collapse","goBack"],"sourceRoot":"../../src","sources":["useMorphTarget.ts"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,qBAAqB,MAAM,+BAA+B;AAOjE;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,cAAcA,CAAC;EAAEC,SAAS;EAAEC;AAAkC,CAAC,EAAE;EAC/E,MAAMC,OAAO,GAAGL,KAAK,CAACM,WAAW,CAAC,YAAY;IAC5C,MAAML,qBAAqB,CAACM,QAAQ,CAACJ,SAAS,CAAC;IAC/CC,UAAU,CAACI,MAAM,CAAC,CAAC;EACrB,CAAC,EAAE,CAACL,SAAS,EAAEC,UAAU,CAAC,CAAC;EAE3B,OAAO;IAAEC;EAAQ,CAAC;AACpB","ignoreList":[]}

package/lib/typescript/src/MorphCard.types.d.ts

@@ -0,0 +1,29 @@
+import type { ViewProps } from 'react-native';
+export interface MorphCardProps extends ViewProps {
+    /**
+     * Duration of the morph animation in milliseconds. Defaults to 500.
+     */
+    duration?: number;
+    /**
+     * Called when the expand animation begins.
+     */
+    onMorphStart?: () => void;
+    /**
+     * Called when the expand animation completes.
+     */
+    onMorphComplete?: () => void;
+    /**
+     * Called when the collapse animation completes.
+     */
+    onDismissComplete?: () => void;
+    /**
+     * The collapsed card content.
+     */
+    renderCollapsed: () => React.ReactNode;
+    /**
+     * The expanded fullscreen content.
+     */
+    renderExpanded: (collapse: () => void) => React.ReactNode;
+    ref?: React.Ref<any>;
+}
+//# sourceMappingURL=MorphCard.types.d.ts.map

package/lib/typescript/src/MorphCard.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MorphCard.types.d.ts","sourceRoot":"","sources":["../../../src/MorphCard.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B;;OAEG;IACH,eAAe,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACvC;;OAEG;IACH,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;IAC1D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACtB"}

package/lib/typescript/src/MorphCardSource.d.ts

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import { type DimensionValue } from 'react-native';
+export type ScaleMode = 'aspectFill' | 'aspectFit' | 'stretch';
+export interface MorphCardSourceProps {
+    ref?: React.Ref<any>;
+    duration?: number;
+    width?: DimensionValue;
+    height?: DimensionValue;
+    borderRadius?: number;
+    backgroundColor?: string;
+    /** How the snapshot scales in no-wrapper mode (no backgroundColor). Default: 'aspectFill' */
+    scaleMode?: ScaleMode;
+    onPress?: (sourceTag: number) => void;
+    children: React.ReactNode;
+}
+export declare const MorphCardSource: ({ children, duration, width, height, borderRadius, backgroundColor, scaleMode, onPress, ref, }: MorphCardSourceProps) => React.JSX.Element;
+/**
+ * Get the native view tag from a ref. Useful for passing sourceTag
+ * to the detail screen via navigation params.
+ */
+export declare function getViewTag(viewRef: React.RefObject<any>): number | null;
+/**
+ * Expand: background grows from card bounds to fullscreen while
+ * card snapshot moves to targetRef's position. Content fades in at the end.
+ *
+ * Call this AFTER navigating to the detail screen (so the target is mounted).
+ */
+export declare function morphExpand(sourceRef: React.RefObject<any>, targetRef: React.RefObject<any>): Promise<boolean>;
+/**
+ * Collapse: content fades out, background shrinks from fullscreen back
+ * to card bounds while card snapshot moves from target back to card position.
+ * Uses the target stored from the last expand call.
+ */
+export declare function morphCollapse(sourceTag: number): Promise<boolean>;
+//# sourceMappingURL=MorphCardSource.d.ts.map

package/lib/typescript/src/MorphCardSource.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MorphCardSource.d.ts","sourceRoot":"","sources":["../../../src/MorphCardSource.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,KAAK,cAAc,EAGpB,MAAM,cAAc,CAAC;AAMtB,MAAM,MAAM,SAAS,GAAG,YAAY,GAAG,WAAW,GAAG,SAAS,CAAC;AAE/D,MAAM,WAAW,oBAAoB;IACnC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,6FAA6F;IAC7F,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,eAAe,GAAI,gGAU7B,oBAAoB,sBAiCtB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,UAAU,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,MAAM,GAAG,IAAI,CAEvE;AAED;;;;;GAKG;AACH,wBAAsB,WAAW,CAC/B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,EAC/B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,GAC9B,OAAO,CAAC,OAAO,CAAC,CAKlB;AAED;;;;GAIG;AACH,wBAAsB,aAAa,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,CAEvE"}

package/lib/typescript/src/MorphCardTarget.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle, type DimensionValue } from 'react-native';
+export interface MorphCardTargetProps {
+    /** The sourceTag from route params — triggers expand on mount. */
+    sourceTag: number;
+    /** Optional width override (number or '100%'). If omitted, source width is used. */
+    width?: DimensionValue;
+    /** Optional height override (number or '100%'). If omitted, source height is used. */
+    height?: DimensionValue;
+    /** Optional border radius override. If omitted, source border radius is used. Set to 0 for no rounding. */
+    borderRadius?: number;
+    /** Vertical offset for the content snapshot inside the expanded wrapper (wrapper mode only). */
+    contentOffsetY?: number;
+    /** Center the content snapshot horizontally inside the expanded wrapper (wrapper mode only). */
+    contentCentered?: boolean;
+    /** Optional style for positioning (margin, position, etc). */
+    style?: StyleProp<ViewStyle>;
+}
+export declare const MorphCardTarget: ({ sourceTag, width, height, borderRadius, contentOffsetY, contentCentered, style, ...rest }: MorphCardTargetProps) => React.JSX.Element;
+//# sourceMappingURL=MorphCardTarget.d.ts.map

package/lib/typescript/src/MorphCardTarget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MorphCardTarget.d.ts","sourceRoot":"","sources":["../../../src/MorphCardTarget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,cAAc,EAIpB,MAAM,cAAc,CAAC;AAkBtB,MAAM,WAAW,oBAAoB;IACnC,kEAAkE;IAClE,SAAS,EAAE,MAAM,CAAC;IAClB,oFAAoF;IACpF,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,sFAAsF;IACtF,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,2GAA2G;IAC3G,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gGAAgG;IAChG,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gGAAgG;IAChG,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,8DAA8D;IAC9D,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,eAAO,MAAM,eAAe,GAAI,6FAS7B,oBAAoB,sBAwEtB,CAAC"}

package/lib/typescript/src/index.d.ts

@@ -0,0 +1,6 @@
+export { MorphCardSource, morphExpand, morphCollapse, getViewTag, } from './MorphCardSource';
+export type { MorphCardSourceProps, ScaleMode } from './MorphCardSource';
+export { MorphCardTarget } from './MorphCardTarget';
+export type { MorphCardTargetProps } from './MorphCardTarget';
+export { useMorphTarget } from './useMorphTarget';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,WAAW,EACX,aAAa,EACb,UAAU,GACX,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/lib/typescript/src/specs/NativeMorphCardModule.d.ts

@@ -0,0 +1,14 @@
+import type { TurboModule } from 'react-native';
+export interface Spec extends TurboModule {
+    prepareExpand(sourceTag: number): void;
+    expand(sourceTag: number, targetTag: number): Promise<boolean>;
+    setTargetConfig(sourceTag: number, targetWidth: number, targetHeight: number, targetBorderRadius: number, contentOffsetY: number, contentCentered: boolean): void;
+    collapse(sourceTag: number): Promise<boolean>;
+    getSourceSize(sourceTag: number): Promise<{
+        width: number;
+        height: number;
+    }>;
+}
+declare const _default: Spec;
+export default _default;
+//# sourceMappingURL=NativeMorphCardModule.d.ts.map

package/lib/typescript/src/specs/NativeMorphCardModule.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeMorphCardModule.d.ts","sourceRoot":"","sources":["../../../../src/specs/NativeMorphCardModule.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAGhD,MAAM,WAAW,IAAK,SAAQ,WAAW;IACvC,aAAa,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACvC,MAAM,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAC/D,eAAe,CACb,SAAS,EAAE,MAAM,EACjB,WAAW,EAAE,MAAM,EACnB,YAAY,EAAE,MAAM,EACpB,kBAAkB,EAAE,MAAM,EAC1B,cAAc,EAAE,MAAM,EACtB,eAAe,EAAE,OAAO,GACvB,IAAI,CAAC;IACR,QAAQ,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAC9C,aAAa,CACX,SAAS,EAAE,MAAM,GAChB,OAAO,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC/C;;AAED,wBAA4E"}