@metamask/design-system-react-native 0.23.0 → 0.25.0

package/dist/components/HeaderStandard/HeaderStandard.types.mjs

@@ -1,10 +1,2 @@
-function $importDefault(module) {
-    if (module?.__esModule) {
-        return module.default;
-    }
-    return module;
-}
-// Third party dependencies.
-import $React from "react";
-const React = $importDefault($React);
+export {};
 //# sourceMappingURL=HeaderStandard.types.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderStandard.types.mjs","sourceRoot":"","sources":["../../../src/components/HeaderStandard/HeaderStandard.types.ts"],"names":[],"mappings":";;;;;;AAAA,4BAA4B;AAC5B,OAAO,MAAK,cAAc","sourcesContent":["// Third party dependencies.\nimport React from 'react';\n\n// External dependencies.\nimport type { ButtonIconProps } from '../ButtonIcon';\nimport type { HeaderBaseProps } from '../HeaderBase';\nimport type { TextProps } from '../Text';\n\n/**\n * HeaderStandard component props.\n */\nexport type HeaderStandardProps = HeaderBaseProps & {\n  /**\n   * Title to display in the header. Can be a string or a React node.\n   * Used as children if children prop is not provided.\n   * When string: rendered with TextVariant.BodyMd and FontWeight.Bold by default; titleProps apply.\n   * When node: rendered as-is; titleProps are not applied.\n   */\n  title?: string | React.ReactNode;\n  /**\n   * Additional props to pass to the title Text component.\n   * Props are spread to the Text component and can override default values.\n   * Only applied when title is a string.\n   */\n  titleProps?: Partial<TextProps>;\n  /**\n   * Subtitle to display below the title. Can be a string or a React node.\n   * When string: rendered with TextVariant.BodySm and TextColor.TextAlternative by default; subtitleProps apply.\n   * When node: rendered as-is; subtitleProps are not applied (add spacing on your root if needed, e.g. twClassName).\n   */\n  subtitle?: string | React.ReactNode;\n  /**\n   * Additional props to pass to the subtitle Text component.\n   * Props are spread to the Text component and can override default values.\n   * Only applied when subtitle is a string.\n   */\n  subtitleProps?: Partial<TextProps>;\n  /**\n   * Callback when the back button is pressed.\n   * If provided, a back button will be rendered as startButtonIconProps.\n   */\n  onBack?: () => void;\n  /**\n   * Additional props to pass to the back ButtonIcon.\n   * If provided, a back button will be rendered as startButtonIconProps with these props spread.\n   */\n  backButtonProps?: Omit<ButtonIconProps, 'iconName'>;\n  /**\n   * Callback when the close button is pressed.\n   * If provided, a close button will be added to endButtonIconProps.\n   */\n  onClose?: () => void;\n  /**\n   * Additional props to pass to the close ButtonIcon.\n   * If provided, a close button will be added to endButtonIconProps with these props spread.\n   */\n  closeButtonProps?: Omit<ButtonIconProps, 'iconName'>;\n};\n"]}
+{"version":3,"file":"HeaderStandard.types.mjs","sourceRoot":"","sources":["../../../src/components/HeaderStandard/HeaderStandard.types.ts"],"names":[],"mappings":"","sourcesContent":["// External dependencies.\nimport type { ButtonIconProps } from '../ButtonIcon';\nimport type { HeaderBaseProps } from '../HeaderBase';\nimport type { HeaderStandardCenterColumnFields } from '../temp-components/HeaderStandardCenterColumn';\n\n/**\n * HeaderStandard component props.\n */\nexport type HeaderStandardProps = HeaderBaseProps &\n  HeaderStandardCenterColumnFields & {\n    /**\n     * Callback when the back button is pressed.\n     * If provided, a back button will be rendered as startButtonIconProps.\n     */\n    onBack?: () => void;\n    /**\n     * Additional props to pass to the back ButtonIcon.\n     * If provided, a back button will be rendered as startButtonIconProps with these props spread.\n     */\n    backButtonProps?: Omit<ButtonIconProps, 'iconName'>;\n    /**\n     * Callback when the close button is pressed.\n     * If provided, a close button will be added to endButtonIconProps.\n     */\n    onClose?: () => void;\n    /**\n     * Additional props to pass to the close ButtonIcon.\n     * If provided, a close button will be added to endButtonIconProps with these props spread.\n     */\n    closeButtonProps?: Omit<ButtonIconProps, 'iconName'>;\n  };\n"]}

package/dist/components/HeaderStandardAnimated/HeaderStandardAnimated.cjs

@@ -0,0 +1,63 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderStandardAnimated = void 0;
+// Third party dependencies.
+const design_tokens_1 = require("@metamask/design-tokens");
+const react_1 = __importDefault(require("react"));
+const react_native_reanimated_1 = __importStar(require("react-native-reanimated"));
+// External dependencies.
+const HeaderStandard_1 = require("../HeaderStandard/index.cjs");
+const HeaderStandardCenterColumn_1 = require("../temp-components/HeaderStandardCenterColumn/index.cjs");
+const COMPACT_TITLE_ENTER_OFFSET_PX = 8;
+const HeaderStandardAnimated = ({ title, titleProps, subtitle, subtitleProps, scrollY, titleSectionHeight, twClassName = '', ...headerStandardProps }) => {
+    const compactTitleProgress = (0, react_native_reanimated_1.useDerivedValue)(() => {
+        const hasMeasured = titleSectionHeight.value > 0;
+        const isFullyHidden = hasMeasured && scrollY.value >= titleSectionHeight.value;
+        return (0, react_native_reanimated_1.withTiming)(isFullyHidden ? 1 : 0, {
+            duration: design_tokens_1.AnimationDuration.Fast,
+        });
+    });
+    const centerAnimatedStyle = (0, react_native_reanimated_1.useAnimatedStyle)(() => {
+        const progress = compactTitleProgress.value;
+        return {
+            opacity: progress,
+            transform: [
+                { translateY: (1 - progress) * COMPACT_TITLE_ENTER_OFFSET_PX },
+            ],
+        };
+    });
+    return (<HeaderStandard_1.HeaderStandard {...headerStandardProps} twClassName={twClassName}>
+      <react_native_reanimated_1.default.View style={centerAnimatedStyle}>
+        {title ? (<HeaderStandardCenterColumn_1.HeaderStandardCenterColumn title={title} titleProps={titleProps} subtitle={subtitle} subtitleProps={subtitleProps}/>) : null}
+      </react_native_reanimated_1.default.View>
+    </HeaderStandard_1.HeaderStandard>);
+};
+exports.HeaderStandardAnimated = HeaderStandardAnimated;
+exports.HeaderStandardAnimated.displayName = 'HeaderStandardAnimated';
+//# sourceMappingURL=HeaderStandardAnimated.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderStandardAnimated.cjs","sourceRoot":"","sources":["../../../src/components/HeaderStandardAnimated/HeaderStandardAnimated.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4BAA4B;AAC5B,2DAA4D;AAC5D,kDAA0B;AAC1B,mFAIiC;AAEjC,yBAAyB;AACzB,gEAAmD;AACnD,wGAA2F;AAK3F,MAAM,6BAA6B,GAAG,CAAC,CAAC;AAEjC,MAAM,sBAAsB,GAA0C,CAAC,EAC5E,KAAK,EACL,UAAU,EACV,QAAQ,EACR,aAAa,EACb,OAAO,EACP,kBAAkB,EAClB,WAAW,GAAG,EAAE,EAChB,GAAG,mBAAmB,EACvB,EAAE,EAAE;IACH,MAAM,oBAAoB,GAAG,IAAA,yCAAe,EAAC,GAAG,EAAE;QAChD,MAAM,WAAW,GAAG,kBAAkB,CAAC,KAAK,GAAG,CAAC,CAAC;QACjD,MAAM,aAAa,GACjB,WAAW,IAAI,OAAO,CAAC,KAAK,IAAI,kBAAkB,CAAC,KAAK,CAAC;QAC3D,OAAO,IAAA,oCAAU,EAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YACvC,QAAQ,EAAE,iCAAiB,CAAC,IAAI;SACjC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,MAAM,mBAAmB,GAAG,IAAA,0CAAgB,EAAC,GAAG,EAAE;QAChD,MAAM,QAAQ,GAAG,oBAAoB,CAAC,KAAK,CAAC;QAC5C,OAAO;YACL,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE;gBACT,EAAE,UAAU,EAAE,CAAC,CAAC,GAAG,QAAQ,CAAC,GAAG,6BAA6B,EAAE;aAC/D;SACF,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,CAAC,+BAAc,CAAC,IAAI,mBAAmB,CAAC,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,CAChE;MAAA,CAAC,iCAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,mBAAmB,CAAC,CACxC;QAAA,CAAC,KAAK,CAAC,CAAC,CAAC,CACP,CAAC,uDAA0B,CACzB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,aAAa,CAAC,CAAC,aAAa,CAAC,EAC7B,CACH,CAAC,CAAC,CAAC,IAAI,CACV;MAAA,EAAE,iCAAQ,CAAC,IAAI,CACjB;IAAA,EAAE,+BAAc,CAAC,CAClB,CAAC;AACJ,CAAC,CAAC;AA3CW,QAAA,sBAAsB,0BA2CjC;AAEF,8BAAsB,CAAC,WAAW,GAAG,wBAAwB,CAAC","sourcesContent":["// Third party dependencies.\nimport { AnimationDuration } from '@metamask/design-tokens';\nimport React from 'react';\nimport Animated, {\n  useAnimatedStyle,\n  useDerivedValue,\n  withTiming,\n} from 'react-native-reanimated';\n\n// External dependencies.\nimport { HeaderStandard } from '../HeaderStandard';\nimport { HeaderStandardCenterColumn } from '../temp-components/HeaderStandardCenterColumn';\n\n// Internal dependencies.\nimport type { HeaderStandardAnimatedProps } from './HeaderStandardAnimated.types';\n\nconst COMPACT_TITLE_ENTER_OFFSET_PX = 8;\n\nexport const HeaderStandardAnimated: React.FC<HeaderStandardAnimatedProps> = ({\n  title,\n  titleProps,\n  subtitle,\n  subtitleProps,\n  scrollY,\n  titleSectionHeight,\n  twClassName = '',\n  ...headerStandardProps\n}) => {\n  const compactTitleProgress = useDerivedValue(() => {\n    const hasMeasured = titleSectionHeight.value > 0;\n    const isFullyHidden =\n      hasMeasured && scrollY.value >= titleSectionHeight.value;\n    return withTiming(isFullyHidden ? 1 : 0, {\n      duration: AnimationDuration.Fast,\n    });\n  });\n\n  const centerAnimatedStyle = useAnimatedStyle(() => {\n    const progress = compactTitleProgress.value;\n    return {\n      opacity: progress,\n      transform: [\n        { translateY: (1 - progress) * COMPACT_TITLE_ENTER_OFFSET_PX },\n      ],\n    };\n  });\n\n  return (\n    <HeaderStandard {...headerStandardProps} twClassName={twClassName}>\n      <Animated.View style={centerAnimatedStyle}>\n        {title ? (\n          <HeaderStandardCenterColumn\n            title={title}\n            titleProps={titleProps}\n            subtitle={subtitle}\n            subtitleProps={subtitleProps}\n          />\n        ) : null}\n      </Animated.View>\n    </HeaderStandard>\n  );\n};\n\nHeaderStandardAnimated.displayName = 'HeaderStandardAnimated';\n"]}

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

@@ -0,0 +1,4 @@
+import React from "react";
+import type { HeaderStandardAnimatedProps } from "./HeaderStandardAnimated.types.cjs";
+export declare const HeaderStandardAnimated: React.FC<HeaderStandardAnimatedProps>;
+//# sourceMappingURL=HeaderStandardAnimated.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderStandardAnimated.d.cts","sourceRoot":"","sources":["../../../src/components/HeaderStandardAnimated/HeaderStandardAnimated.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,cAAc;AAY1B,OAAO,KAAK,EAAE,2BAA2B,EAAE,2CAAuC;AAIlF,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA2CxE,CAAC"}

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

@@ -0,0 +1,4 @@
+import React from "react";
+import type { HeaderStandardAnimatedProps } from "./HeaderStandardAnimated.types.mjs";
+export declare const HeaderStandardAnimated: React.FC<HeaderStandardAnimatedProps>;
+//# sourceMappingURL=HeaderStandardAnimated.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderStandardAnimated.d.mts","sourceRoot":"","sources":["../../../src/components/HeaderStandardAnimated/HeaderStandardAnimated.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,cAAc;AAY1B,OAAO,KAAK,EAAE,2BAA2B,EAAE,2CAAuC;AAIlF,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA2CxE,CAAC"}

package/dist/components/HeaderStandardAnimated/HeaderStandardAnimated.mjs

@@ -0,0 +1,40 @@
+function $importDefault(module) {
+    if (module?.__esModule) {
+        return module.default;
+    }
+    return module;
+}
+// Third party dependencies.
+import { AnimationDuration } from "@metamask/design-tokens";
+import $React from "react";
+const React = $importDefault($React);
+import Animated, { useAnimatedStyle, useDerivedValue, withTiming } from "react-native-reanimated";
+// External dependencies.
+import { HeaderStandard } from "../HeaderStandard/index.mjs";
+import { HeaderStandardCenterColumn } from "../temp-components/HeaderStandardCenterColumn/index.mjs";
+const COMPACT_TITLE_ENTER_OFFSET_PX = 8;
+export const HeaderStandardAnimated = ({ title, titleProps, subtitle, subtitleProps, scrollY, titleSectionHeight, twClassName = '', ...headerStandardProps }) => {
+    const compactTitleProgress = useDerivedValue(() => {
+        const hasMeasured = titleSectionHeight.value > 0;
+        const isFullyHidden = hasMeasured && scrollY.value >= titleSectionHeight.value;
+        return withTiming(isFullyHidden ? 1 : 0, {
+            duration: AnimationDuration.Fast,
+        });
+    });
+    const centerAnimatedStyle = useAnimatedStyle(() => {
+        const progress = compactTitleProgress.value;
+        return {
+            opacity: progress,
+            transform: [
+                { translateY: (1 - progress) * COMPACT_TITLE_ENTER_OFFSET_PX },
+            ],
+        };
+    });
+    return (<HeaderStandard {...headerStandardProps} twClassName={twClassName}>
+      <Animated.View style={centerAnimatedStyle}>
+        {title ? (<HeaderStandardCenterColumn title={title} titleProps={titleProps} subtitle={subtitle} subtitleProps={subtitleProps}/>) : null}
+      </Animated.View>
+    </HeaderStandard>);
+};
+HeaderStandardAnimated.displayName = 'HeaderStandardAnimated';
+//# sourceMappingURL=HeaderStandardAnimated.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderStandardAnimated.mjs","sourceRoot":"","sources":["../../../src/components/HeaderStandardAnimated/HeaderStandardAnimated.tsx"],"names":[],"mappings":";;;;;;AAAA,4BAA4B;AAC5B,OAAO,EAAE,iBAAiB,EAAE,gCAAgC;AAC5D,OAAO,MAAK,cAAc;;AAC1B,OAAO,QAAQ,EAAE,EACf,gBAAgB,EAChB,eAAe,EACf,UAAU,EACX,gCAAgC;AAEjC,yBAAyB;AACzB,OAAO,EAAE,cAAc,EAAE,oCAA0B;AACnD,OAAO,EAAE,0BAA0B,EAAE,gEAAsD;AAK3F,MAAM,6BAA6B,GAAG,CAAC,CAAC;AAExC,MAAM,CAAC,MAAM,sBAAsB,GAA0C,CAAC,EAC5E,KAAK,EACL,UAAU,EACV,QAAQ,EACR,aAAa,EACb,OAAO,EACP,kBAAkB,EAClB,WAAW,GAAG,EAAE,EAChB,GAAG,mBAAmB,EACvB,EAAE,EAAE;IACH,MAAM,oBAAoB,GAAG,eAAe,CAAC,GAAG,EAAE;QAChD,MAAM,WAAW,GAAG,kBAAkB,CAAC,KAAK,GAAG,CAAC,CAAC;QACjD,MAAM,aAAa,GACjB,WAAW,IAAI,OAAO,CAAC,KAAK,IAAI,kBAAkB,CAAC,KAAK,CAAC;QAC3D,OAAO,UAAU,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YACvC,QAAQ,EAAE,iBAAiB,CAAC,IAAI;SACjC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,MAAM,mBAAmB,GAAG,gBAAgB,CAAC,GAAG,EAAE;QAChD,MAAM,QAAQ,GAAG,oBAAoB,CAAC,KAAK,CAAC;QAC5C,OAAO;YACL,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE;gBACT,EAAE,UAAU,EAAE,CAAC,CAAC,GAAG,QAAQ,CAAC,GAAG,6BAA6B,EAAE;aAC/D;SACF,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,CAAC,cAAc,CAAC,IAAI,mBAAmB,CAAC,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,CAChE;MAAA,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,mBAAmB,CAAC,CACxC;QAAA,CAAC,KAAK,CAAC,CAAC,CAAC,CACP,CAAC,0BAA0B,CACzB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,aAAa,CAAC,CAAC,aAAa,CAAC,EAC7B,CACH,CAAC,CAAC,CAAC,IAAI,CACV;MAAA,EAAE,QAAQ,CAAC,IAAI,CACjB;IAAA,EAAE,cAAc,CAAC,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,sBAAsB,CAAC,WAAW,GAAG,wBAAwB,CAAC","sourcesContent":["// Third party dependencies.\nimport { AnimationDuration } from '@metamask/design-tokens';\nimport React from 'react';\nimport Animated, {\n  useAnimatedStyle,\n  useDerivedValue,\n  withTiming,\n} from 'react-native-reanimated';\n\n// External dependencies.\nimport { HeaderStandard } from '../HeaderStandard';\nimport { HeaderStandardCenterColumn } from '../temp-components/HeaderStandardCenterColumn';\n\n// Internal dependencies.\nimport type { HeaderStandardAnimatedProps } from './HeaderStandardAnimated.types';\n\nconst COMPACT_TITLE_ENTER_OFFSET_PX = 8;\n\nexport const HeaderStandardAnimated: React.FC<HeaderStandardAnimatedProps> = ({\n  title,\n  titleProps,\n  subtitle,\n  subtitleProps,\n  scrollY,\n  titleSectionHeight,\n  twClassName = '',\n  ...headerStandardProps\n}) => {\n  const compactTitleProgress = useDerivedValue(() => {\n    const hasMeasured = titleSectionHeight.value > 0;\n    const isFullyHidden =\n      hasMeasured && scrollY.value >= titleSectionHeight.value;\n    return withTiming(isFullyHidden ? 1 : 0, {\n      duration: AnimationDuration.Fast,\n    });\n  });\n\n  const centerAnimatedStyle = useAnimatedStyle(() => {\n    const progress = compactTitleProgress.value;\n    return {\n      opacity: progress,\n      transform: [\n        { translateY: (1 - progress) * COMPACT_TITLE_ENTER_OFFSET_PX },\n      ],\n    };\n  });\n\n  return (\n    <HeaderStandard {...headerStandardProps} twClassName={twClassName}>\n      <Animated.View style={centerAnimatedStyle}>\n        {title ? (\n          <HeaderStandardCenterColumn\n            title={title}\n            titleProps={titleProps}\n            subtitle={subtitle}\n            subtitleProps={subtitleProps}\n          />\n        ) : null}\n      </Animated.View>\n    </HeaderStandard>\n  );\n};\n\nHeaderStandardAnimated.displayName = 'HeaderStandardAnimated';\n"]}

package/dist/components/HeaderStandardAnimated/HeaderStandardAnimated.types.cjs

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=HeaderStandardAnimated.types.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderStandardAnimated.types.cjs","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/HeaderStandardAnimated.types.d.cts

@@ -0,0 +1,31 @@
+import type { ScrollHandlerProcessed, SharedValue } from "react-native-reanimated";
+import type { HeaderStandardProps } from "../HeaderStandard/HeaderStandard.types.cjs";
+/**
+ * HeaderStandardAnimated component props.
+ * Extends HeaderStandardProps with scroll-driven animation inputs.
+ * Title/subtitle fields come from HeaderStandardCenterColumnFields via HeaderStandardProps.
+ * Center content is driven by title/subtitle only; `children` is not supported.
+ */
+export type HeaderStandardAnimatedProps = Omit<HeaderStandardProps, 'children'> & {
+    /**
+     * Shared value for scroll offset from the ScrollView.
+     * Used to drive the center-title animation when scroll passes the title section.
+     */
+    scrollY: SharedValue<number>;
+    /**
+     * Shared value for the height of the title section (first child of ScrollView).
+     * When scrollY >= titleSectionHeight, the compact center title is shown.
+     */
+    titleSectionHeight: SharedValue<number>;
+};
+/**
+ * Return type for useHeaderStandardAnimated hook.
+ * onScroll is an animated scroll handler; use with Animated.ScrollView for UI-thread updates.
+ */
+export type UseHeaderStandardAnimatedReturn = {
+    scrollY: SharedValue<number>;
+    titleSectionHeightSv: SharedValue<number>;
+    setTitleSectionHeight: (height: number) => void;
+    onScroll: ScrollHandlerProcessed;
+};
+//# sourceMappingURL=HeaderStandardAnimated.types.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderStandardAnimated.types.d.cts","sourceRoot":"","sources":["../../../src/components/HeaderStandardAnimated/HeaderStandardAnimated.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,sBAAsB,EACtB,WAAW,EACZ,gCAAgC;AAGjC,OAAO,KAAK,EAAE,mBAAmB,EAAE,mDAA+C;AAElF;;;;;GAKG;AACH,MAAM,MAAM,2BAA2B,GAAG,IAAI,CAC5C,mBAAmB,EACnB,UAAU,CACX,GAAG;IACF;;;OAGG;IACH,OAAO,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7B;;;OAGG;IACH,kBAAkB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CACzC,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,+BAA+B,GAAG;IAC5C,OAAO,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7B,oBAAoB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC1C,qBAAqB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,QAAQ,EAAE,sBAAsB,CAAC;CAClC,CAAC"}

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

@@ -0,0 +1,31 @@
+import type { ScrollHandlerProcessed, SharedValue } from "react-native-reanimated";
+import type { HeaderStandardProps } from "../HeaderStandard/HeaderStandard.types.mjs";
+/**
+ * HeaderStandardAnimated component props.
+ * Extends HeaderStandardProps with scroll-driven animation inputs.
+ * Title/subtitle fields come from HeaderStandardCenterColumnFields via HeaderStandardProps.
+ * Center content is driven by title/subtitle only; `children` is not supported.
+ */
+export type HeaderStandardAnimatedProps = Omit<HeaderStandardProps, 'children'> & {
+    /**
+     * Shared value for scroll offset from the ScrollView.
+     * Used to drive the center-title animation when scroll passes the title section.
+     */
+    scrollY: SharedValue<number>;
+    /**
+     * Shared value for the height of the title section (first child of ScrollView).
+     * When scrollY >= titleSectionHeight, the compact center title is shown.
+     */
+    titleSectionHeight: SharedValue<number>;
+};
+/**
+ * Return type for useHeaderStandardAnimated hook.
+ * onScroll is an animated scroll handler; use with Animated.ScrollView for UI-thread updates.
+ */
+export type UseHeaderStandardAnimatedReturn = {
+    scrollY: SharedValue<number>;
+    titleSectionHeightSv: SharedValue<number>;
+    setTitleSectionHeight: (height: number) => void;
+    onScroll: ScrollHandlerProcessed;
+};
+//# sourceMappingURL=HeaderStandardAnimated.types.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderStandardAnimated.types.d.mts","sourceRoot":"","sources":["../../../src/components/HeaderStandardAnimated/HeaderStandardAnimated.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,sBAAsB,EACtB,WAAW,EACZ,gCAAgC;AAGjC,OAAO,KAAK,EAAE,mBAAmB,EAAE,mDAA+C;AAElF;;;;;GAKG;AACH,MAAM,MAAM,2BAA2B,GAAG,IAAI,CAC5C,mBAAmB,EACnB,UAAU,CACX,GAAG;IACF;;;OAGG;IACH,OAAO,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7B;;;OAGG;IACH,kBAAkB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CACzC,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,+BAA+B,GAAG;IAC5C,OAAO,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7B,oBAAoB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC1C,qBAAqB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,QAAQ,EAAE,sBAAsB,CAAC;CAClC,CAAC"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=HeaderStandardAnimated.types.mjs.map

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"]}

package/dist/components/Icon/Icon.assets.cjs

@@ -129,6 +129,7 @@ const gift_svg_1 = __importDefault(require("./assets/gift.svg"));
 const global_search_svg_1 = __importDefault(require("./assets/global-search.svg"));
 const global_svg_1 = __importDefault(require("./assets/global.svg"));
 const graph_svg_1 = __importDefault(require("./assets/graph.svg"));
+const group_svg_1 = __importDefault(require("./assets/group.svg"));
 const hardware_svg_1 = __importDefault(require("./assets/hardware.svg"));
 const hash_tag_svg_1 = __importDefault(require("./assets/hash-tag.svg"));
 const heart_filled_svg_1 = __importDefault(require("./assets/heart-filled.svg"));
@@ -147,6 +148,7 @@ const last_page_svg_1 = __importDefault(require("./assets/last-page.svg"));
 const light_filled_svg_1 = __importDefault(require("./assets/light-filled.svg"));
 const light_svg_1 = __importDefault(require("./assets/light.svg"));
 const link_svg_1 = __importDefault(require("./assets/link.svg"));
+const list_arrow_svg_1 = __importDefault(require("./assets/list-arrow.svg"));
 const loading_svg_1 = __importDefault(require("./assets/loading.svg"));
 const location_svg_1 = __importDefault(require("./assets/location.svg"));
 const lock_slash_svg_1 = __importDefault(require("./assets/lock-slash.svg"));
@@ -172,6 +174,8 @@ const monitor_svg_1 = __importDefault(require("./assets/monitor.svg"));
 const more_horizontal_svg_1 = __importDefault(require("./assets/more-horizontal.svg"));
 const more_vertical_svg_1 = __importDefault(require("./assets/more-vertical.svg"));
 const mountain_flag_svg_1 = __importDefault(require("./assets/mountain-flag.svg"));
+const musd_filled_svg_1 = __importDefault(require("./assets/musd-filled.svg"));
+const musd_svg_1 = __importDefault(require("./assets/musd.svg"));
 const music_note_svg_1 = __importDefault(require("./assets/music-note.svg"));
 const no_photography_svg_1 = __importDefault(require("./assets/no-photography.svg"));
 const notification_svg_1 = __importDefault(require("./assets/notification.svg"));
@@ -181,12 +185,14 @@ const password_check_svg_1 = __importDefault(require("./assets/password-check.sv
 const pending_svg_1 = __importDefault(require("./assets/pending.svg"));
 const people_svg_1 = __importDefault(require("./assets/people.svg"));
 const person_cancel_svg_1 = __importDefault(require("./assets/person-cancel.svg"));
+const pie_chart_svg_1 = __importDefault(require("./assets/pie-chart.svg"));
 const pin_svg_1 = __importDefault(require("./assets/pin.svg"));
 const plant_svg_1 = __importDefault(require("./assets/plant.svg"));
 const plug_svg_1 = __importDefault(require("./assets/plug.svg"));
 const plus_and_minus_svg_1 = __importDefault(require("./assets/plus-and-minus.svg"));
 const policy_alert_svg_1 = __importDefault(require("./assets/policy-alert.svg"));
 const pop_up_svg_1 = __importDefault(require("./assets/pop-up.svg"));
+const predictions_svg_1 = __importDefault(require("./assets/predictions.svg"));
 const print_svg_1 = __importDefault(require("./assets/print.svg"));
 const priority_high_svg_1 = __importDefault(require("./assets/priority-high.svg"));
 const privacy_tip_svg_1 = __importDefault(require("./assets/privacy-tip.svg"));
@@ -416,6 +422,7 @@ exports.assetByIconName = {
     GlobalSearch: global_search_svg_1.default,
     Global: global_svg_1.default,
     Graph: graph_svg_1.default,
+    Group: group_svg_1.default,
     Hardware: hardware_svg_1.default,
     HashTag: hash_tag_svg_1.default,
     HeartFilled: heart_filled_svg_1.default,
@@ -434,6 +441,7 @@ exports.assetByIconName = {
     LightFilled: light_filled_svg_1.default,
     Light: light_svg_1.default,
     Link: link_svg_1.default,
+    ListArrow: list_arrow_svg_1.default,
     Loading: loading_svg_1.default,
     Location: location_svg_1.default,
     LockSlash: lock_slash_svg_1.default,
@@ -459,6 +467,8 @@ exports.assetByIconName = {
     MoreHorizontal: more_horizontal_svg_1.default,
     MoreVertical: more_vertical_svg_1.default,
     MountainFlag: mountain_flag_svg_1.default,
+    MusdFilled: musd_filled_svg_1.default,
+    Musd: musd_svg_1.default,
     MusicNote: music_note_svg_1.default,
     NoPhotography: no_photography_svg_1.default,
     Notification: notification_svg_1.default,
@@ -468,12 +478,14 @@ exports.assetByIconName = {
     Pending: pending_svg_1.default,
     People: people_svg_1.default,
     PersonCancel: person_cancel_svg_1.default,
+    PieChart: pie_chart_svg_1.default,
     Pin: pin_svg_1.default,
     Plant: plant_svg_1.default,
     Plug: plug_svg_1.default,
     PlusAndMinus: plus_and_minus_svg_1.default,
     PolicyAlert: policy_alert_svg_1.default,
     PopUp: pop_up_svg_1.default,
+    Predictions: predictions_svg_1.default,
     Print: print_svg_1.default,
     PriorityHigh: priority_high_svg_1.default,
     PrivacyTip: privacy_tip_svg_1.default,