@metamask-previews/design-system-react-native 0.18.0-preview.ba86146 → 0.19.0-preview.1679aa9

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

@@ -0,0 +1,38 @@
+import type { TagPropsShared } from "@metamask-previews/design-system-shared";
+import type { ViewProps, StyleProp, ViewStyle } from "react-native/index.js";
+import type { IconName, IconProps } from "../Icon/index.cjs";
+/**
+ * Tag component props (React Native platform-specific).
+ * Extends shared props from @metamask-previews/design-system-shared with React Native specific platform concerns.
+ */
+export type TagProps = TagPropsShared & {
+    /**
+     * Optional prop to specify an icon to show at the start of the tag (`IconSize.Xs` unless overridden in `startIconProps`).
+     */
+    startIconName?: IconName;
+    /**
+     * Optional prop to pass additional properties to the start icon. You may set `name` here instead of `startIconName`.
+     */
+    startIconProps?: Partial<IconProps>;
+    /**
+     * Optional prop to specify an icon to show at the end of the tag (`IconSize.Xs` unless overridden in `endIconProps`).
+     */
+    endIconName?: IconName;
+    /**
+     * Optional prop to pass additional properties to the end icon. You may set `name` here instead of `endIconName`.
+     */
+    endIconProps?: Partial<IconProps>;
+    /**
+     * Additional Tailwind classes to be applied to the Tag container.
+     */
+    twClassName?: string;
+    /**
+     * Test identifier for selecting the component in tests.
+     */
+    testID?: string;
+    /**
+     * Optional container styles.
+     */
+    style?: StyleProp<ViewStyle>;
+} & Omit<ViewProps, 'children' | 'style'>;
+//# sourceMappingURL=Tag.types.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.types.d.cts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,gDAAgD;AAC9E,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,8BAAqB;AAEpE,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,0BAAgB;AAEnD;;;GAGG;AACH,MAAM,MAAM,QAAQ,GAAG,cAAc,GAAG;IACtC;;OAEG;IACH,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IACpC;;OAEG;IACH,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAClC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,OAAO,CAAC,CAAC"}

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

@@ -0,0 +1,38 @@
+import type { TagPropsShared } from "@metamask-previews/design-system-shared";
+import type { ViewProps, StyleProp, ViewStyle } from "react-native/index.js";
+import type { IconName, IconProps } from "../Icon/index.mjs";
+/**
+ * Tag component props (React Native platform-specific).
+ * Extends shared props from @metamask-previews/design-system-shared with React Native specific platform concerns.
+ */
+export type TagProps = TagPropsShared & {
+    /**
+     * Optional prop to specify an icon to show at the start of the tag (`IconSize.Xs` unless overridden in `startIconProps`).
+     */
+    startIconName?: IconName;
+    /**
+     * Optional prop to pass additional properties to the start icon. You may set `name` here instead of `startIconName`.
+     */
+    startIconProps?: Partial<IconProps>;
+    /**
+     * Optional prop to specify an icon to show at the end of the tag (`IconSize.Xs` unless overridden in `endIconProps`).
+     */
+    endIconName?: IconName;
+    /**
+     * Optional prop to pass additional properties to the end icon. You may set `name` here instead of `endIconName`.
+     */
+    endIconProps?: Partial<IconProps>;
+    /**
+     * Additional Tailwind classes to be applied to the Tag container.
+     */
+    twClassName?: string;
+    /**
+     * Test identifier for selecting the component in tests.
+     */
+    testID?: string;
+    /**
+     * Optional container styles.
+     */
+    style?: StyleProp<ViewStyle>;
+} & Omit<ViewProps, 'children' | 'style'>;
+//# sourceMappingURL=Tag.types.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.types.d.mts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,gDAAgD;AAC9E,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,8BAAqB;AAEpE,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,0BAAgB;AAEnD;;;GAGG;AACH,MAAM,MAAM,QAAQ,GAAG,cAAc,GAAG;IACtC;;OAEG;IACH,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IACpC;;OAEG;IACH,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAClC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,OAAO,CAAC,CAAC"}

package/dist/components/Tag/Tag.types.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.types.mjs","sourceRoot":"","sources":["../../../src/components/Tag/Tag.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { TagPropsShared } from '@metamask-previews/design-system-shared';\nimport type { ViewProps, StyleProp, ViewStyle } from 'react-native';\n\nimport type { IconName, IconProps } from '../Icon';\n\n/**\n * Tag component props (React Native platform-specific).\n * Extends shared props from @metamask-previews/design-system-shared with React Native specific platform concerns.\n */\nexport type TagProps = TagPropsShared & {\n  /**\n   * Optional prop to specify an icon to show at the start of the tag (`IconSize.Xs` unless overridden in `startIconProps`).\n   */\n  startIconName?: IconName;\n  /**\n   * Optional prop to pass additional properties to the start icon. You may set `name` here instead of `startIconName`.\n   */\n  startIconProps?: Partial<IconProps>;\n  /**\n   * Optional prop to specify an icon to show at the end of the tag (`IconSize.Xs` unless overridden in `endIconProps`).\n   */\n  endIconName?: IconName;\n  /**\n   * Optional prop to pass additional properties to the end icon. You may set `name` here instead of `endIconName`.\n   */\n  endIconProps?: Partial<IconProps>;\n  /**\n   * Additional Tailwind classes to be applied to the Tag container.\n   */\n  twClassName?: string;\n  /**\n   * Test identifier for selecting the component in tests.\n   */\n  testID?: string;\n  /**\n   * Optional container styles.\n   */\n  style?: StyleProp<ViewStyle>;\n} & Omit<ViewProps, 'children' | 'style'>;\n"]}

package/dist/components/Tag/index.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TagSeverity = exports.Tag = void 0;
+var Tag_1 = require("./Tag.cjs");
+Object.defineProperty(exports, "Tag", { enumerable: true, get: function () { return Tag_1.Tag; } });
+var design_system_shared_1 = require("@metamask-previews/design-system-shared");
+Object.defineProperty(exports, "TagSeverity", { enumerable: true, get: function () { return design_system_shared_1.TagSeverity; } });
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/Tag/index.ts"],"names":[],"mappings":";;;AAAA,iCAA4B;AAAnB,0FAAA,GAAG,OAAA;AACZ,gFAAsE;AAA7D,mHAAA,WAAW,OAAA","sourcesContent":["export { Tag } from './Tag';\nexport { TagSeverity } from '@metamask-previews/design-system-shared';\nexport type { TagProps } from './Tag.types';\n"]}

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

@@ -0,0 +1,4 @@
+export { Tag } from "./Tag.cjs";
+export { TagSeverity } from "@metamask-previews/design-system-shared";
+export type { TagProps } from "./Tag.types.cjs";
+//# sourceMappingURL=index.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/Tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,kBAAc;AAC5B,OAAO,EAAE,WAAW,EAAE,gDAAgD;AACtE,YAAY,EAAE,QAAQ,EAAE,wBAAoB"}

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

@@ -0,0 +1,4 @@
+export { Tag } from "./Tag.mjs";
+export { TagSeverity } from "@metamask-previews/design-system-shared";
+export type { TagProps } from "./Tag.types.mjs";
+//# sourceMappingURL=index.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/Tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,kBAAc;AAC5B,OAAO,EAAE,WAAW,EAAE,gDAAgD;AACtE,YAAY,EAAE,QAAQ,EAAE,wBAAoB"}

package/dist/components/Tag/index.mjs

@@ -0,0 +1,3 @@
+export { Tag } from "./Tag.mjs";
+export { TagSeverity } from "@metamask-previews/design-system-shared";
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/Tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,kBAAc;AAC5B,OAAO,EAAE,WAAW,EAAE,gDAAgD","sourcesContent":["export { Tag } from './Tag';\nexport { TagSeverity } from '@metamask-previews/design-system-shared';\nexport type { TagProps } from './Tag.types';\n"]}

package/dist/components/TitleHub/TitleHub.cjs

@@ -0,0 +1,65 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TitleHub = void 0;
+const design_system_shared_1 = require("@metamask-previews/design-system-shared");
+const react_1 = __importDefault(require("react"));
+const Box_1 = require("../Box/index.cjs");
+const BoxRow_1 = require("../BoxRow/index.cjs");
+/**
+ * Displays a required title row with optional amount, inline accessories, and bottom rows in a left-aligned layout.
+ * Remaining `View` props are forwarded to the root `Box`.
+ *
+ * @param props - Component props
+ * @param props.title - Title row content (required)
+ * @param props.titleEndAccessory - Optional inline accessory to the right of `title`
+ * @param props.amount - Optional primary amount below the title
+ * @param props.amountEndAccessory - Optional inline accessory to the right of the amount
+ * @param props.bottomAccessory - Optional custom bottom row when `bottomLabel` is not renderable
+ * @param props.bottomLabel - Optional secondary label below the amount row; when renderable, shows the bottom label row
+ * @param props.bottomLabelEndAccessory - Optional inline accessory to the right of `bottomLabel` (ignored without a renderable `bottomLabel`)
+ * @param props.titleProps - Optional props merged into title row `Text` when `title` is a string
+ * @param props.amountProps - Optional props merged into amount `Text` when `amount` is a string
+ * @param props.bottomLabelProps - Optional props merged into bottom label `Text` when `bottomLabel` is a string
+ * @param props.titleWrapperProps - Optional props spread onto the title row `BoxRow`
+ * @param props.amountWrapperProps - Optional props spread onto the amount row `BoxRow`
+ * @param props.bottomLabelWrapperProps - Optional props spread onto the bottom label row `BoxRow`
+ * @param props.twClassName - Optional Tailwind classes on the root container
+ *
+ * @returns The rendered TitleHub layout.
+ */
+const TitleHub = ({ amount, amountEndAccessory, title, titleEndAccessory, bottomAccessory, bottomLabel, bottomLabelEndAccessory, amountProps, titleProps, bottomLabelProps, titleWrapperProps, amountWrapperProps, bottomLabelWrapperProps, twClassName = '', ...props }) => {
+    return (<Box_1.Box gap={1} twClassName={twClassName} {...props}>
+      {/* Title Row */}
+      {title && (<BoxRow_1.BoxRow {...titleWrapperProps} endAccessory={titleEndAccessory} textProps={{
+                variant: design_system_shared_1.TextVariant.HeadingMd,
+                color: design_system_shared_1.TextColor.TextDefault,
+                ...titleProps,
+            }}>
+          {title}
+        </BoxRow_1.BoxRow>)}
+      {/* Amount Row */}
+      {amount && (<BoxRow_1.BoxRow {...amountWrapperProps} endAccessory={amountEndAccessory} textProps={{
+                variant: design_system_shared_1.TextVariant.DisplayLg,
+                ...amountProps,
+            }}>
+          {amount}
+        </BoxRow_1.BoxRow>)}
+      {/* Bottom Label Row */}
+      {bottomLabel && (<BoxRow_1.BoxRow {...bottomLabelWrapperProps} endAccessory={bottomLabelEndAccessory} textProps={{
+                variant: design_system_shared_1.TextVariant.BodySm,
+                fontWeight: design_system_shared_1.FontWeight.Medium,
+                color: design_system_shared_1.TextColor.TextAlternative,
+                ...bottomLabelProps,
+            }}>
+          {bottomLabel}
+        </BoxRow_1.BoxRow>)}
+      {/* Bottom Accessory Slot */}
+      {!bottomLabel && bottomAccessory}
+    </Box_1.Box>);
+};
+exports.TitleHub = TitleHub;
+exports.TitleHub.displayName = 'TitleHub';
+//# sourceMappingURL=TitleHub.cjs.map

package/dist/components/TitleHub/TitleHub.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TitleHub.cjs","sourceRoot":"","sources":["../../../src/components/TitleHub/TitleHub.tsx"],"names":[],"mappings":";;;;;;AAAA,kFAIiD;AACjD,kDAA0B;AAE1B,0CAA6B;AAC7B,gDAAmC;AAInC;;;;;;;;;;;;;;;;;;;;;GAqBG;AACI,MAAM,QAAQ,GAA4B,CAAC,EAChD,MAAM,EACN,kBAAkB,EAClB,KAAK,EACL,iBAAiB,EACjB,eAAe,EACf,WAAW,EACX,uBAAuB,EACvB,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,uBAAuB,EACvB,WAAW,GAAG,EAAE,EAChB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,CAAC,SAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,CAAC,IAAI,KAAK,CAAC,CAC/C;MAAA,CAAC,eAAe,CAChB;MAAA,CAAC,KAAK,IAAI,CACR,CAAC,eAAM,CACL,IAAI,iBAAiB,CAAC,CACtB,YAAY,CAAC,CAAC,iBAAiB,CAAC,CAChC,SAAS,CAAC,CAAC;gBACT,OAAO,EAAE,kCAAW,CAAC,SAAS;gBAC9B,KAAK,EAAE,gCAAS,CAAC,WAAW;gBAC5B,GAAG,UAAU;aACd,CAAC,CAEF;UAAA,CAAC,KAAK,CACR;QAAA,EAAE,eAAM,CAAC,CACV,CACD;MAAA,CAAC,gBAAgB,CACjB;MAAA,CAAC,MAAM,IAAI,CACT,CAAC,eAAM,CACL,IAAI,kBAAkB,CAAC,CACvB,YAAY,CAAC,CAAC,kBAAkB,CAAC,CACjC,SAAS,CAAC,CAAC;gBACT,OAAO,EAAE,kCAAW,CAAC,SAAS;gBAC9B,GAAG,WAAW;aACf,CAAC,CAEF;UAAA,CAAC,MAAM,CACT;QAAA,EAAE,eAAM,CAAC,CACV,CACD;MAAA,CAAC,sBAAsB,CACvB;MAAA,CAAC,WAAW,IAAI,CACd,CAAC,eAAM,CACL,IAAI,uBAAuB,CAAC,CAC5B,YAAY,CAAC,CAAC,uBAAuB,CAAC,CACtC,SAAS,CAAC,CAAC;gBACT,OAAO,EAAE,kCAAW,CAAC,MAAM;gBAC3B,UAAU,EAAE,iCAAU,CAAC,MAAM;gBAC7B,KAAK,EAAE,gCAAS,CAAC,eAAe;gBAChC,GAAG,gBAAgB;aACpB,CAAC,CAEF;UAAA,CAAC,WAAW,CACd;QAAA,EAAE,eAAM,CAAC,CACV,CACD;MAAA,CAAC,2BAA2B,CAC5B;MAAA,CAAC,CAAC,WAAW,IAAI,eAAe,CAClC;IAAA,EAAE,SAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAjEW,QAAA,QAAQ,YAiEnB;AAEF,gBAAQ,CAAC,WAAW,GAAG,UAAU,CAAC","sourcesContent":["import {\n  FontWeight,\n  TextColor,\n  TextVariant,\n} from '@metamask-previews/design-system-shared';\nimport React from 'react';\n\nimport { Box } from '../Box';\nimport { BoxRow } from '../BoxRow';\n\nimport type { TitleHubProps } from './TitleHub.types';\n\n/**\n * Displays a required title row with optional amount, inline accessories, and bottom rows in a left-aligned layout.\n * Remaining `View` props are forwarded to the root `Box`.\n *\n * @param props - Component props\n * @param props.title - Title row content (required)\n * @param props.titleEndAccessory - Optional inline accessory to the right of `title`\n * @param props.amount - Optional primary amount below the title\n * @param props.amountEndAccessory - Optional inline accessory to the right of the amount\n * @param props.bottomAccessory - Optional custom bottom row when `bottomLabel` is not renderable\n * @param props.bottomLabel - Optional secondary label below the amount row; when renderable, shows the bottom label row\n * @param props.bottomLabelEndAccessory - Optional inline accessory to the right of `bottomLabel` (ignored without a renderable `bottomLabel`)\n * @param props.titleProps - Optional props merged into title row `Text` when `title` is a string\n * @param props.amountProps - Optional props merged into amount `Text` when `amount` is a string\n * @param props.bottomLabelProps - Optional props merged into bottom label `Text` when `bottomLabel` is a string\n * @param props.titleWrapperProps - Optional props spread onto the title row `BoxRow`\n * @param props.amountWrapperProps - Optional props spread onto the amount row `BoxRow`\n * @param props.bottomLabelWrapperProps - Optional props spread onto the bottom label row `BoxRow`\n * @param props.twClassName - Optional Tailwind classes on the root container\n *\n * @returns The rendered TitleHub layout.\n */\nexport const TitleHub: React.FC<TitleHubProps> = ({\n  amount,\n  amountEndAccessory,\n  title,\n  titleEndAccessory,\n  bottomAccessory,\n  bottomLabel,\n  bottomLabelEndAccessory,\n  amountProps,\n  titleProps,\n  bottomLabelProps,\n  titleWrapperProps,\n  amountWrapperProps,\n  bottomLabelWrapperProps,\n  twClassName = '',\n  ...props\n}) => {\n  return (\n    <Box gap={1} twClassName={twClassName} {...props}>\n      {/* Title Row */}\n      {title && (\n        <BoxRow\n          {...titleWrapperProps}\n          endAccessory={titleEndAccessory}\n          textProps={{\n            variant: TextVariant.HeadingMd,\n            color: TextColor.TextDefault,\n            ...titleProps,\n          }}\n        >\n          {title}\n        </BoxRow>\n      )}\n      {/* Amount Row */}\n      {amount && (\n        <BoxRow\n          {...amountWrapperProps}\n          endAccessory={amountEndAccessory}\n          textProps={{\n            variant: TextVariant.DisplayLg,\n            ...amountProps,\n          }}\n        >\n          {amount}\n        </BoxRow>\n      )}\n      {/* Bottom Label Row */}\n      {bottomLabel && (\n        <BoxRow\n          {...bottomLabelWrapperProps}\n          endAccessory={bottomLabelEndAccessory}\n          textProps={{\n            variant: TextVariant.BodySm,\n            fontWeight: FontWeight.Medium,\n            color: TextColor.TextAlternative,\n            ...bottomLabelProps,\n          }}\n        >\n          {bottomLabel}\n        </BoxRow>\n      )}\n      {/* Bottom Accessory Slot */}\n      {!bottomLabel && bottomAccessory}\n    </Box>\n  );\n};\n\nTitleHub.displayName = 'TitleHub';\n"]}

package/dist/components/TitleHub/TitleHub.d.cts

@@ -0,0 +1,26 @@
+import React from "react";
+import type { TitleHubProps } from "./TitleHub.types.cjs";
+/**
+ * Displays a required title row with optional amount, inline accessories, and bottom rows in a left-aligned layout.
+ * Remaining `View` props are forwarded to the root `Box`.
+ *
+ * @param props - Component props
+ * @param props.title - Title row content (required)
+ * @param props.titleEndAccessory - Optional inline accessory to the right of `title`
+ * @param props.amount - Optional primary amount below the title
+ * @param props.amountEndAccessory - Optional inline accessory to the right of the amount
+ * @param props.bottomAccessory - Optional custom bottom row when `bottomLabel` is not renderable
+ * @param props.bottomLabel - Optional secondary label below the amount row; when renderable, shows the bottom label row
+ * @param props.bottomLabelEndAccessory - Optional inline accessory to the right of `bottomLabel` (ignored without a renderable `bottomLabel`)
+ * @param props.titleProps - Optional props merged into title row `Text` when `title` is a string
+ * @param props.amountProps - Optional props merged into amount `Text` when `amount` is a string
+ * @param props.bottomLabelProps - Optional props merged into bottom label `Text` when `bottomLabel` is a string
+ * @param props.titleWrapperProps - Optional props spread onto the title row `BoxRow`
+ * @param props.amountWrapperProps - Optional props spread onto the amount row `BoxRow`
+ * @param props.bottomLabelWrapperProps - Optional props spread onto the bottom label row `BoxRow`
+ * @param props.twClassName - Optional Tailwind classes on the root container
+ *
+ * @returns The rendered TitleHub layout.
+ */
+export declare const TitleHub: React.FC<TitleHubProps>;
+//# sourceMappingURL=TitleHub.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TitleHub.d.cts","sourceRoot":"","sources":["../../../src/components/TitleHub/TitleHub.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,cAAc;AAK1B,OAAO,KAAK,EAAE,aAAa,EAAE,6BAAyB;AAEtD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAiE5C,CAAC"}

package/dist/components/TitleHub/TitleHub.d.mts

@@ -0,0 +1,26 @@
+import React from "react";
+import type { TitleHubProps } from "./TitleHub.types.mjs";
+/**
+ * Displays a required title row with optional amount, inline accessories, and bottom rows in a left-aligned layout.
+ * Remaining `View` props are forwarded to the root `Box`.
+ *
+ * @param props - Component props
+ * @param props.title - Title row content (required)
+ * @param props.titleEndAccessory - Optional inline accessory to the right of `title`
+ * @param props.amount - Optional primary amount below the title
+ * @param props.amountEndAccessory - Optional inline accessory to the right of the amount
+ * @param props.bottomAccessory - Optional custom bottom row when `bottomLabel` is not renderable
+ * @param props.bottomLabel - Optional secondary label below the amount row; when renderable, shows the bottom label row
+ * @param props.bottomLabelEndAccessory - Optional inline accessory to the right of `bottomLabel` (ignored without a renderable `bottomLabel`)
+ * @param props.titleProps - Optional props merged into title row `Text` when `title` is a string
+ * @param props.amountProps - Optional props merged into amount `Text` when `amount` is a string
+ * @param props.bottomLabelProps - Optional props merged into bottom label `Text` when `bottomLabel` is a string
+ * @param props.titleWrapperProps - Optional props spread onto the title row `BoxRow`
+ * @param props.amountWrapperProps - Optional props spread onto the amount row `BoxRow`
+ * @param props.bottomLabelWrapperProps - Optional props spread onto the bottom label row `BoxRow`
+ * @param props.twClassName - Optional Tailwind classes on the root container
+ *
+ * @returns The rendered TitleHub layout.
+ */
+export declare const TitleHub: React.FC<TitleHubProps>;
+//# sourceMappingURL=TitleHub.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TitleHub.d.mts","sourceRoot":"","sources":["../../../src/components/TitleHub/TitleHub.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,cAAc;AAK1B,OAAO,KAAK,EAAE,aAAa,EAAE,6BAAyB;AAEtD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAiE5C,CAAC"}

package/dist/components/TitleHub/TitleHub.mjs

@@ -0,0 +1,65 @@
+function $importDefault(module) {
+    if (module?.__esModule) {
+        return module.default;
+    }
+    return module;
+}
+import { FontWeight, TextColor, TextVariant } from "@metamask-previews/design-system-shared";
+import $React from "react";
+const React = $importDefault($React);
+import { Box } from "../Box/index.mjs";
+import { BoxRow } from "../BoxRow/index.mjs";
+/**
+ * Displays a required title row with optional amount, inline accessories, and bottom rows in a left-aligned layout.
+ * Remaining `View` props are forwarded to the root `Box`.
+ *
+ * @param props - Component props
+ * @param props.title - Title row content (required)
+ * @param props.titleEndAccessory - Optional inline accessory to the right of `title`
+ * @param props.amount - Optional primary amount below the title
+ * @param props.amountEndAccessory - Optional inline accessory to the right of the amount
+ * @param props.bottomAccessory - Optional custom bottom row when `bottomLabel` is not renderable
+ * @param props.bottomLabel - Optional secondary label below the amount row; when renderable, shows the bottom label row
+ * @param props.bottomLabelEndAccessory - Optional inline accessory to the right of `bottomLabel` (ignored without a renderable `bottomLabel`)
+ * @param props.titleProps - Optional props merged into title row `Text` when `title` is a string
+ * @param props.amountProps - Optional props merged into amount `Text` when `amount` is a string
+ * @param props.bottomLabelProps - Optional props merged into bottom label `Text` when `bottomLabel` is a string
+ * @param props.titleWrapperProps - Optional props spread onto the title row `BoxRow`
+ * @param props.amountWrapperProps - Optional props spread onto the amount row `BoxRow`
+ * @param props.bottomLabelWrapperProps - Optional props spread onto the bottom label row `BoxRow`
+ * @param props.twClassName - Optional Tailwind classes on the root container
+ *
+ * @returns The rendered TitleHub layout.
+ */
+export const TitleHub = ({ amount, amountEndAccessory, title, titleEndAccessory, bottomAccessory, bottomLabel, bottomLabelEndAccessory, amountProps, titleProps, bottomLabelProps, titleWrapperProps, amountWrapperProps, bottomLabelWrapperProps, twClassName = '', ...props }) => {
+    return (<Box gap={1} twClassName={twClassName} {...props}>
+      {/* Title Row */}
+      {title && (<BoxRow {...titleWrapperProps} endAccessory={titleEndAccessory} textProps={{
+                variant: TextVariant.HeadingMd,
+                color: TextColor.TextDefault,
+                ...titleProps,
+            }}>
+          {title}
+        </BoxRow>)}
+      {/* Amount Row */}
+      {amount && (<BoxRow {...amountWrapperProps} endAccessory={amountEndAccessory} textProps={{
+                variant: TextVariant.DisplayLg,
+                ...amountProps,
+            }}>
+          {amount}
+        </BoxRow>)}
+      {/* Bottom Label Row */}
+      {bottomLabel && (<BoxRow {...bottomLabelWrapperProps} endAccessory={bottomLabelEndAccessory} textProps={{
+                variant: TextVariant.BodySm,
+                fontWeight: FontWeight.Medium,
+                color: TextColor.TextAlternative,
+                ...bottomLabelProps,
+            }}>
+          {bottomLabel}
+        </BoxRow>)}
+      {/* Bottom Accessory Slot */}
+      {!bottomLabel && bottomAccessory}
+    </Box>);
+};
+TitleHub.displayName = 'TitleHub';
+//# sourceMappingURL=TitleHub.mjs.map

package/dist/components/TitleHub/TitleHub.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TitleHub.mjs","sourceRoot":"","sources":["../../../src/components/TitleHub/TitleHub.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EACL,UAAU,EACV,SAAS,EACT,WAAW,EACZ,gDAAgD;AACjD,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,GAAG,EAAE,yBAAe;AAC7B,OAAO,EAAE,MAAM,EAAE,4BAAkB;AAInC;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAChD,MAAM,EACN,kBAAkB,EAClB,KAAK,EACL,iBAAiB,EACjB,eAAe,EACf,WAAW,EACX,uBAAuB,EACvB,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,uBAAuB,EACvB,WAAW,GAAG,EAAE,EAChB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,CAAC,IAAI,KAAK,CAAC,CAC/C;MAAA,CAAC,eAAe,CAChB;MAAA,CAAC,KAAK,IAAI,CACR,CAAC,MAAM,CACL,IAAI,iBAAiB,CAAC,CACtB,YAAY,CAAC,CAAC,iBAAiB,CAAC,CAChC,SAAS,CAAC,CAAC;gBACT,OAAO,EAAE,WAAW,CAAC,SAAS;gBAC9B,KAAK,EAAE,SAAS,CAAC,WAAW;gBAC5B,GAAG,UAAU;aACd,CAAC,CAEF;UAAA,CAAC,KAAK,CACR;QAAA,EAAE,MAAM,CAAC,CACV,CACD;MAAA,CAAC,gBAAgB,CACjB;MAAA,CAAC,MAAM,IAAI,CACT,CAAC,MAAM,CACL,IAAI,kBAAkB,CAAC,CACvB,YAAY,CAAC,CAAC,kBAAkB,CAAC,CACjC,SAAS,CAAC,CAAC;gBACT,OAAO,EAAE,WAAW,CAAC,SAAS;gBAC9B,GAAG,WAAW;aACf,CAAC,CAEF;UAAA,CAAC,MAAM,CACT;QAAA,EAAE,MAAM,CAAC,CACV,CACD;MAAA,CAAC,sBAAsB,CACvB;MAAA,CAAC,WAAW,IAAI,CACd,CAAC,MAAM,CACL,IAAI,uBAAuB,CAAC,CAC5B,YAAY,CAAC,CAAC,uBAAuB,CAAC,CACtC,SAAS,CAAC,CAAC;gBACT,OAAO,EAAE,WAAW,CAAC,MAAM;gBAC3B,UAAU,EAAE,UAAU,CAAC,MAAM;gBAC7B,KAAK,EAAE,SAAS,CAAC,eAAe;gBAChC,GAAG,gBAAgB;aACpB,CAAC,CAEF;UAAA,CAAC,WAAW,CACd;QAAA,EAAE,MAAM,CAAC,CACV,CACD;MAAA,CAAC,2BAA2B,CAC5B;MAAA,CAAC,CAAC,WAAW,IAAI,eAAe,CAClC;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC","sourcesContent":["import {\n  FontWeight,\n  TextColor,\n  TextVariant,\n} from '@metamask-previews/design-system-shared';\nimport React from 'react';\n\nimport { Box } from '../Box';\nimport { BoxRow } from '../BoxRow';\n\nimport type { TitleHubProps } from './TitleHub.types';\n\n/**\n * Displays a required title row with optional amount, inline accessories, and bottom rows in a left-aligned layout.\n * Remaining `View` props are forwarded to the root `Box`.\n *\n * @param props - Component props\n * @param props.title - Title row content (required)\n * @param props.titleEndAccessory - Optional inline accessory to the right of `title`\n * @param props.amount - Optional primary amount below the title\n * @param props.amountEndAccessory - Optional inline accessory to the right of the amount\n * @param props.bottomAccessory - Optional custom bottom row when `bottomLabel` is not renderable\n * @param props.bottomLabel - Optional secondary label below the amount row; when renderable, shows the bottom label row\n * @param props.bottomLabelEndAccessory - Optional inline accessory to the right of `bottomLabel` (ignored without a renderable `bottomLabel`)\n * @param props.titleProps - Optional props merged into title row `Text` when `title` is a string\n * @param props.amountProps - Optional props merged into amount `Text` when `amount` is a string\n * @param props.bottomLabelProps - Optional props merged into bottom label `Text` when `bottomLabel` is a string\n * @param props.titleWrapperProps - Optional props spread onto the title row `BoxRow`\n * @param props.amountWrapperProps - Optional props spread onto the amount row `BoxRow`\n * @param props.bottomLabelWrapperProps - Optional props spread onto the bottom label row `BoxRow`\n * @param props.twClassName - Optional Tailwind classes on the root container\n *\n * @returns The rendered TitleHub layout.\n */\nexport const TitleHub: React.FC<TitleHubProps> = ({\n  amount,\n  amountEndAccessory,\n  title,\n  titleEndAccessory,\n  bottomAccessory,\n  bottomLabel,\n  bottomLabelEndAccessory,\n  amountProps,\n  titleProps,\n  bottomLabelProps,\n  titleWrapperProps,\n  amountWrapperProps,\n  bottomLabelWrapperProps,\n  twClassName = '',\n  ...props\n}) => {\n  return (\n    <Box gap={1} twClassName={twClassName} {...props}>\n      {/* Title Row */}\n      {title && (\n        <BoxRow\n          {...titleWrapperProps}\n          endAccessory={titleEndAccessory}\n          textProps={{\n            variant: TextVariant.HeadingMd,\n            color: TextColor.TextDefault,\n            ...titleProps,\n          }}\n        >\n          {title}\n        </BoxRow>\n      )}\n      {/* Amount Row */}\n      {amount && (\n        <BoxRow\n          {...amountWrapperProps}\n          endAccessory={amountEndAccessory}\n          textProps={{\n            variant: TextVariant.DisplayLg,\n            ...amountProps,\n          }}\n        >\n          {amount}\n        </BoxRow>\n      )}\n      {/* Bottom Label Row */}\n      {bottomLabel && (\n        <BoxRow\n          {...bottomLabelWrapperProps}\n          endAccessory={bottomLabelEndAccessory}\n          textProps={{\n            variant: TextVariant.BodySm,\n            fontWeight: FontWeight.Medium,\n            color: TextColor.TextAlternative,\n            ...bottomLabelProps,\n          }}\n        >\n          {bottomLabel}\n        </BoxRow>\n      )}\n      {/* Bottom Accessory Slot */}\n      {!bottomLabel && bottomAccessory}\n    </Box>\n  );\n};\n\nTitleHub.displayName = 'TitleHub';\n"]}

package/dist/components/TitleHub/TitleHub.types.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TitleHub.types.cjs","sourceRoot":"","sources":["../../../src/components/TitleHub/TitleHub.types.ts"],"names":[],"mappings":"","sourcesContent":["// Third party dependencies.\nimport type { TitleHubPropsShared } from '@metamask-previews/design-system-shared';\nimport type { ViewProps } from 'react-native';\n\n// Internal dependencies.\nimport type { BoxRowProps } from '../BoxRow/BoxRow.types';\nimport type { TextProps } from '../Text/Text.types';\n\n/**\n * TitleHub component props (React Native).\n * Extends {@link TitleHubPropsShared} (requires `title`) with platform `Text` passthroughs, `twClassName`, and `View` props.\n */\nexport type TitleHubProps = TitleHubPropsShared & {\n  /**\n   * Optional props merged into {@link BoxRow} `textProps` when `title` is a string.\n   */\n  titleProps?: Omit<Partial<TextProps>, 'children'>;\n  /**\n   * Optional props spread onto the title row {@link BoxRow}. Omits `children`, `endAccessory`, and `textProps` (TitleHub sets those via `title`, `titleEndAccessory`, and `titleProps`).\n   */\n  titleWrapperProps?: Omit<\n    Partial<BoxRowProps>,\n    'children' | 'endAccessory' | 'textProps'\n  >;\n  /**\n   * Optional props merged into {@link BoxRow} `textProps` when `amount` is a string.\n   */\n  amountProps?: Omit<Partial<TextProps>, 'children'>;\n  /**\n   * Optional props spread onto the amount row {@link BoxRow}. Omits `children`, `endAccessory`, and `textProps` (TitleHub sets those via `amount`, `amountEndAccessory`, and `amountProps`).\n   */\n  amountWrapperProps?: Omit<\n    Partial<BoxRowProps>,\n    'children' | 'endAccessory' | 'textProps'\n  >;\n  /**\n   * Optional props merged into {@link BoxRow} `textProps` when `bottomLabel` is a string.\n   */\n  bottomLabelProps?: Omit<Partial<TextProps>, 'children'>;\n  /**\n   * Optional props spread onto the bottom label row {@link BoxRow}. Omits `children`, `endAccessory`, and `textProps` (TitleHub sets those via `bottomLabel`, `bottomLabelEndAccessory`, and `bottomLabelProps`).\n   */\n  bottomLabelWrapperProps?: Omit<\n    Partial<BoxRowProps>,\n    'children' | 'endAccessory' | 'textProps'\n  >;\n  /**\n   * Optional Tailwind class name to apply to the container.\n   */\n  twClassName?: string;\n} & Omit<ViewProps, 'children'>;\n"]}

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

@@ -0,0 +1,39 @@
+import type { TitleHubPropsShared } from "@metamask-previews/design-system-shared";
+import type { ViewProps } from "react-native/index.js";
+import type { BoxRowProps } from "../BoxRow/BoxRow.types.cjs";
+import type { TextProps } from "../Text/Text.types.cjs";
+/**
+ * TitleHub component props (React Native).
+ * Extends {@link TitleHubPropsShared} (requires `title`) with platform `Text` passthroughs, `twClassName`, and `View` props.
+ */
+export type TitleHubProps = TitleHubPropsShared & {
+    /**
+     * Optional props merged into {@link BoxRow} `textProps` when `title` is a string.
+     */
+    titleProps?: Omit<Partial<TextProps>, 'children'>;
+    /**
+     * Optional props spread onto the title row {@link BoxRow}. Omits `children`, `endAccessory`, and `textProps` (TitleHub sets those via `title`, `titleEndAccessory`, and `titleProps`).
+     */
+    titleWrapperProps?: Omit<Partial<BoxRowProps>, 'children' | 'endAccessory' | 'textProps'>;
+    /**
+     * Optional props merged into {@link BoxRow} `textProps` when `amount` is a string.
+     */
+    amountProps?: Omit<Partial<TextProps>, 'children'>;
+    /**
+     * Optional props spread onto the amount row {@link BoxRow}. Omits `children`, `endAccessory`, and `textProps` (TitleHub sets those via `amount`, `amountEndAccessory`, and `amountProps`).
+     */
+    amountWrapperProps?: Omit<Partial<BoxRowProps>, 'children' | 'endAccessory' | 'textProps'>;
+    /**
+     * Optional props merged into {@link BoxRow} `textProps` when `bottomLabel` is a string.
+     */
+    bottomLabelProps?: Omit<Partial<TextProps>, 'children'>;
+    /**
+     * Optional props spread onto the bottom label row {@link BoxRow}. Omits `children`, `endAccessory`, and `textProps` (TitleHub sets those via `bottomLabel`, `bottomLabelEndAccessory`, and `bottomLabelProps`).
+     */
+    bottomLabelWrapperProps?: Omit<Partial<BoxRowProps>, 'children' | 'endAccessory' | 'textProps'>;
+    /**
+     * Optional Tailwind class name to apply to the container.
+     */
+    twClassName?: string;
+} & Omit<ViewProps, 'children'>;
+//# sourceMappingURL=TitleHub.types.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TitleHub.types.d.cts","sourceRoot":"","sources":["../../../src/components/TitleHub/TitleHub.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,gDAAgD;AACnF,OAAO,KAAK,EAAE,SAAS,EAAE,8BAAqB;AAG9C,OAAO,KAAK,EAAE,WAAW,EAAE,mCAA+B;AAC1D,OAAO,KAAK,EAAE,SAAS,EAAE,+BAA2B;AAEpD;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG;IAChD;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;IAClD;;OAEG;IACH,iBAAiB,CAAC,EAAE,IAAI,CACtB,OAAO,CAAC,WAAW,CAAC,EACpB,UAAU,GAAG,cAAc,GAAG,WAAW,CAC1C,CAAC;IACF;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;IACnD;;OAEG;IACH,kBAAkB,CAAC,EAAE,IAAI,CACvB,OAAO,CAAC,WAAW,CAAC,EACpB,UAAU,GAAG,cAAc,GAAG,WAAW,CAC1C,CAAC;IACF;;OAEG;IACH,gBAAgB,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;IACxD;;OAEG;IACH,uBAAuB,CAAC,EAAE,IAAI,CAC5B,OAAO,CAAC,WAAW,CAAC,EACpB,UAAU,GAAG,cAAc,GAAG,WAAW,CAC1C,CAAC;IACF;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC"}

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

@@ -0,0 +1,39 @@
+import type { TitleHubPropsShared } from "@metamask-previews/design-system-shared";
+import type { ViewProps } from "react-native/index.js";
+import type { BoxRowProps } from "../BoxRow/BoxRow.types.mjs";
+import type { TextProps } from "../Text/Text.types.mjs";
+/**
+ * TitleHub component props (React Native).
+ * Extends {@link TitleHubPropsShared} (requires `title`) with platform `Text` passthroughs, `twClassName`, and `View` props.
+ */
+export type TitleHubProps = TitleHubPropsShared & {
+    /**
+     * Optional props merged into {@link BoxRow} `textProps` when `title` is a string.
+     */
+    titleProps?: Omit<Partial<TextProps>, 'children'>;
+    /**
+     * Optional props spread onto the title row {@link BoxRow}. Omits `children`, `endAccessory`, and `textProps` (TitleHub sets those via `title`, `titleEndAccessory`, and `titleProps`).
+     */
+    titleWrapperProps?: Omit<Partial<BoxRowProps>, 'children' | 'endAccessory' | 'textProps'>;
+    /**
+     * Optional props merged into {@link BoxRow} `textProps` when `amount` is a string.
+     */
+    amountProps?: Omit<Partial<TextProps>, 'children'>;
+    /**
+     * Optional props spread onto the amount row {@link BoxRow}. Omits `children`, `endAccessory`, and `textProps` (TitleHub sets those via `amount`, `amountEndAccessory`, and `amountProps`).
+     */
+    amountWrapperProps?: Omit<Partial<BoxRowProps>, 'children' | 'endAccessory' | 'textProps'>;
+    /**
+     * Optional props merged into {@link BoxRow} `textProps` when `bottomLabel` is a string.
+     */
+    bottomLabelProps?: Omit<Partial<TextProps>, 'children'>;
+    /**
+     * Optional props spread onto the bottom label row {@link BoxRow}. Omits `children`, `endAccessory`, and `textProps` (TitleHub sets those via `bottomLabel`, `bottomLabelEndAccessory`, and `bottomLabelProps`).
+     */
+    bottomLabelWrapperProps?: Omit<Partial<BoxRowProps>, 'children' | 'endAccessory' | 'textProps'>;
+    /**
+     * Optional Tailwind class name to apply to the container.
+     */
+    twClassName?: string;
+} & Omit<ViewProps, 'children'>;
+//# sourceMappingURL=TitleHub.types.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TitleHub.types.d.mts","sourceRoot":"","sources":["../../../src/components/TitleHub/TitleHub.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,gDAAgD;AACnF,OAAO,KAAK,EAAE,SAAS,EAAE,8BAAqB;AAG9C,OAAO,KAAK,EAAE,WAAW,EAAE,mCAA+B;AAC1D,OAAO,KAAK,EAAE,SAAS,EAAE,+BAA2B;AAEpD;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG;IAChD;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;IAClD;;OAEG;IACH,iBAAiB,CAAC,EAAE,IAAI,CACtB,OAAO,CAAC,WAAW,CAAC,EACpB,UAAU,GAAG,cAAc,GAAG,WAAW,CAC1C,CAAC;IACF;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;IACnD;;OAEG;IACH,kBAAkB,CAAC,EAAE,IAAI,CACvB,OAAO,CAAC,WAAW,CAAC,EACpB,UAAU,GAAG,cAAc,GAAG,WAAW,CAC1C,CAAC;IACF;;OAEG;IACH,gBAAgB,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;IACxD;;OAEG;IACH,uBAAuB,CAAC,EAAE,IAAI,CAC5B,OAAO,CAAC,WAAW,CAAC,EACpB,UAAU,GAAG,cAAc,GAAG,WAAW,CAC1C,CAAC;IACF;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC"}

package/dist/components/TitleHub/TitleHub.types.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TitleHub.types.mjs","sourceRoot":"","sources":["../../../src/components/TitleHub/TitleHub.types.ts"],"names":[],"mappings":"","sourcesContent":["// Third party dependencies.\nimport type { TitleHubPropsShared } from '@metamask-previews/design-system-shared';\nimport type { ViewProps } from 'react-native';\n\n// Internal dependencies.\nimport type { BoxRowProps } from '../BoxRow/BoxRow.types';\nimport type { TextProps } from '../Text/Text.types';\n\n/**\n * TitleHub component props (React Native).\n * Extends {@link TitleHubPropsShared} (requires `title`) with platform `Text` passthroughs, `twClassName`, and `View` props.\n */\nexport type TitleHubProps = TitleHubPropsShared & {\n  /**\n   * Optional props merged into {@link BoxRow} `textProps` when `title` is a string.\n   */\n  titleProps?: Omit<Partial<TextProps>, 'children'>;\n  /**\n   * Optional props spread onto the title row {@link BoxRow}. Omits `children`, `endAccessory`, and `textProps` (TitleHub sets those via `title`, `titleEndAccessory`, and `titleProps`).\n   */\n  titleWrapperProps?: Omit<\n    Partial<BoxRowProps>,\n    'children' | 'endAccessory' | 'textProps'\n  >;\n  /**\n   * Optional props merged into {@link BoxRow} `textProps` when `amount` is a string.\n   */\n  amountProps?: Omit<Partial<TextProps>, 'children'>;\n  /**\n   * Optional props spread onto the amount row {@link BoxRow}. Omits `children`, `endAccessory`, and `textProps` (TitleHub sets those via `amount`, `amountEndAccessory`, and `amountProps`).\n   */\n  amountWrapperProps?: Omit<\n    Partial<BoxRowProps>,\n    'children' | 'endAccessory' | 'textProps'\n  >;\n  /**\n   * Optional props merged into {@link BoxRow} `textProps` when `bottomLabel` is a string.\n   */\n  bottomLabelProps?: Omit<Partial<TextProps>, 'children'>;\n  /**\n   * Optional props spread onto the bottom label row {@link BoxRow}. Omits `children`, `endAccessory`, and `textProps` (TitleHub sets those via `bottomLabel`, `bottomLabelEndAccessory`, and `bottomLabelProps`).\n   */\n  bottomLabelWrapperProps?: Omit<\n    Partial<BoxRowProps>,\n    'children' | 'endAccessory' | 'textProps'\n  >;\n  /**\n   * Optional Tailwind class name to apply to the container.\n   */\n  twClassName?: string;\n} & Omit<ViewProps, 'children'>;\n"]}

package/dist/components/TitleHub/index.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/TitleHub/index.ts"],"names":[],"mappings":";;;AACA,2CAAsC;AAA7B,oGAAA,QAAQ,OAAA","sourcesContent":["export type { TitleHubPropsShared } from '@metamask-previews/design-system-shared';\nexport { TitleHub } from './TitleHub';\nexport type { TitleHubProps } from './TitleHub.types';\n"]}

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

@@ -0,0 +1,4 @@
+export type { TitleHubPropsShared } from "@metamask-previews/design-system-shared";
+export { TitleHub } from "./TitleHub.cjs";
+export type { TitleHubProps } from "./TitleHub.types.cjs";
+//# sourceMappingURL=index.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/TitleHub/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,mBAAmB,EAAE,gDAAgD;AACnF,OAAO,EAAE,QAAQ,EAAE,uBAAmB;AACtC,YAAY,EAAE,aAAa,EAAE,6BAAyB"}

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

@@ -0,0 +1,4 @@
+export type { TitleHubPropsShared } from "@metamask-previews/design-system-shared";
+export { TitleHub } from "./TitleHub.mjs";
+export type { TitleHubProps } from "./TitleHub.types.mjs";
+//# sourceMappingURL=index.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/TitleHub/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,mBAAmB,EAAE,gDAAgD;AACnF,OAAO,EAAE,QAAQ,EAAE,uBAAmB;AACtC,YAAY,EAAE,aAAa,EAAE,6BAAyB"}

package/dist/components/TitleHub/index.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/TitleHub/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,uBAAmB","sourcesContent":["export type { TitleHubPropsShared } from '@metamask-previews/design-system-shared';\nexport { TitleHub } from './TitleHub';\nexport type { TitleHubProps } from './TitleHub.types';\n"]}

package/dist/components/index.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonBase = exports.ButtonAnimated = exports.Card = exports.BoxColumn = exports.BoxRow = exports.BoxBorderColor = exports.BoxBackgroundColor = exports.BoxJustifyContent = exports.BoxAlignItems = exports.BoxFlexWrap = exports.BoxFlexDirection = exports.Box = exports.Blockies = exports.BottomSheetOverlay = exports.BottomSheetHeaderVariant = exports.BottomSheetHeader = exports.ButtonsAlignment = exports.BottomSheetFooter = exports.BottomSheetDialog = exports.BottomSheet = exports.BannerBase = exports.BadgeWrapperPositionAnchorShape = exports.BadgeWrapperPosition = exports.BadgeWrapper = exports.BadgeStatusSize = exports.BadgeStatusStatus = exports.BadgeStatus = exports.BadgeNetwork = exports.BadgeIcon = exports.BadgeCountSize = exports.BadgeCount = exports.AvatarTokenSize = exports.AvatarToken = exports.AvatarNetworkSize = exports.AvatarNetwork = exports.AvatarIconSize = exports.AvatarIconSeverity = exports.AvatarIcon = exports.AvatarGroupVariant = exports.AvatarGroupSize = exports.AvatarGroup = exports.AvatarFaviconSize = exports.AvatarFavicon = exports.AvatarBaseShape = exports.AvatarBaseSize = exports.AvatarBase = exports.AvatarAccountSize = exports.AvatarAccountVariant = exports.AvatarAccount = exports.ActionListItem = void 0;
-exports.ToastCloseButtonVariant = exports.ToastVariant = exports.Toast = exports.TextOrChildren = exports.TextFieldSearch = exports.TextField = exports.TextVariant = exports.TextColor = exports.FontStyle = exports.FontFamily = exports.FontWeight = exports.Text = exports.TextButton = exports.TabEmptyState = exports.SensitiveTextLength = exports.SensitiveText = exports.Skeleton = exports.MainActionButton = exports.Maskicon = exports.Jazzicon = exports.RadioButton = exports.ListItemVerticalAlignment = exports.ListItem = exports.Label = exports.KeyValueRowVariant = exports.KeyValueRow = exports.KeyValueColumn = exports.Input = exports.IconAlertSeverity = exports.IconAlert = exports.IconSize = exports.IconName = exports.IconColor = exports.Icon = exports.HeaderStandard = exports.HeaderSearchVariant = exports.HeaderSearch = exports.HeaderRoot = exports.HeaderBaseVariant = exports.HeaderBase = exports.Checkbox = exports.ButtonSemanticSeverity = exports.ButtonSemantic = exports.ButtonIconVariant = exports.ButtonIconSize = exports.ButtonIcon = exports.ButtonVariant = exports.ButtonSize = exports.Button = exports.ButtonBaseSize = void 0;
-exports.BannerAlertSeverity = exports.BannerAlert = exports.Spinner = exports.ImageOrSvg = exports.ButtonFilter = exports.ButtonHeroSize = exports.ButtonHero = exports.ToastContextWrapper = exports.ToastContext = void 0;
+exports.ToastVariant = exports.Toast = exports.TitleHub = exports.TextOrChildren = exports.TextFieldSearch = exports.TextField = exports.TextVariant = exports.TextColor = exports.FontStyle = exports.FontFamily = exports.FontWeight = exports.Text = exports.TextButton = exports.TabEmptyState = exports.SensitiveTextLength = exports.SensitiveText = exports.Skeleton = exports.MainActionButton = exports.Maskicon = exports.Jazzicon = exports.RadioButton = exports.ListItemVerticalAlignment = exports.ListItem = exports.Label = exports.KeyValueRowVariant = exports.KeyValueRow = exports.KeyValueColumn = exports.Input = exports.IconAlertSeverity = exports.IconAlert = exports.IconSize = exports.IconName = exports.IconColor = exports.Icon = exports.HeaderStandard = exports.HeaderSearchVariant = exports.HeaderSearch = exports.HeaderRoot = exports.HeaderBaseVariant = exports.HeaderBase = exports.Checkbox = exports.ButtonSemanticSeverity = exports.ButtonSemantic = exports.ButtonIconVariant = exports.ButtonIconSize = exports.ButtonIcon = exports.ButtonVariant = exports.ButtonSize = exports.Button = exports.ButtonBaseSize = void 0;
+exports.TagSeverity = exports.Tag = exports.BannerAlertSeverity = exports.BannerAlert = exports.Spinner = exports.ImageOrSvg = exports.ButtonFilter = exports.ButtonHeroSize = exports.ButtonHero = exports.ToastContextWrapper = exports.ToastContext = exports.ToastCloseButtonVariant = void 0;
 var ActionListItem_1 = require("./ActionListItem/index.cjs");
 Object.defineProperty(exports, "ActionListItem", { enumerable: true, get: function () { return ActionListItem_1.ActionListItem; } });
 var AvatarAccount_1 = require("./AvatarAccount/index.cjs");
@@ -153,6 +153,8 @@ var TextFieldSearch_1 = require("./TextFieldSearch/index.cjs");
 Object.defineProperty(exports, "TextFieldSearch", { enumerable: true, get: function () { return TextFieldSearch_1.TextFieldSearch; } });
 var TextOrChildren_1 = require("./temp-components/TextOrChildren/index.cjs");
 Object.defineProperty(exports, "TextOrChildren", { enumerable: true, get: function () { return TextOrChildren_1.TextOrChildren; } });
+var TitleHub_1 = require("./TitleHub/index.cjs");
+Object.defineProperty(exports, "TitleHub", { enumerable: true, get: function () { return TitleHub_1.TitleHub; } });
 var Toast_1 = require("./Toast/index.cjs");
 Object.defineProperty(exports, "Toast", { enumerable: true, get: function () { return Toast_1.Toast; } });
 Object.defineProperty(exports, "ToastVariant", { enumerable: true, get: function () { return Toast_1.ToastVariant; } });
@@ -171,4 +173,7 @@ Object.defineProperty(exports, "Spinner", { enumerable: true, get: function () {
 var BannerAlert_1 = require("./BannerAlert/index.cjs");
 Object.defineProperty(exports, "BannerAlert", { enumerable: true, get: function () { return BannerAlert_1.BannerAlert; } });
 Object.defineProperty(exports, "BannerAlertSeverity", { enumerable: true, get: function () { return BannerAlert_1.BannerAlertSeverity; } });
+var Tag_1 = require("./Tag/index.cjs");
+Object.defineProperty(exports, "Tag", { enumerable: true, get: function () { return Tag_1.Tag; } });
+Object.defineProperty(exports, "TagSeverity", { enumerable: true, get: function () { return Tag_1.TagSeverity; } });
 //# sourceMappingURL=index.cjs.map