@metamask/design-system-react-native 0.15.0 → 0.16.0

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

@@ -1,13 +0,0 @@
-import React from "react";
-import type { KeyValueRowLabelProps } from "../KeyValueRow.types.cjs";
-/**
- * A label and optional tooltip button component.
- *
- * @param props - Component props.
- * @param props.label - The label content to display.
- * @param props.tooltip - Optional tooltip to render to the right of the label.
- *
- * @returns The rendered KeyValueRowLabel component.
- */
-export declare const KeyValueRowLabel: React.FC<KeyValueRowLabelProps>;
-//# sourceMappingURL=KeyValueLabel.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"KeyValueLabel.d.cts","sourceRoot":"","sources":["../../../../src/components/KeyValueRow/KeyValueLabel/KeyValueLabel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAM1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,iCAA6B;AAGlE;;;;;;;;GAQG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA8B5D,CAAC"}

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

@@ -1,13 +0,0 @@
-import React from "react";
-import type { KeyValueRowLabelProps } from "../KeyValueRow.types.mjs";
-/**
- * A label and optional tooltip button component.
- *
- * @param props - Component props.
- * @param props.label - The label content to display.
- * @param props.tooltip - Optional tooltip to render to the right of the label.
- *
- * @returns The rendered KeyValueRowLabel component.
- */
-export declare const KeyValueRowLabel: React.FC<KeyValueRowLabelProps>;
-//# sourceMappingURL=KeyValueLabel.d.mts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"KeyValueLabel.d.mts","sourceRoot":"","sources":["../../../../src/components/KeyValueRow/KeyValueLabel/KeyValueLabel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAM1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,iCAA6B;AAGlE;;;;;;;;GAQG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA8B5D,CAAC"}

package/dist/components/KeyValueRow/KeyValueLabel/KeyValueLabel.mjs

@@ -1,34 +0,0 @@
-function $importDefault(module) {
-    if (module?.__esModule) {
-        return module.default;
-    }
-    return module;
-}
-import { useTailwind } from "@metamask/design-system-twrnc-preset";
-import $React from "react";
-const React = $importDefault($React);
-import { View } from "react-native/index.js";
-import { ButtonIcon, ButtonIconSize } from "../../ButtonIcon/index.mjs";
-import { IconName } from "../../Icon/index.mjs";
-import { Text, TextColor, TextVariant } from "../../Text/index.mjs";
-import { isPreDefinedKeyValueRowLabel } from "../KeyValueRow.utils.mjs";
-/**
- * A label and optional tooltip button component.
- *
- * @param props - Component props.
- * @param props.label - The label content to display.
- * @param props.tooltip - Optional tooltip to render to the right of the label.
- *
- * @returns The rendered KeyValueRowLabel component.
- */
-export const KeyValueRowLabel = ({ label, tooltip, }) => {
-    const tw = useTailwind();
-    const hasTooltip = Boolean(tooltip?.title && tooltip?.content);
-    return (<View style={tw.style('flex-row items-center')}>
-      {isPreDefinedKeyValueRowLabel(label) ? (<Text variant={label.variant ?? TextVariant.BodyMd} color={label.color ?? TextColor.TextDefault}>
-          {label.text}
-        </Text>) : (label)}
-      {hasTooltip && tooltip && (<ButtonIcon size={tooltip.size ?? ButtonIconSize.Md} iconName={tooltip.iconName ?? IconName.Question} accessibilityLabel={`${tooltip.title} tooltip`} onPress={() => tooltip?.onPress?.()}/>)}
-    </View>);
-};
-//# sourceMappingURL=KeyValueLabel.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"KeyValueLabel.mjs","sourceRoot":"","sources":["../../../../src/components/KeyValueRow/KeyValueLabel/KeyValueLabel.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,6CAA6C;AACnE,OAAO,MAAK,cAAc;;AAC1B,OAAO,EAAE,IAAI,EAAE,8BAAqB;AAEpC,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,mCAAyB;AAC9D,OAAO,EAAE,QAAQ,EAAE,6BAAmB;AACtC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,6BAAmB;AAE1D,OAAO,EAAE,4BAA4B,EAAE,iCAA6B;AAEpE;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAChE,KAAK,EACL,OAAO,GACR,EAAE,EAAE;IACH,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IAEzB,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,OAAO,CAAC,CAAC;IAE/D,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,uBAAuB,CAAC,CAAC,CAC7C;MAAA,CAAC,4BAA4B,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CACrC,CAAC,IAAI,CACH,OAAO,CAAC,CAAC,KAAK,CAAC,OAAO,IAAI,WAAW,CAAC,MAAM,CAAC,CAC7C,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,SAAS,CAAC,WAAW,CAAC,CAE5C;UAAA,CAAC,KAAK,CAAC,IAAI,CACb;QAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,CACF,KAAK,CACN,CACD;MAAA,CAAC,UAAU,IAAI,OAAO,IAAI,CACxB,CAAC,UAAU,CACT,IAAI,CAAC,CAAC,OAAO,CAAC,IAAI,IAAI,cAAc,CAAC,EAAE,CAAC,CACxC,QAAQ,CAAC,CAAC,OAAO,CAAC,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,CAChD,kBAAkB,CAAC,CAAC,GAAG,OAAO,CAAC,KAAK,UAAU,CAAC,CAC/C,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC,EACpC,CACH,CACH;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React from 'react';\nimport { View } from 'react-native';\n\nimport { ButtonIcon, ButtonIconSize } from '../../ButtonIcon';\nimport { IconName } from '../../Icon';\nimport { Text, TextColor, TextVariant } from '../../Text';\nimport type { KeyValueRowLabelProps } from '../KeyValueRow.types';\nimport { isPreDefinedKeyValueRowLabel } from '../KeyValueRow.utils';\n\n/**\n * A label and optional tooltip button component.\n *\n * @param props - Component props.\n * @param props.label - The label content to display.\n * @param props.tooltip - Optional tooltip to render to the right of the label.\n *\n * @returns The rendered KeyValueRowLabel component.\n */\nexport const KeyValueRowLabel: React.FC<KeyValueRowLabelProps> = ({\n  label,\n  tooltip,\n}) => {\n  const tw = useTailwind();\n\n  const hasTooltip = Boolean(tooltip?.title && tooltip?.content);\n\n  return (\n    <View style={tw.style('flex-row items-center')}>\n      {isPreDefinedKeyValueRowLabel(label) ? (\n        <Text\n          variant={label.variant ?? TextVariant.BodyMd}\n          color={label.color ?? TextColor.TextDefault}\n        >\n          {label.text}\n        </Text>\n      ) : (\n        label\n      )}\n      {hasTooltip && tooltip && (\n        <ButtonIcon\n          size={tooltip.size ?? ButtonIconSize.Md}\n          iconName={tooltip.iconName ?? IconName.Question}\n          accessibilityLabel={`${tooltip.title} tooltip`}\n          onPress={() => tooltip?.onPress?.()}\n        />\n      )}\n    </View>\n  );\n};\n"]}

package/dist/components/KeyValueRow/KeyValueRoot/KeyValueRoot.cjs

@@ -1,40 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.KeyValueRowRoot = void 0;
-const design_system_twrnc_preset_1 = require("@metamask/design-system-twrnc-preset");
-const react_1 = __importDefault(require("react"));
-const react_native_1 = require("react-native/index.js");
-/**
- * The main container for the KeyValueRow component.
- * When creating custom KeyValueRow components, this must be the outermost component
- * wrapping the two <KeyValueSection/> components.
- *
- * e.g.
- * ```
- * <KeyValueRowRoot>
- *  <KeyValueSection></KeyValueSection>
- *  <KeyValueSection></KeyValueSection>
- * </KeyValueRowRoot>
- * ```
- *
- * @param props - Component props.
- * @param props.children - The two <KeyValueSection> children.
- * @param props.twClassName - Optional Tailwind class names to override root styles.
- * @param props.style - Optional additional styles for the root element.
- *
- * @returns The rendered Root component.
- */
-const KeyValueRowRoot = ({ children, twClassName, style, ...props }) => {
-    const tw = (0, design_system_twrnc_preset_1.useTailwind)();
-    return (<react_native_1.View style={[
-            tw.style('flex-row justify-between items-center overflow-hidden', twClassName),
-            style,
-        ]} {...props}>
-      {children}
-    </react_native_1.View>);
-};
-exports.KeyValueRowRoot = KeyValueRowRoot;
-//# sourceMappingURL=KeyValueRoot.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"KeyValueRoot.cjs","sourceRoot":"","sources":["../../../../src/components/KeyValueRow/KeyValueRoot/KeyValueRoot.tsx"],"names":[],"mappings":";;;;;;AAAA,qFAAmE;AACnE,kDAA0B;AAC1B,wDAAoC;AAIpC;;;;;;;;;;;;;;;;;;;GAmBG;AACI,MAAM,eAAe,GAAmC,CAAC,EAC9D,QAAQ,EACR,WAAW,EACX,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IAEzB,OAAO,CACL,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CACN,uDAAuD,EACvD,WAAW,CACZ;YACD,KAAK;SACN,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,eAAe,mBAsB1B","sourcesContent":["import { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React from 'react';\nimport { View } from 'react-native';\n\nimport type { KeyValueRowRootProps } from '../KeyValueRow.types';\n\n/**\n * The main container for the KeyValueRow component.\n * When creating custom KeyValueRow components, this must be the outermost component\n * wrapping the two <KeyValueSection/> components.\n *\n * e.g.\n * ```\n * <KeyValueRowRoot>\n *  <KeyValueSection></KeyValueSection>\n *  <KeyValueSection></KeyValueSection>\n * </KeyValueRowRoot>\n * ```\n *\n * @param props - Component props.\n * @param props.children - The two <KeyValueSection> children.\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 Root component.\n */\nexport const KeyValueRowRoot: React.FC<KeyValueRowRootProps> = ({\n  children,\n  twClassName,\n  style,\n  ...props\n}) => {\n  const tw = useTailwind();\n\n  return (\n    <View\n      style={[\n        tw.style(\n          'flex-row justify-between items-center overflow-hidden',\n          twClassName,\n        ),\n        style,\n      ]}\n      {...props}\n    >\n      {children}\n    </View>\n  );\n};\n"]}

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

@@ -1,24 +0,0 @@
-import React from "react";
-import type { KeyValueRowRootProps } from "../KeyValueRow.types.cjs";
-/**
- * The main container for the KeyValueRow component.
- * When creating custom KeyValueRow components, this must be the outermost component
- * wrapping the two <KeyValueSection/> components.
- *
- * e.g.
- * ```
- * <KeyValueRowRoot>
- *  <KeyValueSection></KeyValueSection>
- *  <KeyValueSection></KeyValueSection>
- * </KeyValueRowRoot>
- * ```
- *
- * @param props - Component props.
- * @param props.children - The two <KeyValueSection> children.
- * @param props.twClassName - Optional Tailwind class names to override root styles.
- * @param props.style - Optional additional styles for the root element.
- *
- * @returns The rendered Root component.
- */
-export declare const KeyValueRowRoot: React.FC<KeyValueRowRootProps>;
-//# sourceMappingURL=KeyValueRoot.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"KeyValueRoot.d.cts","sourceRoot":"","sources":["../../../../src/components/KeyValueRow/KeyValueRoot/KeyValueRoot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAG1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,iCAA6B;AAEjE;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAsB1D,CAAC"}

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

@@ -1,24 +0,0 @@
-import React from "react";
-import type { KeyValueRowRootProps } from "../KeyValueRow.types.mjs";
-/**
- * The main container for the KeyValueRow component.
- * When creating custom KeyValueRow components, this must be the outermost component
- * wrapping the two <KeyValueSection/> components.
- *
- * e.g.
- * ```
- * <KeyValueRowRoot>
- *  <KeyValueSection></KeyValueSection>
- *  <KeyValueSection></KeyValueSection>
- * </KeyValueRowRoot>
- * ```
- *
- * @param props - Component props.
- * @param props.children - The two <KeyValueSection> children.
- * @param props.twClassName - Optional Tailwind class names to override root styles.
- * @param props.style - Optional additional styles for the root element.
- *
- * @returns The rendered Root component.
- */
-export declare const KeyValueRowRoot: React.FC<KeyValueRowRootProps>;
-//# sourceMappingURL=KeyValueRoot.d.mts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"KeyValueRoot.d.mts","sourceRoot":"","sources":["../../../../src/components/KeyValueRow/KeyValueRoot/KeyValueRoot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAG1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,iCAA6B;AAEjE;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAsB1D,CAAC"}

package/dist/components/KeyValueRow/KeyValueRoot/KeyValueRoot.mjs

@@ -1,40 +0,0 @@
-function $importDefault(module) {
-    if (module?.__esModule) {
-        return module.default;
-    }
-    return module;
-}
-import { useTailwind } from "@metamask/design-system-twrnc-preset";
-import $React from "react";
-const React = $importDefault($React);
-import { View } from "react-native/index.js";
-/**
- * The main container for the KeyValueRow component.
- * When creating custom KeyValueRow components, this must be the outermost component
- * wrapping the two <KeyValueSection/> components.
- *
- * e.g.
- * ```
- * <KeyValueRowRoot>
- *  <KeyValueSection></KeyValueSection>
- *  <KeyValueSection></KeyValueSection>
- * </KeyValueRowRoot>
- * ```
- *
- * @param props - Component props.
- * @param props.children - The two <KeyValueSection> children.
- * @param props.twClassName - Optional Tailwind class names to override root styles.
- * @param props.style - Optional additional styles for the root element.
- *
- * @returns The rendered Root component.
- */
-export const KeyValueRowRoot = ({ children, twClassName, style, ...props }) => {
-    const tw = useTailwind();
-    return (<View style={[
-            tw.style('flex-row justify-between items-center overflow-hidden', twClassName),
-            style,
-        ]} {...props}>
-      {children}
-    </View>);
-};
-//# sourceMappingURL=KeyValueRoot.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"KeyValueRoot.mjs","sourceRoot":"","sources":["../../../../src/components/KeyValueRow/KeyValueRoot/KeyValueRoot.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,6CAA6C;AACnE,OAAO,MAAK,cAAc;;AAC1B,OAAO,EAAE,IAAI,EAAE,8BAAqB;AAIpC;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC9D,QAAQ,EACR,WAAW,EACX,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IAEzB,OAAO,CACL,CAAC,IAAI,CACH,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CACN,uDAAuD,EACvD,WAAW,CACZ;YACD,KAAK;SACN,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React from 'react';\nimport { View } from 'react-native';\n\nimport type { KeyValueRowRootProps } from '../KeyValueRow.types';\n\n/**\n * The main container for the KeyValueRow component.\n * When creating custom KeyValueRow components, this must be the outermost component\n * wrapping the two <KeyValueSection/> components.\n *\n * e.g.\n * ```\n * <KeyValueRowRoot>\n *  <KeyValueSection></KeyValueSection>\n *  <KeyValueSection></KeyValueSection>\n * </KeyValueRowRoot>\n * ```\n *\n * @param props - Component props.\n * @param props.children - The two <KeyValueSection> children.\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 Root component.\n */\nexport const KeyValueRowRoot: React.FC<KeyValueRowRootProps> = ({\n  children,\n  twClassName,\n  style,\n  ...props\n}) => {\n  const tw = useTailwind();\n\n  return (\n    <View\n      style={[\n        tw.style(\n          'flex-row justify-between items-center overflow-hidden',\n          twClassName,\n        ),\n        style,\n      ]}\n      {...props}\n    >\n      {children}\n    </View>\n  );\n};\n"]}

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

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

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

@@ -1,3 +0,0 @@
-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

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

@@ -1,3 +0,0 @@
-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

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

@@ -1,2 +0,0 @@
-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

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

@@ -1,30 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.KeyValueSection = void 0;
-const design_system_twrnc_preset_1 = require("@metamask/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.KeyValueSection = KeyValueSection;
-//# sourceMappingURL=KeyValueSection.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"KeyValueSection.cjs","sourceRoot":"","sources":["../../../../src/components/KeyValueRow/KeyValueSection/KeyValueSection.tsx"],"names":[],"mappings":";;;;;;AAAA,qFAAmE;AACnE,kDAA0B;AAC1B,wDAAoC;AAEpC,gEAAoE;AAGpE;;;;;;;;;;;GAWG;AACI,MAAM,eAAe,GAAmC,CAAC,EAC9D,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;AAdW,QAAA,eAAe,mBAc1B","sourcesContent":["import { useTailwind } from '@metamask/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 */\nexport const 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"]}

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

@@ -1,16 +0,0 @@
-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.
- */
-export declare const KeyValueSection: React.FC<KeyValueSectionProps>;
-//# sourceMappingURL=KeyValueSection.d.cts.map

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

@@ -1 +0,0 @@
-{"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,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAc1D,CAAC"}

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

@@ -1,16 +0,0 @@
-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.
- */
-export declare const KeyValueSection: React.FC<KeyValueSectionProps>;
-//# sourceMappingURL=KeyValueSection.d.mts.map

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

@@ -1 +0,0 @@
-{"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,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAc1D,CAAC"}

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

@@ -1,30 +0,0 @@
-function $importDefault(module) {
-    if (module?.__esModule) {
-        return module.default;
-    }
-    return module;
-}
-import { useTailwind } from "@metamask/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.
- */
-export 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>);
-};
-//# sourceMappingURL=KeyValueSection.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"KeyValueSection.mjs","sourceRoot":"","sources":["../../../../src/components/KeyValueRow/KeyValueSection/KeyValueSection.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,6CAA6C;AACnE,OAAO,MAAK,cAAc;;AAC1B,OAAO,EAAE,IAAI,EAAE,8BAAqB;AAEpC,OAAO,EAAE,4BAA4B,EAAE,iCAA6B;AAGpE;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC9D,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","sourcesContent":["import { useTailwind } from '@metamask/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 */\nexport const 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"]}