@metamask-previews/design-system-react-native 0.22.0-preview.f515a62 → 0.26.0-preview.047f96c

package/dist/components/HeaderStandard/HeaderStandard.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderStandard.cjs","sourceRoot":"","sources":["../../../src/components/HeaderStandard/HeaderStandard.tsx"],"names":[],"mappings":"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","sourcesContent":["// Third party dependencies.\nimport React, { useMemo } from 'react';\n\n// External dependencies.\nimport { BoxAlignItems } from '../Box';\nimport { BoxColumn } from '../BoxColumn';\nimport type { ButtonIconProps } from '../ButtonIcon';\nimport { HeaderBase } from '../HeaderBase';\nimport { IconName } from '../Icon';\nimport { TextOrChildren } from '../temp-components/TextOrChildren';\nimport type { TextProps } from '../Text';\nimport { FontWeight, TextColor, TextVariant } from '../Text';\n\n// Internal dependencies.\nimport type { HeaderStandardProps } from './HeaderStandard.types';\n\nexport const HeaderStandard: React.FC<HeaderStandardProps> = ({\n  title,\n  titleProps,\n  subtitle,\n  subtitleProps,\n  children,\n  onBack,\n  backButtonProps,\n  onClose,\n  closeButtonProps,\n  endButtonIconProps,\n  startButtonIconProps,\n  twClassName = '',\n  testID,\n  ...headerBaseProps\n}) => {\n  const resolvedStartButtonIconProps = useMemo(() => {\n    if (startButtonIconProps) {\n      return startButtonIconProps;\n    }\n    if (onBack || backButtonProps) {\n      const startProps: ButtonIconProps = {\n        iconName: IconName.ArrowLeft,\n        ...(backButtonProps ?? {}),\n        onPress: backButtonProps?.onPress ?? onBack,\n      };\n      return startProps;\n    }\n    return undefined;\n  }, [onBack, backButtonProps, startButtonIconProps]);\n\n  const resolvedEndButtonIconProps = useMemo(() => {\n    const props: ButtonIconProps[] = [];\n\n    if (onClose || closeButtonProps) {\n      const closeProps: ButtonIconProps = {\n        iconName: IconName.Close,\n        ...(closeButtonProps || {}),\n        onPress: closeButtonProps?.onPress ?? onClose,\n      };\n      props.push(closeProps);\n    }\n\n    if (endButtonIconProps) {\n      props.push(...endButtonIconProps);\n    }\n    return props.length > 0 ? props : undefined;\n  }, [endButtonIconProps, onClose, closeButtonProps]);\n\n  const renderContent = () => {\n    if (children) {\n      return children;\n    }\n    if (title) {\n      let subtitleTextProps: Omit<Partial<TextProps>, 'children'> | undefined;\n      if (subtitle && typeof subtitle === 'string') {\n        const { twClassName: subtitleTwClassName, ...subtitleTextRest } =\n          subtitleProps ?? {};\n        subtitleTextProps = {\n          variant: TextVariant.BodySm,\n          color: TextColor.TextAlternative,\n          ...subtitleTextRest,\n          twClassName: ['-mt-0.5', subtitleTwClassName]\n            .filter(Boolean)\n            .join(' '),\n        };\n      }\n\n      return (\n        <BoxColumn\n          alignItems={BoxAlignItems.Center}\n          textProps={{\n            variant: TextVariant.BodyMd,\n            fontWeight: FontWeight.Bold,\n            ...titleProps,\n          }}\n          bottomAccessory={\n            subtitle ? (\n              <TextOrChildren textProps={subtitleTextProps}>\n                {subtitle}\n              </TextOrChildren>\n            ) : undefined\n          }\n        >\n          {title}\n        </BoxColumn>\n      );\n    }\n    return null;\n  };\n\n  return (\n    <HeaderBase\n      testID={testID}\n      startButtonIconProps={resolvedStartButtonIconProps}\n      endButtonIconProps={resolvedEndButtonIconProps}\n      {...headerBaseProps}\n      twClassName={`px-2 ${twClassName}`}\n    >\n      {renderContent()}\n    </HeaderBase>\n  );\n};\n\nHeaderStandard.displayName = 'HeaderStandard';\n"]}
+{"version":3,"file":"HeaderStandard.cjs","sourceRoot":"","sources":["../../../src/components/HeaderStandard/HeaderStandard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4BAA4B;AAC5B,+CAAuC;AAIvC,wDAA2C;AAC3C,4CAAmC;AACnC,wGAA2F;AAKpF,MAAM,cAAc,GAAkC,CAAC,EAC5D,KAAK,EACL,UAAU,EACV,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,MAAM,EACN,eAAe,EACf,OAAO,EACP,gBAAgB,EAChB,kBAAkB,EAClB,oBAAoB,EACpB,WAAW,GAAG,EAAE,EAChB,MAAM,EACN,GAAG,eAAe,EACnB,EAAE,EAAE;IACH,MAAM,4BAA4B,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAChD,IAAI,oBAAoB,EAAE;YACxB,OAAO,oBAAoB,CAAC;SAC7B;QACD,IAAI,MAAM,IAAI,eAAe,EAAE;YAC7B,MAAM,UAAU,GAAoB;gBAClC,QAAQ,EAAE,eAAQ,CAAC,SAAS;gBAC5B,GAAG,CAAC,eAAe,IAAI,EAAE,CAAC;gBAC1B,OAAO,EAAE,eAAe,EAAE,OAAO,IAAI,MAAM;aAC5C,CAAC;YACF,OAAO,UAAU,CAAC;SACnB;QACD,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,oBAAoB,CAAC,CAAC,CAAC;IAEpD,MAAM,0BAA0B,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC9C,MAAM,KAAK,GAAsB,EAAE,CAAC;QAEpC,IAAI,OAAO,IAAI,gBAAgB,EAAE;YAC/B,MAAM,UAAU,GAAoB;gBAClC,QAAQ,EAAE,eAAQ,CAAC,KAAK;gBACxB,GAAG,CAAC,gBAAgB,IAAI,EAAE,CAAC;gBAC3B,OAAO,EAAE,gBAAgB,EAAE,OAAO,IAAI,OAAO;aAC9C,CAAC;YACF,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SACxB;QAED,IAAI,kBAAkB,EAAE;YACtB,KAAK,CAAC,IAAI,CAAC,GAAG,kBAAkB,CAAC,CAAC;SACnC;QACD,OAAO,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;IAC9C,CAAC,EAAE,CAAC,kBAAkB,EAAE,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEpD,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,QAAQ,EAAE;YACZ,OAAO,QAAQ,CAAC;SACjB;QACD,IAAI,KAAK,EAAE;YACT,OAAO,CACL,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;SACH;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,uBAAU,CACT,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,oBAAoB,CAAC,CAAC,4BAA4B,CAAC,CACnD,kBAAkB,CAAC,CAAC,0BAA0B,CAAC,CAC/C,IAAI,eAAe,CAAC,CACpB,WAAW,CAAC,CAAC,QAAQ,WAAW,EAAE,CAAC,CAEnC;MAAA,CAAC,aAAa,EAAE,CAClB;IAAA,EAAE,uBAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC;AA7EW,QAAA,cAAc,kBA6EzB;AAEF,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC","sourcesContent":["// Third party dependencies.\nimport React, { useMemo } from 'react';\n\n// External dependencies.\nimport type { ButtonIconProps } from '../ButtonIcon';\nimport { HeaderBase } from '../HeaderBase';\nimport { IconName } from '../Icon';\nimport { HeaderStandardCenterColumn } from '../temp-components/HeaderStandardCenterColumn';\n\n// Internal dependencies.\nimport type { HeaderStandardProps } from './HeaderStandard.types';\n\nexport const HeaderStandard: React.FC<HeaderStandardProps> = ({\n  title,\n  titleProps,\n  subtitle,\n  subtitleProps,\n  children,\n  onBack,\n  backButtonProps,\n  onClose,\n  closeButtonProps,\n  endButtonIconProps,\n  startButtonIconProps,\n  twClassName = '',\n  testID,\n  ...headerBaseProps\n}) => {\n  const resolvedStartButtonIconProps = useMemo(() => {\n    if (startButtonIconProps) {\n      return startButtonIconProps;\n    }\n    if (onBack || backButtonProps) {\n      const startProps: ButtonIconProps = {\n        iconName: IconName.ArrowLeft,\n        ...(backButtonProps ?? {}),\n        onPress: backButtonProps?.onPress ?? onBack,\n      };\n      return startProps;\n    }\n    return undefined;\n  }, [onBack, backButtonProps, startButtonIconProps]);\n\n  const resolvedEndButtonIconProps = useMemo(() => {\n    const props: ButtonIconProps[] = [];\n\n    if (onClose || closeButtonProps) {\n      const closeProps: ButtonIconProps = {\n        iconName: IconName.Close,\n        ...(closeButtonProps || {}),\n        onPress: closeButtonProps?.onPress ?? onClose,\n      };\n      props.push(closeProps);\n    }\n\n    if (endButtonIconProps) {\n      props.push(...endButtonIconProps);\n    }\n    return props.length > 0 ? props : undefined;\n  }, [endButtonIconProps, onClose, closeButtonProps]);\n\n  const renderContent = () => {\n    if (children) {\n      return children;\n    }\n    if (title) {\n      return (\n        <HeaderStandardCenterColumn\n          title={title}\n          titleProps={titleProps}\n          subtitle={subtitle}\n          subtitleProps={subtitleProps}\n        />\n      );\n    }\n    return null;\n  };\n\n  return (\n    <HeaderBase\n      testID={testID}\n      startButtonIconProps={resolvedStartButtonIconProps}\n      endButtonIconProps={resolvedEndButtonIconProps}\n      {...headerBaseProps}\n      twClassName={`px-2 ${twClassName}`}\n    >\n      {renderContent()}\n    </HeaderBase>\n  );\n};\n\nHeaderStandard.displayName = 'HeaderStandard';\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderStandard.d.cts","sourceRoot":"","sources":["../../../src/components/HeaderStandard/HeaderStandard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,cAAc;AAavC,OAAO,KAAK,EAAE,mBAAmB,EAAE,mCAA+B;AAElE,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAsGxD,CAAC"}
+{"version":3,"file":"HeaderStandard.d.cts","sourceRoot":"","sources":["../../../src/components/HeaderStandard/HeaderStandard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,cAAc;AASvC,OAAO,KAAK,EAAE,mBAAmB,EAAE,mCAA+B;AAElE,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA6ExD,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderStandard.d.mts","sourceRoot":"","sources":["../../../src/components/HeaderStandard/HeaderStandard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,cAAc;AAavC,OAAO,KAAK,EAAE,mBAAmB,EAAE,mCAA+B;AAElE,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAsGxD,CAAC"}
+{"version":3,"file":"HeaderStandard.d.mts","sourceRoot":"","sources":["../../../src/components/HeaderStandard/HeaderStandard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,cAAc;AASvC,OAAO,KAAK,EAAE,mBAAmB,EAAE,mCAA+B;AAElE,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA6ExD,CAAC"}

package/dist/components/HeaderStandard/HeaderStandard.mjs

@@ -7,13 +7,9 @@ function $importDefault(module) {
 // Third party dependencies.
 import $React, { useMemo } from "react";
 const React = $importDefault($React);
-// External dependencies.
-import { BoxAlignItems } from "../Box/index.mjs";
-import { BoxColumn } from "../BoxColumn/index.mjs";
 import { HeaderBase } from "../HeaderBase/index.mjs";
 import { IconName } from "../Icon/index.mjs";
-import { TextOrChildren } from "../temp-components/TextOrChildren/index.mjs";
-import { FontWeight, TextColor, TextVariant } from "../Text/index.mjs";
+import { HeaderStandardCenterColumn } from "../temp-components/HeaderStandardCenterColumn/index.mjs";
 export const HeaderStandard = ({ title, titleProps, subtitle, subtitleProps, children, onBack, backButtonProps, onClose, closeButtonProps, endButtonIconProps, startButtonIconProps, twClassName = '', testID, ...headerBaseProps }) => {
     const resolvedStartButtonIconProps = useMemo(() => {
         if (startButtonIconProps) {
@@ -49,27 +45,7 @@ export const HeaderStandard = ({ title, titleProps, subtitle, subtitleProps, chi
             return children;
         }
         if (title) {
-            let subtitleTextProps;
-            if (subtitle && typeof subtitle === 'string') {
-                const { twClassName: subtitleTwClassName, ...subtitleTextRest } = subtitleProps ?? {};
-                subtitleTextProps = {
-                    variant: TextVariant.BodySm,
-                    color: TextColor.TextAlternative,
-                    ...subtitleTextRest,
-                    twClassName: ['-mt-0.5', subtitleTwClassName]
-                        .filter(Boolean)
-                        .join(' '),
-                };
-            }
-            return (<BoxColumn alignItems={BoxAlignItems.Center} textProps={{
-                    variant: TextVariant.BodyMd,
-                    fontWeight: FontWeight.Bold,
-                    ...titleProps,
-                }} bottomAccessory={subtitle ? (<TextOrChildren textProps={subtitleTextProps}>
-                {subtitle}
-              </TextOrChildren>) : undefined}>
-          {title}
-        </BoxColumn>);
+            return (<HeaderStandardCenterColumn title={title} titleProps={titleProps} subtitle={subtitle} subtitleProps={subtitleProps}/>);
         }
         return null;
     };

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderStandard.mjs","sourceRoot":"","sources":["../../../src/components/HeaderStandard/HeaderStandard.tsx"],"names":[],"mappings":"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","sourcesContent":["// Third party dependencies.\nimport React, { useMemo } from 'react';\n\n// External dependencies.\nimport { BoxAlignItems } from '../Box';\nimport { BoxColumn } from '../BoxColumn';\nimport type { ButtonIconProps } from '../ButtonIcon';\nimport { HeaderBase } from '../HeaderBase';\nimport { IconName } from '../Icon';\nimport { TextOrChildren } from '../temp-components/TextOrChildren';\nimport type { TextProps } from '../Text';\nimport { FontWeight, TextColor, TextVariant } from '../Text';\n\n// Internal dependencies.\nimport type { HeaderStandardProps } from './HeaderStandard.types';\n\nexport const HeaderStandard: React.FC<HeaderStandardProps> = ({\n  title,\n  titleProps,\n  subtitle,\n  subtitleProps,\n  children,\n  onBack,\n  backButtonProps,\n  onClose,\n  closeButtonProps,\n  endButtonIconProps,\n  startButtonIconProps,\n  twClassName = '',\n  testID,\n  ...headerBaseProps\n}) => {\n  const resolvedStartButtonIconProps = useMemo(() => {\n    if (startButtonIconProps) {\n      return startButtonIconProps;\n    }\n    if (onBack || backButtonProps) {\n      const startProps: ButtonIconProps = {\n        iconName: IconName.ArrowLeft,\n        ...(backButtonProps ?? {}),\n        onPress: backButtonProps?.onPress ?? onBack,\n      };\n      return startProps;\n    }\n    return undefined;\n  }, [onBack, backButtonProps, startButtonIconProps]);\n\n  const resolvedEndButtonIconProps = useMemo(() => {\n    const props: ButtonIconProps[] = [];\n\n    if (onClose || closeButtonProps) {\n      const closeProps: ButtonIconProps = {\n        iconName: IconName.Close,\n        ...(closeButtonProps || {}),\n        onPress: closeButtonProps?.onPress ?? onClose,\n      };\n      props.push(closeProps);\n    }\n\n    if (endButtonIconProps) {\n      props.push(...endButtonIconProps);\n    }\n    return props.length > 0 ? props : undefined;\n  }, [endButtonIconProps, onClose, closeButtonProps]);\n\n  const renderContent = () => {\n    if (children) {\n      return children;\n    }\n    if (title) {\n      let subtitleTextProps: Omit<Partial<TextProps>, 'children'> | undefined;\n      if (subtitle && typeof subtitle === 'string') {\n        const { twClassName: subtitleTwClassName, ...subtitleTextRest } =\n          subtitleProps ?? {};\n        subtitleTextProps = {\n          variant: TextVariant.BodySm,\n          color: TextColor.TextAlternative,\n          ...subtitleTextRest,\n          twClassName: ['-mt-0.5', subtitleTwClassName]\n            .filter(Boolean)\n            .join(' '),\n        };\n      }\n\n      return (\n        <BoxColumn\n          alignItems={BoxAlignItems.Center}\n          textProps={{\n            variant: TextVariant.BodyMd,\n            fontWeight: FontWeight.Bold,\n            ...titleProps,\n          }}\n          bottomAccessory={\n            subtitle ? (\n              <TextOrChildren textProps={subtitleTextProps}>\n                {subtitle}\n              </TextOrChildren>\n            ) : undefined\n          }\n        >\n          {title}\n        </BoxColumn>\n      );\n    }\n    return null;\n  };\n\n  return (\n    <HeaderBase\n      testID={testID}\n      startButtonIconProps={resolvedStartButtonIconProps}\n      endButtonIconProps={resolvedEndButtonIconProps}\n      {...headerBaseProps}\n      twClassName={`px-2 ${twClassName}`}\n    >\n      {renderContent()}\n    </HeaderBase>\n  );\n};\n\nHeaderStandard.displayName = 'HeaderStandard';\n"]}
+{"version":3,"file":"HeaderStandard.mjs","sourceRoot":"","sources":["../../../src/components/HeaderStandard/HeaderStandard.tsx"],"names":[],"mappings":";;;;;;AAAA,4BAA4B;AAC5B,OAAO,QAAO,EAAE,OAAO,EAAE,cAAc;;AAIvC,OAAO,EAAE,UAAU,EAAE,gCAAsB;AAC3C,OAAO,EAAE,QAAQ,EAAE,0BAAgB;AACnC,OAAO,EAAE,0BAA0B,EAAE,gEAAsD;AAK3F,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC5D,KAAK,EACL,UAAU,EACV,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,MAAM,EACN,eAAe,EACf,OAAO,EACP,gBAAgB,EAChB,kBAAkB,EAClB,oBAAoB,EACpB,WAAW,GAAG,EAAE,EAChB,MAAM,EACN,GAAG,eAAe,EACnB,EAAE,EAAE;IACH,MAAM,4BAA4B,GAAG,OAAO,CAAC,GAAG,EAAE;QAChD,IAAI,oBAAoB,EAAE;YACxB,OAAO,oBAAoB,CAAC;SAC7B;QACD,IAAI,MAAM,IAAI,eAAe,EAAE;YAC7B,MAAM,UAAU,GAAoB;gBAClC,QAAQ,EAAE,QAAQ,CAAC,SAAS;gBAC5B,GAAG,CAAC,eAAe,IAAI,EAAE,CAAC;gBAC1B,OAAO,EAAE,eAAe,EAAE,OAAO,IAAI,MAAM;aAC5C,CAAC;YACF,OAAO,UAAU,CAAC;SACnB;QACD,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,oBAAoB,CAAC,CAAC,CAAC;IAEpD,MAAM,0BAA0B,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9C,MAAM,KAAK,GAAsB,EAAE,CAAC;QAEpC,IAAI,OAAO,IAAI,gBAAgB,EAAE;YAC/B,MAAM,UAAU,GAAoB;gBAClC,QAAQ,EAAE,QAAQ,CAAC,KAAK;gBACxB,GAAG,CAAC,gBAAgB,IAAI,EAAE,CAAC;gBAC3B,OAAO,EAAE,gBAAgB,EAAE,OAAO,IAAI,OAAO;aAC9C,CAAC;YACF,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SACxB;QAED,IAAI,kBAAkB,EAAE;YACtB,KAAK,CAAC,IAAI,CAAC,GAAG,kBAAkB,CAAC,CAAC;SACnC;QACD,OAAO,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;IAC9C,CAAC,EAAE,CAAC,kBAAkB,EAAE,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEpD,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,QAAQ,EAAE;YACZ,OAAO,QAAQ,CAAC;SACjB;QACD,IAAI,KAAK,EAAE;YACT,OAAO,CACL,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;SACH;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,UAAU,CACT,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,oBAAoB,CAAC,CAAC,4BAA4B,CAAC,CACnD,kBAAkB,CAAC,CAAC,0BAA0B,CAAC,CAC/C,IAAI,eAAe,CAAC,CACpB,WAAW,CAAC,CAAC,QAAQ,WAAW,EAAE,CAAC,CAEnC;MAAA,CAAC,aAAa,EAAE,CAClB;IAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC","sourcesContent":["// Third party dependencies.\nimport React, { useMemo } from 'react';\n\n// External dependencies.\nimport type { ButtonIconProps } from '../ButtonIcon';\nimport { HeaderBase } from '../HeaderBase';\nimport { IconName } from '../Icon';\nimport { HeaderStandardCenterColumn } from '../temp-components/HeaderStandardCenterColumn';\n\n// Internal dependencies.\nimport type { HeaderStandardProps } from './HeaderStandard.types';\n\nexport const HeaderStandard: React.FC<HeaderStandardProps> = ({\n  title,\n  titleProps,\n  subtitle,\n  subtitleProps,\n  children,\n  onBack,\n  backButtonProps,\n  onClose,\n  closeButtonProps,\n  endButtonIconProps,\n  startButtonIconProps,\n  twClassName = '',\n  testID,\n  ...headerBaseProps\n}) => {\n  const resolvedStartButtonIconProps = useMemo(() => {\n    if (startButtonIconProps) {\n      return startButtonIconProps;\n    }\n    if (onBack || backButtonProps) {\n      const startProps: ButtonIconProps = {\n        iconName: IconName.ArrowLeft,\n        ...(backButtonProps ?? {}),\n        onPress: backButtonProps?.onPress ?? onBack,\n      };\n      return startProps;\n    }\n    return undefined;\n  }, [onBack, backButtonProps, startButtonIconProps]);\n\n  const resolvedEndButtonIconProps = useMemo(() => {\n    const props: ButtonIconProps[] = [];\n\n    if (onClose || closeButtonProps) {\n      const closeProps: ButtonIconProps = {\n        iconName: IconName.Close,\n        ...(closeButtonProps || {}),\n        onPress: closeButtonProps?.onPress ?? onClose,\n      };\n      props.push(closeProps);\n    }\n\n    if (endButtonIconProps) {\n      props.push(...endButtonIconProps);\n    }\n    return props.length > 0 ? props : undefined;\n  }, [endButtonIconProps, onClose, closeButtonProps]);\n\n  const renderContent = () => {\n    if (children) {\n      return children;\n    }\n    if (title) {\n      return (\n        <HeaderStandardCenterColumn\n          title={title}\n          titleProps={titleProps}\n          subtitle={subtitle}\n          subtitleProps={subtitleProps}\n        />\n      );\n    }\n    return null;\n  };\n\n  return (\n    <HeaderBase\n      testID={testID}\n      startButtonIconProps={resolvedStartButtonIconProps}\n      endButtonIconProps={resolvedEndButtonIconProps}\n      {...headerBaseProps}\n      twClassName={`px-2 ${twClassName}`}\n    >\n      {renderContent()}\n    </HeaderBase>\n  );\n};\n\nHeaderStandard.displayName = 'HeaderStandard';\n"]}

package/dist/components/HeaderStandard/HeaderStandard.types.cjs

@@ -1,8 +1,3 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-// Third party dependencies.
-const react_1 = __importDefault(require("react"));
 //# sourceMappingURL=HeaderStandard.types.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderStandard.types.cjs","sourceRoot":"","sources":["../../../src/components/HeaderStandard/HeaderStandard.types.ts"],"names":[],"mappings":";;;;;AAAA,4BAA4B;AAC5B,kDAA0B","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.cjs","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/HeaderStandard/HeaderStandard.types.d.cts

@@ -1,36 +1,10 @@
-import React from "react";
 import type { ButtonIconProps } from "../ButtonIcon/index.cjs";
 import type { HeaderBaseProps } from "../HeaderBase/index.cjs";
-import type { TextProps } from "../Text/index.cjs";
+import type { HeaderStandardCenterColumnFields } from "../temp-components/HeaderStandardCenterColumn/index.cjs";
 /**
  * HeaderStandard component props.
  */
-export type HeaderStandardProps = HeaderBaseProps & {
-    /**
-     * Title to display in the header. Can be a string or a React node.
-     * Used as children if children prop is not provided.
-     * When string: rendered with TextVariant.BodyMd and FontWeight.Bold by default; titleProps apply.
-     * When node: rendered as-is; titleProps are not applied.
-     */
-    title?: string | React.ReactNode;
-    /**
-     * Additional props to pass to the title Text component.
-     * Props are spread to the Text component and can override default values.
-     * Only applied when title is a string.
-     */
-    titleProps?: Partial<TextProps>;
-    /**
-     * Subtitle to display below the title. Can be a string or a React node.
-     * When string: rendered with TextVariant.BodySm and TextColor.TextAlternative by default; subtitleProps apply.
-     * When node: rendered as-is; subtitleProps are not applied (add spacing on your root if needed, e.g. twClassName).
-     */
-    subtitle?: string | React.ReactNode;
-    /**
-     * Additional props to pass to the subtitle Text component.
-     * Props are spread to the Text component and can override default values.
-     * Only applied when subtitle is a string.
-     */
-    subtitleProps?: Partial<TextProps>;
+export type HeaderStandardProps = HeaderBaseProps & HeaderStandardCenterColumnFields & {
     /**
      * Callback when the back button is pressed.
      * If provided, a back button will be rendered as startButtonIconProps.

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderStandard.types.d.cts","sourceRoot":"","sources":["../../../src/components/HeaderStandard/HeaderStandard.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAG1B,OAAO,KAAK,EAAE,eAAe,EAAE,gCAAsB;AACrD,OAAO,KAAK,EAAE,eAAe,EAAE,gCAAsB;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AAEzC;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,eAAe,GAAG;IAClD;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAChC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACpC;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IACnC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,eAAe,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;IACpD;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;CACtD,CAAC"}
+{"version":3,"file":"HeaderStandard.types.d.cts","sourceRoot":"","sources":["../../../src/components/HeaderStandard/HeaderStandard.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,gCAAsB;AACrD,OAAO,KAAK,EAAE,eAAe,EAAE,gCAAsB;AACrD,OAAO,KAAK,EAAE,gCAAgC,EAAE,gEAAsD;AAEtG;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,eAAe,GAC/C,gCAAgC,GAAG;IACjC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,eAAe,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;IACpD;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;CACtD,CAAC"}

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

@@ -1,36 +1,10 @@
-import React from "react";
 import type { ButtonIconProps } from "../ButtonIcon/index.mjs";
 import type { HeaderBaseProps } from "../HeaderBase/index.mjs";
-import type { TextProps } from "../Text/index.mjs";
+import type { HeaderStandardCenterColumnFields } from "../temp-components/HeaderStandardCenterColumn/index.mjs";
 /**
  * HeaderStandard component props.
  */
-export type HeaderStandardProps = HeaderBaseProps & {
-    /**
-     * Title to display in the header. Can be a string or a React node.
-     * Used as children if children prop is not provided.
-     * When string: rendered with TextVariant.BodyMd and FontWeight.Bold by default; titleProps apply.
-     * When node: rendered as-is; titleProps are not applied.
-     */
-    title?: string | React.ReactNode;
-    /**
-     * Additional props to pass to the title Text component.
-     * Props are spread to the Text component and can override default values.
-     * Only applied when title is a string.
-     */
-    titleProps?: Partial<TextProps>;
-    /**
-     * Subtitle to display below the title. Can be a string or a React node.
-     * When string: rendered with TextVariant.BodySm and TextColor.TextAlternative by default; subtitleProps apply.
-     * When node: rendered as-is; subtitleProps are not applied (add spacing on your root if needed, e.g. twClassName).
-     */
-    subtitle?: string | React.ReactNode;
-    /**
-     * Additional props to pass to the subtitle Text component.
-     * Props are spread to the Text component and can override default values.
-     * Only applied when subtitle is a string.
-     */
-    subtitleProps?: Partial<TextProps>;
+export type HeaderStandardProps = HeaderBaseProps & HeaderStandardCenterColumnFields & {
     /**
      * Callback when the back button is pressed.
      * If provided, a back button will be rendered as startButtonIconProps.

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderStandard.types.d.mts","sourceRoot":"","sources":["../../../src/components/HeaderStandard/HeaderStandard.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAG1B,OAAO,KAAK,EAAE,eAAe,EAAE,gCAAsB;AACrD,OAAO,KAAK,EAAE,eAAe,EAAE,gCAAsB;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AAEzC;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,eAAe,GAAG;IAClD;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAChC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACpC;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IACnC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,eAAe,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;IACpD;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;CACtD,CAAC"}
+{"version":3,"file":"HeaderStandard.types.d.mts","sourceRoot":"","sources":["../../../src/components/HeaderStandard/HeaderStandard.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,gCAAsB;AACrD,OAAO,KAAK,EAAE,eAAe,EAAE,gCAAsB;AACrD,OAAO,KAAK,EAAE,gCAAgC,EAAE,gEAAsD;AAEtG;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,eAAe,GAC/C,gCAAgC,GAAG;IACjC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,eAAe,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;IACpD;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;CACtD,CAAC"}

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-previews/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,oEAAqE;AACrE,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-previews/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-previews/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,yCAAyC;AACrE,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-previews/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"]}