@metamask-previews/design-system-shared 0.7.0-preview.dff9dce → 0.8.0-preview.a73a010

package/dist/types/Box/Box.types.mjs

@@ -0,0 +1,173 @@
+/**
+ * Box - flexDirection
+ * Convert from enum to const object (ADR-0003)
+ */
+export const BoxFlexDirection = {
+    Row: 'flex-row',
+    RowReverse: 'flex-row-reverse',
+    Column: 'flex-col',
+    ColumnReverse: 'flex-col-reverse',
+};
+/**
+ * Box - flexWrap
+ * Convert from enum to const object (ADR-0003)
+ */
+export const BoxFlexWrap = {
+    NoWrap: 'flex-nowrap',
+    Wrap: 'flex-wrap',
+    WrapReverse: 'flex-wrap-reverse',
+};
+/**
+ * Box - alignItems
+ * Convert from enum to const object (ADR-0003)
+ */
+export const BoxAlignItems = {
+    Start: 'items-start',
+    Center: 'items-center',
+    End: 'items-end',
+    Stretch: 'items-stretch',
+    Baseline: 'items-baseline',
+};
+/**
+ * Box - justifyContent
+ * Convert from enum to const object (ADR-0003)
+ */
+export const BoxJustifyContent = {
+    Start: 'justify-start',
+    Center: 'justify-center',
+    End: 'justify-end',
+    Between: 'justify-between',
+    Around: 'justify-around',
+    Evenly: 'justify-evenly',
+};
+/**
+ * Box - backgroundColor
+ * Convert from enum to const object (ADR-0003)
+ */
+export const BoxBackgroundColor = {
+    /** Default background color */
+    BackgroundDefault: 'bg-default',
+    /** Alternative background color */
+    BackgroundAlternative: 'bg-alternative',
+    /** Section background color */
+    BackgroundSection: 'bg-section',
+    /** Subsection background color */
+    BackgroundSubsection: 'bg-subsection',
+    /** Muted background color */
+    BackgroundMuted: 'bg-muted',
+    /** Primary default background color */
+    PrimaryDefault: 'bg-primary-default',
+    /** Primary alternative background color */
+    PrimaryAlternative: 'bg-primary-alternative',
+    /** Primary muted background color */
+    PrimaryMuted: 'bg-primary-muted',
+    /** Primary inverse background color */
+    PrimaryInverse: 'bg-primary-inverse',
+    /** Error default background color */
+    ErrorDefault: 'bg-error-default',
+    /** Error alternative background color */
+    ErrorAlternative: 'bg-error-alternative',
+    /** Error muted background color */
+    ErrorMuted: 'bg-error-muted',
+    /** Error inverse background color */
+    ErrorInverse: 'bg-error-inverse',
+    /** Warning default background color */
+    WarningDefault: 'bg-warning-default',
+    /** Warning alternative background color */
+    WarningAlternative: 'bg-warning-alternative',
+    /** Warning muted background color */
+    WarningMuted: 'bg-warning-muted',
+    /** Warning inverse background color */
+    WarningInverse: 'bg-warning-inverse',
+    /** Success default background color */
+    SuccessDefault: 'bg-success-default',
+    /** Success alternative background color */
+    SuccessAlternative: 'bg-success-alternative',
+    /** Success muted background color */
+    SuccessMuted: 'bg-success-muted',
+    /** Success inverse background color */
+    SuccessInverse: 'bg-success-inverse',
+    /** Info default background color */
+    InfoDefault: 'bg-info-default',
+    /** Info muted background color */
+    InfoMuted: 'bg-info-muted',
+    /** Info inverse background color */
+    InfoInverse: 'bg-info-inverse',
+    /** Flask default background color */
+    FlaskDefault: 'bg-flask-default',
+    /** Flask inverse background color */
+    FlaskInverse: 'bg-flask-inverse',
+    /** Overlay alternative background color */
+    OverlayAlternative: 'bg-overlay-alternative',
+    /** Overlay default background color */
+    OverlayDefault: 'bg-overlay-default',
+    /** Overlay inverse background color */
+    OverlayInverse: 'bg-overlay-inverse',
+    /** Transparent background color */
+    Transparent: 'bg-transparent',
+};
+/**
+ * Box - borderColor
+ * Convert from enum to const object (ADR-0003)
+ */
+export const BoxBorderColor = {
+    /** Background default for cut out effect */
+    BackgroundDefault: 'border-background-default',
+    /** Default border color */
+    BorderDefault: 'border-default',
+    /** Muted border color */
+    BorderMuted: 'border-muted',
+    /** Primary default border color */
+    PrimaryDefault: 'border-primary-default',
+    /** Primary alternative border color */
+    PrimaryAlternative: 'border-primary-alternative',
+    /** Primary muted border color */
+    PrimaryMuted: 'border-primary-muted',
+    /** Primary inverse border color */
+    PrimaryInverse: 'border-primary-inverse',
+    /** Error default border color */
+    ErrorDefault: 'border-error-default',
+    /** Error alternative border color */
+    ErrorAlternative: 'border-error-alternative',
+    /** Error muted border color */
+    ErrorMuted: 'border-error-muted',
+    /** Error inverse border color */
+    ErrorInverse: 'border-error-inverse',
+    /** Warning default border color */
+    WarningDefault: 'border-warning-default',
+    /** Warning alternative border color */
+    WarningAlternative: 'border-warning-alternative',
+    /** Warning muted border color */
+    WarningMuted: 'border-warning-muted',
+    /** Warning inverse border color */
+    WarningInverse: 'border-warning-inverse',
+    /** Success default border color */
+    SuccessDefault: 'border-success-default',
+    /** Success alternative border color */
+    SuccessAlternative: 'border-success-alternative',
+    /** Success muted border color */
+    SuccessMuted: 'border-success-muted',
+    /** Success inverse border color */
+    SuccessInverse: 'border-success-inverse',
+    /** Info default border color */
+    InfoDefault: 'border-info-default',
+    /** Info alternative border color */
+    InfoAlternative: 'border-info-alternative',
+    /** Info muted border color */
+    InfoMuted: 'border-info-muted',
+    /** Info inverse border color */
+    InfoInverse: 'border-info-inverse',
+    /** Flask default border color */
+    FlaskDefault: 'border-flask-default',
+    /** Flask inverse border color */
+    FlaskInverse: 'border-flask-inverse',
+    /** Overlay alternative border color */
+    OverlayAlternative: 'border-overlay-alternative',
+    /** Overlay default border color */
+    OverlayDefault: 'border-overlay-default',
+    /** Overlay inverse border color */
+    OverlayInverse: 'border-overlay-inverse',
+    /** Transparent border color */
+    Transparent: 'border-transparent',
+};
+//# sourceMappingURL=Box.types.mjs.map

package/dist/types/Box/Box.types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.types.mjs","sourceRoot":"","sources":["../../../src/types/Box/Box.types.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Box - all spacing-related props\n */\nexport type BoxSpacing = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n\n/**\n * Box - border width values (only valid Tailwind CSS border width utilities)\n */\nexport type BoxBorderWidth = 0 | 1 | 2 | 4 | 8;\n\n/**\n * Box - flexDirection\n * Convert from enum to const object (ADR-0003)\n */\nexport const BoxFlexDirection = {\n  Row: 'flex-row',\n  RowReverse: 'flex-row-reverse',\n  Column: 'flex-col',\n  ColumnReverse: 'flex-col-reverse',\n} as const;\nexport type BoxFlexDirection =\n  (typeof BoxFlexDirection)[keyof typeof BoxFlexDirection];\n\n/**\n * Box - flexWrap\n * Convert from enum to const object (ADR-0003)\n */\nexport const BoxFlexWrap = {\n  NoWrap: 'flex-nowrap',\n  Wrap: 'flex-wrap',\n  WrapReverse: 'flex-wrap-reverse',\n} as const;\nexport type BoxFlexWrap = (typeof BoxFlexWrap)[keyof typeof BoxFlexWrap];\n\n/**\n * Box - alignItems\n * Convert from enum to const object (ADR-0003)\n */\nexport const BoxAlignItems = {\n  Start: 'items-start',\n  Center: 'items-center',\n  End: 'items-end',\n  Stretch: 'items-stretch',\n  Baseline: 'items-baseline',\n} as const;\nexport type BoxAlignItems = (typeof BoxAlignItems)[keyof typeof BoxAlignItems];\n\n/**\n * Box - justifyContent\n * Convert from enum to const object (ADR-0003)\n */\nexport const BoxJustifyContent = {\n  Start: 'justify-start',\n  Center: 'justify-center',\n  End: 'justify-end',\n  Between: 'justify-between',\n  Around: 'justify-around',\n  Evenly: 'justify-evenly',\n} as const;\nexport type BoxJustifyContent =\n  (typeof BoxJustifyContent)[keyof typeof BoxJustifyContent];\n\n/**\n * Box - backgroundColor\n * Convert from enum to const object (ADR-0003)\n */\nexport const BoxBackgroundColor = {\n  /** Default background color */\n  BackgroundDefault: 'bg-default',\n  /** Alternative background color */\n  BackgroundAlternative: 'bg-alternative',\n  /** Section background color */\n  BackgroundSection: 'bg-section',\n  /** Subsection background color */\n  BackgroundSubsection: 'bg-subsection',\n  /** Muted background color */\n  BackgroundMuted: 'bg-muted',\n  /** Primary default background color */\n  PrimaryDefault: 'bg-primary-default',\n  /** Primary alternative background color */\n  PrimaryAlternative: 'bg-primary-alternative',\n  /** Primary muted background color */\n  PrimaryMuted: 'bg-primary-muted',\n  /** Primary inverse background color */\n  PrimaryInverse: 'bg-primary-inverse',\n  /** Error default background color */\n  ErrorDefault: 'bg-error-default',\n  /** Error alternative background color */\n  ErrorAlternative: 'bg-error-alternative',\n  /** Error muted background color */\n  ErrorMuted: 'bg-error-muted',\n  /** Error inverse background color */\n  ErrorInverse: 'bg-error-inverse',\n  /** Warning default background color */\n  WarningDefault: 'bg-warning-default',\n  /** Warning alternative background color */\n  WarningAlternative: 'bg-warning-alternative',\n  /** Warning muted background color */\n  WarningMuted: 'bg-warning-muted',\n  /** Warning inverse background color */\n  WarningInverse: 'bg-warning-inverse',\n  /** Success default background color */\n  SuccessDefault: 'bg-success-default',\n  /** Success alternative background color */\n  SuccessAlternative: 'bg-success-alternative',\n  /** Success muted background color */\n  SuccessMuted: 'bg-success-muted',\n  /** Success inverse background color */\n  SuccessInverse: 'bg-success-inverse',\n  /** Info default background color */\n  InfoDefault: 'bg-info-default',\n  /** Info muted background color */\n  InfoMuted: 'bg-info-muted',\n  /** Info inverse background color */\n  InfoInverse: 'bg-info-inverse',\n  /** Flask default background color */\n  FlaskDefault: 'bg-flask-default',\n  /** Flask inverse background color */\n  FlaskInverse: 'bg-flask-inverse',\n  /** Overlay alternative background color */\n  OverlayAlternative: 'bg-overlay-alternative',\n  /** Overlay default background color */\n  OverlayDefault: 'bg-overlay-default',\n  /** Overlay inverse background color */\n  OverlayInverse: 'bg-overlay-inverse',\n  /** Transparent background color */\n  Transparent: 'bg-transparent',\n} as const;\nexport type BoxBackgroundColor =\n  (typeof BoxBackgroundColor)[keyof typeof BoxBackgroundColor];\n\n/**\n * Box - borderColor\n * Convert from enum to const object (ADR-0003)\n */\nexport const BoxBorderColor = {\n  /** Background default for cut out effect */\n  BackgroundDefault: 'border-background-default',\n  /** Default border color */\n  BorderDefault: 'border-default',\n  /** Muted border color */\n  BorderMuted: 'border-muted',\n  /** Primary default border color */\n  PrimaryDefault: 'border-primary-default',\n  /** Primary alternative border color */\n  PrimaryAlternative: 'border-primary-alternative',\n  /** Primary muted border color */\n  PrimaryMuted: 'border-primary-muted',\n  /** Primary inverse border color */\n  PrimaryInverse: 'border-primary-inverse',\n  /** Error default border color */\n  ErrorDefault: 'border-error-default',\n  /** Error alternative border color */\n  ErrorAlternative: 'border-error-alternative',\n  /** Error muted border color */\n  ErrorMuted: 'border-error-muted',\n  /** Error inverse border color */\n  ErrorInverse: 'border-error-inverse',\n  /** Warning default border color */\n  WarningDefault: 'border-warning-default',\n  /** Warning alternative border color */\n  WarningAlternative: 'border-warning-alternative',\n  /** Warning muted border color */\n  WarningMuted: 'border-warning-muted',\n  /** Warning inverse border color */\n  WarningInverse: 'border-warning-inverse',\n  /** Success default border color */\n  SuccessDefault: 'border-success-default',\n  /** Success alternative border color */\n  SuccessAlternative: 'border-success-alternative',\n  /** Success muted border color */\n  SuccessMuted: 'border-success-muted',\n  /** Success inverse border color */\n  SuccessInverse: 'border-success-inverse',\n  /** Info default border color */\n  InfoDefault: 'border-info-default',\n  /** Info alternative border color */\n  InfoAlternative: 'border-info-alternative',\n  /** Info muted border color */\n  InfoMuted: 'border-info-muted',\n  /** Info inverse border color */\n  InfoInverse: 'border-info-inverse',\n  /** Flask default border color */\n  FlaskDefault: 'border-flask-default',\n  /** Flask inverse border color */\n  FlaskInverse: 'border-flask-inverse',\n  /** Overlay alternative border color */\n  OverlayAlternative: 'border-overlay-alternative',\n  /** Overlay default border color */\n  OverlayDefault: 'border-overlay-default',\n  /** Overlay inverse border color */\n  OverlayInverse: 'border-overlay-inverse',\n  /** Transparent border color */\n  Transparent: 'border-transparent',\n} as const;\nexport type BoxBorderColor =\n  (typeof BoxBorderColor)[keyof typeof BoxBorderColor];\n\n/**\n * Box component shared props (ADR-0004)\n * Platform-independent properties shared across React and React Native.\n */\nexport type BoxPropsShared = {\n  /**\n   * The flex-direction style of the component.\n   */\n  flexDirection?: BoxFlexDirection;\n  /**\n   * The flex-wrap style of the component.\n   */\n  flexWrap?: BoxFlexWrap;\n  /**\n   * The gap between the component's children.\n   * Use 0-12 for a gap of 0px-48px.\n   */\n  gap?: BoxSpacing;\n  /**\n   * The align-items style of the component.\n   */\n  alignItems?: BoxAlignItems;\n  /**\n   * The justify-content style of the component.\n   */\n  justifyContent?: BoxJustifyContent;\n  /**\n   * The margin of the component.\n   * Use 0-12 for margin of 0px-48px.\n   */\n  margin?: BoxSpacing;\n  /**\n   * The top margin of the component.\n   * Use 0-12 for margin of 0px-48px.\n   */\n  marginTop?: BoxSpacing;\n  /**\n   * The right margin of the component.\n   * Use 0-12 for margin of 0px-48px.\n   */\n  marginRight?: BoxSpacing;\n  /**\n   * The bottom margin of the component.\n   * Use 0-12 for margin of 0px-48px.\n   */\n  marginBottom?: BoxSpacing;\n  /**\n   * The left margin of the component.\n   * Use 0-12 for margin of 0px-48px.\n   */\n  marginLeft?: BoxSpacing;\n  /**\n   * The horizontal margin of the component.\n   * Use 0-12 for margin of 0px-48px.\n   */\n  marginHorizontal?: BoxSpacing;\n  /**\n   * The vertical margin of the component.\n   * Use 0-12 for margin of 0px-48px.\n   */\n  marginVertical?: BoxSpacing;\n  /**\n   * The padding of the component.\n   * Use 0-12 for padding of 0px-48px.\n   */\n  padding?: BoxSpacing;\n  /**\n   * The top padding of the component.\n   * Use 0-12 for padding of 0px-48px.\n   */\n  paddingTop?: BoxSpacing;\n  /**\n   * The right padding of the component.\n   * Use 0-12 for padding of 0px-48px.\n   */\n  paddingRight?: BoxSpacing;\n  /**\n   * The bottom padding of the component.\n   * Use 0-12 for padding of 0px-48px.\n   */\n  paddingBottom?: BoxSpacing;\n  /**\n   * The left padding of the component.\n   * Use 0-12 for padding of 0px-48px.\n   */\n  paddingLeft?: BoxSpacing;\n  /**\n   * The horizontal padding of the component.\n   * Use 0-12 for padding of 0px-48px.\n   */\n  paddingHorizontal?: BoxSpacing;\n  /**\n   * The vertical padding of the component.\n   * Use 0-12 for padding of 0px-48px.\n   */\n  paddingVertical?: BoxSpacing;\n  /**\n   * The border width of the component.\n   * Use 0, 1, 2, 4, or 8 for border width of 0px, 1px, 2px, 4px, or 8px.\n   */\n  borderWidth?: BoxBorderWidth;\n  /**\n   * The border color of the component.\n   */\n  borderColor?: BoxBorderColor;\n  /**\n   * The background color of the component.\n   */\n  backgroundColor?: BoxBackgroundColor;\n};\n"]}

package/dist/types/Box/index.cjs

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BoxBorderColor = exports.BoxBackgroundColor = exports.BoxJustifyContent = exports.BoxAlignItems = exports.BoxFlexWrap = exports.BoxFlexDirection = void 0;
+var Box_types_1 = require("./Box.types.cjs");
+Object.defineProperty(exports, "BoxFlexDirection", { enumerable: true, get: function () { return Box_types_1.BoxFlexDirection; } });
+Object.defineProperty(exports, "BoxFlexWrap", { enumerable: true, get: function () { return Box_types_1.BoxFlexWrap; } });
+Object.defineProperty(exports, "BoxAlignItems", { enumerable: true, get: function () { return Box_types_1.BoxAlignItems; } });
+Object.defineProperty(exports, "BoxJustifyContent", { enumerable: true, get: function () { return Box_types_1.BoxJustifyContent; } });
+Object.defineProperty(exports, "BoxBackgroundColor", { enumerable: true, get: function () { return Box_types_1.BoxBackgroundColor; } });
+Object.defineProperty(exports, "BoxBorderColor", { enumerable: true, get: function () { return Box_types_1.BoxBorderColor; } });
+//# sourceMappingURL=index.cjs.map

package/dist/types/Box/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/types/Box/index.ts"],"names":[],"mappings":";;;AAAA,6CAUqB;AATnB,6GAAA,gBAAgB,OAAA;AAChB,wGAAA,WAAW,OAAA;AACX,0GAAA,aAAa,OAAA;AACb,8GAAA,iBAAiB,OAAA;AACjB,+GAAA,kBAAkB,OAAA;AAClB,2GAAA,cAAc,OAAA","sourcesContent":["export {\n  BoxFlexDirection,\n  BoxFlexWrap,\n  BoxAlignItems,\n  BoxJustifyContent,\n  BoxBackgroundColor,\n  BoxBorderColor,\n  type BoxSpacing,\n  type BoxBorderWidth,\n  type BoxPropsShared,\n} from './Box.types';\n"]}

package/dist/types/Box/index.d.cts

@@ -0,0 +1,2 @@
+export { BoxFlexDirection, BoxFlexWrap, BoxAlignItems, BoxJustifyContent, BoxBackgroundColor, BoxBorderColor, type BoxSpacing, type BoxBorderWidth, type BoxPropsShared, } from "./Box.types.cjs";
+//# sourceMappingURL=index.d.cts.map

package/dist/types/Box/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/types/Box/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,KAAK,UAAU,EACf,KAAK,cAAc,EACnB,KAAK,cAAc,GACpB,wBAAoB"}

package/dist/types/Box/index.d.mts

@@ -0,0 +1,2 @@
+export { BoxFlexDirection, BoxFlexWrap, BoxAlignItems, BoxJustifyContent, BoxBackgroundColor, BoxBorderColor, type BoxSpacing, type BoxBorderWidth, type BoxPropsShared, } from "./Box.types.mjs";
+//# sourceMappingURL=index.d.mts.map

package/dist/types/Box/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/types/Box/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,KAAK,UAAU,EACf,KAAK,cAAc,EACnB,KAAK,cAAc,GACpB,wBAAoB"}

package/dist/types/Box/index.mjs

@@ -0,0 +1,2 @@
+export { BoxFlexDirection, BoxFlexWrap, BoxAlignItems, BoxJustifyContent, BoxBackgroundColor, BoxBorderColor } from "./Box.types.mjs";
+//# sourceMappingURL=index.mjs.map

package/dist/types/Box/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/types/Box/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EAIf,wBAAoB","sourcesContent":["export {\n  BoxFlexDirection,\n  BoxFlexWrap,\n  BoxAlignItems,\n  BoxJustifyContent,\n  BoxBackgroundColor,\n  BoxBorderColor,\n  type BoxSpacing,\n  type BoxBorderWidth,\n  type BoxPropsShared,\n} from './Box.types';\n"]}

package/dist/types/KeyValueColumn/KeyValueColumn.types.cjs

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

package/dist/types/KeyValueColumn/KeyValueColumn.types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyValueColumn.types.cjs","sourceRoot":"","sources":["../../../src/types/KeyValueColumn/KeyValueColumn.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ReactNode } from 'react';\n\n/**\n * KeyValueColumn shared props (ADR-0004).\n * Platform-independent properties shared across React and React Native.\n */\nexport type KeyValueColumnPropsShared = {\n  /** Optional node rendered before the key (e.g. icon). */\n  keyStartAccessory?: ReactNode;\n  /** Optional node rendered after the key (e.g. icon, badge). */\n  keyEndAccessory?: ReactNode;\n  /** Key content: string or custom ReactNode. Named keyLabel to avoid React’s reserved `key` prop. */\n  keyLabel: string | ReactNode;\n  /** Optional node rendered before the value (e.g. icon). */\n  valueStartAccessory?: ReactNode;\n  /** Optional node rendered after the value (e.g. icon, badge). */\n  valueEndAccessory?: ReactNode;\n  /** Value content: string or custom ReactNode. */\n  value: string | ReactNode;\n};\n"]}

package/dist/types/KeyValueColumn/KeyValueColumn.types.d.cts

@@ -0,0 +1,20 @@
+import type { ReactNode } from "react";
+/**
+ * KeyValueColumn shared props (ADR-0004).
+ * Platform-independent properties shared across React and React Native.
+ */
+export type KeyValueColumnPropsShared = {
+    /** Optional node rendered before the key (e.g. icon). */
+    keyStartAccessory?: ReactNode;
+    /** Optional node rendered after the key (e.g. icon, badge). */
+    keyEndAccessory?: ReactNode;
+    /** Key content: string or custom ReactNode. Named keyLabel to avoid React’s reserved `key` prop. */
+    keyLabel: string | ReactNode;
+    /** Optional node rendered before the value (e.g. icon). */
+    valueStartAccessory?: ReactNode;
+    /** Optional node rendered after the value (e.g. icon, badge). */
+    valueEndAccessory?: ReactNode;
+    /** Value content: string or custom ReactNode. */
+    value: string | ReactNode;
+};
+//# sourceMappingURL=KeyValueColumn.types.d.cts.map

package/dist/types/KeyValueColumn/KeyValueColumn.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyValueColumn.types.d.cts","sourceRoot":"","sources":["../../../src/types/KeyValueColumn/KeyValueColumn.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc;AAEvC;;;GAGG;AACH,MAAM,MAAM,yBAAyB,GAAG;IACtC,yDAAyD;IACzD,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,+DAA+D;IAC/D,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,oGAAoG;IACpG,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,2DAA2D;IAC3D,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAChC,iEAAiE;IACjE,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,iDAAiD;IACjD,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B,CAAC"}

package/dist/types/KeyValueColumn/KeyValueColumn.types.d.mts

@@ -0,0 +1,20 @@
+import type { ReactNode } from "react";
+/**
+ * KeyValueColumn shared props (ADR-0004).
+ * Platform-independent properties shared across React and React Native.
+ */
+export type KeyValueColumnPropsShared = {
+    /** Optional node rendered before the key (e.g. icon). */
+    keyStartAccessory?: ReactNode;
+    /** Optional node rendered after the key (e.g. icon, badge). */
+    keyEndAccessory?: ReactNode;
+    /** Key content: string or custom ReactNode. Named keyLabel to avoid React’s reserved `key` prop. */
+    keyLabel: string | ReactNode;
+    /** Optional node rendered before the value (e.g. icon). */
+    valueStartAccessory?: ReactNode;
+    /** Optional node rendered after the value (e.g. icon, badge). */
+    valueEndAccessory?: ReactNode;
+    /** Value content: string or custom ReactNode. */
+    value: string | ReactNode;
+};
+//# sourceMappingURL=KeyValueColumn.types.d.mts.map

package/dist/types/KeyValueColumn/KeyValueColumn.types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyValueColumn.types.d.mts","sourceRoot":"","sources":["../../../src/types/KeyValueColumn/KeyValueColumn.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc;AAEvC;;;GAGG;AACH,MAAM,MAAM,yBAAyB,GAAG;IACtC,yDAAyD;IACzD,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,+DAA+D;IAC/D,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,oGAAoG;IACpG,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,2DAA2D;IAC3D,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAChC,iEAAiE;IACjE,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,iDAAiD;IACjD,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B,CAAC"}

package/dist/types/KeyValueColumn/KeyValueColumn.types.mjs

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

package/dist/types/KeyValueColumn/KeyValueColumn.types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyValueColumn.types.mjs","sourceRoot":"","sources":["../../../src/types/KeyValueColumn/KeyValueColumn.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ReactNode } from 'react';\n\n/**\n * KeyValueColumn shared props (ADR-0004).\n * Platform-independent properties shared across React and React Native.\n */\nexport type KeyValueColumnPropsShared = {\n  /** Optional node rendered before the key (e.g. icon). */\n  keyStartAccessory?: ReactNode;\n  /** Optional node rendered after the key (e.g. icon, badge). */\n  keyEndAccessory?: ReactNode;\n  /** Key content: string or custom ReactNode. Named keyLabel to avoid React’s reserved `key` prop. */\n  keyLabel: string | ReactNode;\n  /** Optional node rendered before the value (e.g. icon). */\n  valueStartAccessory?: ReactNode;\n  /** Optional node rendered after the value (e.g. icon, badge). */\n  valueEndAccessory?: ReactNode;\n  /** Value content: string or custom ReactNode. */\n  value: string | ReactNode;\n};\n"]}

package/dist/types/KeyValueColumn/index.cjs

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

package/dist/types/KeyValueColumn/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/types/KeyValueColumn/index.ts"],"names":[],"mappings":"","sourcesContent":["export { type KeyValueColumnPropsShared } from './KeyValueColumn.types';\n"]}

package/dist/types/KeyValueColumn/index.d.cts

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

package/dist/types/KeyValueColumn/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/types/KeyValueColumn/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,yBAAyB,EAAE,mCAA+B"}

package/dist/types/KeyValueColumn/index.d.mts

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

package/dist/types/KeyValueColumn/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/types/KeyValueColumn/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,yBAAyB,EAAE,mCAA+B"}

package/dist/types/KeyValueColumn/index.mjs

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

package/dist/types/KeyValueColumn/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/types/KeyValueColumn/index.ts"],"names":[],"mappings":"","sourcesContent":["export { type KeyValueColumnPropsShared } from './KeyValueColumn.types';\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@metamask-previews/design-system-shared",
-  "version": "0.7.0-preview.dff9dce",
+  "version": "0.8.0-preview.a73a010",
   "description": "Shared types for design system libraries",
   "keywords": [
     "MetaMask",

package/dist/types/Text/Text.types.cjs

@@ -1,118 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextColor = exports.TextVariant = exports.FontFamily = exports.FontStyle = exports.FontWeight = void 0;
-/**
- * Text - fontWeight (ADR-0003)
- * Semantic values shared across React and React Native platforms.
- */
-exports.FontWeight = {
-    /** Weight - 600 */
-    Bold: 'bold',
-    /** Weight - 500 */
-    Medium: 'medium',
-    /** Weight - 400 */
-    Regular: 'regular',
-};
-/**
- * Text - fontStyle (ADR-0003)
- * Semantic values shared across React and React Native platforms.
- */
-exports.FontStyle = {
-    Italic: 'italic',
-    Normal: 'normal',
-};
-/**
- * Text - fontFamily (ADR-0003)
- * Semantic values shared across React and React Native platforms.
- */
-exports.FontFamily = {
-    /** Default: Geist */
-    Default: 'default',
-    /** Accent: MM Sans */
-    Accent: 'accent',
-    /** Hero: MM Poly */
-    Hero: 'hero',
-};
-/**
- * Text - variant (ADR-0003)
- * Identical values across React and React Native platforms.
- */
-exports.TextVariant = {
-    // Display Sizes
-    DisplayLg: 'display-lg',
-    DisplayMd: 'display-md',
-    // Heading Sizes
-    HeadingLg: 'heading-lg',
-    HeadingMd: 'heading-md',
-    HeadingSm: 'heading-sm',
-    // Body Sizes
-    BodyLg: 'body-lg',
-    BodyMd: 'body-md',
-    BodySm: 'body-sm',
-    BodyXs: 'body-xs',
-    // Special Typography Variants
-    PageHeading: 'page-heading',
-    SectionHeading: 'section-heading',
-    ButtonLabelMd: 'button-label-md',
-    ButtonLabelLg: 'button-label-lg',
-    AmountDisplayLg: 'amount-display-lg',
-};
-/**
- * Text - color (ADR-0003)
- * All text color values shared across React and React Native platforms.
- */
-exports.TextColor = {
-    /** For default neutral text. */
-    TextDefault: 'text-default',
-    /** For softer contrast neutral text */
-    TextAlternative: 'text-alternative',
-    /** For the softest contrast neutral text (not accessible) */
-    TextMuted: 'text-muted',
-    /** For elements used on top of overlay/alternative. Used for text, icon or border */
-    OverlayInverse: 'text-overlay-inverse',
-    /** For interactive, active, and selected semantics. Used for text, background, icon or border */
-    PrimaryDefault: 'text-primary-default',
-    /** For elements used on top of primary/default. Used for text, icon or border */
-    PrimaryInverse: 'text-primary-inverse',
-    /** For softer variants of primary text. */
-    PrimaryAlternative: 'text-primary-alternative',
-    /** For primary text in a hover state. */
-    PrimaryDefaultHover: 'text-primary-default-hover',
-    /** For primary text in a pressed state. */
-    PrimaryDefaultPressed: 'text-primary-default-pressed',
-    /** For the critical alert semantic elements. Used for text, background, icon or border */
-    ErrorDefault: 'text-error-default',
-    /** For the stronger contrast error semantic elements. */
-    ErrorAlternative: 'text-error-alternative',
-    /** For elements used on top of error/default. Used for text, icon or border */
-    ErrorInverse: 'text-error-inverse',
-    /** For critical alert text in a hover state. */
-    ErrorDefaultHover: 'text-error-default-hover',
-    /** For critical alert text in a pressed state. */
-    ErrorDefaultPressed: 'text-error-default-pressed',
-    /** For the positive semantic elements. Used for text, background, icon or border */
-    SuccessDefault: 'text-success-default',
-    /** For elements used on top of success/default. Used for text, icon or border */
-    SuccessInverse: 'text-success-inverse',
-    /** For positive text in a hover state. */
-    SuccessDefaultHover: 'text-success-default-hover',
-    /** For positive text in a pressed state. */
-    SuccessDefaultPressed: 'text-success-default-pressed',
-    /** For the caution alert semantic elements. Used for text, background, icon or border */
-    WarningDefault: 'text-warning-default',
-    /** For elements used on top of warning/default. Used for text, icon or border */
-    WarningInverse: 'text-warning-inverse',
-    /** For caution text in a hover state. */
-    WarningDefaultHover: 'text-warning-default-hover',
-    /** For caution text in a pressed state. */
-    WarningDefaultPressed: 'text-warning-default-pressed',
-    /** For informational read-only elements. Used for text, background, icon or border */
-    InfoDefault: 'text-info-default',
-    /** For elements used on top of info/default. Used for text, icon or border */
-    InfoInverse: 'text-info-inverse',
-    /** Make the text color transparent */
-    Transparent: 'text-transparent',
-    /** Inherit the color of the parent element */
-    Inherit: 'text-inherit',
-};
-//# sourceMappingURL=Text.types.cjs.map

package/dist/types/Text/Text.types.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Text.types.cjs","sourceRoot":"","sources":["../../../src/types/Text/Text.types.ts"],"names":[],"mappings":";;;AAEA;;;GAGG;AACU,QAAA,UAAU,GAAG;IACxB,mBAAmB;IACnB,IAAI,EAAE,MAAM;IACZ,mBAAmB;IACnB,MAAM,EAAE,QAAQ;IAChB,mBAAmB;IACnB,OAAO,EAAE,SAAS;CACV,CAAC;AAIX;;;GAGG;AACU,QAAA,SAAS,GAAG;IACvB,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;CACR,CAAC;AAIX;;;GAGG;AACU,QAAA,UAAU,GAAG;IACxB,qBAAqB;IACrB,OAAO,EAAE,SAAS;IAClB,sBAAsB;IACtB,MAAM,EAAE,QAAQ;IAChB,oBAAoB;IACpB,IAAI,EAAE,MAAM;CACJ,CAAC;AAIX;;;GAGG;AACU,QAAA,WAAW,GAAG;IACzB,gBAAgB;IAChB,SAAS,EAAE,YAAY;IACvB,SAAS,EAAE,YAAY;IAEvB,gBAAgB;IAChB,SAAS,EAAE,YAAY;IACvB,SAAS,EAAE,YAAY;IACvB,SAAS,EAAE,YAAY;IAEvB,aAAa;IACb,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IAEjB,8BAA8B;IAC9B,WAAW,EAAE,cAAc;IAC3B,cAAc,EAAE,iBAAiB;IACjC,aAAa,EAAE,iBAAiB;IAChC,aAAa,EAAE,iBAAiB;IAChC,eAAe,EAAE,mBAAmB;CAC5B,CAAC;AAIX;;;GAGG;AACU,QAAA,SAAS,GAAG;IACvB,gCAAgC;IAChC,WAAW,EAAE,cAAc;IAC3B,uCAAuC;IACvC,eAAe,EAAE,kBAAkB;IACnC,6DAA6D;IAC7D,SAAS,EAAE,YAAY;IACvB,qFAAqF;IACrF,cAAc,EAAE,sBAAsB;IACtC,iGAAiG;IACjG,cAAc,EAAE,sBAAsB;IACtC,iFAAiF;IACjF,cAAc,EAAE,sBAAsB;IACtC,2CAA2C;IAC3C,kBAAkB,EAAE,0BAA0B;IAC9C,yCAAyC;IACzC,mBAAmB,EAAE,4BAA4B;IACjD,2CAA2C;IAC3C,qBAAqB,EAAE,8BAA8B;IACrD,0FAA0F;IAC1F,YAAY,EAAE,oBAAoB;IAClC,yDAAyD;IACzD,gBAAgB,EAAE,wBAAwB;IAC1C,+EAA+E;IAC/E,YAAY,EAAE,oBAAoB;IAClC,gDAAgD;IAChD,iBAAiB,EAAE,0BAA0B;IAC7C,kDAAkD;IAClD,mBAAmB,EAAE,4BAA4B;IACjD,oFAAoF;IACpF,cAAc,EAAE,sBAAsB;IACtC,iFAAiF;IACjF,cAAc,EAAE,sBAAsB;IACtC,0CAA0C;IAC1C,mBAAmB,EAAE,4BAA4B;IACjD,4CAA4C;IAC5C,qBAAqB,EAAE,8BAA8B;IACrD,yFAAyF;IACzF,cAAc,EAAE,sBAAsB;IACtC,iFAAiF;IACjF,cAAc,EAAE,sBAAsB;IACtC,yCAAyC;IACzC,mBAAmB,EAAE,4BAA4B;IACjD,2CAA2C;IAC3C,qBAAqB,EAAE,8BAA8B;IACrD,sFAAsF;IACtF,WAAW,EAAE,mBAAmB;IAChC,8EAA8E;IAC9E,WAAW,EAAE,mBAAmB;IAChC,sCAAsC;IACtC,WAAW,EAAE,kBAAkB;IAC/B,8CAA8C;IAC9C,OAAO,EAAE,cAAc;CACf,CAAC","sourcesContent":["import type { ReactNode } from 'react';\n\n/**\n * Text - fontWeight (ADR-0003)\n * Semantic values shared across React and React Native platforms.\n */\nexport const FontWeight = {\n  /** Weight - 600 */\n  Bold: 'bold',\n  /** Weight - 500 */\n  Medium: 'medium',\n  /** Weight - 400 */\n  Regular: 'regular',\n} as const;\n\nexport type FontWeight = (typeof FontWeight)[keyof typeof FontWeight];\n\n/**\n * Text - fontStyle (ADR-0003)\n * Semantic values shared across React and React Native platforms.\n */\nexport const FontStyle = {\n  Italic: 'italic',\n  Normal: 'normal',\n} as const;\n\nexport type FontStyle = (typeof FontStyle)[keyof typeof FontStyle];\n\n/**\n * Text - fontFamily (ADR-0003)\n * Semantic values shared across React and React Native platforms.\n */\nexport const FontFamily = {\n  /** Default: Geist */\n  Default: 'default',\n  /** Accent: MM Sans */\n  Accent: 'accent',\n  /** Hero: MM Poly */\n  Hero: 'hero',\n} as const;\n\nexport type FontFamily = (typeof FontFamily)[keyof typeof FontFamily];\n\n/**\n * Text - variant (ADR-0003)\n * Identical values across React and React Native platforms.\n */\nexport const TextVariant = {\n  // Display Sizes\n  DisplayLg: 'display-lg',\n  DisplayMd: 'display-md',\n\n  // Heading Sizes\n  HeadingLg: 'heading-lg',\n  HeadingMd: 'heading-md',\n  HeadingSm: 'heading-sm',\n\n  // Body Sizes\n  BodyLg: 'body-lg',\n  BodyMd: 'body-md',\n  BodySm: 'body-sm',\n  BodyXs: 'body-xs',\n\n  // Special Typography Variants\n  PageHeading: 'page-heading',\n  SectionHeading: 'section-heading',\n  ButtonLabelMd: 'button-label-md',\n  ButtonLabelLg: 'button-label-lg',\n  AmountDisplayLg: 'amount-display-lg',\n} as const;\n\nexport type TextVariant = (typeof TextVariant)[keyof typeof TextVariant];\n\n/**\n * Text - color (ADR-0003)\n * All text color values shared across React and React Native platforms.\n */\nexport const TextColor = {\n  /** For default neutral text. */\n  TextDefault: 'text-default',\n  /** For softer contrast neutral text */\n  TextAlternative: 'text-alternative',\n  /** For the softest contrast neutral text (not accessible) */\n  TextMuted: 'text-muted',\n  /** For elements used on top of overlay/alternative. Used for text, icon or border */\n  OverlayInverse: 'text-overlay-inverse',\n  /** For interactive, active, and selected semantics. Used for text, background, icon or border */\n  PrimaryDefault: 'text-primary-default',\n  /** For elements used on top of primary/default. Used for text, icon or border */\n  PrimaryInverse: 'text-primary-inverse',\n  /** For softer variants of primary text. */\n  PrimaryAlternative: 'text-primary-alternative',\n  /** For primary text in a hover state. */\n  PrimaryDefaultHover: 'text-primary-default-hover',\n  /** For primary text in a pressed state. */\n  PrimaryDefaultPressed: 'text-primary-default-pressed',\n  /** For the critical alert semantic elements. Used for text, background, icon or border */\n  ErrorDefault: 'text-error-default',\n  /** For the stronger contrast error semantic elements. */\n  ErrorAlternative: 'text-error-alternative',\n  /** For elements used on top of error/default. Used for text, icon or border */\n  ErrorInverse: 'text-error-inverse',\n  /** For critical alert text in a hover state. */\n  ErrorDefaultHover: 'text-error-default-hover',\n  /** For critical alert text in a pressed state. */\n  ErrorDefaultPressed: 'text-error-default-pressed',\n  /** For the positive semantic elements. Used for text, background, icon or border */\n  SuccessDefault: 'text-success-default',\n  /** For elements used on top of success/default. Used for text, icon or border */\n  SuccessInverse: 'text-success-inverse',\n  /** For positive text in a hover state. */\n  SuccessDefaultHover: 'text-success-default-hover',\n  /** For positive text in a pressed state. */\n  SuccessDefaultPressed: 'text-success-default-pressed',\n  /** For the caution alert semantic elements. Used for text, background, icon or border */\n  WarningDefault: 'text-warning-default',\n  /** For elements used on top of warning/default. Used for text, icon or border */\n  WarningInverse: 'text-warning-inverse',\n  /** For caution text in a hover state. */\n  WarningDefaultHover: 'text-warning-default-hover',\n  /** For caution text in a pressed state. */\n  WarningDefaultPressed: 'text-warning-default-pressed',\n  /** For informational read-only elements. Used for text, background, icon or border */\n  InfoDefault: 'text-info-default',\n  /** For elements used on top of info/default. Used for text, icon or border */\n  InfoInverse: 'text-info-inverse',\n  /** Make the text color transparent */\n  Transparent: 'text-transparent',\n  /** Inherit the color of the parent element */\n  Inherit: 'text-inherit',\n} as const;\n\nexport type TextColor = (typeof TextColor)[keyof typeof TextColor];\n\n/**\n * Text component shared props (ADR-0004).\n * Platform-independent props shared across React and React Native.\n */\nexport type TextPropsShared = {\n  /**\n   * Optional prop to change the font size of the component.\n   * Different variants map to specific HTML elements by default.\n   *\n   * @default TextVariant.BodyMd\n   */\n  variant?: TextVariant;\n  /**\n   * The text content or elements to be rendered within the component.\n   */\n  children: ReactNode;\n  /**\n   * Optional prop that sets the color of the text using predefined theme colors.\n   *\n   * @default TextColor.TextDefault\n   */\n  color?: TextColor;\n};\n"]}

package/dist/types/Text/Text.types.d.cts

@@ -1,140 +0,0 @@
-import type { ReactNode } from "react";
-/**
- * Text - fontWeight (ADR-0003)
- * Semantic values shared across React and React Native platforms.
- */
-export declare const FontWeight: {
-    /** Weight - 600 */
-    readonly Bold: "bold";
-    /** Weight - 500 */
-    readonly Medium: "medium";
-    /** Weight - 400 */
-    readonly Regular: "regular";
-};
-export type FontWeight = (typeof FontWeight)[keyof typeof FontWeight];
-/**
- * Text - fontStyle (ADR-0003)
- * Semantic values shared across React and React Native platforms.
- */
-export declare const FontStyle: {
-    readonly Italic: "italic";
-    readonly Normal: "normal";
-};
-export type FontStyle = (typeof FontStyle)[keyof typeof FontStyle];
-/**
- * Text - fontFamily (ADR-0003)
- * Semantic values shared across React and React Native platforms.
- */
-export declare const FontFamily: {
-    /** Default: Geist */
-    readonly Default: "default";
-    /** Accent: MM Sans */
-    readonly Accent: "accent";
-    /** Hero: MM Poly */
-    readonly Hero: "hero";
-};
-export type FontFamily = (typeof FontFamily)[keyof typeof FontFamily];
-/**
- * Text - variant (ADR-0003)
- * Identical values across React and React Native platforms.
- */
-export declare const TextVariant: {
-    readonly DisplayLg: "display-lg";
-    readonly DisplayMd: "display-md";
-    readonly HeadingLg: "heading-lg";
-    readonly HeadingMd: "heading-md";
-    readonly HeadingSm: "heading-sm";
-    readonly BodyLg: "body-lg";
-    readonly BodyMd: "body-md";
-    readonly BodySm: "body-sm";
-    readonly BodyXs: "body-xs";
-    readonly PageHeading: "page-heading";
-    readonly SectionHeading: "section-heading";
-    readonly ButtonLabelMd: "button-label-md";
-    readonly ButtonLabelLg: "button-label-lg";
-    readonly AmountDisplayLg: "amount-display-lg";
-};
-export type TextVariant = (typeof TextVariant)[keyof typeof TextVariant];
-/**
- * Text - color (ADR-0003)
- * All text color values shared across React and React Native platforms.
- */
-export declare const TextColor: {
-    /** For default neutral text. */
-    readonly TextDefault: "text-default";
-    /** For softer contrast neutral text */
-    readonly TextAlternative: "text-alternative";
-    /** For the softest contrast neutral text (not accessible) */
-    readonly TextMuted: "text-muted";
-    /** For elements used on top of overlay/alternative. Used for text, icon or border */
-    readonly OverlayInverse: "text-overlay-inverse";
-    /** For interactive, active, and selected semantics. Used for text, background, icon or border */
-    readonly PrimaryDefault: "text-primary-default";
-    /** For elements used on top of primary/default. Used for text, icon or border */
-    readonly PrimaryInverse: "text-primary-inverse";
-    /** For softer variants of primary text. */
-    readonly PrimaryAlternative: "text-primary-alternative";
-    /** For primary text in a hover state. */
-    readonly PrimaryDefaultHover: "text-primary-default-hover";
-    /** For primary text in a pressed state. */
-    readonly PrimaryDefaultPressed: "text-primary-default-pressed";
-    /** For the critical alert semantic elements. Used for text, background, icon or border */
-    readonly ErrorDefault: "text-error-default";
-    /** For the stronger contrast error semantic elements. */
-    readonly ErrorAlternative: "text-error-alternative";
-    /** For elements used on top of error/default. Used for text, icon or border */
-    readonly ErrorInverse: "text-error-inverse";
-    /** For critical alert text in a hover state. */
-    readonly ErrorDefaultHover: "text-error-default-hover";
-    /** For critical alert text in a pressed state. */
-    readonly ErrorDefaultPressed: "text-error-default-pressed";
-    /** For the positive semantic elements. Used for text, background, icon or border */
-    readonly SuccessDefault: "text-success-default";
-    /** For elements used on top of success/default. Used for text, icon or border */
-    readonly SuccessInverse: "text-success-inverse";
-    /** For positive text in a hover state. */
-    readonly SuccessDefaultHover: "text-success-default-hover";
-    /** For positive text in a pressed state. */
-    readonly SuccessDefaultPressed: "text-success-default-pressed";
-    /** For the caution alert semantic elements. Used for text, background, icon or border */
-    readonly WarningDefault: "text-warning-default";
-    /** For elements used on top of warning/default. Used for text, icon or border */
-    readonly WarningInverse: "text-warning-inverse";
-    /** For caution text in a hover state. */
-    readonly WarningDefaultHover: "text-warning-default-hover";
-    /** For caution text in a pressed state. */
-    readonly WarningDefaultPressed: "text-warning-default-pressed";
-    /** For informational read-only elements. Used for text, background, icon or border */
-    readonly InfoDefault: "text-info-default";
-    /** For elements used on top of info/default. Used for text, icon or border */
-    readonly InfoInverse: "text-info-inverse";
-    /** Make the text color transparent */
-    readonly Transparent: "text-transparent";
-    /** Inherit the color of the parent element */
-    readonly Inherit: "text-inherit";
-};
-export type TextColor = (typeof TextColor)[keyof typeof TextColor];
-/**
- * Text component shared props (ADR-0004).
- * Platform-independent props shared across React and React Native.
- */
-export type TextPropsShared = {
-    /**
-     * Optional prop to change the font size of the component.
-     * Different variants map to specific HTML elements by default.
-     *
-     * @default TextVariant.BodyMd
-     */
-    variant?: TextVariant;
-    /**
-     * The text content or elements to be rendered within the component.
-     */
-    children: ReactNode;
-    /**
-     * Optional prop that sets the color of the text using predefined theme colors.
-     *
-     * @default TextColor.TextDefault
-     */
-    color?: TextColor;
-};
-//# sourceMappingURL=Text.types.d.cts.map