@metamask/design-system-react-native 0.24.0 → 0.26.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/assets/telegram.svg

@@ -1,3 +1 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-  <path d="M9.78 18.65l.28-4.23 7.68-6.92c.34-.31-.07-.46-.52-.19L7.74 13.3 3.64 12c-.88-.25-.89-.86.2-1.3l15.97-6.16c.73-.33 1.43.18 1.15 1.3l-2.72 12.81c-.19.91-.74 1.13-1.5.71L12.6 16.3l-1.99 1.93c-.23.23-.42.42-.83.42z"/>
-</svg>
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20.2949 3.81315C20.2949 3.81315 22.145 3.09173 21.9908 4.84377C21.9395 5.5652 21.4769 8.0902 21.1172 10.8213L19.8837 18.9117C19.8837 18.9117 19.781 20.0969 18.8559 20.303C17.9308 20.5091 16.5432 19.5816 16.2862 19.3754C16.0807 19.2209 12.4318 16.902 11.1469 15.7683C10.7872 15.4591 10.376 14.8407 11.1983 14.1193L16.5946 8.96625C17.2113 8.34787 17.828 6.90501 15.2584 8.65706L8.06338 13.5525C8.06338 13.5525 7.24109 14.0678 5.69933 13.604L2.35877 12.5734C2.35877 12.5734 1.12534 11.8004 3.23245 11.0274C8.37176 8.60549 14.6931 6.13201 20.2949 3.81315Z"/></svg>

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