@metamask/design-system-react-native 0.19.0 → 0.21.0

package/dist/components/Tag/Tag.mjs

@@ -0,0 +1,45 @@
+function $importDefault(module) {
+    if (module?.__esModule) {
+        return module.default;
+    }
+    return module;
+}
+import { FontWeight, TagSeverity, TextVariant } from "@metamask/design-system-shared";
+import { useTailwind } from "@metamask/design-system-twrnc-preset";
+import $React from "react";
+const React = $importDefault($React);
+import { Box } from "../Box/index.mjs";
+import { BoxRow } from "../BoxRow/index.mjs";
+import { Icon, IconSize } from "../Icon/index.mjs";
+import { MAP_TAG_SEVERITY_BACKGROUND, MAP_TAG_SEVERITY_ICON_COLOR, MAP_TAG_SEVERITY_TEXT_COLOR } from "./Tag.constants.mjs";
+export const Tag = ({ children, severity = TagSeverity.Neutral, startIconName, startIconProps, startAccessory, endIconName, endIconProps, endAccessory, twClassName, style, ...props }) => {
+    const tw = useTailwind();
+    const backgroundColor = MAP_TAG_SEVERITY_BACKGROUND[severity];
+    const textColor = MAP_TAG_SEVERITY_TEXT_COLOR[severity];
+    const iconColor = MAP_TAG_SEVERITY_ICON_COLOR[severity];
+    return (<Box {...props} backgroundColor={backgroundColor} style={[
+            tw.style('rounded-md self-start', (startIconName ?? startIconProps?.name) ? 'pl-1' : 'pl-1.5', (endIconName ?? endIconProps?.name) ? 'pr-1' : 'pr-1.5', twClassName),
+            style,
+        ]}>
+      <BoxRow textProps={{
+            color: textColor,
+            variant: TextVariant.BodyXs,
+            fontWeight: FontWeight.Medium,
+        }} startAccessory={(() => {
+            const name = startIconName ?? startIconProps?.name;
+            if (!name) {
+                return startAccessory ?? null;
+            }
+            return (<Icon name={name} color={iconColor} size={IconSize.Xs} twClassName="shrink-0" {...startIconProps}/>);
+        })()} endAccessory={(() => {
+            const name = endIconName ?? endIconProps?.name;
+            if (!name) {
+                return endAccessory ?? null;
+            }
+            return (<Icon name={name} color={iconColor} size={IconSize.Xs} twClassName="shrink-0" {...endIconProps}/>);
+        })()}>
+        {children}
+      </BoxRow>
+    </Box>);
+};
+//# sourceMappingURL=Tag.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.mjs","sourceRoot":"","sources":["../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EACL,UAAU,EACV,WAAW,EACX,WAAW,EACZ,uCAAuC;AACxC,OAAO,EAAE,WAAW,EAAE,6CAA6C;AACnE,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,GAAG,EAAE,yBAAe;AAC7B,OAAO,EAAE,MAAM,EAAE,4BAAkB;AACnC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,0BAAgB;AAEzC,OAAO,EACL,2BAA2B,EAC3B,2BAA2B,EAC3B,2BAA2B,EAC5B,4BAAwB;AAGzB,MAAM,CAAC,MAAM,GAAG,GAAuB,CAAC,EACtC,QAAQ,EACR,QAAQ,GAAG,WAAW,CAAC,OAAO,EAC9B,aAAa,EACb,cAAc,EACd,cAAc,EACd,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IACzB,MAAM,eAAe,GAAG,2BAA2B,CAAC,QAAQ,CAAC,CAAC;IAC9D,MAAM,SAAS,GAAG,2BAA2B,CAAC,QAAQ,CAAC,CAAC;IACxD,MAAM,SAAS,GAAG,2BAA2B,CAAC,QAAQ,CAAC,CAAC;IAExD,OAAO,CACL,CAAC,GAAG,CACF,IAAI,KAAK,CAAC,CACV,eAAe,CAAC,CAAC,eAAe,CAAC,CACjC,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CACN,uBAAuB,EACvB,CAAC,aAAa,IAAI,cAAc,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAC3D,CAAC,WAAW,IAAI,YAAY,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EACvD,WAAW,CACZ;YACD,KAAK;SACN,CAAC,CAEF;MAAA,CAAC,MAAM,CACL,SAAS,CAAC,CAAC;YACT,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,WAAW,CAAC,MAAM;YAC3B,UAAU,EAAE,UAAU,CAAC,MAAM;SAC9B,CAAC,CACF,cAAc,CAAC,CAAC,CAAC,GAAG,EAAE;YACpB,MAAM,IAAI,GAAG,aAAa,IAAI,cAAc,EAAE,IAAI,CAAC;YACnD,IAAI,CAAC,IAAI,EAAE;gBACT,OAAO,cAAc,IAAI,IAAI,CAAC;aAC/B;YACD,OAAO,CACL,CAAC,IAAI,CACH,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,KAAK,CAAC,CAAC,SAAS,CAAC,CACjB,IAAI,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAClB,WAAW,CAAC,UAAU,CACtB,IAAI,cAAc,CAAC,EACnB,CACH,CAAC;QACJ,CAAC,CAAC,EAAE,CAAC,CACL,YAAY,CAAC,CAAC,CAAC,GAAG,EAAE;YAClB,MAAM,IAAI,GAAG,WAAW,IAAI,YAAY,EAAE,IAAI,CAAC;YAC/C,IAAI,CAAC,IAAI,EAAE;gBACT,OAAO,YAAY,IAAI,IAAI,CAAC;aAC7B;YACD,OAAO,CACL,CAAC,IAAI,CACH,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,KAAK,CAAC,CAAC,SAAS,CAAC,CACjB,IAAI,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAClB,WAAW,CAAC,UAAU,CACtB,IAAI,YAAY,CAAC,EACjB,CACH,CAAC;QACJ,CAAC,CAAC,EAAE,CAAC,CAEL;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,MAAM,CACV;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {\n  FontWeight,\n  TagSeverity,\n  TextVariant,\n} from '@metamask/design-system-shared';\nimport { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React from 'react';\n\nimport { Box } from '../Box';\nimport { BoxRow } from '../BoxRow';\nimport { Icon, IconSize } from '../Icon';\n\nimport {\n  MAP_TAG_SEVERITY_BACKGROUND,\n  MAP_TAG_SEVERITY_ICON_COLOR,\n  MAP_TAG_SEVERITY_TEXT_COLOR,\n} from './Tag.constants';\nimport type { TagProps } from './Tag.types';\n\nexport const Tag: React.FC<TagProps> = ({\n  children,\n  severity = TagSeverity.Neutral,\n  startIconName,\n  startIconProps,\n  startAccessory,\n  endIconName,\n  endIconProps,\n  endAccessory,\n  twClassName,\n  style,\n  ...props\n}) => {\n  const tw = useTailwind();\n  const backgroundColor = MAP_TAG_SEVERITY_BACKGROUND[severity];\n  const textColor = MAP_TAG_SEVERITY_TEXT_COLOR[severity];\n  const iconColor = MAP_TAG_SEVERITY_ICON_COLOR[severity];\n\n  return (\n    <Box\n      {...props}\n      backgroundColor={backgroundColor}\n      style={[\n        tw.style(\n          'rounded-md self-start',\n          (startIconName ?? startIconProps?.name) ? 'pl-1' : 'pl-1.5',\n          (endIconName ?? endIconProps?.name) ? 'pr-1' : 'pr-1.5',\n          twClassName,\n        ),\n        style,\n      ]}\n    >\n      <BoxRow\n        textProps={{\n          color: textColor,\n          variant: TextVariant.BodyXs,\n          fontWeight: FontWeight.Medium,\n        }}\n        startAccessory={(() => {\n          const name = startIconName ?? startIconProps?.name;\n          if (!name) {\n            return startAccessory ?? null;\n          }\n          return (\n            <Icon\n              name={name}\n              color={iconColor}\n              size={IconSize.Xs}\n              twClassName=\"shrink-0\"\n              {...startIconProps}\n            />\n          );\n        })()}\n        endAccessory={(() => {\n          const name = endIconName ?? endIconProps?.name;\n          if (!name) {\n            return endAccessory ?? null;\n          }\n          return (\n            <Icon\n              name={name}\n              color={iconColor}\n              size={IconSize.Xs}\n              twClassName=\"shrink-0\"\n              {...endIconProps}\n            />\n          );\n        })()}\n      >\n        {children}\n      </BoxRow>\n    </Box>\n  );\n};\n"]}

package/dist/components/Tag/Tag.types.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.types.cjs","sourceRoot":"","sources":["../../../src/components/Tag/Tag.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { TagPropsShared } from '@metamask/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/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/Tag.types.d.cts

@@ -0,0 +1,38 @@
+import type { TagPropsShared } from "@metamask/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/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,uCAAuC;AACrE,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/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/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,uCAAuC;AACrE,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/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/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/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,uEAA6D;AAApD,mHAAA,WAAW,OAAA","sourcesContent":["export { Tag } from './Tag';\nexport { TagSeverity } from '@metamask/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/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,uCAAuC;AAC7D,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/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,uCAAuC;AAC7D,YAAY,EAAE,QAAQ,EAAE,wBAAoB"}

package/dist/components/Tag/index.mjs

@@ -0,0 +1,3 @@
+export { Tag } from "./Tag.mjs";
+export { TagSeverity } from "@metamask/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,uCAAuC","sourcesContent":["export { Tag } from './Tag';\nexport { TagSeverity } from '@metamask/design-system-shared';\nexport type { TagProps } from './Tag.types';\n"]}

package/dist/components/TitleStandard/TitleStandard.cjs

@@ -0,0 +1,58 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TitleStandard = void 0;
+// Third party dependencies.
+const design_system_shared_1 = require("@metamask/design-system-shared");
+const react_1 = __importDefault(require("react"));
+// Internal dependencies.
+const Box_1 = require("../Box/index.cjs");
+const BoxRow_1 = require("../BoxRow/index.cjs");
+/**
+ * Displays a primary title with optional top, inline, and bottom rows in a left-aligned layout.
+ * Remaining `View` props are forwarded to the root `Box`.
+ *
+ * @param props - Component props
+ * @param props.title - Primary title content
+ * @param props.titleEndAccessory - Optional inline accessory to the right of the title
+ * @param props.topAccessory - Optional row above the title
+ * @param props.bottomAccessory - Optional custom bottom row when `bottomLabel` is not renderable
+ * @param props.bottomLabel - Optional secondary label below the title
+ * @param props.bottomLabelEndAccessory - Optional inline accessory to the right of the bottom label
+ * @param props.titleProps - Optional props merged into title `Text` when `title` is a string
+ * @param props.bottomLabelProps - Optional props merged into bottom label `Text` when `bottomLabel` is a string
+ * @param props.titleWrapperProps - Optional props forwarded to the title row `BoxRow`
+ * @param props.bottomLabelWrapperProps - Optional props forwarded to the bottom label row `BoxRow`
+ * @param props.twClassName - Optional Tailwind classes on the root container
+ *
+ * @returns The rendered TitleStandard layout.
+ */
+const TitleStandard = ({ title, titleEndAccessory, topAccessory, bottomAccessory, bottomLabel, bottomLabelEndAccessory, titleProps, titleWrapperProps, bottomLabelProps, bottomLabelWrapperProps, twClassName = '', ...props }) => {
+    return (<Box_1.Box twClassName={twClassName} gap={1} {...props}>
+      {/* Top Accessory Slot */}
+      {topAccessory}
+      {/* Title Row */}
+      <BoxRow_1.BoxRow gap={2} {...titleWrapperProps} endAccessory={titleEndAccessory} textProps={{
+            variant: design_system_shared_1.TextVariant.HeadingLg,
+            ...titleProps,
+        }}>
+        {title}
+      </BoxRow_1.BoxRow>
+      {/* Bottom Label Row */}
+      {bottomLabel && (<BoxRow_1.BoxRow gap={2} {...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.TitleStandard = TitleStandard;
+exports.TitleStandard.displayName = 'TitleStandard';
+//# sourceMappingURL=TitleStandard.cjs.map

package/dist/components/TitleStandard/TitleStandard.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TitleStandard.cjs","sourceRoot":"","sources":["../../../src/components/TitleStandard/TitleStandard.tsx"],"names":[],"mappings":";;;;;;AAAA,4BAA4B;AAC5B,yEAIwC;AACxC,kDAA0B;AAE1B,yBAAyB;AACzB,0CAA6B;AAC7B,gDAAmC;AAInC;;;;;;;;;;;;;;;;;;GAkBG;AACI,MAAM,aAAa,GAAiC,CAAC,EAC1D,KAAK,EACL,iBAAiB,EACjB,YAAY,EACZ,eAAe,EACf,WAAW,EACX,uBAAuB,EACvB,UAAU,EACV,iBAAiB,EACjB,gBAAgB,EAChB,uBAAuB,EACvB,WAAW,GAAG,EAAE,EAChB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,CAAC,SAAG,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAC/C;MAAA,CAAC,wBAAwB,CACzB;MAAA,CAAC,YAAY,CACb;MAAA,CAAC,eAAe,CAChB;MAAA,CAAC,eAAM,CACL,GAAG,CAAC,CAAC,CAAC,CAAC,CACP,IAAI,iBAAiB,CAAC,CACtB,YAAY,CAAC,CAAC,iBAAiB,CAAC,CAChC,SAAS,CAAC,CAAC;YACT,OAAO,EAAE,kCAAW,CAAC,SAAS;YAC9B,GAAG,UAAU;SACd,CAAC,CAEF;QAAA,CAAC,KAAK,CACR;MAAA,EAAE,eAAM,CACR;MAAA,CAAC,sBAAsB,CACvB;MAAA,CAAC,WAAW,IAAI,CACd,CAAC,eAAM,CACL,GAAG,CAAC,CAAC,CAAC,CAAC,CACP,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;AAlDW,QAAA,aAAa,iBAkDxB;AAEF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC","sourcesContent":["// Third party dependencies.\nimport {\n  FontWeight,\n  TextColor,\n  TextVariant,\n} from '@metamask/design-system-shared';\nimport React from 'react';\n\n// Internal dependencies.\nimport { Box } from '../Box';\nimport { BoxRow } from '../BoxRow';\n\nimport type { TitleStandardProps } from './TitleStandard.types';\n\n/**\n * Displays a primary title with optional top, inline, 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 - Primary title content\n * @param props.titleEndAccessory - Optional inline accessory to the right of the title\n * @param props.topAccessory - Optional row above the title\n * @param props.bottomAccessory - Optional custom bottom row when `bottomLabel` is not renderable\n * @param props.bottomLabel - Optional secondary label below the title\n * @param props.bottomLabelEndAccessory - Optional inline accessory to the right of the bottom label\n * @param props.titleProps - Optional props merged into title `Text` when `title` 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 forwarded to the title row `BoxRow`\n * @param props.bottomLabelWrapperProps - Optional props forwarded to the bottom label row `BoxRow`\n * @param props.twClassName - Optional Tailwind classes on the root container\n *\n * @returns The rendered TitleStandard layout.\n */\nexport const TitleStandard: React.FC<TitleStandardProps> = ({\n  title,\n  titleEndAccessory,\n  topAccessory,\n  bottomAccessory,\n  bottomLabel,\n  bottomLabelEndAccessory,\n  titleProps,\n  titleWrapperProps,\n  bottomLabelProps,\n  bottomLabelWrapperProps,\n  twClassName = '',\n  ...props\n}) => {\n  return (\n    <Box twClassName={twClassName} gap={1} {...props}>\n      {/* Top Accessory Slot */}\n      {topAccessory}\n      {/* Title Row */}\n      <BoxRow\n        gap={2}\n        {...titleWrapperProps}\n        endAccessory={titleEndAccessory}\n        textProps={{\n          variant: TextVariant.HeadingLg,\n          ...titleProps,\n        }}\n      >\n        {title}\n      </BoxRow>\n      {/* Bottom Label Row */}\n      {bottomLabel && (\n        <BoxRow\n          gap={2}\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\nTitleStandard.displayName = 'TitleStandard';\n"]}

package/dist/components/TitleStandard/TitleStandard.d.cts

@@ -0,0 +1,23 @@
+import React from "react";
+import type { TitleStandardProps } from "./TitleStandard.types.cjs";
+/**
+ * Displays a primary title with optional top, inline, and bottom rows in a left-aligned layout.
+ * Remaining `View` props are forwarded to the root `Box`.
+ *
+ * @param props - Component props
+ * @param props.title - Primary title content
+ * @param props.titleEndAccessory - Optional inline accessory to the right of the title
+ * @param props.topAccessory - Optional row above the title
+ * @param props.bottomAccessory - Optional custom bottom row when `bottomLabel` is not renderable
+ * @param props.bottomLabel - Optional secondary label below the title
+ * @param props.bottomLabelEndAccessory - Optional inline accessory to the right of the bottom label
+ * @param props.titleProps - Optional props merged into title `Text` when `title` is a string
+ * @param props.bottomLabelProps - Optional props merged into bottom label `Text` when `bottomLabel` is a string
+ * @param props.titleWrapperProps - Optional props forwarded to the title row `BoxRow`
+ * @param props.bottomLabelWrapperProps - Optional props forwarded to the bottom label row `BoxRow`
+ * @param props.twClassName - Optional Tailwind classes on the root container
+ *
+ * @returns The rendered TitleStandard layout.
+ */
+export declare const TitleStandard: React.FC<TitleStandardProps>;
+//# sourceMappingURL=TitleStandard.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TitleStandard.d.cts","sourceRoot":"","sources":["../../../src/components/TitleStandard/TitleStandard.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,cAAc;AAM1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,kCAA8B;AAEhE;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAkDtD,CAAC"}

package/dist/components/TitleStandard/TitleStandard.d.mts

@@ -0,0 +1,23 @@
+import React from "react";
+import type { TitleStandardProps } from "./TitleStandard.types.mjs";
+/**
+ * Displays a primary title with optional top, inline, and bottom rows in a left-aligned layout.
+ * Remaining `View` props are forwarded to the root `Box`.
+ *
+ * @param props - Component props
+ * @param props.title - Primary title content
+ * @param props.titleEndAccessory - Optional inline accessory to the right of the title
+ * @param props.topAccessory - Optional row above the title
+ * @param props.bottomAccessory - Optional custom bottom row when `bottomLabel` is not renderable
+ * @param props.bottomLabel - Optional secondary label below the title
+ * @param props.bottomLabelEndAccessory - Optional inline accessory to the right of the bottom label
+ * @param props.titleProps - Optional props merged into title `Text` when `title` is a string
+ * @param props.bottomLabelProps - Optional props merged into bottom label `Text` when `bottomLabel` is a string
+ * @param props.titleWrapperProps - Optional props forwarded to the title row `BoxRow`
+ * @param props.bottomLabelWrapperProps - Optional props forwarded to the bottom label row `BoxRow`
+ * @param props.twClassName - Optional Tailwind classes on the root container
+ *
+ * @returns The rendered TitleStandard layout.
+ */
+export declare const TitleStandard: React.FC<TitleStandardProps>;
+//# sourceMappingURL=TitleStandard.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TitleStandard.d.mts","sourceRoot":"","sources":["../../../src/components/TitleStandard/TitleStandard.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,cAAc;AAM1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,kCAA8B;AAEhE;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAkDtD,CAAC"}

package/dist/components/TitleStandard/TitleStandard.mjs

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

package/dist/components/TitleStandard/TitleStandard.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TitleStandard.mjs","sourceRoot":"","sources":["../../../src/components/TitleStandard/TitleStandard.tsx"],"names":[],"mappings":";;;;;;AAAA,4BAA4B;AAC5B,OAAO,EACL,UAAU,EACV,SAAS,EACT,WAAW,EACZ,uCAAuC;AACxC,OAAO,MAAK,cAAc;;AAE1B,yBAAyB;AACzB,OAAO,EAAE,GAAG,EAAE,yBAAe;AAC7B,OAAO,EAAE,MAAM,EAAE,4BAAkB;AAInC;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAC1D,KAAK,EACL,iBAAiB,EACjB,YAAY,EACZ,eAAe,EACf,WAAW,EACX,uBAAuB,EACvB,UAAU,EACV,iBAAiB,EACjB,gBAAgB,EAChB,uBAAuB,EACvB,WAAW,GAAG,EAAE,EAChB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAC/C;MAAA,CAAC,wBAAwB,CACzB;MAAA,CAAC,YAAY,CACb;MAAA,CAAC,eAAe,CAChB;MAAA,CAAC,MAAM,CACL,GAAG,CAAC,CAAC,CAAC,CAAC,CACP,IAAI,iBAAiB,CAAC,CACtB,YAAY,CAAC,CAAC,iBAAiB,CAAC,CAChC,SAAS,CAAC,CAAC;YACT,OAAO,EAAE,WAAW,CAAC,SAAS;YAC9B,GAAG,UAAU;SACd,CAAC,CAEF;QAAA,CAAC,KAAK,CACR;MAAA,EAAE,MAAM,CACR;MAAA,CAAC,sBAAsB,CACvB;MAAA,CAAC,WAAW,IAAI,CACd,CAAC,MAAM,CACL,GAAG,CAAC,CAAC,CAAC,CAAC,CACP,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,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC","sourcesContent":["// Third party dependencies.\nimport {\n  FontWeight,\n  TextColor,\n  TextVariant,\n} from '@metamask/design-system-shared';\nimport React from 'react';\n\n// Internal dependencies.\nimport { Box } from '../Box';\nimport { BoxRow } from '../BoxRow';\n\nimport type { TitleStandardProps } from './TitleStandard.types';\n\n/**\n * Displays a primary title with optional top, inline, 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 - Primary title content\n * @param props.titleEndAccessory - Optional inline accessory to the right of the title\n * @param props.topAccessory - Optional row above the title\n * @param props.bottomAccessory - Optional custom bottom row when `bottomLabel` is not renderable\n * @param props.bottomLabel - Optional secondary label below the title\n * @param props.bottomLabelEndAccessory - Optional inline accessory to the right of the bottom label\n * @param props.titleProps - Optional props merged into title `Text` when `title` 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 forwarded to the title row `BoxRow`\n * @param props.bottomLabelWrapperProps - Optional props forwarded to the bottom label row `BoxRow`\n * @param props.twClassName - Optional Tailwind classes on the root container\n *\n * @returns The rendered TitleStandard layout.\n */\nexport const TitleStandard: React.FC<TitleStandardProps> = ({\n  title,\n  titleEndAccessory,\n  topAccessory,\n  bottomAccessory,\n  bottomLabel,\n  bottomLabelEndAccessory,\n  titleProps,\n  titleWrapperProps,\n  bottomLabelProps,\n  bottomLabelWrapperProps,\n  twClassName = '',\n  ...props\n}) => {\n  return (\n    <Box twClassName={twClassName} gap={1} {...props}>\n      {/* Top Accessory Slot */}\n      {topAccessory}\n      {/* Title Row */}\n      <BoxRow\n        gap={2}\n        {...titleWrapperProps}\n        endAccessory={titleEndAccessory}\n        textProps={{\n          variant: TextVariant.HeadingLg,\n          ...titleProps,\n        }}\n      >\n        {title}\n      </BoxRow>\n      {/* Bottom Label Row */}\n      {bottomLabel && (\n        <BoxRow\n          gap={2}\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\nTitleStandard.displayName = 'TitleStandard';\n"]}

package/dist/components/TitleStandard/TitleStandard.types.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TitleStandard.types.cjs","sourceRoot":"","sources":["../../../src/components/TitleStandard/TitleStandard.types.ts"],"names":[],"mappings":"","sourcesContent":["// Third party dependencies.\nimport type { TitleStandardPropsShared } from '@metamask/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 * TitleStandard component props (React Native).\n * Extends {@link TitleStandardPropsShared} (requires `title`) with platform `Text` passthroughs, `twClassName`, and `View` props.\n */\nexport type TitleStandardProps = TitleStandardPropsShared & {\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 forwarded to the title row {@link BoxRow} (excluding `children`, `textProps`, and `endAccessory`, which are controlled by this component).\n   */\n  titleWrapperProps?: Omit<\n    Partial<BoxRowProps>,\n    'children' | 'textProps' | 'endAccessory'\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 forwarded to the bottom label row {@link BoxRow} when `bottomLabel` is renderable (excluding `children`, `textProps`, and `endAccessory`, which are controlled by this component).\n   */\n  bottomLabelWrapperProps?: Omit<\n    Partial<BoxRowProps>,\n    'children' | 'textProps' | 'endAccessory'\n  >;\n  /**\n   * Optional Tailwind class name to apply to the container.\n   */\n  twClassName?: string;\n} & Omit<ViewProps, 'children'>;\n"]}

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

@@ -0,0 +1,31 @@
+import type { TitleStandardPropsShared } from "@metamask/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";
+/**
+ * TitleStandard component props (React Native).
+ * Extends {@link TitleStandardPropsShared} (requires `title`) with platform `Text` passthroughs, `twClassName`, and `View` props.
+ */
+export type TitleStandardProps = TitleStandardPropsShared & {
+    /**
+     * Optional props merged into {@link BoxRow} `textProps` when `title` is a string.
+     */
+    titleProps?: Omit<Partial<TextProps>, 'children'>;
+    /**
+     * Optional props forwarded to the title row {@link BoxRow} (excluding `children`, `textProps`, and `endAccessory`, which are controlled by this component).
+     */
+    titleWrapperProps?: Omit<Partial<BoxRowProps>, 'children' | 'textProps' | 'endAccessory'>;
+    /**
+     * Optional props merged into {@link BoxRow} `textProps` when `bottomLabel` is a string.
+     */
+    bottomLabelProps?: Omit<Partial<TextProps>, 'children'>;
+    /**
+     * Optional props forwarded to the bottom label row {@link BoxRow} when `bottomLabel` is renderable (excluding `children`, `textProps`, and `endAccessory`, which are controlled by this component).
+     */
+    bottomLabelWrapperProps?: Omit<Partial<BoxRowProps>, 'children' | 'textProps' | 'endAccessory'>;
+    /**
+     * Optional Tailwind class name to apply to the container.
+     */
+    twClassName?: string;
+} & Omit<ViewProps, 'children'>;
+//# sourceMappingURL=TitleStandard.types.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TitleStandard.types.d.cts","sourceRoot":"","sources":["../../../src/components/TitleStandard/TitleStandard.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,uCAAuC;AAC/E,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,kBAAkB,GAAG,wBAAwB,GAAG;IAC1D;;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,WAAW,GAAG,cAAc,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,WAAW,GAAG,cAAc,CAC1C,CAAC;IACF;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC"}

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

@@ -0,0 +1,31 @@
+import type { TitleStandardPropsShared } from "@metamask/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";
+/**
+ * TitleStandard component props (React Native).
+ * Extends {@link TitleStandardPropsShared} (requires `title`) with platform `Text` passthroughs, `twClassName`, and `View` props.
+ */
+export type TitleStandardProps = TitleStandardPropsShared & {
+    /**
+     * Optional props merged into {@link BoxRow} `textProps` when `title` is a string.
+     */
+    titleProps?: Omit<Partial<TextProps>, 'children'>;
+    /**
+     * Optional props forwarded to the title row {@link BoxRow} (excluding `children`, `textProps`, and `endAccessory`, which are controlled by this component).
+     */
+    titleWrapperProps?: Omit<Partial<BoxRowProps>, 'children' | 'textProps' | 'endAccessory'>;
+    /**
+     * Optional props merged into {@link BoxRow} `textProps` when `bottomLabel` is a string.
+     */
+    bottomLabelProps?: Omit<Partial<TextProps>, 'children'>;
+    /**
+     * Optional props forwarded to the bottom label row {@link BoxRow} when `bottomLabel` is renderable (excluding `children`, `textProps`, and `endAccessory`, which are controlled by this component).
+     */
+    bottomLabelWrapperProps?: Omit<Partial<BoxRowProps>, 'children' | 'textProps' | 'endAccessory'>;
+    /**
+     * Optional Tailwind class name to apply to the container.
+     */
+    twClassName?: string;
+} & Omit<ViewProps, 'children'>;
+//# sourceMappingURL=TitleStandard.types.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TitleStandard.types.d.mts","sourceRoot":"","sources":["../../../src/components/TitleStandard/TitleStandard.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,uCAAuC;AAC/E,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,kBAAkB,GAAG,wBAAwB,GAAG;IAC1D;;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,WAAW,GAAG,cAAc,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,WAAW,GAAG,cAAc,CAC1C,CAAC;IACF;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC"}

package/dist/components/TitleStandard/TitleStandard.types.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TitleStandard.types.mjs","sourceRoot":"","sources":["../../../src/components/TitleStandard/TitleStandard.types.ts"],"names":[],"mappings":"","sourcesContent":["// Third party dependencies.\nimport type { TitleStandardPropsShared } from '@metamask/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 * TitleStandard component props (React Native).\n * Extends {@link TitleStandardPropsShared} (requires `title`) with platform `Text` passthroughs, `twClassName`, and `View` props.\n */\nexport type TitleStandardProps = TitleStandardPropsShared & {\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 forwarded to the title row {@link BoxRow} (excluding `children`, `textProps`, and `endAccessory`, which are controlled by this component).\n   */\n  titleWrapperProps?: Omit<\n    Partial<BoxRowProps>,\n    'children' | 'textProps' | 'endAccessory'\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 forwarded to the bottom label row {@link BoxRow} when `bottomLabel` is renderable (excluding `children`, `textProps`, and `endAccessory`, which are controlled by this component).\n   */\n  bottomLabelWrapperProps?: Omit<\n    Partial<BoxRowProps>,\n    'children' | 'textProps' | 'endAccessory'\n  >;\n  /**\n   * Optional Tailwind class name to apply to the container.\n   */\n  twClassName?: string;\n} & Omit<ViewProps, 'children'>;\n"]}

package/dist/components/TitleStandard/index.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/TitleStandard/index.ts"],"names":[],"mappings":";;;AAAA,qDAAgD;AAAvC,8GAAA,aAAa,OAAA","sourcesContent":["export { TitleStandard } from './TitleStandard';\nexport type { TitleStandardProps } from './TitleStandard.types';\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/TitleStandard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,4BAAwB;AAChD,YAAY,EAAE,kBAAkB,EAAE,kCAA8B"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/TitleStandard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,4BAAwB;AAChD,YAAY,EAAE,kBAAkB,EAAE,kCAA8B"}

package/dist/components/TitleStandard/index.mjs

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

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

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