@metamask-previews/design-system-react-native 0.11.0-preview.645f8b0 → 0.11.0-preview.9c677c4

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

@@ -0,0 +1,177 @@
+import type { ReactNode } from "react";
+import type { ViewProps } from "react-native/index.js";
+import { ButtonIconSize } from "../ButtonIcon/index.cjs";
+import { IconName, IconSize } from "../Icon/index.cjs";
+import type { IconProps } from "../Icon/index.cjs";
+import type { TextProps } from "../Text/index.cjs";
+/**
+ * The optional tooltip that can be displayed within a KeyValueRowField.
+ */
+export type KeyValueRowTooltip = {
+    /**
+     * The title displayed at the top of the tooltip.
+     */
+    title: string;
+    /**
+     * The content displayed within the tooltip body.
+     */
+    content: string | ReactNode;
+    /**
+     * Optional size of the tooltip icon button.
+     *
+     * @default ButtonIconSize.Md
+     */
+    size?: ButtonIconSize;
+    /**
+     * Optional icon name for the tooltip icon.
+     *
+     * @default IconName.Question
+     */
+    iconName?: IconName;
+    /**
+     * Optional onPress handler called when the tooltip icon is pressed.
+     */
+    onPress?: (...args: unknown[]) => unknown;
+    /**
+     * Optional bottom padding for the tooltip modal.
+     */
+    bottomPadding?: number;
+};
+/**
+ * Used to position an icon in a KeyValueRowField.
+ */
+export declare const KeyValueRowFieldIconSides: {
+    readonly Left: "left";
+    readonly Right: "right";
+    readonly Both: "both";
+};
+export type KeyValueRowFieldIconSides = (typeof KeyValueRowFieldIconSides)[keyof typeof KeyValueRowFieldIconSides];
+/**
+ * Represents a field displayed within KeyValueRowProps.
+ */
+export type KeyValueRowField = {
+    /**
+     * The label content displayed.
+     */
+    label: PreDefinedKeyValueRowLabel | ReactNode;
+    /**
+     * Optional icon to display. If undefined, no icon is displayed.
+     */
+    icon?: IconProps & {
+        side?: KeyValueRowFieldIconSides;
+    };
+    /**
+     * Optional tooltip to display. If undefined, no tooltip is displayed.
+     */
+    tooltip?: KeyValueRowTooltip;
+};
+/**
+ * Re-exported for backwards compatibility.
+ */
+export declare const IconSizes: typeof IconSize;
+/**
+ * Re-exported for backwards compatibility.
+ */
+export declare const TooltipSizes: typeof ButtonIconSize;
+/**
+ * A predefined label object with text, variant, and color.
+ */
+export type PreDefinedKeyValueRowLabel = {
+    /**
+     * Text to display.
+     */
+    text: string;
+    /**
+     * Optional text variant.
+     *
+     * @default TextVariant.BodyMd
+     */
+    variant?: TextProps['variant'];
+    /**
+     * Optional text color.
+     *
+     * @default TextColor.TextDefault
+     */
+    color?: TextProps['color'];
+};
+/**
+ * The KeyValueRowLabel component props.
+ */
+export type KeyValueRowLabelProps = {
+    /**
+     * The label content displayed.
+     */
+    label: PreDefinedKeyValueRowLabel | ReactNode;
+    /**
+     * Optional tooltip. If undefined, the tooltip won't be displayed.
+     */
+    tooltip?: KeyValueRowTooltip;
+};
+/**
+ * Represents the valid KeyValueSection alignments.
+ */
+export declare const KeyValueRowSectionAlignments: {
+    readonly Left: "items-start";
+    readonly Right: "items-end";
+};
+export type KeyValueRowSectionAlignments = (typeof KeyValueRowSectionAlignments)[keyof typeof KeyValueRowSectionAlignments];
+/**
+ * Represents the main container for the KeyValueRow component.
+ *
+ * Extends `ViewProps` so the root View inherits standard React Native
+ * props such as `testID` and `accessibilityLabel`.
+ */
+export type KeyValueRowRootProps = {
+    /**
+     * Must have exactly two children. Adding more will lead to an undesired outcome.
+     */
+    children: [ReactNode, ReactNode];
+    /**
+     * Optional Tailwind class names to override default styles on the root element.
+     */
+    twClassName?: string;
+} & ViewProps;
+/**
+ * The KeyValueSection component props.
+ *
+ * Extends `ViewProps` so the root View inherits standard React Native
+ * props such as `testID` and `accessibilityLabel`.
+ */
+export type KeyValueSectionProps = {
+    /**
+     * Child components.
+     */
+    children: ReactNode;
+    /**
+     * Optional content alignment.
+     *
+     * @default KeyValueRowSectionAlignments.Left
+     */
+    align?: KeyValueRowSectionAlignments;
+    /**
+     * Optional Tailwind class names to override default styles on the root element.
+     */
+    twClassName?: string;
+} & ViewProps;
+/**
+ * The KeyValueRow component props.
+ *
+ * Extends `ViewProps` so the root View inherits standard React Native
+ * props such as `testID` and `accessibilityLabel`.
+ */
+export type KeyValueRowProps = {
+    /**
+     * The "key" portion of the KeyValueRow (left side).
+     * Using the variable name field because key is reserved.
+     */
+    field: KeyValueRowField;
+    /**
+     * The "value" portion of the KeyValueRow (right side).
+     */
+    value: KeyValueRowField;
+    /**
+     * Optional Tailwind class names to override default styles on the root element.
+     */
+    twClassName?: string;
+} & ViewProps;
+//# sourceMappingURL=KeyValueRow.types.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"KeyValueRow.types.d.cts","sourceRoot":"","sources":["../../../src/components/KeyValueRow/KeyValueRow.types.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,177 @@
+import type { ReactNode } from "react";
+import type { ViewProps } from "react-native/index.js";
+import { ButtonIconSize } from "../ButtonIcon/index.mjs";
+import { IconName, IconSize } from "../Icon/index.mjs";
+import type { IconProps } from "../Icon/index.mjs";
+import type { TextProps } from "../Text/index.mjs";
+/**
+ * The optional tooltip that can be displayed within a KeyValueRowField.
+ */
+export type KeyValueRowTooltip = {
+    /**
+     * The title displayed at the top of the tooltip.
+     */
+    title: string;
+    /**
+     * The content displayed within the tooltip body.
+     */
+    content: string | ReactNode;
+    /**
+     * Optional size of the tooltip icon button.
+     *
+     * @default ButtonIconSize.Md
+     */
+    size?: ButtonIconSize;
+    /**
+     * Optional icon name for the tooltip icon.
+     *
+     * @default IconName.Question
+     */
+    iconName?: IconName;
+    /**
+     * Optional onPress handler called when the tooltip icon is pressed.
+     */
+    onPress?: (...args: unknown[]) => unknown;
+    /**
+     * Optional bottom padding for the tooltip modal.
+     */
+    bottomPadding?: number;
+};
+/**
+ * Used to position an icon in a KeyValueRowField.
+ */
+export declare const KeyValueRowFieldIconSides: {
+    readonly Left: "left";
+    readonly Right: "right";
+    readonly Both: "both";
+};
+export type KeyValueRowFieldIconSides = (typeof KeyValueRowFieldIconSides)[keyof typeof KeyValueRowFieldIconSides];
+/**
+ * Represents a field displayed within KeyValueRowProps.
+ */
+export type KeyValueRowField = {
+    /**
+     * The label content displayed.
+     */
+    label: PreDefinedKeyValueRowLabel | ReactNode;
+    /**
+     * Optional icon to display. If undefined, no icon is displayed.
+     */
+    icon?: IconProps & {
+        side?: KeyValueRowFieldIconSides;
+    };
+    /**
+     * Optional tooltip to display. If undefined, no tooltip is displayed.
+     */
+    tooltip?: KeyValueRowTooltip;
+};
+/**
+ * Re-exported for backwards compatibility.
+ */
+export declare const IconSizes: typeof IconSize;
+/**
+ * Re-exported for backwards compatibility.
+ */
+export declare const TooltipSizes: typeof ButtonIconSize;
+/**
+ * A predefined label object with text, variant, and color.
+ */
+export type PreDefinedKeyValueRowLabel = {
+    /**
+     * Text to display.
+     */
+    text: string;
+    /**
+     * Optional text variant.
+     *
+     * @default TextVariant.BodyMd
+     */
+    variant?: TextProps['variant'];
+    /**
+     * Optional text color.
+     *
+     * @default TextColor.TextDefault
+     */
+    color?: TextProps['color'];
+};
+/**
+ * The KeyValueRowLabel component props.
+ */
+export type KeyValueRowLabelProps = {
+    /**
+     * The label content displayed.
+     */
+    label: PreDefinedKeyValueRowLabel | ReactNode;
+    /**
+     * Optional tooltip. If undefined, the tooltip won't be displayed.
+     */
+    tooltip?: KeyValueRowTooltip;
+};
+/**
+ * Represents the valid KeyValueSection alignments.
+ */
+export declare const KeyValueRowSectionAlignments: {
+    readonly Left: "items-start";
+    readonly Right: "items-end";
+};
+export type KeyValueRowSectionAlignments = (typeof KeyValueRowSectionAlignments)[keyof typeof KeyValueRowSectionAlignments];
+/**
+ * Represents the main container for the KeyValueRow component.
+ *
+ * Extends `ViewProps` so the root View inherits standard React Native
+ * props such as `testID` and `accessibilityLabel`.
+ */
+export type KeyValueRowRootProps = {
+    /**
+     * Must have exactly two children. Adding more will lead to an undesired outcome.
+     */
+    children: [ReactNode, ReactNode];
+    /**
+     * Optional Tailwind class names to override default styles on the root element.
+     */
+    twClassName?: string;
+} & ViewProps;
+/**
+ * The KeyValueSection component props.
+ *
+ * Extends `ViewProps` so the root View inherits standard React Native
+ * props such as `testID` and `accessibilityLabel`.
+ */
+export type KeyValueSectionProps = {
+    /**
+     * Child components.
+     */
+    children: ReactNode;
+    /**
+     * Optional content alignment.
+     *
+     * @default KeyValueRowSectionAlignments.Left
+     */
+    align?: KeyValueRowSectionAlignments;
+    /**
+     * Optional Tailwind class names to override default styles on the root element.
+     */
+    twClassName?: string;
+} & ViewProps;
+/**
+ * The KeyValueRow component props.
+ *
+ * Extends `ViewProps` so the root View inherits standard React Native
+ * props such as `testID` and `accessibilityLabel`.
+ */
+export type KeyValueRowProps = {
+    /**
+     * The "key" portion of the KeyValueRow (left side).
+     * Using the variable name field because key is reserved.
+     */
+    field: KeyValueRowField;
+    /**
+     * The "value" portion of the KeyValueRow (right side).
+     */
+    value: KeyValueRowField;
+    /**
+     * Optional Tailwind class names to override default styles on the root element.
+     */
+    twClassName?: string;
+} & ViewProps;
+//# sourceMappingURL=KeyValueRow.types.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"KeyValueRow.types.d.mts","sourceRoot":"","sources":["../../../src/components/KeyValueRow/KeyValueRow.types.ts"],"names":[],"mappings":"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"}

package/dist/components/KeyValueRow/KeyValueRow.types.mjs

@@ -0,0 +1,26 @@
+import { ButtonIconSize } from "../ButtonIcon/index.mjs";
+import { IconName, IconSize } from "../Icon/index.mjs";
+/**
+ * Used to position an icon in a KeyValueRowField.
+ */
+export const KeyValueRowFieldIconSides = {
+    Left: 'left',
+    Right: 'right',
+    Both: 'both',
+};
+/**
+ * Re-exported for backwards compatibility.
+ */
+export const IconSizes = IconSize;
+/**
+ * Re-exported for backwards compatibility.
+ */
+export const TooltipSizes = ButtonIconSize;
+/**
+ * Represents the valid KeyValueSection alignments.
+ */
+export const KeyValueRowSectionAlignments = {
+    Left: 'items-start',
+    Right: 'items-end',
+};
+//# sourceMappingURL=KeyValueRow.types.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"KeyValueRow.types.mjs","sourceRoot":"","sources":["../../../src/components/KeyValueRow/KeyValueRow.types.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,gCAAsB;AAC/C,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,0BAAgB;AAsC7C;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACvC,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,MAAM;CACJ,CAAC;AAuBX;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,cAAc,CAAC;AAsC3C;;GAEG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG;IAC1C,IAAI,EAAE,aAAa;IACnB,KAAK,EAAE,WAAW;CACV,CAAC","sourcesContent":["import type { ReactNode } from 'react';\nimport type { ViewProps } from 'react-native';\n\nimport { ButtonIconSize } from '../ButtonIcon';\nimport { IconName, IconSize } from '../Icon';\nimport type { IconProps } from '../Icon';\nimport type { TextProps } from '../Text';\n\n/**\n * The optional tooltip that can be displayed within a KeyValueRowField.\n */\nexport type KeyValueRowTooltip = {\n  /**\n   * The title displayed at the top of the tooltip.\n   */\n  title: string;\n  /**\n   * The content displayed within the tooltip body.\n   */\n  content: string | ReactNode;\n  /**\n   * Optional size of the tooltip icon button.\n   *\n   * @default ButtonIconSize.Md\n   */\n  size?: ButtonIconSize;\n  /**\n   * Optional icon name for the tooltip icon.\n   *\n   * @default IconName.Question\n   */\n  iconName?: IconName;\n  /**\n   * Optional onPress handler called when the tooltip icon is pressed.\n   */\n  onPress?: (...args: unknown[]) => unknown;\n  /**\n   * Optional bottom padding for the tooltip modal.\n   */\n  bottomPadding?: number;\n};\n\n/**\n * Used to position an icon in a KeyValueRowField.\n */\nexport const KeyValueRowFieldIconSides = {\n  Left: 'left',\n  Right: 'right',\n  Both: 'both',\n} as const;\n\nexport type KeyValueRowFieldIconSides =\n  (typeof KeyValueRowFieldIconSides)[keyof typeof KeyValueRowFieldIconSides];\n\n/**\n * Represents a field displayed within KeyValueRowProps.\n */\nexport type KeyValueRowField = {\n  /**\n   * The label content displayed.\n   */\n  label: PreDefinedKeyValueRowLabel | ReactNode;\n  /**\n   * Optional icon to display. If undefined, no icon is displayed.\n   */\n  icon?: IconProps & { side?: KeyValueRowFieldIconSides };\n  /**\n   * Optional tooltip to display. If undefined, no tooltip is displayed.\n   */\n  tooltip?: KeyValueRowTooltip;\n};\n\n/**\n * Re-exported for backwards compatibility.\n */\nexport const IconSizes = IconSize;\n\n/**\n * Re-exported for backwards compatibility.\n */\nexport const TooltipSizes = ButtonIconSize;\n\n/**\n * A predefined label object with text, variant, and color.\n */\nexport type PreDefinedKeyValueRowLabel = {\n  /**\n   * Text to display.\n   */\n  text: string;\n  /**\n   * Optional text variant.\n   *\n   * @default TextVariant.BodyMd\n   */\n  variant?: TextProps['variant'];\n  /**\n   * Optional text color.\n   *\n   * @default TextColor.TextDefault\n   */\n  color?: TextProps['color'];\n};\n\n/**\n * The KeyValueRowLabel component props.\n */\nexport type KeyValueRowLabelProps = {\n  /**\n   * The label content displayed.\n   */\n  label: PreDefinedKeyValueRowLabel | ReactNode;\n  /**\n   * Optional tooltip. If undefined, the tooltip won't be displayed.\n   */\n  tooltip?: KeyValueRowTooltip;\n};\n\n/**\n * Represents the valid KeyValueSection alignments.\n */\nexport const KeyValueRowSectionAlignments = {\n  Left: 'items-start',\n  Right: 'items-end',\n} as const;\n\nexport type KeyValueRowSectionAlignments =\n  (typeof KeyValueRowSectionAlignments)[keyof typeof KeyValueRowSectionAlignments];\n\n/**\n * Represents the main container for the KeyValueRow component.\n *\n * Extends `ViewProps` so the root View inherits standard React Native\n * props such as `testID` and `accessibilityLabel`.\n */\nexport type KeyValueRowRootProps = {\n  /**\n   * Must have exactly two children. Adding more will lead to an undesired outcome.\n   */\n  children: [ReactNode, ReactNode];\n  /**\n   * Optional Tailwind class names to override default styles on the root element.\n   */\n  twClassName?: string;\n} & ViewProps;\n\n/**\n * The KeyValueSection component props.\n *\n * Extends `ViewProps` so the root View inherits standard React Native\n * props such as `testID` and `accessibilityLabel`.\n */\nexport type KeyValueSectionProps = {\n  /**\n   * Child components.\n   */\n  children: ReactNode;\n  /**\n   * Optional content alignment.\n   *\n   * @default KeyValueRowSectionAlignments.Left\n   */\n  align?: KeyValueRowSectionAlignments;\n  /**\n   * Optional Tailwind class names to override default styles on the root element.\n   */\n  twClassName?: string;\n} & ViewProps;\n\n/**\n * The KeyValueRow component props.\n *\n * Extends `ViewProps` so the root View inherits standard React Native\n * props such as `testID` and `accessibilityLabel`.\n */\nexport type KeyValueRowProps = {\n  /**\n   * The \"key\" portion of the KeyValueRow (left side).\n   * Using the variable name field because key is reserved.\n   */\n  field: KeyValueRowField;\n  /**\n   * The \"value\" portion of the KeyValueRow (right side).\n   */\n  value: KeyValueRowField;\n  /**\n   * Optional Tailwind class names to override default styles on the root element.\n   */\n  twClassName?: string;\n} & ViewProps;\n"]}

package/dist/components/KeyValueRow/KeyValueRow.utils.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isPreDefinedKeyValueRowLabel = void 0;
+const isPreDefinedKeyValueRowLabel = (label) => label !== null && typeof label === 'object' && 'text' in label;
+exports.isPreDefinedKeyValueRowLabel = isPreDefinedKeyValueRowLabel;
+//# sourceMappingURL=KeyValueRow.utils.cjs.map

package/dist/components/KeyValueRow/KeyValueRow.utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyValueRow.utils.cjs","sourceRoot":"","sources":["../../../src/components/KeyValueRow/KeyValueRow.utils.ts"],"names":[],"mappings":";;;AAKO,MAAM,4BAA4B,GAAG,CAC1C,KAAqC,EACA,EAAE,CACvC,KAAK,KAAK,IAAI,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,IAAI,KAAK,CAAC;AAHpD,QAAA,4BAA4B,gCAGwB","sourcesContent":["import {\n  KeyValueRowLabelProps,\n  PreDefinedKeyValueRowLabel,\n} from './KeyValueRow.types';\n\nexport const isPreDefinedKeyValueRowLabel = (\n  label: KeyValueRowLabelProps['label'],\n): label is PreDefinedKeyValueRowLabel =>\n  label !== null && typeof label === 'object' && 'text' in label;\n"]}

package/dist/components/KeyValueRow/KeyValueRow.utils.d.cts

@@ -0,0 +1,3 @@
+import { KeyValueRowLabelProps, PreDefinedKeyValueRowLabel } from "./KeyValueRow.types.cjs";
+export declare const isPreDefinedKeyValueRowLabel: (label: KeyValueRowLabelProps['label']) => label is PreDefinedKeyValueRowLabel;
+//# sourceMappingURL=KeyValueRow.utils.d.cts.map

package/dist/components/KeyValueRow/KeyValueRow.utils.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyValueRow.utils.d.cts","sourceRoot":"","sources":["../../../src/components/KeyValueRow/KeyValueRow.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,0BAA0B,EAC3B,gCAA4B;AAE7B,eAAO,MAAM,4BAA4B,UAChC,qBAAqB,CAAC,OAAO,CAAC,wCAEyB,CAAC"}

package/dist/components/KeyValueRow/KeyValueRow.utils.d.mts

@@ -0,0 +1,3 @@
+import { KeyValueRowLabelProps, PreDefinedKeyValueRowLabel } from "./KeyValueRow.types.mjs";
+export declare const isPreDefinedKeyValueRowLabel: (label: KeyValueRowLabelProps['label']) => label is PreDefinedKeyValueRowLabel;
+//# sourceMappingURL=KeyValueRow.utils.d.mts.map

package/dist/components/KeyValueRow/KeyValueRow.utils.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyValueRow.utils.d.mts","sourceRoot":"","sources":["../../../src/components/KeyValueRow/KeyValueRow.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,0BAA0B,EAC3B,gCAA4B;AAE7B,eAAO,MAAM,4BAA4B,UAChC,qBAAqB,CAAC,OAAO,CAAC,wCAEyB,CAAC"}

package/dist/components/KeyValueRow/KeyValueRow.utils.mjs

@@ -0,0 +1,2 @@
+export const isPreDefinedKeyValueRowLabel = (label) => label !== null && typeof label === 'object' && 'text' in label;
+//# sourceMappingURL=KeyValueRow.utils.mjs.map

package/dist/components/KeyValueRow/KeyValueRow.utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyValueRow.utils.mjs","sourceRoot":"","sources":["../../../src/components/KeyValueRow/KeyValueRow.utils.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAC1C,KAAqC,EACA,EAAE,CACvC,KAAK,KAAK,IAAI,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,IAAI,KAAK,CAAC","sourcesContent":["import {\n  KeyValueRowLabelProps,\n  PreDefinedKeyValueRowLabel,\n} from './KeyValueRow.types';\n\nexport const isPreDefinedKeyValueRowLabel = (\n  label: KeyValueRowLabelProps['label'],\n): label is PreDefinedKeyValueRowLabel =>\n  label !== null && typeof label === 'object' && 'text' in label;\n"]}

package/dist/components/KeyValueRow/KeyValueSection/KeyValueSection.cjs

@@ -0,0 +1,29 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const design_system_twrnc_preset_1 = require("@metamask-previews/design-system-twrnc-preset");
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native/index.js");
+const KeyValueRow_types_1 = require("../KeyValueRow.types.cjs");
+/**
+ * A container representing either the left or right side of the KeyValueRow.
+ * For desired results, use only two <KeyValueSection> components within the <KeyValueRowRoot>.
+ *
+ * @param props - Component props.
+ * @param props.children - The child components.
+ * @param props.align - The alignment of the section.
+ * @param props.twClassName - Optional Tailwind class names to override root styles.
+ * @param props.style - Optional additional styles for the root element.
+ *
+ * @returns The rendered KeyValueSection component.
+ */
+const KeyValueSection = ({ children, align = KeyValueRow_types_1.KeyValueRowSectionAlignments.Left, twClassName, style, ...props }) => {
+    const tw = (0, design_system_twrnc_preset_1.useTailwind)();
+    return (<react_native_1.View style={[tw.style('flex-1', align, twClassName), style]} {...props}>
+      {children}
+    </react_native_1.View>);
+};
+exports.default = KeyValueSection;
+//# sourceMappingURL=KeyValueSection.cjs.map

package/dist/components/KeyValueRow/KeyValueSection/KeyValueSection.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyValueSection.cjs","sourceRoot":"","sources":["../../../../src/components/KeyValueRow/KeyValueSection/KeyValueSection.tsx"],"names":[],"mappings":";;;;;AAAA,8FAA4E;AAC5E,kDAA0B;AAC1B,wDAAoC;AAEpC,gEAAoE;AAGpE;;;;;;;;;;;GAWG;AACH,MAAM,eAAe,GAAmC,CAAC,EACvD,QAAQ,EACR,KAAK,GAAG,gDAA4B,CAAC,IAAI,EACzC,WAAW,EACX,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IAEzB,OAAO,CACL,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,EAAE,WAAW,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CACtE;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React from 'react';\nimport { View } from 'react-native';\n\nimport { KeyValueRowSectionAlignments } from '../KeyValueRow.types';\nimport type { KeyValueSectionProps } from '../KeyValueRow.types';\n\n/**\n * A container representing either the left or right side of the KeyValueRow.\n * For desired results, use only two <KeyValueSection> components within the <KeyValueRowRoot>.\n *\n * @param props - Component props.\n * @param props.children - The child components.\n * @param props.align - The alignment of the section.\n * @param props.twClassName - Optional Tailwind class names to override root styles.\n * @param props.style - Optional additional styles for the root element.\n *\n * @returns The rendered KeyValueSection component.\n */\nconst KeyValueSection: React.FC<KeyValueSectionProps> = ({\n  children,\n  align = KeyValueRowSectionAlignments.Left,\n  twClassName,\n  style,\n  ...props\n}) => {\n  const tw = useTailwind();\n\n  return (\n    <View style={[tw.style('flex-1', align, twClassName), style]} {...props}>\n      {children}\n    </View>\n  );\n};\n\nexport default KeyValueSection;\n"]}

package/dist/components/KeyValueRow/KeyValueSection/KeyValueSection.d.cts

@@ -0,0 +1,17 @@
+import React from "react";
+import type { KeyValueSectionProps } from "../KeyValueRow.types.cjs";
+/**
+ * A container representing either the left or right side of the KeyValueRow.
+ * For desired results, use only two <KeyValueSection> components within the <KeyValueRowRoot>.
+ *
+ * @param props - Component props.
+ * @param props.children - The child components.
+ * @param props.align - The alignment of the section.
+ * @param props.twClassName - Optional Tailwind class names to override root styles.
+ * @param props.style - Optional additional styles for the root element.
+ *
+ * @returns The rendered KeyValueSection component.
+ */
+declare const KeyValueSection: React.FC<KeyValueSectionProps>;
+export default KeyValueSection;
+//# sourceMappingURL=KeyValueSection.d.cts.map

package/dist/components/KeyValueRow/KeyValueSection/KeyValueSection.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyValueSection.d.cts","sourceRoot":"","sources":["../../../../src/components/KeyValueRow/KeyValueSection/KeyValueSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAI1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,iCAA6B;AAEjE;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAcnD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/KeyValueRow/KeyValueSection/KeyValueSection.d.mts

@@ -0,0 +1,17 @@
+import React from "react";
+import type { KeyValueSectionProps } from "../KeyValueRow.types.mjs";
+/**
+ * A container representing either the left or right side of the KeyValueRow.
+ * For desired results, use only two <KeyValueSection> components within the <KeyValueRowRoot>.
+ *
+ * @param props - Component props.
+ * @param props.children - The child components.
+ * @param props.align - The alignment of the section.
+ * @param props.twClassName - Optional Tailwind class names to override root styles.
+ * @param props.style - Optional additional styles for the root element.
+ *
+ * @returns The rendered KeyValueSection component.
+ */
+declare const KeyValueSection: React.FC<KeyValueSectionProps>;
+export default KeyValueSection;
+//# sourceMappingURL=KeyValueSection.d.mts.map

package/dist/components/KeyValueRow/KeyValueSection/KeyValueSection.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyValueSection.d.mts","sourceRoot":"","sources":["../../../../src/components/KeyValueRow/KeyValueSection/KeyValueSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAI1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,iCAA6B;AAEjE;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAcnD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/KeyValueRow/KeyValueSection/KeyValueSection.mjs

@@ -0,0 +1,31 @@
+function $importDefault(module) {
+    if (module?.__esModule) {
+        return module.default;
+    }
+    return module;
+}
+import { useTailwind } from "@metamask-previews/design-system-twrnc-preset";
+import $React from "react";
+const React = $importDefault($React);
+import { View } from "react-native/index.js";
+import { KeyValueRowSectionAlignments } from "../KeyValueRow.types.mjs";
+/**
+ * A container representing either the left or right side of the KeyValueRow.
+ * For desired results, use only two <KeyValueSection> components within the <KeyValueRowRoot>.
+ *
+ * @param props - Component props.
+ * @param props.children - The child components.
+ * @param props.align - The alignment of the section.
+ * @param props.twClassName - Optional Tailwind class names to override root styles.
+ * @param props.style - Optional additional styles for the root element.
+ *
+ * @returns The rendered KeyValueSection component.
+ */
+const KeyValueSection = ({ children, align = KeyValueRowSectionAlignments.Left, twClassName, style, ...props }) => {
+    const tw = useTailwind();
+    return (<View style={[tw.style('flex-1', align, twClassName), style]} {...props}>
+      {children}
+    </View>);
+};
+export default KeyValueSection;
+//# sourceMappingURL=KeyValueSection.mjs.map

package/dist/components/KeyValueRow/KeyValueSection/KeyValueSection.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyValueSection.mjs","sourceRoot":"","sources":["../../../../src/components/KeyValueRow/KeyValueSection/KeyValueSection.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,sDAAsD;AAC5E,OAAO,MAAK,cAAc;;AAC1B,OAAO,EAAE,IAAI,EAAE,8BAAqB;AAEpC,OAAO,EAAE,4BAA4B,EAAE,iCAA6B;AAGpE;;;;;;;;;;;GAWG;AACH,MAAM,eAAe,GAAmC,CAAC,EACvD,QAAQ,EACR,KAAK,GAAG,4BAA4B,CAAC,IAAI,EACzC,WAAW,EACX,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IAEzB,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,EAAE,WAAW,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CACtE;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React from 'react';\nimport { View } from 'react-native';\n\nimport { KeyValueRowSectionAlignments } from '../KeyValueRow.types';\nimport type { KeyValueSectionProps } from '../KeyValueRow.types';\n\n/**\n * A container representing either the left or right side of the KeyValueRow.\n * For desired results, use only two <KeyValueSection> components within the <KeyValueRowRoot>.\n *\n * @param props - Component props.\n * @param props.children - The child components.\n * @param props.align - The alignment of the section.\n * @param props.twClassName - Optional Tailwind class names to override root styles.\n * @param props.style - Optional additional styles for the root element.\n *\n * @returns The rendered KeyValueSection component.\n */\nconst KeyValueSection: React.FC<KeyValueSectionProps> = ({\n  children,\n  align = KeyValueRowSectionAlignments.Left,\n  twClassName,\n  style,\n  ...props\n}) => {\n  const tw = useTailwind();\n\n  return (\n    <View style={[tw.style('flex-1', align, twClassName), style]} {...props}>\n      {children}\n    </View>\n  );\n};\n\nexport default KeyValueSection;\n"]}

package/dist/components/KeyValueRow/index.cjs

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconSizes = exports.TooltipSizes = exports.KeyValueRowFieldIconSides = exports.KeyValueRowSectionAlignments = exports.default = exports.KeyValueRowStubs = void 0;
+var KeyValueRow_1 = require("./KeyValueRow.cjs");
+Object.defineProperty(exports, "KeyValueRowStubs", { enumerable: true, get: function () { return KeyValueRow_1.KeyValueRowStubs; } });
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(KeyValueRow_1).default; } });
+var KeyValueRow_types_1 = require("./KeyValueRow.types.cjs");
+Object.defineProperty(exports, "KeyValueRowSectionAlignments", { enumerable: true, get: function () { return KeyValueRow_types_1.KeyValueRowSectionAlignments; } });
+Object.defineProperty(exports, "KeyValueRowFieldIconSides", { enumerable: true, get: function () { return KeyValueRow_types_1.KeyValueRowFieldIconSides; } });
+Object.defineProperty(exports, "TooltipSizes", { enumerable: true, get: function () { return KeyValueRow_types_1.TooltipSizes; } });
+Object.defineProperty(exports, "IconSizes", { enumerable: true, get: function () { return KeyValueRow_types_1.IconSizes; } });
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/KeyValueRow/index.tsx"],"names":[],"mappings":";;;;;;AAAA,iDAA0D;AAAjD,+GAAA,gBAAgB,OAAA;AAAE,uHAAA,OAAO,OAAA;AAClC,6DAY6B;AAX3B,iIAAA,4BAA4B,OAAA;AAC5B,8HAAA,yBAAyB,OAAA;AACzB,iHAAA,YAAY,OAAA;AACZ,8GAAA,SAAS,OAAA","sourcesContent":["export { KeyValueRowStubs, default } from './KeyValueRow';\nexport {\n  KeyValueRowSectionAlignments,\n  KeyValueRowFieldIconSides,\n  TooltipSizes,\n  IconSizes,\n  type KeyValueRowTooltip,\n  type KeyValueRowField,\n  type PreDefinedKeyValueRowLabel,\n  type KeyValueRowLabelProps,\n  type KeyValueRowRootProps,\n  type KeyValueSectionProps,\n  type KeyValueRowProps,\n} from './KeyValueRow.types';\n"]}

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

@@ -0,0 +1,3 @@
+export { KeyValueRowStubs, default } from "./KeyValueRow.cjs";
+export { KeyValueRowSectionAlignments, KeyValueRowFieldIconSides, TooltipSizes, IconSizes, type KeyValueRowTooltip, type KeyValueRowField, type PreDefinedKeyValueRowLabel, type KeyValueRowLabelProps, type KeyValueRowRootProps, type KeyValueSectionProps, type KeyValueRowProps, } from "./KeyValueRow.types.cjs";
+//# sourceMappingURL=index.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/KeyValueRow/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,0BAAsB;AAC1D,OAAO,EACL,4BAA4B,EAC5B,yBAAyB,EACzB,YAAY,EACZ,SAAS,EACT,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,EACrB,KAAK,0BAA0B,EAC/B,KAAK,qBAAqB,EAC1B,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EACzB,KAAK,gBAAgB,GACtB,gCAA4B"}

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

@@ -0,0 +1,3 @@
+export { KeyValueRowStubs, default } from "./KeyValueRow.mjs";
+export { KeyValueRowSectionAlignments, KeyValueRowFieldIconSides, TooltipSizes, IconSizes, type KeyValueRowTooltip, type KeyValueRowField, type PreDefinedKeyValueRowLabel, type KeyValueRowLabelProps, type KeyValueRowRootProps, type KeyValueSectionProps, type KeyValueRowProps, } from "./KeyValueRow.types.mjs";
+//# sourceMappingURL=index.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/KeyValueRow/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,0BAAsB;AAC1D,OAAO,EACL,4BAA4B,EAC5B,yBAAyB,EACzB,YAAY,EACZ,SAAS,EACT,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,EACrB,KAAK,0BAA0B,EAC/B,KAAK,qBAAqB,EAC1B,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EACzB,KAAK,gBAAgB,GACtB,gCAA4B"}

package/dist/components/KeyValueRow/index.mjs

@@ -0,0 +1,3 @@
+export { KeyValueRowStubs, default } from "./KeyValueRow.mjs";
+export { KeyValueRowSectionAlignments, KeyValueRowFieldIconSides, TooltipSizes, IconSizes } from "./KeyValueRow.types.mjs";
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/KeyValueRow/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,0BAAsB;AAC1D,OAAO,EACL,4BAA4B,EAC5B,yBAAyB,EACzB,YAAY,EACZ,SAAS,EAQV,gCAA4B","sourcesContent":["export { KeyValueRowStubs, default } from './KeyValueRow';\nexport {\n  KeyValueRowSectionAlignments,\n  KeyValueRowFieldIconSides,\n  TooltipSizes,\n  IconSizes,\n  type KeyValueRowTooltip,\n  type KeyValueRowField,\n  type PreDefinedKeyValueRowLabel,\n  type KeyValueRowLabelProps,\n  type KeyValueRowRootProps,\n  type KeyValueSectionProps,\n  type KeyValueRowProps,\n} from './KeyValueRow.types';\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@metamask-previews/design-system-react-native",
-  "version": "0.11.0-preview.645f8b0",
+  "version": "0.11.0-preview.9c677c4",
   "description": "Design System React Native",
   "keywords": [
     "MetaMask",
@@ -48,7 +48,7 @@
     "test:watch": "NODE_OPTIONS=--experimental-vm-modules jest --watch"
   },
   "dependencies": {
-    "@metamask-previews/design-system-shared": "0.4.0-preview.645f8b0",
+    "@metamask-previews/design-system-shared": "0.4.0-preview.9c677c4",
     "fast-text-encoding": "^1.0.6",
     "react-native-jazzicon": "^0.1.2"
   },
@@ -58,8 +58,8 @@
     "@babel/preset-react": "^7.25.9",
     "@babel/preset-typescript": "^7.23.3",
     "@figma/code-connect": "^1.0.0",
-    "@metamask-previews/design-system-twrnc-preset": "0.3.0-preview.645f8b0",
-    "@metamask-previews/design-tokens": "8.2.2-preview.645f8b0",
+    "@metamask-previews/design-system-twrnc-preset": "0.3.0-preview.9c677c4",
+    "@metamask-previews/design-tokens": "8.2.2-preview.9c677c4",
     "@metamask/auto-changelog": "^5.3.2",
     "@metamask/utils": "^11.10.0",
     "@storybook/react-native": "6.5",