@metamask-previews/design-system-react-native 0.19.0-preview.1679aa9 → 0.24.0-preview.178e60f

package/dist/components/HeaderStandardAnimated/HeaderStandardAnimated.types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderStandardAnimated.types.mjs","sourceRoot":"","sources":["../../../src/components/HeaderStandardAnimated/HeaderStandardAnimated.types.ts"],"names":[],"mappings":"","sourcesContent":["// External dependencies.\nimport type {\n  ScrollHandlerProcessed,\n  SharedValue,\n} from 'react-native-reanimated';\n\n// Internal dependencies.\nimport type { HeaderStandardProps } from '../HeaderStandard/HeaderStandard.types';\n\n/**\n * HeaderStandardAnimated component props.\n * Extends HeaderStandardProps with scroll-driven animation inputs.\n * Title/subtitle fields come from HeaderStandardCenterColumnFields via HeaderStandardProps.\n * Center content is driven by title/subtitle only; `children` is not supported.\n */\nexport type HeaderStandardAnimatedProps = Omit<\n  HeaderStandardProps,\n  'children'\n> & {\n  /**\n   * Shared value for scroll offset from the ScrollView.\n   * Used to drive the center-title animation when scroll passes the title section.\n   */\n  scrollY: SharedValue<number>;\n  /**\n   * Shared value for the height of the title section (first child of ScrollView).\n   * When scrollY >= titleSectionHeight, the compact center title is shown.\n   */\n  titleSectionHeight: SharedValue<number>;\n};\n\n/**\n * Return type for useHeaderStandardAnimated hook.\n * onScroll is an animated scroll handler; use with Animated.ScrollView for UI-thread updates.\n */\nexport type UseHeaderStandardAnimatedReturn = {\n  scrollY: SharedValue<number>;\n  titleSectionHeightSv: SharedValue<number>;\n  setTitleSectionHeight: (height: number) => void;\n  onScroll: ScrollHandlerProcessed;\n};\n"]}

package/dist/components/HeaderStandardAnimated/index.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useHeaderStandardAnimated = exports.HeaderStandardAnimated = void 0;
+var HeaderStandardAnimated_1 = require("./HeaderStandardAnimated.cjs");
+Object.defineProperty(exports, "HeaderStandardAnimated", { enumerable: true, get: function () { return HeaderStandardAnimated_1.HeaderStandardAnimated; } });
+var useHeaderStandardAnimated_1 = require("./useHeaderStandardAnimated.cjs");
+Object.defineProperty(exports, "useHeaderStandardAnimated", { enumerable: true, get: function () { return useHeaderStandardAnimated_1.useHeaderStandardAnimated; } });
+//# sourceMappingURL=index.cjs.map

package/dist/components/HeaderStandardAnimated/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/HeaderStandardAnimated/index.ts"],"names":[],"mappings":";;;AAAA,uEAAkE;AAAzD,gIAAA,sBAAsB,OAAA;AAC/B,6EAAwE;AAA/D,sIAAA,yBAAyB,OAAA","sourcesContent":["export { HeaderStandardAnimated } from './HeaderStandardAnimated';\nexport { useHeaderStandardAnimated } from './useHeaderStandardAnimated';\nexport type {\n  HeaderStandardAnimatedProps,\n  UseHeaderStandardAnimatedReturn,\n} from './HeaderStandardAnimated.types';\n"]}

package/dist/components/HeaderStandardAnimated/index.d.cts

@@ -0,0 +1,4 @@
+export { HeaderStandardAnimated } from "./HeaderStandardAnimated.cjs";
+export { useHeaderStandardAnimated } from "./useHeaderStandardAnimated.cjs";
+export type { HeaderStandardAnimatedProps, UseHeaderStandardAnimatedReturn, } from "./HeaderStandardAnimated.types.cjs";
+//# sourceMappingURL=index.d.cts.map

package/dist/components/HeaderStandardAnimated/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/HeaderStandardAnimated/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,qCAAiC;AAClE,OAAO,EAAE,yBAAyB,EAAE,wCAAoC;AACxE,YAAY,EACV,2BAA2B,EAC3B,+BAA+B,GAChC,2CAAuC"}

package/dist/components/HeaderStandardAnimated/index.d.mts

@@ -0,0 +1,4 @@
+export { HeaderStandardAnimated } from "./HeaderStandardAnimated.mjs";
+export { useHeaderStandardAnimated } from "./useHeaderStandardAnimated.mjs";
+export type { HeaderStandardAnimatedProps, UseHeaderStandardAnimatedReturn, } from "./HeaderStandardAnimated.types.mjs";
+//# sourceMappingURL=index.d.mts.map

package/dist/components/HeaderStandardAnimated/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/HeaderStandardAnimated/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,qCAAiC;AAClE,OAAO,EAAE,yBAAyB,EAAE,wCAAoC;AACxE,YAAY,EACV,2BAA2B,EAC3B,+BAA+B,GAChC,2CAAuC"}

package/dist/components/HeaderStandardAnimated/index.mjs

@@ -0,0 +1,3 @@
+export { HeaderStandardAnimated } from "./HeaderStandardAnimated.mjs";
+export { useHeaderStandardAnimated } from "./useHeaderStandardAnimated.mjs";
+//# sourceMappingURL=index.mjs.map

package/dist/components/HeaderStandardAnimated/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/HeaderStandardAnimated/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,qCAAiC;AAClE,OAAO,EAAE,yBAAyB,EAAE,wCAAoC","sourcesContent":["export { HeaderStandardAnimated } from './HeaderStandardAnimated';\nexport { useHeaderStandardAnimated } from './useHeaderStandardAnimated';\nexport type {\n  HeaderStandardAnimatedProps,\n  UseHeaderStandardAnimatedReturn,\n} from './HeaderStandardAnimated.types';\n"]}

package/dist/components/HeaderStandardAnimated/useHeaderStandardAnimated.cjs

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useHeaderStandardAnimated = exports.updateScrollYFromEvent = void 0;
+// Third party dependencies.
+const react_1 = require("react");
+const react_native_reanimated_1 = require("react-native-reanimated");
+/**
+ * Writes a vertical content offset into the scroll shared value.
+ *
+ * @param scrollYValue - Shared value for vertical scroll offset.
+ * @param contentOffsetY - `contentOffset.y` from the scroll event.
+ */
+function updateScrollYFromEvent(scrollYValue, contentOffsetY) {
+    scrollYValue.value = contentOffsetY;
+}
+exports.updateScrollYFromEvent = updateScrollYFromEvent;
+/**
+ * Hook for managing HeaderStandardAnimated scroll-linked animations.
+ * Use with HeaderStandardAnimated placed outside the ScrollView as a sibling.
+ * Use the returned onScroll with Animated.ScrollView for UI-thread scroll updates (zero lag).
+ *
+ * @returns Object containing scrollY, titleSectionHeightSv, setTitleSectionHeight, and onScroll.
+ *
+ * @example
+ * ```tsx
+ * const { scrollY, onScroll, setTitleSectionHeight, titleSectionHeightSv } =
+ *   useHeaderStandardAnimated();
+ *
+ * <Box twClassName="flex-1">
+ *   <HeaderStandardAnimated
+ *     scrollY={scrollY}
+ *     titleSectionHeight={titleSectionHeightSv}
+ *     title="Market"
+ *     onBack={handleBack}
+ *   />
+ *   <Animated.ScrollView onScroll={onScroll} scrollEventThrottle={16}>
+ *     <Box onLayout={(e) => setTitleSectionHeight(e.nativeEvent.layout.height)}>
+ *       ...first scroll section (layout height drives compact title timing)
+ *     </Box>
+ *     {/* page body *\/}
+ *   </Animated.ScrollView>
+ * </Box>
+ * ```
+ */
+function useHeaderStandardAnimated() {
+    const scrollYValue = (0, react_native_reanimated_1.useSharedValue)(0);
+    const titleSectionHeightSv = (0, react_native_reanimated_1.useSharedValue)(0);
+    const setTitleSectionHeight = (0, react_1.useCallback)((height) => {
+        titleSectionHeightSv.value = height;
+    }, [titleSectionHeightSv]);
+    const onScroll = (0, react_native_reanimated_1.useAnimatedScrollHandler)({
+        onScroll: (scrollEvent) => updateScrollYFromEvent(scrollYValue, scrollEvent.contentOffset.y),
+    });
+    return {
+        scrollY: scrollYValue,
+        titleSectionHeightSv,
+        setTitleSectionHeight,
+        onScroll,
+    };
+}
+exports.useHeaderStandardAnimated = useHeaderStandardAnimated;
+//# sourceMappingURL=useHeaderStandardAnimated.cjs.map

package/dist/components/HeaderStandardAnimated/useHeaderStandardAnimated.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHeaderStandardAnimated.cjs","sourceRoot":"","sources":["../../../src/components/HeaderStandardAnimated/useHeaderStandardAnimated.ts"],"names":[],"mappings":";;;AAAA,4BAA4B;AAC5B,iCAAoC;AAEpC,qEAGiC;AAKjC;;;;;GAKG;AACH,SAAgB,sBAAsB,CACpC,YAAiC,EACjC,cAAsB;IAEtB,YAAY,CAAC,KAAK,GAAG,cAAc,CAAC;AACtC,CAAC;AALD,wDAKC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,SAAgB,yBAAyB;IACvC,MAAM,YAAY,GAAG,IAAA,wCAAc,EAAC,CAAC,CAAC,CAAC;IACvC,MAAM,oBAAoB,GAAG,IAAA,wCAAc,EAAC,CAAC,CAAC,CAAC;IAE/C,MAAM,qBAAqB,GAAG,IAAA,mBAAW,EACvC,CAAC,MAAc,EAAE,EAAE;QACjB,oBAAoB,CAAC,KAAK,GAAG,MAAM,CAAC;IACtC,CAAC,EACD,CAAC,oBAAoB,CAAC,CACvB,CAAC;IAEF,MAAM,QAAQ,GAAG,IAAA,kDAAwB,EAAC;QACxC,QAAQ,EAAE,CAAC,WAAW,EAAE,EAAE,CACxB,sBAAsB,CAAC,YAAY,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC;KACpE,CAAC,CAAC;IAEH,OAAO;QACL,OAAO,EAAE,YAAY;QACrB,oBAAoB;QACpB,qBAAqB;QACrB,QAAQ;KACT,CAAC;AACJ,CAAC;AAtBD,8DAsBC","sourcesContent":["// Third party dependencies.\nimport { useCallback } from 'react';\nimport type { SharedValue } from 'react-native-reanimated';\nimport {\n  useSharedValue,\n  useAnimatedScrollHandler,\n} from 'react-native-reanimated';\n\n// Internal dependencies.\nimport type { UseHeaderStandardAnimatedReturn } from './HeaderStandardAnimated.types';\n\n/**\n * Writes a vertical content offset into the scroll shared value.\n *\n * @param scrollYValue - Shared value for vertical scroll offset.\n * @param contentOffsetY - `contentOffset.y` from the scroll event.\n */\nexport function updateScrollYFromEvent(\n  scrollYValue: SharedValue<number>,\n  contentOffsetY: number,\n) {\n  scrollYValue.value = contentOffsetY;\n}\n\n/**\n * Hook for managing HeaderStandardAnimated scroll-linked animations.\n * Use with HeaderStandardAnimated placed outside the ScrollView as a sibling.\n * Use the returned onScroll with Animated.ScrollView for UI-thread scroll updates (zero lag).\n *\n * @returns Object containing scrollY, titleSectionHeightSv, setTitleSectionHeight, and onScroll.\n *\n * @example\n * ```tsx\n * const { scrollY, onScroll, setTitleSectionHeight, titleSectionHeightSv } =\n *   useHeaderStandardAnimated();\n *\n * <Box twClassName=\"flex-1\">\n *   <HeaderStandardAnimated\n *     scrollY={scrollY}\n *     titleSectionHeight={titleSectionHeightSv}\n *     title=\"Market\"\n *     onBack={handleBack}\n *   />\n *   <Animated.ScrollView onScroll={onScroll} scrollEventThrottle={16}>\n *     <Box onLayout={(e) => setTitleSectionHeight(e.nativeEvent.layout.height)}>\n *       ...first scroll section (layout height drives compact title timing)\n *     </Box>\n *     {/* page body *\\/}\n *   </Animated.ScrollView>\n * </Box>\n * ```\n */\nexport function useHeaderStandardAnimated(): UseHeaderStandardAnimatedReturn {\n  const scrollYValue = useSharedValue(0);\n  const titleSectionHeightSv = useSharedValue(0);\n\n  const setTitleSectionHeight = useCallback(\n    (height: number) => {\n      titleSectionHeightSv.value = height;\n    },\n    [titleSectionHeightSv],\n  );\n\n  const onScroll = useAnimatedScrollHandler({\n    onScroll: (scrollEvent) =>\n      updateScrollYFromEvent(scrollYValue, scrollEvent.contentOffset.y),\n  });\n\n  return {\n    scrollY: scrollYValue,\n    titleSectionHeightSv,\n    setTitleSectionHeight,\n    onScroll,\n  };\n}\n"]}

package/dist/components/HeaderStandardAnimated/useHeaderStandardAnimated.d.cts

@@ -0,0 +1,39 @@
+import type { SharedValue } from "react-native-reanimated";
+import type { UseHeaderStandardAnimatedReturn } from "./HeaderStandardAnimated.types.cjs";
+/**
+ * Writes a vertical content offset into the scroll shared value.
+ *
+ * @param scrollYValue - Shared value for vertical scroll offset.
+ * @param contentOffsetY - `contentOffset.y` from the scroll event.
+ */
+export declare function updateScrollYFromEvent(scrollYValue: SharedValue<number>, contentOffsetY: number): void;
+/**
+ * Hook for managing HeaderStandardAnimated scroll-linked animations.
+ * Use with HeaderStandardAnimated placed outside the ScrollView as a sibling.
+ * Use the returned onScroll with Animated.ScrollView for UI-thread scroll updates (zero lag).
+ *
+ * @returns Object containing scrollY, titleSectionHeightSv, setTitleSectionHeight, and onScroll.
+ *
+ * @example
+ * ```tsx
+ * const { scrollY, onScroll, setTitleSectionHeight, titleSectionHeightSv } =
+ *   useHeaderStandardAnimated();
+ *
+ * <Box twClassName="flex-1">
+ *   <HeaderStandardAnimated
+ *     scrollY={scrollY}
+ *     titleSectionHeight={titleSectionHeightSv}
+ *     title="Market"
+ *     onBack={handleBack}
+ *   />
+ *   <Animated.ScrollView onScroll={onScroll} scrollEventThrottle={16}>
+ *     <Box onLayout={(e) => setTitleSectionHeight(e.nativeEvent.layout.height)}>
+ *       ...first scroll section (layout height drives compact title timing)
+ *     </Box>
+ *     {/* page body *\/}
+ *   </Animated.ScrollView>
+ * </Box>
+ * ```
+ */
+export declare function useHeaderStandardAnimated(): UseHeaderStandardAnimatedReturn;
+//# sourceMappingURL=useHeaderStandardAnimated.d.cts.map

package/dist/components/HeaderStandardAnimated/useHeaderStandardAnimated.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHeaderStandardAnimated.d.cts","sourceRoot":"","sources":["../../../src/components/HeaderStandardAnimated/useHeaderStandardAnimated.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,gCAAgC;AAO3D,OAAO,KAAK,EAAE,+BAA+B,EAAE,2CAAuC;AAEtF;;;;;GAKG;AACH,wBAAgB,sBAAsB,CACpC,YAAY,EAAE,WAAW,CAAC,MAAM,CAAC,EACjC,cAAc,EAAE,MAAM,QAGvB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,yBAAyB,IAAI,+BAA+B,CAsB3E"}

package/dist/components/HeaderStandardAnimated/useHeaderStandardAnimated.d.mts

@@ -0,0 +1,39 @@
+import type { SharedValue } from "react-native-reanimated";
+import type { UseHeaderStandardAnimatedReturn } from "./HeaderStandardAnimated.types.mjs";
+/**
+ * Writes a vertical content offset into the scroll shared value.
+ *
+ * @param scrollYValue - Shared value for vertical scroll offset.
+ * @param contentOffsetY - `contentOffset.y` from the scroll event.
+ */
+export declare function updateScrollYFromEvent(scrollYValue: SharedValue<number>, contentOffsetY: number): void;
+/**
+ * Hook for managing HeaderStandardAnimated scroll-linked animations.
+ * Use with HeaderStandardAnimated placed outside the ScrollView as a sibling.
+ * Use the returned onScroll with Animated.ScrollView for UI-thread scroll updates (zero lag).
+ *
+ * @returns Object containing scrollY, titleSectionHeightSv, setTitleSectionHeight, and onScroll.
+ *
+ * @example
+ * ```tsx
+ * const { scrollY, onScroll, setTitleSectionHeight, titleSectionHeightSv } =
+ *   useHeaderStandardAnimated();
+ *
+ * <Box twClassName="flex-1">
+ *   <HeaderStandardAnimated
+ *     scrollY={scrollY}
+ *     titleSectionHeight={titleSectionHeightSv}
+ *     title="Market"
+ *     onBack={handleBack}
+ *   />
+ *   <Animated.ScrollView onScroll={onScroll} scrollEventThrottle={16}>
+ *     <Box onLayout={(e) => setTitleSectionHeight(e.nativeEvent.layout.height)}>
+ *       ...first scroll section (layout height drives compact title timing)
+ *     </Box>
+ *     {/* page body *\/}
+ *   </Animated.ScrollView>
+ * </Box>
+ * ```
+ */
+export declare function useHeaderStandardAnimated(): UseHeaderStandardAnimatedReturn;
+//# sourceMappingURL=useHeaderStandardAnimated.d.mts.map

package/dist/components/HeaderStandardAnimated/useHeaderStandardAnimated.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHeaderStandardAnimated.d.mts","sourceRoot":"","sources":["../../../src/components/HeaderStandardAnimated/useHeaderStandardAnimated.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,gCAAgC;AAO3D,OAAO,KAAK,EAAE,+BAA+B,EAAE,2CAAuC;AAEtF;;;;;GAKG;AACH,wBAAgB,sBAAsB,CACpC,YAAY,EAAE,WAAW,CAAC,MAAM,CAAC,EACjC,cAAc,EAAE,MAAM,QAGvB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,yBAAyB,IAAI,+BAA+B,CAsB3E"}

package/dist/components/HeaderStandardAnimated/useHeaderStandardAnimated.mjs

@@ -0,0 +1,57 @@
+// Third party dependencies.
+import { useCallback } from "react";
+import { useSharedValue, useAnimatedScrollHandler } from "react-native-reanimated";
+/**
+ * Writes a vertical content offset into the scroll shared value.
+ *
+ * @param scrollYValue - Shared value for vertical scroll offset.
+ * @param contentOffsetY - `contentOffset.y` from the scroll event.
+ */
+export function updateScrollYFromEvent(scrollYValue, contentOffsetY) {
+    scrollYValue.value = contentOffsetY;
+}
+/**
+ * Hook for managing HeaderStandardAnimated scroll-linked animations.
+ * Use with HeaderStandardAnimated placed outside the ScrollView as a sibling.
+ * Use the returned onScroll with Animated.ScrollView for UI-thread scroll updates (zero lag).
+ *
+ * @returns Object containing scrollY, titleSectionHeightSv, setTitleSectionHeight, and onScroll.
+ *
+ * @example
+ * ```tsx
+ * const { scrollY, onScroll, setTitleSectionHeight, titleSectionHeightSv } =
+ *   useHeaderStandardAnimated();
+ *
+ * <Box twClassName="flex-1">
+ *   <HeaderStandardAnimated
+ *     scrollY={scrollY}
+ *     titleSectionHeight={titleSectionHeightSv}
+ *     title="Market"
+ *     onBack={handleBack}
+ *   />
+ *   <Animated.ScrollView onScroll={onScroll} scrollEventThrottle={16}>
+ *     <Box onLayout={(e) => setTitleSectionHeight(e.nativeEvent.layout.height)}>
+ *       ...first scroll section (layout height drives compact title timing)
+ *     </Box>
+ *     {/* page body *\/}
+ *   </Animated.ScrollView>
+ * </Box>
+ * ```
+ */
+export function useHeaderStandardAnimated() {
+    const scrollYValue = useSharedValue(0);
+    const titleSectionHeightSv = useSharedValue(0);
+    const setTitleSectionHeight = useCallback((height) => {
+        titleSectionHeightSv.value = height;
+    }, [titleSectionHeightSv]);
+    const onScroll = useAnimatedScrollHandler({
+        onScroll: (scrollEvent) => updateScrollYFromEvent(scrollYValue, scrollEvent.contentOffset.y),
+    });
+    return {
+        scrollY: scrollYValue,
+        titleSectionHeightSv,
+        setTitleSectionHeight,
+        onScroll,
+    };
+}
+//# sourceMappingURL=useHeaderStandardAnimated.mjs.map

package/dist/components/HeaderStandardAnimated/useHeaderStandardAnimated.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHeaderStandardAnimated.mjs","sourceRoot":"","sources":["../../../src/components/HeaderStandardAnimated/useHeaderStandardAnimated.ts"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,OAAO,EAAE,WAAW,EAAE,cAAc;AAEpC,OAAO,EACL,cAAc,EACd,wBAAwB,EACzB,gCAAgC;AAKjC;;;;;GAKG;AACH,MAAM,UAAU,sBAAsB,CACpC,YAAiC,EACjC,cAAsB;IAEtB,YAAY,CAAC,KAAK,GAAG,cAAc,CAAC;AACtC,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,UAAU,yBAAyB;IACvC,MAAM,YAAY,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;IACvC,MAAM,oBAAoB,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;IAE/C,MAAM,qBAAqB,GAAG,WAAW,CACvC,CAAC,MAAc,EAAE,EAAE;QACjB,oBAAoB,CAAC,KAAK,GAAG,MAAM,CAAC;IACtC,CAAC,EACD,CAAC,oBAAoB,CAAC,CACvB,CAAC;IAEF,MAAM,QAAQ,GAAG,wBAAwB,CAAC;QACxC,QAAQ,EAAE,CAAC,WAAW,EAAE,EAAE,CACxB,sBAAsB,CAAC,YAAY,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC;KACpE,CAAC,CAAC;IAEH,OAAO;QACL,OAAO,EAAE,YAAY;QACrB,oBAAoB;QACpB,qBAAqB;QACrB,QAAQ;KACT,CAAC;AACJ,CAAC","sourcesContent":["// Third party dependencies.\nimport { useCallback } from 'react';\nimport type { SharedValue } from 'react-native-reanimated';\nimport {\n  useSharedValue,\n  useAnimatedScrollHandler,\n} from 'react-native-reanimated';\n\n// Internal dependencies.\nimport type { UseHeaderStandardAnimatedReturn } from './HeaderStandardAnimated.types';\n\n/**\n * Writes a vertical content offset into the scroll shared value.\n *\n * @param scrollYValue - Shared value for vertical scroll offset.\n * @param contentOffsetY - `contentOffset.y` from the scroll event.\n */\nexport function updateScrollYFromEvent(\n  scrollYValue: SharedValue<number>,\n  contentOffsetY: number,\n) {\n  scrollYValue.value = contentOffsetY;\n}\n\n/**\n * Hook for managing HeaderStandardAnimated scroll-linked animations.\n * Use with HeaderStandardAnimated placed outside the ScrollView as a sibling.\n * Use the returned onScroll with Animated.ScrollView for UI-thread scroll updates (zero lag).\n *\n * @returns Object containing scrollY, titleSectionHeightSv, setTitleSectionHeight, and onScroll.\n *\n * @example\n * ```tsx\n * const { scrollY, onScroll, setTitleSectionHeight, titleSectionHeightSv } =\n *   useHeaderStandardAnimated();\n *\n * <Box twClassName=\"flex-1\">\n *   <HeaderStandardAnimated\n *     scrollY={scrollY}\n *     titleSectionHeight={titleSectionHeightSv}\n *     title=\"Market\"\n *     onBack={handleBack}\n *   />\n *   <Animated.ScrollView onScroll={onScroll} scrollEventThrottle={16}>\n *     <Box onLayout={(e) => setTitleSectionHeight(e.nativeEvent.layout.height)}>\n *       ...first scroll section (layout height drives compact title timing)\n *     </Box>\n *     {/* page body *\\/}\n *   </Animated.ScrollView>\n * </Box>\n * ```\n */\nexport function useHeaderStandardAnimated(): UseHeaderStandardAnimatedReturn {\n  const scrollYValue = useSharedValue(0);\n  const titleSectionHeightSv = useSharedValue(0);\n\n  const setTitleSectionHeight = useCallback(\n    (height: number) => {\n      titleSectionHeightSv.value = height;\n    },\n    [titleSectionHeightSv],\n  );\n\n  const onScroll = useAnimatedScrollHandler({\n    onScroll: (scrollEvent) =>\n      updateScrollYFromEvent(scrollYValue, scrollEvent.contentOffset.y),\n  });\n\n  return {\n    scrollY: scrollYValue,\n    titleSectionHeightSv,\n    setTitleSectionHeight,\n    onScroll,\n  };\n}\n"]}