@metamask/design-system-react-native 0.24.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/Input/Input.cjs

@@ -8,10 +8,11 @@ const react_1 = require("react");
 const react_native_1 = require("react-native/index.js");
 const Text_constants_1 = require("../Text/Text.constants.cjs");
 const Input_constants_1 = require("./Input.constants.cjs");
-exports.Input = (0, react_1.forwardRef)(({ style, textVariant = design_system_shared_1.TextVariant.BodyMd, isStateStylesDisabled, isDisabled = false, isReadOnly = false, value, placeholder, twClassName, onBlur, onFocus, autoFocus = false, ...props }, ref) => {
+exports.Input = (0, react_1.forwardRef)(({ style, textVariant = design_system_shared_1.TextVariant.BodyMd, isStateStylesDisabled, isDisabled = false, isReadOnly = false, value, placeholder, twClassName, onBlur, onFocus, autoFocus = false, multiline, ...props }, ref) => {
     const [isFocused, setIsFocused] = (0, react_1.useState)(autoFocus);
     const tw = (0, design_system_twrnc_preset_1.useTailwind)();
     const theme = (0, design_system_twrnc_preset_1.useTheme)();
+    const isMultiline = multiline === true;
     const placeholderTextColor = (0, react_1.useMemo)(() => theme === design_system_twrnc_preset_1.Theme.Light
         ? design_tokens_1.lightTheme.colors.text.alternative
         : design_tokens_1.darkTheme.colors.text.alternative, [theme]);
@@ -23,7 +24,14 @@ exports.Input = (0, react_1.forwardRef)(({ style, textVariant = design_system_sh
     // the controlled value is empty. This keeps the iOS lineHeight workaround
     // scoped to the placeholder-visible state without affecting typed text.
     const isPlaceholderVisible = hasPlaceholder && value === '';
-    const inputStyle = (0, react_1.useMemo)(() => tw.style(fontClass, 'text-default', 'bg-default', 'border', 'border-transparent', !isStateStylesDisabled && isDisabled && 'opacity-50', !isStateStylesDisabled &&
+    // Multiline field styles
+    const multilineChromeStyle = (0, react_1.useMemo)(() => tw.style('text-default', 'bg-default', 'border', 'border-transparent', !isStateStylesDisabled && isDisabled && 'opacity-50', !isStateStylesDisabled &&
+        !isDisabled &&
+        isFocused &&
+        'border-primary-default', twClassName), [isStateStylesDisabled, isDisabled, isFocused, twClassName, tw]);
+    const multilineTypographyStyle = (0, react_1.useMemo)(() => tw.style(`text-${textVariant}`, fontClass), [textVariant, fontClass, tw]);
+    // Single-line field styles
+    const singleLineChromeStyle = (0, react_1.useMemo)(() => tw.style(fontClass, 'text-default', 'bg-default', 'border', 'border-transparent', !isStateStylesDisabled && isDisabled && 'opacity-50', !isStateStylesDisabled &&
         !isDisabled &&
         isFocused &&
         'border-primary-default', twClassName), [
@@ -34,7 +42,20 @@ exports.Input = (0, react_1.forwardRef)(({ style, textVariant = design_system_sh
         twClassName,
         tw,
     ]);
-    const variantTextStyle = (0, react_1.useMemo)(() => Input_constants_1.MAP_TEXT_VARIANT_INPUT_METRICS[textVariant], [textVariant]);
+    const singleLineTypographyStyle = (0, react_1.useMemo)(() => Input_constants_1.MAP_TEXT_VARIANT_INPUT_METRICS[textVariant], [textVariant]);
+    // iOS-only single-line placeholder fix: native TextInput can render
+    // placeholder text vertically offset. Do not use on Android (lineHeight 0
+    // collapses text) or on multiline (breaks paragraph layout).
+    const iosSingleLinePlaceholderLineHeightFix = react_native_1.Platform.OS === 'ios' &&
+        isPlaceholderVisible && { lineHeight: 0 };
+    const resolvedStyle = (isMultiline
+        ? [multilineChromeStyle, multilineTypographyStyle, style]
+        : [
+            singleLineChromeStyle,
+            singleLineTypographyStyle,
+            iosSingleLinePlaceholderLineHeightFix,
+            style,
+        ]).filter(Boolean);
     (0, react_1.useEffect)(() => {
         if (isDisabled || isReadOnly) {
             setIsFocused(false);
@@ -48,16 +69,6 @@ exports.Input = (0, react_1.forwardRef)(({ style, textVariant = design_system_sh
         setIsFocused(true);
         onFocus?.(e);
     }, [onFocus]);
-    const resolvedStyle = [
-        inputStyle,
-        variantTextStyle,
-        // iOS-only workaround: when a placeholder is visible, native iOS
-        // TextInput can render placeholder text vertically offset.
-        // Keep this iOS-only because lineHeight: 0 can collapse text on Android.
-        react_native_1.Platform.OS === 'ios' &&
-            isPlaceholderVisible && { lineHeight: 0 },
-        style,
-    ].filter(Boolean);
-    return (<react_native_1.TextInput ref={ref} {...props} placeholder={placeholder} placeholderTextColor={placeholderTextColor} value={value} style={resolvedStyle} editable={!isDisabled && !isReadOnly} autoFocus={autoFocus} onBlur={onBlurHandler} onFocus={onFocusHandler}/>);
+    return (<react_native_1.TextInput ref={ref} {...props} multiline={multiline} placeholder={placeholder} placeholderTextColor={placeholderTextColor} value={value} style={resolvedStyle} editable={!isDisabled && !isReadOnly} autoFocus={autoFocus} onBlur={onBlurHandler} onFocus={onFocusHandler}/>);
 });
 //# sourceMappingURL=Input.cjs.map