@metamask-previews/design-system-react-native 0.11.0-preview.fa05289 → 0.13.0-preview.b4e6ece

package/dist/components/BoxVertical/BoxVertical.types.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BoxVertical.types.mjs","sourceRoot":"","sources":["../../../src/components/BoxVertical/BoxVertical.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { BoxVerticalPropsShared } from '@metamask-previews/design-system-shared';\n\nimport type { BoxProps } from '../Box/Box.types';\nimport type { TextProps } from '../Text';\n\n/**\n * BoxVertical component props.\n */\nexport type BoxVerticalProps = BoxVerticalPropsShared &\n  Omit<BoxProps, 'children' | 'flexDirection'> & {\n    /**\n     * Optional props passed to `Text` when `children` is a string.\n     */\n    textProps?: Omit<Partial<TextProps>, 'children'>;\n  };\n"]}

package/dist/components/BoxVertical/index.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/BoxVertical/index.ts"],"names":[],"mappings":";;;AAAA,iDAA4C;AAAnC,0GAAA,WAAW,OAAA","sourcesContent":["export { BoxVertical } from './BoxVertical';\nexport type { BoxVerticalProps } from './BoxVertical.types';\n"]}

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

@@ -0,0 +1,3 @@
+export { BoxVertical } from "./BoxVertical.cjs";
+export type { BoxVerticalProps } from "./BoxVertical.types.cjs";
+//# sourceMappingURL=index.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/BoxVertical/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,0BAAsB;AAC5C,YAAY,EAAE,gBAAgB,EAAE,gCAA4B"}

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

@@ -0,0 +1,3 @@
+export { BoxVertical } from "./BoxVertical.mjs";
+export type { BoxVerticalProps } from "./BoxVertical.types.mjs";
+//# sourceMappingURL=index.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/BoxVertical/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,0BAAsB;AAC5C,YAAY,EAAE,gBAAgB,EAAE,gCAA4B"}

package/dist/components/BoxVertical/index.mjs

@@ -0,0 +1,2 @@
+export { BoxVertical } from "./BoxVertical.mjs";
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/BoxVertical/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,0BAAsB","sourcesContent":["export { BoxVertical } from './BoxVertical';\nexport type { BoxVerticalProps } from './BoxVertical.types';\n"]}

package/dist/components/HeaderRoot/HeaderRoot.cjs

@@ -0,0 +1,61 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderRoot = void 0;
+// Third party dependencies.
+const design_system_shared_1 = require("@metamask-previews/design-system-shared");
+const react_1 = __importDefault(require("react"));
+const react_native_safe_area_context_1 = require("react-native-safe-area-context");
+// External dependencies.
+const Box_1 = require("../Box/index.cjs");
+const BoxHorizontal_1 = require("../BoxHorizontal/index.cjs");
+const ButtonIcon_1 = require("../ButtonIcon/index.cjs");
+const Text_1 = require("../Text/index.cjs");
+const HeaderRoot = ({ children, title, titleProps, titleAccessory, endAccessory, endButtonIconProps, includesTopInset = false, style, testID, twClassName, ...viewProps }) => {
+    const insets = (0, react_native_safe_area_context_1.useSafeAreaInsets)();
+    const hasRenderableChildren = (0, design_system_shared_1.isReactNodeRenderable)(children);
+    const hasTitleContent = title !== false &&
+        ((0, design_system_shared_1.isReactNodeRenderable)(title) || (0, design_system_shared_1.isReactNodeRenderable)(titleAccessory));
+    const shouldRenderTitleRow = !hasRenderableChildren && hasTitleContent;
+    const endSectionContent = (() => {
+        if (endAccessory) {
+            return endAccessory;
+        }
+        if (endButtonIconProps && endButtonIconProps.length > 0) {
+            const reversedProps = endButtonIconProps
+                .map((props, originalIndex) => ({ props, originalIndex }))
+                .reverse();
+            return reversedProps.map(({ props, originalIndex }) => (<ButtonIcon_1.ButtonIcon key={`end-button-icon-${originalIndex}`} size={ButtonIcon_1.ButtonIconSize.Md} {...props}/>));
+        }
+        return null;
+    })();
+    const hasEndSection = Boolean(endSectionContent);
+    const renderLeftSection = () => {
+        if (hasRenderableChildren) {
+            return children;
+        }
+        if (shouldRenderTitleRow) {
+            const titleNode = (0, design_system_shared_1.isReactNodeRenderable)(title) && title !== '' ? title : null;
+            return (<BoxHorizontal_1.BoxHorizontal endAccessory={titleAccessory} textProps={{
+                    variant: Text_1.TextVariant.HeadingLg,
+                    ...titleProps,
+                }}>
+          {titleNode}
+        </BoxHorizontal_1.BoxHorizontal>);
+        }
+        return null;
+    };
+    return (<Box_1.Box flexDirection={Box_1.BoxFlexDirection.Row} alignItems={Box_1.BoxAlignItems.Center} gap={4} paddingLeft={4} paddingRight={2} twClassName={`min-h-14 ${twClassName ?? ''}`.trim()} style={[includesTopInset && { marginTop: insets.top }, style]} testID={testID} {...viewProps}>
+      <Box_1.Box alignItems={Box_1.BoxAlignItems.Start} style={{ flex: 1 }}>
+        {renderLeftSection()}
+      </Box_1.Box>
+      {hasEndSection ? (<Box_1.Box flexDirection={Box_1.BoxFlexDirection.Row} gap={2}>
+          {endSectionContent}
+        </Box_1.Box>) : null}
+    </Box_1.Box>);
+};
+exports.HeaderRoot = HeaderRoot;
+exports.HeaderRoot.displayName = 'HeaderRoot';
+//# sourceMappingURL=HeaderRoot.cjs.map

package/dist/components/HeaderRoot/HeaderRoot.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderRoot.cjs","sourceRoot":"","sources":["../../../src/components/HeaderRoot/HeaderRoot.tsx"],"names":[],"mappings":"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","sourcesContent":["// Third party dependencies.\nimport { isReactNodeRenderable } from '@metamask-previews/design-system-shared';\nimport React from 'react';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\n// External dependencies.\nimport { Box, BoxAlignItems, BoxFlexDirection } from '../Box';\nimport { BoxHorizontal } from '../BoxHorizontal';\nimport { ButtonIcon, ButtonIconSize } from '../ButtonIcon';\nimport { TextVariant } from '../Text';\n\n// Internal dependencies.\nimport type { HeaderRootProps } from './HeaderRoot.types';\n\nexport const HeaderRoot = ({\n  children,\n  title,\n  titleProps,\n  titleAccessory,\n  endAccessory,\n  endButtonIconProps,\n  includesTopInset = false,\n  style,\n  testID,\n  twClassName,\n  ...viewProps\n}: HeaderRootProps) => {\n  const insets = useSafeAreaInsets();\n\n  const hasRenderableChildren = isReactNodeRenderable(children);\n\n  const hasTitleContent =\n    title !== false &&\n    (isReactNodeRenderable(title) || isReactNodeRenderable(titleAccessory));\n\n  const shouldRenderTitleRow = !hasRenderableChildren && hasTitleContent;\n\n  const endSectionContent = (() => {\n    if (endAccessory) {\n      return endAccessory;\n    }\n    if (endButtonIconProps && endButtonIconProps.length > 0) {\n      const reversedProps = endButtonIconProps\n        .map((props, originalIndex) => ({ props, originalIndex }))\n        .reverse();\n      return reversedProps.map(({ props, originalIndex }) => (\n        <ButtonIcon\n          key={`end-button-icon-${originalIndex}`}\n          size={ButtonIconSize.Md}\n          {...props}\n        />\n      ));\n    }\n    return null;\n  })();\n\n  const hasEndSection = Boolean(endSectionContent);\n\n  const renderLeftSection = () => {\n    if (hasRenderableChildren) {\n      return children;\n    }\n    if (shouldRenderTitleRow) {\n      const titleNode =\n        isReactNodeRenderable(title) && title !== '' ? title : null;\n      return (\n        <BoxHorizontal\n          endAccessory={titleAccessory}\n          textProps={{\n            variant: TextVariant.HeadingLg,\n            ...titleProps,\n          }}\n        >\n          {titleNode}\n        </BoxHorizontal>\n      );\n    }\n    return null;\n  };\n\n  return (\n    <Box\n      flexDirection={BoxFlexDirection.Row}\n      alignItems={BoxAlignItems.Center}\n      gap={4}\n      paddingLeft={4}\n      paddingRight={2}\n      twClassName={`min-h-14 ${twClassName ?? ''}`.trim()}\n      style={[includesTopInset && { marginTop: insets.top }, style]}\n      testID={testID}\n      {...viewProps}\n    >\n      <Box alignItems={BoxAlignItems.Start} style={{ flex: 1 }}>\n        {renderLeftSection()}\n      </Box>\n      {hasEndSection ? (\n        <Box flexDirection={BoxFlexDirection.Row} gap={2}>\n          {endSectionContent}\n        </Box>\n      ) : null}\n    </Box>\n  );\n};\n\nHeaderRoot.displayName = 'HeaderRoot';\n"]}

package/dist/components/HeaderRoot/HeaderRoot.d.cts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { HeaderRootProps } from "./HeaderRoot.types.cjs";
+export declare const HeaderRoot: {
+    ({ children, title, titleProps, titleAccessory, endAccessory, endButtonIconProps, includesTopInset, style, testID, twClassName, ...viewProps }: HeaderRootProps): React.JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=HeaderRoot.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderRoot.d.cts","sourceRoot":"","sources":["../../../src/components/HeaderRoot/HeaderRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,cAAc;AAU1B,OAAO,KAAK,EAAE,eAAe,EAAE,+BAA2B;AAE1D,eAAO,MAAM,UAAU;oJAYpB,eAAe;;CA4EjB,CAAC"}

package/dist/components/HeaderRoot/HeaderRoot.d.mts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { HeaderRootProps } from "./HeaderRoot.types.mjs";
+export declare const HeaderRoot: {
+    ({ children, title, titleProps, titleAccessory, endAccessory, endButtonIconProps, includesTopInset, style, testID, twClassName, ...viewProps }: HeaderRootProps): React.JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=HeaderRoot.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderRoot.d.mts","sourceRoot":"","sources":["../../../src/components/HeaderRoot/HeaderRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,cAAc;AAU1B,OAAO,KAAK,EAAE,eAAe,EAAE,+BAA2B;AAE1D,eAAO,MAAM,UAAU;oJAYpB,eAAe;;CA4EjB,CAAC"}

package/dist/components/HeaderRoot/HeaderRoot.mjs

@@ -0,0 +1,61 @@
+function $importDefault(module) {
+    if (module?.__esModule) {
+        return module.default;
+    }
+    return module;
+}
+// Third party dependencies.
+import { isReactNodeRenderable } from "@metamask-previews/design-system-shared";
+import $React from "react";
+const React = $importDefault($React);
+import { useSafeAreaInsets } from "react-native-safe-area-context";
+// External dependencies.
+import { Box, BoxAlignItems, BoxFlexDirection } from "../Box/index.mjs";
+import { BoxHorizontal } from "../BoxHorizontal/index.mjs";
+import { ButtonIcon, ButtonIconSize } from "../ButtonIcon/index.mjs";
+import { TextVariant } from "../Text/index.mjs";
+export const HeaderRoot = ({ children, title, titleProps, titleAccessory, endAccessory, endButtonIconProps, includesTopInset = false, style, testID, twClassName, ...viewProps }) => {
+    const insets = useSafeAreaInsets();
+    const hasRenderableChildren = isReactNodeRenderable(children);
+    const hasTitleContent = title !== false &&
+        (isReactNodeRenderable(title) || isReactNodeRenderable(titleAccessory));
+    const shouldRenderTitleRow = !hasRenderableChildren && hasTitleContent;
+    const endSectionContent = (() => {
+        if (endAccessory) {
+            return endAccessory;
+        }
+        if (endButtonIconProps && endButtonIconProps.length > 0) {
+            const reversedProps = endButtonIconProps
+                .map((props, originalIndex) => ({ props, originalIndex }))
+                .reverse();
+            return reversedProps.map(({ props, originalIndex }) => (<ButtonIcon key={`end-button-icon-${originalIndex}`} size={ButtonIconSize.Md} {...props}/>));
+        }
+        return null;
+    })();
+    const hasEndSection = Boolean(endSectionContent);
+    const renderLeftSection = () => {
+        if (hasRenderableChildren) {
+            return children;
+        }
+        if (shouldRenderTitleRow) {
+            const titleNode = isReactNodeRenderable(title) && title !== '' ? title : null;
+            return (<BoxHorizontal endAccessory={titleAccessory} textProps={{
+                    variant: TextVariant.HeadingLg,
+                    ...titleProps,
+                }}>
+          {titleNode}
+        </BoxHorizontal>);
+        }
+        return null;
+    };
+    return (<Box flexDirection={BoxFlexDirection.Row} alignItems={BoxAlignItems.Center} gap={4} paddingLeft={4} paddingRight={2} twClassName={`min-h-14 ${twClassName ?? ''}`.trim()} style={[includesTopInset && { marginTop: insets.top }, style]} testID={testID} {...viewProps}>
+      <Box alignItems={BoxAlignItems.Start} style={{ flex: 1 }}>
+        {renderLeftSection()}
+      </Box>
+      {hasEndSection ? (<Box flexDirection={BoxFlexDirection.Row} gap={2}>
+          {endSectionContent}
+        </Box>) : null}
+    </Box>);
+};
+HeaderRoot.displayName = 'HeaderRoot';
+//# sourceMappingURL=HeaderRoot.mjs.map

package/dist/components/HeaderRoot/HeaderRoot.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderRoot.mjs","sourceRoot":"","sources":["../../../src/components/HeaderRoot/HeaderRoot.tsx"],"names":[],"mappings":"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","sourcesContent":["// Third party dependencies.\nimport { isReactNodeRenderable } from '@metamask-previews/design-system-shared';\nimport React from 'react';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\n// External dependencies.\nimport { Box, BoxAlignItems, BoxFlexDirection } from '../Box';\nimport { BoxHorizontal } from '../BoxHorizontal';\nimport { ButtonIcon, ButtonIconSize } from '../ButtonIcon';\nimport { TextVariant } from '../Text';\n\n// Internal dependencies.\nimport type { HeaderRootProps } from './HeaderRoot.types';\n\nexport const HeaderRoot = ({\n  children,\n  title,\n  titleProps,\n  titleAccessory,\n  endAccessory,\n  endButtonIconProps,\n  includesTopInset = false,\n  style,\n  testID,\n  twClassName,\n  ...viewProps\n}: HeaderRootProps) => {\n  const insets = useSafeAreaInsets();\n\n  const hasRenderableChildren = isReactNodeRenderable(children);\n\n  const hasTitleContent =\n    title !== false &&\n    (isReactNodeRenderable(title) || isReactNodeRenderable(titleAccessory));\n\n  const shouldRenderTitleRow = !hasRenderableChildren && hasTitleContent;\n\n  const endSectionContent = (() => {\n    if (endAccessory) {\n      return endAccessory;\n    }\n    if (endButtonIconProps && endButtonIconProps.length > 0) {\n      const reversedProps = endButtonIconProps\n        .map((props, originalIndex) => ({ props, originalIndex }))\n        .reverse();\n      return reversedProps.map(({ props, originalIndex }) => (\n        <ButtonIcon\n          key={`end-button-icon-${originalIndex}`}\n          size={ButtonIconSize.Md}\n          {...props}\n        />\n      ));\n    }\n    return null;\n  })();\n\n  const hasEndSection = Boolean(endSectionContent);\n\n  const renderLeftSection = () => {\n    if (hasRenderableChildren) {\n      return children;\n    }\n    if (shouldRenderTitleRow) {\n      const titleNode =\n        isReactNodeRenderable(title) && title !== '' ? title : null;\n      return (\n        <BoxHorizontal\n          endAccessory={titleAccessory}\n          textProps={{\n            variant: TextVariant.HeadingLg,\n            ...titleProps,\n          }}\n        >\n          {titleNode}\n        </BoxHorizontal>\n      );\n    }\n    return null;\n  };\n\n  return (\n    <Box\n      flexDirection={BoxFlexDirection.Row}\n      alignItems={BoxAlignItems.Center}\n      gap={4}\n      paddingLeft={4}\n      paddingRight={2}\n      twClassName={`min-h-14 ${twClassName ?? ''}`.trim()}\n      style={[includesTopInset && { marginTop: insets.top }, style]}\n      testID={testID}\n      {...viewProps}\n    >\n      <Box alignItems={BoxAlignItems.Start} style={{ flex: 1 }}>\n        {renderLeftSection()}\n      </Box>\n      {hasEndSection ? (\n        <Box flexDirection={BoxFlexDirection.Row} gap={2}>\n          {endSectionContent}\n        </Box>\n      ) : null}\n    </Box>\n  );\n};\n\nHeaderRoot.displayName = 'HeaderRoot';\n"]}

package/dist/components/HeaderRoot/HeaderRoot.types.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderRoot.types.cjs","sourceRoot":"","sources":["../../../src/components/HeaderRoot/HeaderRoot.types.ts"],"names":[],"mappings":"","sourcesContent":["// Third party dependencies.\nimport { ReactNode } from 'react';\nimport { ViewProps, StyleProp, ViewStyle } from 'react-native';\n\n// External dependencies.\nimport type { ButtonIconProps } from '../ButtonIcon';\nimport type { TextProps } from '../Text';\n\n/**\n * HeaderRoot component props.\n * Left section renders either children or a title row (mutually exclusive).\n * End section matches HeaderBase (endAccessory or endButtonIconProps).\n */\nexport type HeaderRootProps = ViewProps & {\n  /**\n   * Optional custom content for the left section.\n   * When provided, title/titleAccessory are not rendered (mutually exclusive).\n   */\n  children?: ReactNode;\n  /**\n   * Optional content displayed after the title in the title row.\n   * Only used when children is not provided and title or titleAccessory is set.\n   */\n  titleAccessory?: ReactNode;\n  /**\n   * Optional main title. Can be a string or a React node.\n   * Only used when children is not provided.\n   * When string: rendered via TextOrChildren with TextVariant.HeadingLg; titleProps apply.\n   * When node: rendered via TextOrChildren as-is; titleProps are not applied to the node.\n   */\n  title?: ReactNode;\n  /**\n   * Optional props passed to the Text component when title is a string (TextOrChildren textProps).\n   */\n  titleProps?: Partial<TextProps>;\n  /**\n   * Optional content to be displayed in the end section.\n   * Takes priority over endButtonIconProps if both are provided.\n   */\n  endAccessory?: ReactNode;\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  endButtonIconProps?: ButtonIconProps[];\n  /**\n   * Optional prop to include the top inset so the header is visible below the device safe area.\n   */\n  includesTopInset?: boolean;\n  /**\n   * Optional style for the header container.\n   */\n  style?: StyleProp<ViewStyle>;\n  /**\n   * Optional test ID for the header container.\n   */\n  testID?: string;\n  /**\n   * Optional Tailwind class names for the header container.\n   */\n  twClassName?: string;\n};\n"]}

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

@@ -0,0 +1,60 @@
+import { ReactNode } from "react";
+import { ViewProps, StyleProp, ViewStyle } from "react-native/index.js";
+import type { ButtonIconProps } from "../ButtonIcon/index.cjs";
+import type { TextProps } from "../Text/index.cjs";
+/**
+ * HeaderRoot component props.
+ * Left section renders either children or a title row (mutually exclusive).
+ * End section matches HeaderBase (endAccessory or endButtonIconProps).
+ */
+export type HeaderRootProps = ViewProps & {
+    /**
+     * Optional custom content for the left section.
+     * When provided, title/titleAccessory are not rendered (mutually exclusive).
+     */
+    children?: ReactNode;
+    /**
+     * Optional content displayed after the title in the title row.
+     * Only used when children is not provided and title or titleAccessory is set.
+     */
+    titleAccessory?: ReactNode;
+    /**
+     * Optional main title. Can be a string or a React node.
+     * Only used when children is not provided.
+     * When string: rendered via TextOrChildren with TextVariant.HeadingLg; titleProps apply.
+     * When node: rendered via TextOrChildren as-is; titleProps are not applied to the node.
+     */
+    title?: ReactNode;
+    /**
+     * Optional props passed to the Text component when title is a string (TextOrChildren textProps).
+     */
+    titleProps?: Partial<TextProps>;
+    /**
+     * Optional content to be displayed in the end section.
+     * Takes priority over endButtonIconProps if both are provided.
+     */
+    endAccessory?: ReactNode;
+    /**
+     * 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.
+     */
+    endButtonIconProps?: ButtonIconProps[];
+    /**
+     * Optional prop to include the top inset so the header is visible below the device safe area.
+     */
+    includesTopInset?: boolean;
+    /**
+     * Optional style for the header container.
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Optional test ID for the header container.
+     */
+    testID?: string;
+    /**
+     * Optional Tailwind class names for the header container.
+     */
+    twClassName?: string;
+};
+//# sourceMappingURL=HeaderRoot.types.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderRoot.types.d.cts","sourceRoot":"","sources":["../../../src/components/HeaderRoot/HeaderRoot.types.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,cAAc;AAClC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,8BAAqB;AAG/D,OAAO,KAAK,EAAE,eAAe,EAAE,gCAAsB;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AAEzC;;;;GAIG;AACH,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG;IACxC;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;;;;OAKG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAChC;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,eAAe,EAAE,CAAC;IACvC;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}

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

@@ -0,0 +1,60 @@
+import { ReactNode } from "react";
+import { ViewProps, StyleProp, ViewStyle } from "react-native/index.js";
+import type { ButtonIconProps } from "../ButtonIcon/index.mjs";
+import type { TextProps } from "../Text/index.mjs";
+/**
+ * HeaderRoot component props.
+ * Left section renders either children or a title row (mutually exclusive).
+ * End section matches HeaderBase (endAccessory or endButtonIconProps).
+ */
+export type HeaderRootProps = ViewProps & {
+    /**
+     * Optional custom content for the left section.
+     * When provided, title/titleAccessory are not rendered (mutually exclusive).
+     */
+    children?: ReactNode;
+    /**
+     * Optional content displayed after the title in the title row.
+     * Only used when children is not provided and title or titleAccessory is set.
+     */
+    titleAccessory?: ReactNode;
+    /**
+     * Optional main title. Can be a string or a React node.
+     * Only used when children is not provided.
+     * When string: rendered via TextOrChildren with TextVariant.HeadingLg; titleProps apply.
+     * When node: rendered via TextOrChildren as-is; titleProps are not applied to the node.
+     */
+    title?: ReactNode;
+    /**
+     * Optional props passed to the Text component when title is a string (TextOrChildren textProps).
+     */
+    titleProps?: Partial<TextProps>;
+    /**
+     * Optional content to be displayed in the end section.
+     * Takes priority over endButtonIconProps if both are provided.
+     */
+    endAccessory?: ReactNode;
+    /**
+     * 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.
+     */
+    endButtonIconProps?: ButtonIconProps[];
+    /**
+     * Optional prop to include the top inset so the header is visible below the device safe area.
+     */
+    includesTopInset?: boolean;
+    /**
+     * Optional style for the header container.
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Optional test ID for the header container.
+     */
+    testID?: string;
+    /**
+     * Optional Tailwind class names for the header container.
+     */
+    twClassName?: string;
+};
+//# sourceMappingURL=HeaderRoot.types.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderRoot.types.d.mts","sourceRoot":"","sources":["../../../src/components/HeaderRoot/HeaderRoot.types.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,cAAc;AAClC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,8BAAqB;AAG/D,OAAO,KAAK,EAAE,eAAe,EAAE,gCAAsB;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AAEzC;;;;GAIG;AACH,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG;IACxC;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;;;;OAKG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAChC;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,eAAe,EAAE,CAAC;IACvC;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}

package/dist/components/HeaderRoot/HeaderRoot.types.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderRoot.types.mjs","sourceRoot":"","sources":["../../../src/components/HeaderRoot/HeaderRoot.types.ts"],"names":[],"mappings":"","sourcesContent":["// Third party dependencies.\nimport { ReactNode } from 'react';\nimport { ViewProps, StyleProp, ViewStyle } from 'react-native';\n\n// External dependencies.\nimport type { ButtonIconProps } from '../ButtonIcon';\nimport type { TextProps } from '../Text';\n\n/**\n * HeaderRoot component props.\n * Left section renders either children or a title row (mutually exclusive).\n * End section matches HeaderBase (endAccessory or endButtonIconProps).\n */\nexport type HeaderRootProps = ViewProps & {\n  /**\n   * Optional custom content for the left section.\n   * When provided, title/titleAccessory are not rendered (mutually exclusive).\n   */\n  children?: ReactNode;\n  /**\n   * Optional content displayed after the title in the title row.\n   * Only used when children is not provided and title or titleAccessory is set.\n   */\n  titleAccessory?: ReactNode;\n  /**\n   * Optional main title. Can be a string or a React node.\n   * Only used when children is not provided.\n   * When string: rendered via TextOrChildren with TextVariant.HeadingLg; titleProps apply.\n   * When node: rendered via TextOrChildren as-is; titleProps are not applied to the node.\n   */\n  title?: ReactNode;\n  /**\n   * Optional props passed to the Text component when title is a string (TextOrChildren textProps).\n   */\n  titleProps?: Partial<TextProps>;\n  /**\n   * Optional content to be displayed in the end section.\n   * Takes priority over endButtonIconProps if both are provided.\n   */\n  endAccessory?: ReactNode;\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  endButtonIconProps?: ButtonIconProps[];\n  /**\n   * Optional prop to include the top inset so the header is visible below the device safe area.\n   */\n  includesTopInset?: boolean;\n  /**\n   * Optional style for the header container.\n   */\n  style?: StyleProp<ViewStyle>;\n  /**\n   * Optional test ID for the header container.\n   */\n  testID?: string;\n  /**\n   * Optional Tailwind class names for the header container.\n   */\n  twClassName?: string;\n};\n"]}

package/dist/components/HeaderRoot/index.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/HeaderRoot/index.ts"],"names":[],"mappings":";;;AAAA,+CAA0C;AAAjC,wGAAA,UAAU,OAAA","sourcesContent":["export { HeaderRoot } from './HeaderRoot';\nexport type { HeaderRootProps } from './HeaderRoot.types';\n"]}

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

@@ -0,0 +1,3 @@
+export { HeaderRoot } from "./HeaderRoot.cjs";
+export type { HeaderRootProps } from "./HeaderRoot.types.cjs";
+//# sourceMappingURL=index.d.cts.map

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

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

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

@@ -0,0 +1,3 @@
+export { HeaderRoot } from "./HeaderRoot.mjs";
+export type { HeaderRootProps } from "./HeaderRoot.types.mjs";
+//# sourceMappingURL=index.d.mts.map

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

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

package/dist/components/HeaderRoot/index.mjs

@@ -0,0 +1,2 @@
+export { HeaderRoot } from "./HeaderRoot.mjs";
+//# sourceMappingURL=index.mjs.map

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

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

package/dist/components/HeaderStandard/HeaderStandard.cjs

@@ -0,0 +1,101 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderStandard = void 0;
+// Third party dependencies.
+const react_1 = __importStar(require("react"));
+// External dependencies.
+const Box_1 = require("../Box/index.cjs");
+const BoxVertical_1 = require("../BoxVertical/index.cjs");
+const HeaderBase_1 = require("../HeaderBase/index.cjs");
+const Icon_1 = require("../Icon/index.cjs");
+const TextOrChildren_1 = require("../temp-components/TextOrChildren/index.cjs");
+const Text_1 = require("../Text/index.cjs");
+const HeaderStandard = ({ title, titleProps, subtitle, subtitleProps, children, onBack, backButtonProps, onClose, closeButtonProps, endButtonIconProps, startButtonIconProps, twClassName = '', testID, ...headerBaseProps }) => {
+    const resolvedStartButtonIconProps = (0, react_1.useMemo)(() => {
+        if (startButtonIconProps) {
+            return startButtonIconProps;
+        }
+        if (onBack || backButtonProps) {
+            const startProps = {
+                iconName: Icon_1.IconName.ArrowLeft,
+                ...(backButtonProps ?? {}),
+                onPress: backButtonProps?.onPress ?? onBack,
+            };
+            return startProps;
+        }
+        return undefined;
+    }, [onBack, backButtonProps, startButtonIconProps]);
+    const resolvedEndButtonIconProps = (0, react_1.useMemo)(() => {
+        const props = [];
+        if (onClose || closeButtonProps) {
+            const closeProps = {
+                iconName: Icon_1.IconName.Close,
+                ...(closeButtonProps || {}),
+                onPress: closeButtonProps?.onPress ?? onClose,
+            };
+            props.push(closeProps);
+        }
+        if (endButtonIconProps) {
+            props.push(...endButtonIconProps);
+        }
+        return props.length > 0 ? props : undefined;
+    }, [endButtonIconProps, onClose, closeButtonProps]);
+    const renderContent = () => {
+        if (children) {
+            return children;
+        }
+        if (title) {
+            let subtitleTextProps;
+            if (subtitle && typeof subtitle === 'string') {
+                const { twClassName: subtitleTwClassName, ...subtitleTextRest } = subtitleProps ?? {};
+                subtitleTextProps = {
+                    variant: Text_1.TextVariant.BodySm,
+                    color: Text_1.TextColor.TextAlternative,
+                    ...subtitleTextRest,
+                    twClassName: ['-mt-0.5', subtitleTwClassName]
+                        .filter(Boolean)
+                        .join(' '),
+                };
+            }
+            return (<BoxVertical_1.BoxVertical alignItems={Box_1.BoxAlignItems.Center} textProps={{
+                    variant: Text_1.TextVariant.BodyMd,
+                    fontWeight: Text_1.FontWeight.Bold,
+                    ...titleProps,
+                }} bottomAccessory={subtitle ? (<TextOrChildren_1.TextOrChildren textProps={subtitleTextProps}>
+                {subtitle}
+              </TextOrChildren_1.TextOrChildren>) : undefined}>
+          {title}
+        </BoxVertical_1.BoxVertical>);
+        }
+        return null;
+    };
+    return (<HeaderBase_1.HeaderBase testID={testID} startButtonIconProps={resolvedStartButtonIconProps} endButtonIconProps={resolvedEndButtonIconProps} {...headerBaseProps} twClassName={`px-2 ${twClassName}`}>
+      {renderContent()}
+    </HeaderBase_1.HeaderBase>);
+};
+exports.HeaderStandard = HeaderStandard;
+exports.HeaderStandard.displayName = 'HeaderStandard';
+//# sourceMappingURL=HeaderStandard.cjs.map

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

@@ -0,0 +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 { BoxVertical } from '../BoxVertical';\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        <BoxVertical\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        </BoxVertical>\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

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

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +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"}