@metamask-previews/design-system-react-native 0.26.0-preview.620b9f3 → 0.27.0-preview.a0fe3894

package/dist/components/HeaderBase/HeaderBase.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderBase.mjs","sourceRoot":"","sources":["../../../src/components/HeaderBase/HeaderBase.tsx"],"names":[],"mappings":"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","sourcesContent":["// Third party dependencies.\nimport { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React, { useCallback, useState } from 'react';\nimport type { LayoutChangeEvent } from 'react-native';\nimport { View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\n// External dependencies.\nimport { Box } from '../Box';\nimport { ButtonIcon, ButtonIconSize } from '../ButtonIcon';\nimport { Text } from '../Text';\n\n// Internal dependencies.\nimport { HEADERBASE_VARIANT_TEXT_VARIANTS } from './HeaderBase.constants';\nimport type { HeaderBaseProps } from './HeaderBase.types';\nimport { HeaderBaseVariant } from './HeaderBase.types';\n\nexport const HeaderBase: React.FC<HeaderBaseProps> = ({\n  children,\n  style,\n  variant = HeaderBaseVariant.Compact,\n  startAccessory,\n  endAccessory,\n  startButtonIconProps,\n  endButtonIconProps,\n  includesTopInset = false,\n  startAccessoryWrapperProps,\n  endAccessoryWrapperProps,\n  titleTestID,\n  twClassName,\n  ...props\n}) => {\n  const tw = useTailwind();\n  const insets = useSafeAreaInsets();\n\n  const [startAccessoryWidth, setStartAccessoryWidth] = useState(0);\n  const [endAccessoryWidth, setEndAccessoryWidth] = useState(0);\n\n  const handleStartAccessoryLayout = useCallback((e: LayoutChangeEvent) => {\n    setStartAccessoryWidth(e.nativeEvent.layout.width);\n  }, []);\n\n  const handleEndAccessoryLayout = useCallback((e: LayoutChangeEvent) => {\n    setEndAccessoryWidth(e.nativeEvent.layout.width);\n  }, []);\n\n  // Determine what to render for start/end\n  const hasStartContent = startAccessory || startButtonIconProps;\n  const hasEndContent =\n    endAccessory || (endButtonIconProps && endButtonIconProps.length > 0);\n  const hasAnyAccessory = hasStartContent || hasEndContent;\n\n  const isCompact = variant === HeaderBaseVariant.Compact;\n\n  // For Compact variant, render both wrappers if any accessory exists (for centering)\n  // For Display variant, only render wrappers when they have content\n  const shouldRenderStartWrapper = isCompact\n    ? Boolean(hasAnyAccessory)\n    : Boolean(hasStartContent);\n  const shouldRenderEndWrapper = isCompact\n    ? Boolean(hasAnyAccessory)\n    : Boolean(hasEndContent);\n\n  // Calculate equal width for both accessory wrappers to ensure title stays centered (Compact only)\n  const accessoryWrapperWidth =\n    isCompact && hasAnyAccessory && (startAccessoryWidth || endAccessoryWidth)\n      ? Math.max(startAccessoryWidth, endAccessoryWidth)\n      : undefined;\n\n  const renderStartContent = () => {\n    if (startAccessory) {\n      return startAccessory;\n    }\n    if (startButtonIconProps) {\n      return <ButtonIcon size={ButtonIconSize.Md} {...startButtonIconProps} />;\n    }\n    return null;\n  };\n\n  const renderEndContent = () => {\n    if (endAccessory) {\n      return endAccessory;\n    }\n    if (endButtonIconProps && endButtonIconProps.length > 0) {\n      // Reverse the array so first item appears rightmost\n      // Use original index (before reversal) for stable React keys\n      const reversedProps = endButtonIconProps\n        .map((iconProps, originalIndex) => ({\n          iconProps,\n          originalIndex,\n        }))\n        .reverse();\n      return reversedProps.map(({ iconProps, originalIndex }) => (\n        <ButtonIcon\n          key={`end-button-icon-${originalIndex}`}\n          size={ButtonIconSize.Md}\n          {...iconProps}\n        />\n      ));\n    }\n    return null;\n  };\n\n  // Check if we have multiple end buttons for layout styling\n  const hasMultipleEndButtons =\n    !endAccessory && endButtonIconProps && endButtonIconProps.length > 1;\n\n  // Merge default styles with passed-in twClassName\n  const baseStyles = 'flex-row items-center gap-4 h-14';\n  const resolvedTwClassName = twClassName\n    ? `${baseStyles} ${twClassName}`\n    : baseStyles;\n\n  return (\n    <View\n      style={[\n        tw.style(resolvedTwClassName),\n        includesTopInset && { marginTop: insets.top },\n        style,\n      ]}\n      {...props}\n    >\n      {/* Start accessory */}\n      {shouldRenderStartWrapper && (\n        <View\n          style={\n            accessoryWrapperWidth\n              ? tw.style('items-start', { width: accessoryWrapperWidth })\n              : undefined\n          }\n          {...startAccessoryWrapperProps}\n        >\n          <View onLayout={handleStartAccessoryLayout}>\n            {renderStartContent()}\n          </View>\n        </View>\n      )}\n\n      {/* Title */}\n      <Box twClassName={isCompact ? 'flex-1 items-center' : 'flex-1'}>\n        {typeof children === 'string' ? (\n          <Text\n            variant={HEADERBASE_VARIANT_TEXT_VARIANTS[variant]}\n            testID={titleTestID}\n            style={isCompact ? tw.style('text-center') : undefined}\n          >\n            {children}\n          </Text>\n        ) : (\n          children\n        )}\n      </Box>\n\n      {/* End accessory */}\n      {shouldRenderEndWrapper && (\n        <View\n          style={\n            accessoryWrapperWidth\n              ? tw.style('items-end', { width: accessoryWrapperWidth })\n              : undefined\n          }\n          {...endAccessoryWrapperProps}\n        >\n          <View\n            onLayout={handleEndAccessoryLayout}\n            style={\n              hasMultipleEndButtons ? tw.style('flex-row gap-2') : undefined\n            }\n          >\n            {renderEndContent()}\n          </View>\n        </View>\n      )}\n    </View>\n  );\n};\n"]}
+{"version":3,"file":"HeaderBase.mjs","sourceRoot":"","sources":["../../../src/components/HeaderBase/HeaderBase.tsx"],"names":[],"mappings":"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","sourcesContent":["// Third party dependencies.\nimport { TextVariant } from '@metamask-previews/design-system-shared';\nimport { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React, { useCallback, useState } from 'react';\nimport type { LayoutChangeEvent } from 'react-native';\nimport { View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\n// External dependencies.\nimport { ButtonIcon, ButtonIconSize } from '../ButtonIcon';\nimport type { ButtonIconProps } from '../ButtonIcon';\nimport { TextOrChildren } from '../temp-components/TextOrChildren';\n\nimport type { HeaderBaseProps } from './HeaderBase.types';\n\n// `startAccessory` is the primary escape hatch. `startButtonIconProps`\n// remains as a convenience path for the common single-back-button case.\nconst resolveStartAccessory = ({\n  startAccessory,\n  startButtonIconProps,\n}: Pick<HeaderBaseProps, 'startAccessory' | 'startButtonIconProps'>) => {\n  if (startAccessory) {\n    return startAccessory;\n  }\n\n  if (startButtonIconProps) {\n    return <ButtonIcon size={ButtonIconSize.Md} {...startButtonIconProps} />;\n  }\n\n  return null;\n};\n\n// Only the end side supports built-in multiple buttons. More complex\n// start-side layouts should be composed explicitly with `startAccessory`.\nconst renderEndButtonIcons = (endButtonIconProps: ButtonIconProps[]) =>\n  endButtonIconProps\n    .map((iconProps, originalIndex) => ({\n      iconProps,\n      originalIndex,\n    }))\n    .reverse()\n    .map(({ iconProps, originalIndex }) => (\n      <ButtonIcon\n        key={`end-button-icon-${originalIndex}`}\n        size={ButtonIconSize.Md}\n        {...iconProps}\n      />\n    ));\n\n// `endAccessory` takes precedence over the shorthand icon-props array.\nconst resolveEndAccessory = ({\n  endAccessory,\n  endButtonIconProps,\n}: Pick<HeaderBaseProps, 'endAccessory' | 'endButtonIconProps'>) => {\n  if (endAccessory) {\n    return {\n      resolvedEndAccessory: endAccessory,\n      hasMultipleEndButtons: false,\n    };\n  }\n\n  if (endButtonIconProps && endButtonIconProps.length > 0) {\n    return {\n      resolvedEndAccessory: renderEndButtonIcons(endButtonIconProps),\n      hasMultipleEndButtons: endButtonIconProps.length > 1,\n    };\n  }\n\n  return {\n    resolvedEndAccessory: null,\n    hasMultipleEndButtons: false,\n  };\n};\n\nexport const HeaderBase: React.FC<HeaderBaseProps> = ({\n  children,\n  style,\n  startAccessory,\n  endAccessory,\n  startButtonIconProps,\n  endButtonIconProps,\n  includesTopInset = false,\n  startAccessoryWrapperProps,\n  endAccessoryWrapperProps,\n  childrenWrapperProps,\n  textProps,\n  twClassName,\n  ...props\n}) => {\n  const tw = useTailwind();\n  const insets = useSafeAreaInsets();\n\n  const [startAccessoryWidth, setStartAccessoryWidth] = useState(0);\n  const [endAccessoryWidth, setEndAccessoryWidth] = useState(0);\n\n  const handleStartAccessoryLayout = useCallback((e: LayoutChangeEvent) => {\n    setStartAccessoryWidth(e.nativeEvent.layout.width);\n  }, []);\n\n  const handleEndAccessoryLayout = useCallback((e: LayoutChangeEvent) => {\n    setEndAccessoryWidth(e.nativeEvent.layout.width);\n  }, []);\n\n  // Normalize the public API into resolved slots so the render path only deals\n  // with layout and title rendering.\n  const resolvedStartAccessory = resolveStartAccessory({\n    startAccessory,\n    startButtonIconProps,\n  });\n  const { resolvedEndAccessory, hasMultipleEndButtons } = resolveEndAccessory({\n    endAccessory,\n    endButtonIconProps,\n  });\n\n  const hasStartAccessory = Boolean(resolvedStartAccessory);\n  const hasEndAccessory = Boolean(resolvedEndAccessory);\n  const hasAnyAccessory = hasStartAccessory || hasEndAccessory;\n\n  // Calculate equal width for both accessory wrappers to ensure title stays centered.\n  const accessoryWrapperWidth =\n    hasAnyAccessory && (startAccessoryWidth || endAccessoryWidth)\n      ? Math.max(startAccessoryWidth, endAccessoryWidth)\n      : undefined;\n\n  const renderAccessoryWrapper = ({\n    wrapperProps,\n    alignment,\n    onLayout,\n    content,\n    measuredContentStyle,\n  }: {\n    wrapperProps?: HeaderBaseProps['startAccessoryWrapperProps'];\n    alignment: 'items-start' | 'items-end';\n    onLayout: (e: LayoutChangeEvent) => void;\n    content: React.ReactNode;\n    measuredContentStyle?: ReturnType<typeof tw.style>;\n  }) => {\n    if (!hasAnyAccessory) {\n      return null;\n    }\n\n    return (\n      <View\n        style={\n          accessoryWrapperWidth\n            ? tw.style(alignment, { width: accessoryWrapperWidth })\n            : undefined\n        }\n        {...wrapperProps}\n      >\n        <View onLayout={onLayout} style={measuredContentStyle}>\n          {content}\n        </View>\n      </View>\n    );\n  };\n\n  return (\n    <View\n      style={[\n        tw.style('flex-row items-center gap-4 h-14', twClassName),\n        includesTopInset && { marginTop: insets.top },\n        style,\n      ]}\n      {...props}\n    >\n      {/* Start accessory */}\n      {renderAccessoryWrapper({\n        wrapperProps: startAccessoryWrapperProps,\n        alignment: 'items-start',\n        onLayout: handleStartAccessoryLayout,\n        content: resolvedStartAccessory,\n      })}\n\n      {/* Title */}\n      <View style={tw.style('flex-1 items-center')} {...childrenWrapperProps}>\n        <TextOrChildren\n          textProps={{\n            variant: TextVariant.HeadingSm,\n            ...textProps,\n            style: [tw.style('text-center'), textProps?.style],\n          }}\n        >\n          {children}\n        </TextOrChildren>\n      </View>\n\n      {/* End accessory */}\n      {renderAccessoryWrapper({\n        wrapperProps: endAccessoryWrapperProps,\n        alignment: 'items-end',\n        onLayout: handleEndAccessoryLayout,\n        content: resolvedEndAccessory,\n        measuredContentStyle: hasMultipleEndButtons\n          ? tw.style('flex-row gap-2')\n          : undefined,\n      })}\n    </View>\n  );\n};\n\nHeaderBase.displayName = 'HeaderBase';\n"]}

package/dist/components/HeaderBase/HeaderBase.types.cjs

@@ -1,15 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.HeaderBaseVariant = void 0;
-/**
- * Variant options for HeaderBase component.
- * Controls title text size and alignment.
- */
-var HeaderBaseVariant;
-(function (HeaderBaseVariant) {
-    /** Center-aligned title with HeadingSm text */
-    HeaderBaseVariant["Compact"] = "compact";
-    /** Left-aligned title with HeadingLg text */
-    HeaderBaseVariant["Display"] = "display";
-})(HeaderBaseVariant || (exports.HeaderBaseVariant = HeaderBaseVariant = {}));
 //# sourceMappingURL=HeaderBase.types.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderBase.types.cjs","sourceRoot":"","sources":["../../../src/components/HeaderBase/HeaderBase.types.ts"],"names":[],"mappings":";;;AAOA;;;GAGG;AACH,IAAY,iBAKX;AALD,WAAY,iBAAiB;IAC3B,+CAA+C;IAC/C,wCAAmB,CAAA;IACnB,6CAA6C;IAC7C,wCAAmB,CAAA;AACrB,CAAC,EALW,iBAAiB,iCAAjB,iBAAiB,QAK5B","sourcesContent":["// Third party dependencies.\nimport type { ReactNode } from 'react';\nimport type { ViewProps, StyleProp, ViewStyle } from 'react-native';\n\n// External dependencies.\nimport type { ButtonIconProps } from '../ButtonIcon';\n\n/**\n * Variant options for HeaderBase component.\n * Controls title text size and alignment.\n */\nexport enum HeaderBaseVariant {\n  /** Center-aligned title with HeadingSm text */\n  Compact = 'compact',\n  /** Left-aligned title with HeadingLg text */\n  Display = 'display',\n}\n\n/**\n * HeaderBase component props.\n *\n * Extends React Native's ViewProps to inherit standard props such as\n * `testID`, `accessibilityLabel`, and other View props.\n */\nexport type HeaderBaseProps = ViewProps & {\n  /**\n   * Variant controlling header text size.\n   *\n   * @default HeaderBaseVariant.Compact\n   */\n  variant?: HeaderBaseVariant;\n  /**\n   * Title of the HeaderBase. Pass a string for automatic Text rendering,\n   * or a ReactNode for custom content.\n   */\n  children?: ReactNode | string;\n  /**\n   * Optional style for the header container.\n   */\n  style?: StyleProp<ViewStyle>;\n  /**\n   * Optional prop to include content to be displayed before the title.\n   * Takes priority over startButtonIconProps if both are provided.\n   */\n  startAccessory?: ReactNode;\n  /**\n   * Optional prop to include content to be displayed after the title.\n   * Takes priority over endButtonIconProps if both are provided.\n   */\n  endAccessory?: ReactNode;\n  /**\n   * Optional ButtonIcon props to render a ButtonIcon as the start accessory.\n   * Only used if startAccessory is not provided.\n   *\n   * @default size: ButtonIconSize.Md\n   */\n  startButtonIconProps?: ButtonIconProps;\n  /**\n   * Optional array of ButtonIcon props to render multiple ButtonIcons as end accessories.\n   * Rendered in reverse order (first item appears rightmost).\n   * Only used if endAccessory is not provided.\n   *\n   * @default size: ButtonIconSize.Md for each\n   */\n  endButtonIconProps?: ButtonIconProps[];\n  /**\n   * Optional prop to include the top inset to make sure the header is visible\n   * below device's notch.\n   *\n   * @default false\n   */\n  includesTopInset?: boolean;\n  /**\n   * Optional props to pass to the start accessory wrapper View.\n   */\n  startAccessoryWrapperProps?: ViewProps;\n  /**\n   * Optional props to pass to the end accessory wrapper View.\n   */\n  endAccessoryWrapperProps?: ViewProps;\n  /**\n   * Optional test ID for the title Text element.\n   * Only used when children is a string.\n   */\n  titleTestID?: string;\n  /**\n   * Optional Tailwind class names for the header container.\n   * Merged with default styles using tw.style().\n   */\n  twClassName?: string;\n};\n"]}
+{"version":3,"file":"HeaderBase.types.cjs","sourceRoot":"","sources":["../../../src/components/HeaderBase/HeaderBase.types.ts"],"names":[],"mappings":"","sourcesContent":["// Third party dependencies.\nimport type { ReactNode } from 'react';\nimport type { ViewProps, StyleProp, ViewStyle } from 'react-native';\n\n// External dependencies.\nimport type { ButtonIconProps } from '../ButtonIcon';\nimport type { TextProps } from '../Text';\n\n/**\n * HeaderBase component props.\n *\n * Extends React Native's ViewProps to inherit standard props such as\n * `testID`, `accessibilityLabel`, and other View props.\n */\nexport type HeaderBaseProps = ViewProps & {\n  /**\n   * Title of the HeaderBase. Pass a string for automatic Text rendering,\n   * or a ReactNode for custom content.\n   */\n  children?: ReactNode | string;\n  /**\n   * Optional style for the header container.\n   */\n  style?: StyleProp<ViewStyle>;\n  /**\n   * Optional prop to include content to be displayed before the title.\n   * Takes priority over startButtonIconProps if both are provided.\n   */\n  startAccessory?: ReactNode;\n  /**\n   * Optional prop to include content to be displayed after the title.\n   * Takes priority over endButtonIconProps if both are provided.\n   */\n  endAccessory?: ReactNode;\n  /**\n   * Optional ButtonIcon props to render a ButtonIcon as the start accessory.\n   * Only used if startAccessory is not provided.\n   * For multiple start-side actions, compose them explicitly with `startAccessory`.\n   *\n   * @default size: ButtonIconSize.Md\n   */\n  startButtonIconProps?: ButtonIconProps;\n  /**\n   * Optional array of ButtonIcon props to render multiple ButtonIcons as end accessories.\n   * Rendered in reverse order (first item appears rightmost).\n   * Only used if endAccessory is not provided.\n   * This is the built-in multiple-action path for HeaderBase; for custom layouts,\n   * use `endAccessory`.\n   *\n   * @default size: ButtonIconSize.Md for each\n   */\n  endButtonIconProps?: ButtonIconProps[];\n  /**\n   * Optional prop to include the top inset to make sure the header is visible\n   * below device's notch.\n   *\n   * @default false\n   */\n  includesTopInset?: boolean;\n  /**\n   * Optional props to pass to the start accessory wrapper View.\n   */\n  startAccessoryWrapperProps?: ViewProps;\n  /**\n   * Optional props to pass to the end accessory wrapper View.\n   */\n  endAccessoryWrapperProps?: ViewProps;\n  /**\n   * Optional props to pass to the title wrapper View.\n   */\n  childrenWrapperProps?: ViewProps;\n  /**\n   * Optional props passed to the Text component when children is a string.\n   * Props are spread onto TextOrChildren `textProps` and can override default values.\n   */\n  textProps?: Omit<Partial<TextProps>, 'children'>;\n  /**\n   * Optional Tailwind class names for the header container.\n   * Merged with default styles using tw.style().\n   */\n  twClassName?: string;\n};\n"]}

package/dist/components/HeaderBase/HeaderBase.types.d.cts

@@ -1,16 +1,7 @@
 import type { ReactNode } from "react";
 import type { ViewProps, StyleProp, ViewStyle } from "react-native";
 import type { ButtonIconProps } from "../ButtonIcon/index.cjs";
-/**
- * Variant options for HeaderBase component.
- * Controls title text size and alignment.
- */
-export declare enum HeaderBaseVariant {
-    /** Center-aligned title with HeadingSm text */
-    Compact = "compact",
-    /** Left-aligned title with HeadingLg text */
-    Display = "display"
-}
+import type { TextProps } from "../Text/index.cjs";
 /**
  * HeaderBase component props.
  *
@@ -18,12 +9,6 @@ export declare enum HeaderBaseVariant {
  * `testID`, `accessibilityLabel`, and other View props.
  */
 export type HeaderBaseProps = ViewProps & {
-    /**
-     * Variant controlling header text size.
-     *
-     * @default HeaderBaseVariant.Compact
-     */
-    variant?: HeaderBaseVariant;
     /**
      * Title of the HeaderBase. Pass a string for automatic Text rendering,
      * or a ReactNode for custom content.
@@ -46,6 +31,7 @@ export type HeaderBaseProps = ViewProps & {
     /**
      * Optional ButtonIcon props to render a ButtonIcon as the start accessory.
      * Only used if startAccessory is not provided.
+     * For multiple start-side actions, compose them explicitly with `startAccessory`.
      *
      * @default size: ButtonIconSize.Md
      */
@@ -54,6 +40,8 @@ export type HeaderBaseProps = ViewProps & {
      * Optional array of ButtonIcon props to render multiple ButtonIcons as end accessories.
      * Rendered in reverse order (first item appears rightmost).
      * Only used if endAccessory is not provided.
+     * This is the built-in multiple-action path for HeaderBase; for custom layouts,
+     * use `endAccessory`.
      *
      * @default size: ButtonIconSize.Md for each
      */
@@ -74,10 +62,14 @@ export type HeaderBaseProps = ViewProps & {
      */
     endAccessoryWrapperProps?: ViewProps;
     /**
-     * Optional test ID for the title Text element.
-     * Only used when children is a string.
+     * Optional props to pass to the title wrapper View.
+     */
+    childrenWrapperProps?: ViewProps;
+    /**
+     * Optional props passed to the Text component when children is a string.
+     * Props are spread onto TextOrChildren `textProps` and can override default values.
      */
-    titleTestID?: string;
+    textProps?: Omit<Partial<TextProps>, 'children'>;
     /**
      * Optional Tailwind class names for the header container.
      * Merged with default styles using tw.style().

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderBase.types.d.cts","sourceRoot":"","sources":["../../../src/components/HeaderBase/HeaderBase.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,qBAAqB;AAGpE,OAAO,KAAK,EAAE,eAAe,EAAE,gCAAsB;AAErD;;;GAGG;AACH,oBAAY,iBAAiB;IAC3B,+CAA+C;IAC/C,OAAO,YAAY;IACnB,6CAA6C;IAC7C,OAAO,YAAY;CACpB;AAED;;;;;GAKG;AACH,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG;IACxC;;;;OAIG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC9B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;;OAGG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;;;OAKG;IACH,oBAAoB,CAAC,EAAE,eAAe,CAAC;IACvC;;;;;;OAMG;IACH,kBAAkB,CAAC,EAAE,eAAe,EAAE,CAAC;IACvC;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,0BAA0B,CAAC,EAAE,SAAS,CAAC;IACvC;;OAEG;IACH,wBAAwB,CAAC,EAAE,SAAS,CAAC;IACrC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}
+{"version":3,"file":"HeaderBase.types.d.cts","sourceRoot":"","sources":["../../../src/components/HeaderBase/HeaderBase.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,qBAAqB;AAGpE,OAAO,KAAK,EAAE,eAAe,EAAE,gCAAsB;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AAEzC;;;;;GAKG;AACH,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG;IACxC;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC9B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;;OAGG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;;;;OAMG;IACH,oBAAoB,CAAC,EAAE,eAAe,CAAC;IACvC;;;;;;;;OAQG;IACH,kBAAkB,CAAC,EAAE,eAAe,EAAE,CAAC;IACvC;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,0BAA0B,CAAC,EAAE,SAAS,CAAC;IACvC;;OAEG;IACH,wBAAwB,CAAC,EAAE,SAAS,CAAC;IACrC;;OAEG;IACH,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC;;;OAGG;IACH,SAAS,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;IACjD;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}

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

@@ -1,16 +1,7 @@
 import type { ReactNode } from "react";
 import type { ViewProps, StyleProp, ViewStyle } from "react-native";
 import type { ButtonIconProps } from "../ButtonIcon/index.mjs";
-/**
- * Variant options for HeaderBase component.
- * Controls title text size and alignment.
- */
-export declare enum HeaderBaseVariant {
-    /** Center-aligned title with HeadingSm text */
-    Compact = "compact",
-    /** Left-aligned title with HeadingLg text */
-    Display = "display"
-}
+import type { TextProps } from "../Text/index.mjs";
 /**
  * HeaderBase component props.
  *
@@ -18,12 +9,6 @@ export declare enum HeaderBaseVariant {
  * `testID`, `accessibilityLabel`, and other View props.
  */
 export type HeaderBaseProps = ViewProps & {
-    /**
-     * Variant controlling header text size.
-     *
-     * @default HeaderBaseVariant.Compact
-     */
-    variant?: HeaderBaseVariant;
     /**
      * Title of the HeaderBase. Pass a string for automatic Text rendering,
      * or a ReactNode for custom content.
@@ -46,6 +31,7 @@ export type HeaderBaseProps = ViewProps & {
     /**
      * Optional ButtonIcon props to render a ButtonIcon as the start accessory.
      * Only used if startAccessory is not provided.
+     * For multiple start-side actions, compose them explicitly with `startAccessory`.
      *
      * @default size: ButtonIconSize.Md
      */
@@ -54,6 +40,8 @@ export type HeaderBaseProps = ViewProps & {
      * Optional array of ButtonIcon props to render multiple ButtonIcons as end accessories.
      * Rendered in reverse order (first item appears rightmost).
      * Only used if endAccessory is not provided.
+     * This is the built-in multiple-action path for HeaderBase; for custom layouts,
+     * use `endAccessory`.
      *
      * @default size: ButtonIconSize.Md for each
      */
@@ -74,10 +62,14 @@ export type HeaderBaseProps = ViewProps & {
      */
     endAccessoryWrapperProps?: ViewProps;
     /**
-     * Optional test ID for the title Text element.
-     * Only used when children is a string.
+     * Optional props to pass to the title wrapper View.
+     */
+    childrenWrapperProps?: ViewProps;
+    /**
+     * Optional props passed to the Text component when children is a string.
+     * Props are spread onto TextOrChildren `textProps` and can override default values.
      */
-    titleTestID?: string;
+    textProps?: Omit<Partial<TextProps>, 'children'>;
     /**
      * Optional Tailwind class names for the header container.
      * Merged with default styles using tw.style().

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderBase.types.d.mts","sourceRoot":"","sources":["../../../src/components/HeaderBase/HeaderBase.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,qBAAqB;AAGpE,OAAO,KAAK,EAAE,eAAe,EAAE,gCAAsB;AAErD;;;GAGG;AACH,oBAAY,iBAAiB;IAC3B,+CAA+C;IAC/C,OAAO,YAAY;IACnB,6CAA6C;IAC7C,OAAO,YAAY;CACpB;AAED;;;;;GAKG;AACH,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG;IACxC;;;;OAIG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC9B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;;OAGG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;;;OAKG;IACH,oBAAoB,CAAC,EAAE,eAAe,CAAC;IACvC;;;;;;OAMG;IACH,kBAAkB,CAAC,EAAE,eAAe,EAAE,CAAC;IACvC;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,0BAA0B,CAAC,EAAE,SAAS,CAAC;IACvC;;OAEG;IACH,wBAAwB,CAAC,EAAE,SAAS,CAAC;IACrC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}
+{"version":3,"file":"HeaderBase.types.d.mts","sourceRoot":"","sources":["../../../src/components/HeaderBase/HeaderBase.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,qBAAqB;AAGpE,OAAO,KAAK,EAAE,eAAe,EAAE,gCAAsB;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AAEzC;;;;;GAKG;AACH,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG;IACxC;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC9B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;;OAGG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;;;;OAMG;IACH,oBAAoB,CAAC,EAAE,eAAe,CAAC;IACvC;;;;;;;;OAQG;IACH,kBAAkB,CAAC,EAAE,eAAe,EAAE,CAAC;IACvC;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,0BAA0B,CAAC,EAAE,SAAS,CAAC;IACvC;;OAEG;IACH,wBAAwB,CAAC,EAAE,SAAS,CAAC;IACrC;;OAEG;IACH,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC;;;OAGG;IACH,SAAS,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;IACjD;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}

package/dist/components/HeaderBase/HeaderBase.types.mjs

@@ -1,12 +1,2 @@
-/**
- * Variant options for HeaderBase component.
- * Controls title text size and alignment.
- */
-export var HeaderBaseVariant;
-(function (HeaderBaseVariant) {
-    /** Center-aligned title with HeadingSm text */
-    HeaderBaseVariant["Compact"] = "compact";
-    /** Left-aligned title with HeadingLg text */
-    HeaderBaseVariant["Display"] = "display";
-})(HeaderBaseVariant || (HeaderBaseVariant = {}));
+export {};
 //# sourceMappingURL=HeaderBase.types.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderBase.types.mjs","sourceRoot":"","sources":["../../../src/components/HeaderBase/HeaderBase.types.ts"],"names":[],"mappings":"AAOA;;;GAGG;AACH,MAAM,CAAN,IAAY,iBAKX;AALD,WAAY,iBAAiB;IAC3B,+CAA+C;IAC/C,wCAAmB,CAAA;IACnB,6CAA6C;IAC7C,wCAAmB,CAAA;AACrB,CAAC,EALW,iBAAiB,KAAjB,iBAAiB,QAK5B","sourcesContent":["// Third party dependencies.\nimport type { ReactNode } from 'react';\nimport type { ViewProps, StyleProp, ViewStyle } from 'react-native';\n\n// External dependencies.\nimport type { ButtonIconProps } from '../ButtonIcon';\n\n/**\n * Variant options for HeaderBase component.\n * Controls title text size and alignment.\n */\nexport enum HeaderBaseVariant {\n  /** Center-aligned title with HeadingSm text */\n  Compact = 'compact',\n  /** Left-aligned title with HeadingLg text */\n  Display = 'display',\n}\n\n/**\n * HeaderBase component props.\n *\n * Extends React Native's ViewProps to inherit standard props such as\n * `testID`, `accessibilityLabel`, and other View props.\n */\nexport type HeaderBaseProps = ViewProps & {\n  /**\n   * Variant controlling header text size.\n   *\n   * @default HeaderBaseVariant.Compact\n   */\n  variant?: HeaderBaseVariant;\n  /**\n   * Title of the HeaderBase. Pass a string for automatic Text rendering,\n   * or a ReactNode for custom content.\n   */\n  children?: ReactNode | string;\n  /**\n   * Optional style for the header container.\n   */\n  style?: StyleProp<ViewStyle>;\n  /**\n   * Optional prop to include content to be displayed before the title.\n   * Takes priority over startButtonIconProps if both are provided.\n   */\n  startAccessory?: ReactNode;\n  /**\n   * Optional prop to include content to be displayed after the title.\n   * Takes priority over endButtonIconProps if both are provided.\n   */\n  endAccessory?: ReactNode;\n  /**\n   * Optional ButtonIcon props to render a ButtonIcon as the start accessory.\n   * Only used if startAccessory is not provided.\n   *\n   * @default size: ButtonIconSize.Md\n   */\n  startButtonIconProps?: ButtonIconProps;\n  /**\n   * Optional array of ButtonIcon props to render multiple ButtonIcons as end accessories.\n   * Rendered in reverse order (first item appears rightmost).\n   * Only used if endAccessory is not provided.\n   *\n   * @default size: ButtonIconSize.Md for each\n   */\n  endButtonIconProps?: ButtonIconProps[];\n  /**\n   * Optional prop to include the top inset to make sure the header is visible\n   * below device's notch.\n   *\n   * @default false\n   */\n  includesTopInset?: boolean;\n  /**\n   * Optional props to pass to the start accessory wrapper View.\n   */\n  startAccessoryWrapperProps?: ViewProps;\n  /**\n   * Optional props to pass to the end accessory wrapper View.\n   */\n  endAccessoryWrapperProps?: ViewProps;\n  /**\n   * Optional test ID for the title Text element.\n   * Only used when children is a string.\n   */\n  titleTestID?: string;\n  /**\n   * Optional Tailwind class names for the header container.\n   * Merged with default styles using tw.style().\n   */\n  twClassName?: string;\n};\n"]}
+{"version":3,"file":"HeaderBase.types.mjs","sourceRoot":"","sources":["../../../src/components/HeaderBase/HeaderBase.types.ts"],"names":[],"mappings":"","sourcesContent":["// Third party dependencies.\nimport type { ReactNode } from 'react';\nimport type { ViewProps, StyleProp, ViewStyle } from 'react-native';\n\n// External dependencies.\nimport type { ButtonIconProps } from '../ButtonIcon';\nimport type { TextProps } from '../Text';\n\n/**\n * HeaderBase component props.\n *\n * Extends React Native's ViewProps to inherit standard props such as\n * `testID`, `accessibilityLabel`, and other View props.\n */\nexport type HeaderBaseProps = ViewProps & {\n  /**\n   * Title of the HeaderBase. Pass a string for automatic Text rendering,\n   * or a ReactNode for custom content.\n   */\n  children?: ReactNode | string;\n  /**\n   * Optional style for the header container.\n   */\n  style?: StyleProp<ViewStyle>;\n  /**\n   * Optional prop to include content to be displayed before the title.\n   * Takes priority over startButtonIconProps if both are provided.\n   */\n  startAccessory?: ReactNode;\n  /**\n   * Optional prop to include content to be displayed after the title.\n   * Takes priority over endButtonIconProps if both are provided.\n   */\n  endAccessory?: ReactNode;\n  /**\n   * Optional ButtonIcon props to render a ButtonIcon as the start accessory.\n   * Only used if startAccessory is not provided.\n   * For multiple start-side actions, compose them explicitly with `startAccessory`.\n   *\n   * @default size: ButtonIconSize.Md\n   */\n  startButtonIconProps?: ButtonIconProps;\n  /**\n   * Optional array of ButtonIcon props to render multiple ButtonIcons as end accessories.\n   * Rendered in reverse order (first item appears rightmost).\n   * Only used if endAccessory is not provided.\n   * This is the built-in multiple-action path for HeaderBase; for custom layouts,\n   * use `endAccessory`.\n   *\n   * @default size: ButtonIconSize.Md for each\n   */\n  endButtonIconProps?: ButtonIconProps[];\n  /**\n   * Optional prop to include the top inset to make sure the header is visible\n   * below device's notch.\n   *\n   * @default false\n   */\n  includesTopInset?: boolean;\n  /**\n   * Optional props to pass to the start accessory wrapper View.\n   */\n  startAccessoryWrapperProps?: ViewProps;\n  /**\n   * Optional props to pass to the end accessory wrapper View.\n   */\n  endAccessoryWrapperProps?: ViewProps;\n  /**\n   * Optional props to pass to the title wrapper View.\n   */\n  childrenWrapperProps?: ViewProps;\n  /**\n   * Optional props passed to the Text component when children is a string.\n   * Props are spread onto TextOrChildren `textProps` and can override default values.\n   */\n  textProps?: Omit<Partial<TextProps>, 'children'>;\n  /**\n   * Optional Tailwind class names for the header container.\n   * Merged with default styles using tw.style().\n   */\n  twClassName?: string;\n};\n"]}

package/dist/components/HeaderBase/index.cjs

@@ -1,8 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.HeaderBaseVariant = exports.HeaderBase = void 0;
+exports.HeaderBase = void 0;
 var HeaderBase_1 = require("./HeaderBase.cjs");
 Object.defineProperty(exports, "HeaderBase", { enumerable: true, get: function () { return HeaderBase_1.HeaderBase; } });
-var HeaderBase_types_1 = require("./HeaderBase.types.cjs");
-Object.defineProperty(exports, "HeaderBaseVariant", { enumerable: true, get: function () { return HeaderBase_types_1.HeaderBaseVariant; } });
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/HeaderBase/index.ts"],"names":[],"mappings":";;;AAAA,+CAA0C;AAAjC,wGAAA,UAAU,OAAA;AACnB,2DAAuD;AAA9C,qHAAA,iBAAiB,OAAA","sourcesContent":["export { HeaderBase } from './HeaderBase';\nexport { HeaderBaseVariant } from './HeaderBase.types';\nexport type { HeaderBaseProps } from './HeaderBase.types';\n"]}
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/HeaderBase/index.ts"],"names":[],"mappings":";;;AAAA,+CAA0C;AAAjC,wGAAA,UAAU,OAAA","sourcesContent":["export { HeaderBase } from './HeaderBase';\nexport type { HeaderBaseProps } from './HeaderBase.types';\n"]}

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

@@ -1,4 +1,3 @@
 export { HeaderBase } from "./HeaderBase.cjs";
-export { HeaderBaseVariant } from "./HeaderBase.types.cjs";
 export type { HeaderBaseProps } from "./HeaderBase.types.cjs";
 //# sourceMappingURL=index.d.cts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/HeaderBase/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,yBAAqB;AAC1C,OAAO,EAAE,iBAAiB,EAAE,+BAA2B;AACvD,YAAY,EAAE,eAAe,EAAE,+BAA2B"}
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/HeaderBase/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,yBAAqB;AAC1C,YAAY,EAAE,eAAe,EAAE,+BAA2B"}

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

@@ -1,4 +1,3 @@
 export { HeaderBase } from "./HeaderBase.mjs";
-export { HeaderBaseVariant } from "./HeaderBase.types.mjs";
 export type { HeaderBaseProps } from "./HeaderBase.types.mjs";
 //# sourceMappingURL=index.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/HeaderBase/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,yBAAqB;AAC1C,OAAO,EAAE,iBAAiB,EAAE,+BAA2B;AACvD,YAAY,EAAE,eAAe,EAAE,+BAA2B"}
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/HeaderBase/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,yBAAqB;AAC1C,YAAY,EAAE,eAAe,EAAE,+BAA2B"}

package/dist/components/HeaderBase/index.mjs

@@ -1,3 +1,2 @@
 export { HeaderBase } from "./HeaderBase.mjs";
-export { HeaderBaseVariant } from "./HeaderBase.types.mjs";
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/HeaderBase/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,yBAAqB;AAC1C,OAAO,EAAE,iBAAiB,EAAE,+BAA2B","sourcesContent":["export { HeaderBase } from './HeaderBase';\nexport { HeaderBaseVariant } from './HeaderBase.types';\nexport type { HeaderBaseProps } from './HeaderBase.types';\n"]}
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/HeaderBase/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,yBAAqB","sourcesContent":["export { HeaderBase } from './HeaderBase';\nexport type { HeaderBaseProps } from './HeaderBase.types';\n"]}

package/dist/components/HeaderStandardAnimated/useHeaderStandardAnimated.cjs

@@ -1,19 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useHeaderStandardAnimated = exports.updateScrollYFromEvent = void 0;
+exports.useHeaderStandardAnimated = 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.
@@ -49,7 +39,9 @@ function useHeaderStandardAnimated() {
         titleSectionHeightSv.value = height;
     }, [titleSectionHeightSv]);
     const onScroll = (0, react_native_reanimated_1.useAnimatedScrollHandler)({
-        onScroll: (scrollEvent) => updateScrollYFromEvent(scrollYValue, scrollEvent.contentOffset.y),
+        onScroll: (scrollEvent) => {
+            scrollYValue.value = scrollEvent.contentOffset.y;
+        },
     });
     return {
         scrollY: scrollYValue,

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

@@ -1 +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"]}
+{"version":3,"file":"useHeaderStandardAnimated.cjs","sourceRoot":"","sources":["../../../src/components/HeaderStandardAnimated/useHeaderStandardAnimated.ts"],"names":[],"mappings":";;;AAAA,4BAA4B;AAC5B,iCAAoC;AACpC,qEAGiC;AAKjC;;;;;;;;;;;;;;;;;;;;;;;;;;;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;YACxB,YAAY,CAAC,KAAK,GAAG,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC;QACnD,CAAC;KACF,CAAC,CAAC;IAEH,OAAO;QACL,OAAO,EAAE,YAAY;QACrB,oBAAoB;QACpB,qBAAqB;QACrB,QAAQ;KACT,CAAC;AACJ,CAAC;AAvBD,8DAuBC","sourcesContent":["// Third party dependencies.\nimport { useCallback } from 'react';\nimport {\n  useSharedValue,\n  useAnimatedScrollHandler,\n} from 'react-native-reanimated';\n\n// Internal dependencies.\nimport type { UseHeaderStandardAnimatedReturn } from './HeaderStandardAnimated.types';\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      scrollYValue.value = scrollEvent.contentOffset.y;\n    },\n  });\n\n  return {\n    scrollY: scrollYValue,\n    titleSectionHeightSv,\n    setTitleSectionHeight,\n    onScroll,\n  };\n}\n"]}

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

@@ -1,12 +1,4 @@
-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.

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

@@ -1 +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"}
+{"version":3,"file":"useHeaderStandardAnimated.d.cts","sourceRoot":"","sources":["../../../src/components/HeaderStandardAnimated/useHeaderStandardAnimated.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,+BAA+B,EAAE,2CAAuC;AAEtF;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,yBAAyB,IAAI,+BAA+B,CAuB3E"}

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

@@ -1,12 +1,4 @@
-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.

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

@@ -1 +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"}
+{"version":3,"file":"useHeaderStandardAnimated.d.mts","sourceRoot":"","sources":["../../../src/components/HeaderStandardAnimated/useHeaderStandardAnimated.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,+BAA+B,EAAE,2CAAuC;AAEtF;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,yBAAyB,IAAI,+BAA+B,CAuB3E"}

package/dist/components/HeaderStandardAnimated/useHeaderStandardAnimated.mjs

@@ -1,15 +1,6 @@
 // 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.
@@ -45,7 +36,9 @@ export function useHeaderStandardAnimated() {
         titleSectionHeightSv.value = height;
     }, [titleSectionHeightSv]);
     const onScroll = useAnimatedScrollHandler({
-        onScroll: (scrollEvent) => updateScrollYFromEvent(scrollYValue, scrollEvent.contentOffset.y),
+        onScroll: (scrollEvent) => {
+            scrollYValue.value = scrollEvent.contentOffset.y;
+        },
     });
     return {
         scrollY: scrollYValue,

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

@@ -1 +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"]}
+{"version":3,"file":"useHeaderStandardAnimated.mjs","sourceRoot":"","sources":["../../../src/components/HeaderStandardAnimated/useHeaderStandardAnimated.ts"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,OAAO,EAAE,WAAW,EAAE,cAAc;AACpC,OAAO,EACL,cAAc,EACd,wBAAwB,EACzB,gCAAgC;AAKjC;;;;;;;;;;;;;;;;;;;;;;;;;;;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;YACxB,YAAY,CAAC,KAAK,GAAG,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC;QACnD,CAAC;KACF,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 {\n  useSharedValue,\n  useAnimatedScrollHandler,\n} from 'react-native-reanimated';\n\n// Internal dependencies.\nimport type { UseHeaderStandardAnimatedReturn } from './HeaderStandardAnimated.types';\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      scrollYValue.value = scrollEvent.contentOffset.y;\n    },\n  });\n\n  return {\n    scrollY: scrollYValue,\n    titleSectionHeightSv,\n    setTitleSectionHeight,\n    onScroll,\n  };\n}\n"]}

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

@@ -117,6 +117,7 @@ const fingerprint_svg_1 = __importDefault(require("./assets/fingerprint.svg"));
 const fire_svg_1 = __importDefault(require("./assets/fire.svg"));
 const first_page_svg_1 = __importDefault(require("./assets/first-page.svg"));
 const flag_svg_1 = __importDefault(require("./assets/flag.svg"));
+const flash_filled_svg_1 = __importDefault(require("./assets/flash-filled.svg"));
 const flash_slash_svg_1 = __importDefault(require("./assets/flash-slash.svg"));
 const flash_svg_1 = __importDefault(require("./assets/flash.svg"));
 const flask_svg_1 = __importDefault(require("./assets/flask.svg"));
@@ -410,6 +411,7 @@ exports.assetByIconName = {
     Fire: fire_svg_1.default,
     FirstPage: first_page_svg_1.default,
     Flag: flag_svg_1.default,
+    FlashFilled: flash_filled_svg_1.default,
     FlashSlash: flash_slash_svg_1.default,
     Flash: flash_svg_1.default,
     Flask: flask_svg_1.default,