@metamask/design-system-react-native 0.12.0 → 0.14.0

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

@@ -1 +1 @@
-{"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;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/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"]}
+{"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

@@ -12,6 +12,5 @@ import type { KeyValueSectionProps } from "../KeyValueRow.types.cjs";
  *
  * @returns The rendered KeyValueSection component.
  */
-declare const KeyValueSection: React.FC<KeyValueSectionProps>;
-export default KeyValueSection;
+export declare const KeyValueSection: React.FC<KeyValueSectionProps>;
 //# sourceMappingURL=KeyValueSection.d.cts.map

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

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

@@ -12,6 +12,5 @@ import type { KeyValueSectionProps } from "../KeyValueRow.types.mjs";
  *
  * @returns The rendered KeyValueSection component.
  */
-declare const KeyValueSection: React.FC<KeyValueSectionProps>;
-export default KeyValueSection;
+export declare const KeyValueSection: React.FC<KeyValueSectionProps>;
 //# sourceMappingURL=KeyValueSection.d.mts.map

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

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

@@ -21,11 +21,10 @@ import { KeyValueRowSectionAlignments } from "../KeyValueRow.types.mjs";
  *
  * @returns The rendered KeyValueSection component.
  */
-const KeyValueSection = ({ children, align = KeyValueRowSectionAlignments.Left, twClassName, style, ...props }) => {
+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>);
 };
-export default KeyValueSection;
 //# sourceMappingURL=KeyValueSection.mjs.map

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

@@ -1 +1 @@
-{"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,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/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"]}
+{"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"]}

package/dist/components/KeyValueRow/index.cjs

@@ -1,12 +1,9 @@
 "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;
+exports.IconSizes = exports.TooltipSizes = exports.KeyValueRowFieldIconSides = exports.KeyValueRowSectionAlignments = exports.KeyValueRowStubs = exports.KeyValueRow = void 0;
 var KeyValueRow_1 = require("./KeyValueRow.cjs");
+Object.defineProperty(exports, "KeyValueRow", { enumerable: true, get: function () { return KeyValueRow_1.KeyValueRow; } });
 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; } });

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

@@ -1 +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"]}
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/KeyValueRow/index.tsx"],"names":[],"mappings":";;;AAAA,iDAA8D;AAArD,0GAAA,WAAW,OAAA;AAAE,+GAAA,gBAAgB,OAAA;AACtC,6DAY6B;AAX3B,iIAAA,4BAA4B,OAAA;AAC5B,8HAAA,yBAAyB,OAAA;AACzB,iHAAA,YAAY,OAAA;AACZ,8GAAA,SAAS,OAAA","sourcesContent":["export { KeyValueRow, KeyValueRowStubs } 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

@@ -1,3 +1,3 @@
-export { KeyValueRowStubs, default } from "./KeyValueRow.cjs";
+export { KeyValueRow, KeyValueRowStubs } 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

@@ -1 +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"}
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/KeyValueRow/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,0BAAsB;AAC9D,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

@@ -1,3 +1,3 @@
-export { KeyValueRowStubs, default } from "./KeyValueRow.mjs";
+export { KeyValueRow, KeyValueRowStubs } 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

@@ -1 +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"}
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/KeyValueRow/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,0BAAsB;AAC9D,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

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

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

@@ -1 +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"]}
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/KeyValueRow/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,0BAAsB;AAC9D,OAAO,EACL,4BAA4B,EAC5B,yBAAyB,EACzB,YAAY,EACZ,SAAS,EAQV,gCAA4B","sourcesContent":["export { KeyValueRow, KeyValueRowStubs } 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/Skeleton/Skeleton.cjs

@@ -23,6 +23,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Skeleton = void 0;
 const design_system_twrnc_preset_1 = require("@metamask/design-system-twrnc-preset");
 const react_1 = __importStar(require("react"));
 const react_native_1 = require("react-native/index.js");
@@ -82,5 +83,5 @@ const Skeleton = ({ height, width, children, hideChildren = false, style, childr
         </react_native_1.View>)}
     </react_native_1.View>);
 };
-exports.default = Skeleton;
+exports.Skeleton = Skeleton;
 //# sourceMappingURL=Skeleton.cjs.map

package/dist/components/Skeleton/Skeleton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.cjs","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAmE;AACnE,+CAAiD;AACjD,wDAA8C;AAI9C,MAAM,QAAQ,GAA4B,CAAC,EACzC,MAAM,EACN,KAAK,EACL,QAAQ,EACR,YAAY,GAAG,KAAK,EACpB,KAAK,EACL,oBAAoB,EACpB,iBAAiB,EACjB,WAAW,EACX,QAAQ,GAAG,IAAI,EACf,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IACzB,MAAM,WAAW,GAAG,IAAA,cAAM,EAAC,IAAI,uBAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC;IAC5D,MAAM,WAAW,GAAG,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,SAAS,CAAC;IAEhE,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,uBAAQ,CAAC,QAAQ,CAAC;YAChB,uBAAQ,CAAC,MAAM,CAAC,WAAW,EAAE;gBAC3B,OAAO,EAAE,GAAG;gBACZ,QAAQ,EAAE,GAAG;gBACb,eAAe,EAAE,IAAI;gBACrB,aAAa,EAAE,KAAK;aACrB,CAAC;YACF,uBAAQ,CAAC,MAAM,CAAC,WAAW,EAAE;gBAC3B,OAAO,EAAE,GAAG;gBACZ,QAAQ,EAAE,GAAG;gBACb,eAAe,EAAE,IAAI;gBACrB,aAAa,EAAE,KAAK;aACrB,CAAC;SACH,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;YACxB,2EAA2E;YAC3E,IAAI,QAAQ,EAAE;gBACZ,cAAc,EAAE,CAAC;aAClB;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,QAAQ,IAAI,CAAC,CAAC,WAAW,IAAI,YAAY,CAAC,EAAE;YAC9C,cAAc,EAAE,CAAC;SAClB;QAED,OAAO,GAAG,EAAE;YACV,WAAW,CAAC,aAAa,EAAE,CAAC;QAC9B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE1C,IAAI,CAAC,YAAY,IAAI,WAAW,EAAE;QAChC,OAAO,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC;KACxB;IAED,OAAO,CACL,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CAAC,yBAAyB,EAAE,WAAW,CAAC;YAChD,MAAM,KAAK,SAAS,IAAI,EAAE,MAAM,EAAE;YAClC,KAAK,KAAK,SAAS,IAAI,EAAE,KAAK,EAAE;YAChC,KAAK;SACN,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,uBAAQ,CAAC,IAAI,CACZ,IAAI,iBAAiB,CAAC,CACtB,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CAAC,8CAA8C,CAAC;YACxD,EAAE,OAAO,EAAE,WAAW,EAAE;YACxB,iBAAiB,EAAE,KAAK;SACzB,CAAC,CACF,aAAa,CAAC,MAAM,EAGtB;;MAAA,CAAC,WAAW,IAAI,CACd,CAAC,mBAAI,CACH,IAAI,oBAAoB,CAAC,CACzB,KAAK,CAAC,CAAC;gBACL,EAAE,CAAC,KAAK,CAAC,yBAAyB,CAAC;gBACnC,oBAAoB,EAAE,KAAK;aAC5B,CAAC,CACF,aAAa,CAAC,MAAM,CACpB,2BAA2B,CAC3B,yBAAyB,CAAC,qBAAqB,CAE/C;UAAA,CAAC,QAAQ,CACX;QAAA,EAAE,mBAAI,CAAC,CACR,CACH;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC","sourcesContent":["import { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React, { useEffect, useRef } from 'react';\nimport { Animated, View } from 'react-native';\n\nimport type { SkeletonProps } from './Skeleton.types';\n\nconst Skeleton: React.FC<SkeletonProps> = ({\n  height,\n  width,\n  children,\n  hideChildren = false,\n  style,\n  childrenWrapperProps,\n  animatedViewProps,\n  twClassName,\n  autoPlay = true,\n  ...props\n}) => {\n  const tw = useTailwind();\n  const opacityAnim = useRef(new Animated.Value(0.2)).current;\n  const hasChildren = children !== null && children !== undefined;\n\n  const startAnimation = () => {\n    Animated.sequence([\n      Animated.timing(opacityAnim, {\n        toValue: 0.1,\n        duration: 700,\n        useNativeDriver: true,\n        isInteraction: false,\n      }),\n      Animated.timing(opacityAnim, {\n        toValue: 0.2,\n        duration: 700,\n        useNativeDriver: true,\n        isInteraction: false,\n      }),\n    ]).start(({ finished }) => {\n      /* istanbul ignore next - animation interruption is not testable in Jest */\n      if (finished) {\n        startAnimation();\n      }\n    });\n  };\n\n  useEffect(() => {\n    if (autoPlay && (!hasChildren || hideChildren)) {\n      startAnimation();\n    }\n\n    return () => {\n      opacityAnim.stopAnimation();\n    };\n  }, [hasChildren, hideChildren, autoPlay]);\n\n  if (!hideChildren && hasChildren) {\n    return <>{children}</>;\n  }\n\n  return (\n    <View\n      style={[\n        tw.style('rounded overflow-hidden', twClassName),\n        height !== undefined && { height },\n        width !== undefined && { width },\n        style,\n      ]}\n      {...props}\n    >\n      <Animated.View\n        {...animatedViewProps}\n        style={[\n          tw.style('absolute inset-0 rounded bg-icon-alternative'),\n          { opacity: opacityAnim },\n          animatedViewProps?.style,\n        ]}\n        pointerEvents=\"none\"\n      />\n\n      {hasChildren && (\n        <View\n          {...childrenWrapperProps}\n          style={[\n            tw.style('relative z-10 opacity-0'),\n            childrenWrapperProps?.style,\n          ]}\n          pointerEvents=\"none\"\n          accessibilityElementsHidden\n          importantForAccessibility=\"no-hide-descendants\"\n        >\n          {children}\n        </View>\n      )}\n    </View>\n  );\n};\n\nexport default Skeleton;\n"]}
+{"version":3,"file":"Skeleton.cjs","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAmE;AACnE,+CAAiD;AACjD,wDAA8C;AAIvC,MAAM,QAAQ,GAA4B,CAAC,EAChD,MAAM,EACN,KAAK,EACL,QAAQ,EACR,YAAY,GAAG,KAAK,EACpB,KAAK,EACL,oBAAoB,EACpB,iBAAiB,EACjB,WAAW,EACX,QAAQ,GAAG,IAAI,EACf,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IACzB,MAAM,WAAW,GAAG,IAAA,cAAM,EAAC,IAAI,uBAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC;IAC5D,MAAM,WAAW,GAAG,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,SAAS,CAAC;IAEhE,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,uBAAQ,CAAC,QAAQ,CAAC;YAChB,uBAAQ,CAAC,MAAM,CAAC,WAAW,EAAE;gBAC3B,OAAO,EAAE,GAAG;gBACZ,QAAQ,EAAE,GAAG;gBACb,eAAe,EAAE,IAAI;gBACrB,aAAa,EAAE,KAAK;aACrB,CAAC;YACF,uBAAQ,CAAC,MAAM,CAAC,WAAW,EAAE;gBAC3B,OAAO,EAAE,GAAG;gBACZ,QAAQ,EAAE,GAAG;gBACb,eAAe,EAAE,IAAI;gBACrB,aAAa,EAAE,KAAK;aACrB,CAAC;SACH,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;YACxB,2EAA2E;YAC3E,IAAI,QAAQ,EAAE;gBACZ,cAAc,EAAE,CAAC;aAClB;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,QAAQ,IAAI,CAAC,CAAC,WAAW,IAAI,YAAY,CAAC,EAAE;YAC9C,cAAc,EAAE,CAAC;SAClB;QAED,OAAO,GAAG,EAAE;YACV,WAAW,CAAC,aAAa,EAAE,CAAC;QAC9B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE1C,IAAI,CAAC,YAAY,IAAI,WAAW,EAAE;QAChC,OAAO,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC;KACxB;IAED,OAAO,CACL,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CAAC,yBAAyB,EAAE,WAAW,CAAC;YAChD,MAAM,KAAK,SAAS,IAAI,EAAE,MAAM,EAAE;YAClC,KAAK,KAAK,SAAS,IAAI,EAAE,KAAK,EAAE;YAChC,KAAK;SACN,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,uBAAQ,CAAC,IAAI,CACZ,IAAI,iBAAiB,CAAC,CACtB,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CAAC,8CAA8C,CAAC;YACxD,EAAE,OAAO,EAAE,WAAW,EAAE;YACxB,iBAAiB,EAAE,KAAK;SACzB,CAAC,CACF,aAAa,CAAC,MAAM,EAGtB;;MAAA,CAAC,WAAW,IAAI,CACd,CAAC,mBAAI,CACH,IAAI,oBAAoB,CAAC,CACzB,KAAK,CAAC,CAAC;gBACL,EAAE,CAAC,KAAK,CAAC,yBAAyB,CAAC;gBACnC,oBAAoB,EAAE,KAAK;aAC5B,CAAC,CACF,aAAa,CAAC,MAAM,CACpB,2BAA2B,CAC3B,yBAAyB,CAAC,qBAAqB,CAE/C;UAAA,CAAC,QAAQ,CACX;QAAA,EAAE,mBAAI,CAAC,CACR,CACH;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAxFW,QAAA,QAAQ,YAwFnB","sourcesContent":["import { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React, { useEffect, useRef } from 'react';\nimport { Animated, View } from 'react-native';\n\nimport type { SkeletonProps } from './Skeleton.types';\n\nexport const Skeleton: React.FC<SkeletonProps> = ({\n  height,\n  width,\n  children,\n  hideChildren = false,\n  style,\n  childrenWrapperProps,\n  animatedViewProps,\n  twClassName,\n  autoPlay = true,\n  ...props\n}) => {\n  const tw = useTailwind();\n  const opacityAnim = useRef(new Animated.Value(0.2)).current;\n  const hasChildren = children !== null && children !== undefined;\n\n  const startAnimation = () => {\n    Animated.sequence([\n      Animated.timing(opacityAnim, {\n        toValue: 0.1,\n        duration: 700,\n        useNativeDriver: true,\n        isInteraction: false,\n      }),\n      Animated.timing(opacityAnim, {\n        toValue: 0.2,\n        duration: 700,\n        useNativeDriver: true,\n        isInteraction: false,\n      }),\n    ]).start(({ finished }) => {\n      /* istanbul ignore next - animation interruption is not testable in Jest */\n      if (finished) {\n        startAnimation();\n      }\n    });\n  };\n\n  useEffect(() => {\n    if (autoPlay && (!hasChildren || hideChildren)) {\n      startAnimation();\n    }\n\n    return () => {\n      opacityAnim.stopAnimation();\n    };\n  }, [hasChildren, hideChildren, autoPlay]);\n\n  if (!hideChildren && hasChildren) {\n    return <>{children}</>;\n  }\n\n  return (\n    <View\n      style={[\n        tw.style('rounded overflow-hidden', twClassName),\n        height !== undefined && { height },\n        width !== undefined && { width },\n        style,\n      ]}\n      {...props}\n    >\n      <Animated.View\n        {...animatedViewProps}\n        style={[\n          tw.style('absolute inset-0 rounded bg-icon-alternative'),\n          { opacity: opacityAnim },\n          animatedViewProps?.style,\n        ]}\n        pointerEvents=\"none\"\n      />\n\n      {hasChildren && (\n        <View\n          {...childrenWrapperProps}\n          style={[\n            tw.style('relative z-10 opacity-0'),\n            childrenWrapperProps?.style,\n          ]}\n          pointerEvents=\"none\"\n          accessibilityElementsHidden\n          importantForAccessibility=\"no-hide-descendants\"\n        >\n          {children}\n        </View>\n      )}\n    </View>\n  );\n};\n"]}

package/dist/components/Skeleton/Skeleton.d.cts

@@ -1,5 +1,4 @@
 import React from "react";
 import type { SkeletonProps } from "./Skeleton.types.cjs";
-declare const Skeleton: React.FC<SkeletonProps>;
-export default Skeleton;
+export declare const Skeleton: React.FC<SkeletonProps>;
 //# sourceMappingURL=Skeleton.d.cts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.d.cts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4B,cAAc;AAGjD,OAAO,KAAK,EAAE,aAAa,EAAE,6BAAyB;AAEtD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAwFrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Skeleton.d.cts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4B,cAAc;AAGjD,OAAO,KAAK,EAAE,aAAa,EAAE,6BAAyB;AAEtD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAwF5C,CAAC"}

package/dist/components/Skeleton/Skeleton.d.mts

@@ -1,5 +1,4 @@
 import React from "react";
 import type { SkeletonProps } from "./Skeleton.types.mjs";
-declare const Skeleton: React.FC<SkeletonProps>;
-export default Skeleton;
+export declare const Skeleton: React.FC<SkeletonProps>;
 //# sourceMappingURL=Skeleton.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.d.mts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4B,cAAc;AAGjD,OAAO,KAAK,EAAE,aAAa,EAAE,6BAAyB;AAEtD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAwFrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Skeleton.d.mts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4B,cAAc;AAGjD,OAAO,KAAK,EAAE,aAAa,EAAE,6BAAyB;AAEtD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAwF5C,CAAC"}

package/dist/components/Skeleton/Skeleton.mjs

@@ -8,7 +8,7 @@ import { useTailwind } from "@metamask/design-system-twrnc-preset";
 import $React, { useEffect, useRef } from "react";
 const React = $importDefault($React);
 import { Animated, View } from "react-native/index.js";
-const Skeleton = ({ height, width, children, hideChildren = false, style, childrenWrapperProps, animatedViewProps, twClassName, autoPlay = true, ...props }) => {
+export const Skeleton = ({ height, width, children, hideChildren = false, style, childrenWrapperProps, animatedViewProps, twClassName, autoPlay = true, ...props }) => {
     const tw = useTailwind();
     const opacityAnim = useRef(new Animated.Value(0.2)).current;
     const hasChildren = children !== null && children !== undefined;
@@ -64,5 +64,4 @@ const Skeleton = ({ height, width, children, hideChildren = false, style, childr
         </View>)}
     </View>);
 };
-export default Skeleton;
 //# sourceMappingURL=Skeleton.mjs.map

package/dist/components/Skeleton/Skeleton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.mjs","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React, { useEffect, useRef } from 'react';\nimport { Animated, View } from 'react-native';\n\nimport type { SkeletonProps } from './Skeleton.types';\n\nconst Skeleton: React.FC<SkeletonProps> = ({\n  height,\n  width,\n  children,\n  hideChildren = false,\n  style,\n  childrenWrapperProps,\n  animatedViewProps,\n  twClassName,\n  autoPlay = true,\n  ...props\n}) => {\n  const tw = useTailwind();\n  const opacityAnim = useRef(new Animated.Value(0.2)).current;\n  const hasChildren = children !== null && children !== undefined;\n\n  const startAnimation = () => {\n    Animated.sequence([\n      Animated.timing(opacityAnim, {\n        toValue: 0.1,\n        duration: 700,\n        useNativeDriver: true,\n        isInteraction: false,\n      }),\n      Animated.timing(opacityAnim, {\n        toValue: 0.2,\n        duration: 700,\n        useNativeDriver: true,\n        isInteraction: false,\n      }),\n    ]).start(({ finished }) => {\n      /* istanbul ignore next - animation interruption is not testable in Jest */\n      if (finished) {\n        startAnimation();\n      }\n    });\n  };\n\n  useEffect(() => {\n    if (autoPlay && (!hasChildren || hideChildren)) {\n      startAnimation();\n    }\n\n    return () => {\n      opacityAnim.stopAnimation();\n    };\n  }, [hasChildren, hideChildren, autoPlay]);\n\n  if (!hideChildren && hasChildren) {\n    return <>{children}</>;\n  }\n\n  return (\n    <View\n      style={[\n        tw.style('rounded overflow-hidden', twClassName),\n        height !== undefined && { height },\n        width !== undefined && { width },\n        style,\n      ]}\n      {...props}\n    >\n      <Animated.View\n        {...animatedViewProps}\n        style={[\n          tw.style('absolute inset-0 rounded bg-icon-alternative'),\n          { opacity: opacityAnim },\n          animatedViewProps?.style,\n        ]}\n        pointerEvents=\"none\"\n      />\n\n      {hasChildren && (\n        <View\n          {...childrenWrapperProps}\n          style={[\n            tw.style('relative z-10 opacity-0'),\n            childrenWrapperProps?.style,\n          ]}\n          pointerEvents=\"none\"\n          accessibilityElementsHidden\n          importantForAccessibility=\"no-hide-descendants\"\n        >\n          {children}\n        </View>\n      )}\n    </View>\n  );\n};\n\nexport default Skeleton;\n"]}
+{"version":3,"file":"Skeleton.mjs","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React, { useEffect, useRef } from 'react';\nimport { Animated, View } from 'react-native';\n\nimport type { SkeletonProps } from './Skeleton.types';\n\nexport const Skeleton: React.FC<SkeletonProps> = ({\n  height,\n  width,\n  children,\n  hideChildren = false,\n  style,\n  childrenWrapperProps,\n  animatedViewProps,\n  twClassName,\n  autoPlay = true,\n  ...props\n}) => {\n  const tw = useTailwind();\n  const opacityAnim = useRef(new Animated.Value(0.2)).current;\n  const hasChildren = children !== null && children !== undefined;\n\n  const startAnimation = () => {\n    Animated.sequence([\n      Animated.timing(opacityAnim, {\n        toValue: 0.1,\n        duration: 700,\n        useNativeDriver: true,\n        isInteraction: false,\n      }),\n      Animated.timing(opacityAnim, {\n        toValue: 0.2,\n        duration: 700,\n        useNativeDriver: true,\n        isInteraction: false,\n      }),\n    ]).start(({ finished }) => {\n      /* istanbul ignore next - animation interruption is not testable in Jest */\n      if (finished) {\n        startAnimation();\n      }\n    });\n  };\n\n  useEffect(() => {\n    if (autoPlay && (!hasChildren || hideChildren)) {\n      startAnimation();\n    }\n\n    return () => {\n      opacityAnim.stopAnimation();\n    };\n  }, [hasChildren, hideChildren, autoPlay]);\n\n  if (!hideChildren && hasChildren) {\n    return <>{children}</>;\n  }\n\n  return (\n    <View\n      style={[\n        tw.style('rounded overflow-hidden', twClassName),\n        height !== undefined && { height },\n        width !== undefined && { width },\n        style,\n      ]}\n      {...props}\n    >\n      <Animated.View\n        {...animatedViewProps}\n        style={[\n          tw.style('absolute inset-0 rounded bg-icon-alternative'),\n          { opacity: opacityAnim },\n          animatedViewProps?.style,\n        ]}\n        pointerEvents=\"none\"\n      />\n\n      {hasChildren && (\n        <View\n          {...childrenWrapperProps}\n          style={[\n            tw.style('relative z-10 opacity-0'),\n            childrenWrapperProps?.style,\n          ]}\n          pointerEvents=\"none\"\n          accessibilityElementsHidden\n          importantForAccessibility=\"no-hide-descendants\"\n        >\n          {children}\n        </View>\n      )}\n    </View>\n  );\n};\n"]}

package/dist/components/Skeleton/index.cjs

@@ -1,9 +1,6 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Skeleton = void 0;
 var Skeleton_1 = require("./Skeleton.cjs");
-Object.defineProperty(exports, "Skeleton", { enumerable: true, get: function () { return __importDefault(Skeleton_1).default; } });
+Object.defineProperty(exports, "Skeleton", { enumerable: true, get: function () { return Skeleton_1.Skeleton; } });
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/Skeleton/index.ts"],"names":[],"mappings":";;;;;;AAAA,2CAAiD;AAAxC,qHAAA,OAAO,OAAY","sourcesContent":["export { default as Skeleton } from './Skeleton';\nexport type { SkeletonProps } from './Skeleton.types';\n"]}
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/Skeleton/index.ts"],"names":[],"mappings":";;;AAAA,2CAAsC;AAA7B,oGAAA,QAAQ,OAAA","sourcesContent":["export { Skeleton } from './Skeleton';\nexport type { SkeletonProps } from './Skeleton.types';\n"]}

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

@@ -1,3 +1,3 @@
-export { default as Skeleton } from "./Skeleton.cjs";
+export { Skeleton } from "./Skeleton.cjs";
 export type { SkeletonProps } from "./Skeleton.types.cjs";
 //# sourceMappingURL=index.d.cts.map

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

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

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

@@ -1,3 +1,3 @@
-export { default as Skeleton } from "./Skeleton.mjs";
+export { Skeleton } from "./Skeleton.mjs";
 export type { SkeletonProps } from "./Skeleton.types.mjs";
 //# sourceMappingURL=index.d.mts.map

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

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

package/dist/components/Skeleton/index.mjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/Skeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,uBAAmB","sourcesContent":["export { default as Skeleton } from './Skeleton';\nexport type { SkeletonProps } from './Skeleton.types';\n"]}
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/Skeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,uBAAmB","sourcesContent":["export { Skeleton } from './Skeleton';\nexport type { SkeletonProps } from './Skeleton.types';\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"Text.types.cjs","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":"","sourcesContent":["// Third party dependencies.\nimport type { TextProps as RNTextProps } from 'react-native';\n\nimport type {\n  TextVariant,\n  TextColor,\n  FontWeight,\n  FontFamily,\n  FontStyle,\n} from '../../types';\n\n/**\n * Text component props.\n */\nexport type TextProps = {\n  /**\n   * Optional enum to select between Typography variants.\n   *\n   * @default BodyMD\n   */\n  variant?: TextVariant;\n  /**\n   * Text to be displayed.\n   */\n  children: React.ReactNode;\n  /**\n   * Optional prop to add color to text.\n   */\n  color?: TextColor;\n  /**\n   * Optional prop to control the font weight of the text.\n   * Normal: 400\n   * Medium: 500\n   * Bold: 700\n   */\n  fontWeight?: FontWeight;\n  /**\n   * Optional prop to adjust the font family.\n   * Default: Geist\n   * Accent: MM Sans\n   * Hero: MM Poly\n   */\n  fontFamily?: FontFamily;\n  /**\n   * Optional prop to adjust the style of the font.\n   */\n  fontStyle?: FontStyle;\n  /**\n   * Optional prop to add twrnc overriding classNames.\n   */\n  twClassName?: string;\n} & RNTextProps;\n"]}
+{"version":3,"file":"Text.types.cjs","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":"","sourcesContent":["// Third party dependencies.\nimport type { TextProps as RNTextProps } from 'react-native';\n\nimport type {\n  TextVariant,\n  TextColor,\n  FontWeight,\n  FontFamily,\n  FontStyle,\n} from '../../types';\n\n/**\n * Text component props.\n */\nexport type TextProps = {\n  /**\n   * Optional enum to select between Typography variants.\n   *\n   * @default BodyMD\n   */\n  variant?: TextVariant;\n  /**\n   * Text to be displayed.\n   */\n  children: React.ReactNode;\n  /**\n   * Optional prop to add color to text.\n   */\n  color?: TextColor;\n  /**\n   * Optional prop to control the font weight of the text.\n   * Normal: 400\n   * Medium: 500\n   * Bold: 600\n   */\n  fontWeight?: FontWeight;\n  /**\n   * Optional prop to adjust the font family.\n   * Default: Geist\n   * Accent: MM Sans\n   * Hero: MM Poly\n   */\n  fontFamily?: FontFamily;\n  /**\n   * Optional prop to adjust the style of the font.\n   */\n  fontStyle?: FontStyle;\n  /**\n   * Optional prop to add twrnc overriding classNames.\n   */\n  twClassName?: string;\n} & RNTextProps;\n"]}

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

@@ -22,7 +22,7 @@ export type TextProps = {
      * Optional prop to control the font weight of the text.
      * Normal: 400
      * Medium: 500
-     * Bold: 700
+     * Bold: 600
      */
     fontWeight?: FontWeight;
     /**

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

@@ -22,7 +22,7 @@ export type TextProps = {
      * Optional prop to control the font weight of the text.
      * Normal: 400
      * Medium: 500
-     * Bold: 700
+     * Bold: 600
      */
     fontWeight?: FontWeight;
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"Text.types.mjs","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":"","sourcesContent":["// Third party dependencies.\nimport type { TextProps as RNTextProps } from 'react-native';\n\nimport type {\n  TextVariant,\n  TextColor,\n  FontWeight,\n  FontFamily,\n  FontStyle,\n} from '../../types';\n\n/**\n * Text component props.\n */\nexport type TextProps = {\n  /**\n   * Optional enum to select between Typography variants.\n   *\n   * @default BodyMD\n   */\n  variant?: TextVariant;\n  /**\n   * Text to be displayed.\n   */\n  children: React.ReactNode;\n  /**\n   * Optional prop to add color to text.\n   */\n  color?: TextColor;\n  /**\n   * Optional prop to control the font weight of the text.\n   * Normal: 400\n   * Medium: 500\n   * Bold: 700\n   */\n  fontWeight?: FontWeight;\n  /**\n   * Optional prop to adjust the font family.\n   * Default: Geist\n   * Accent: MM Sans\n   * Hero: MM Poly\n   */\n  fontFamily?: FontFamily;\n  /**\n   * Optional prop to adjust the style of the font.\n   */\n  fontStyle?: FontStyle;\n  /**\n   * Optional prop to add twrnc overriding classNames.\n   */\n  twClassName?: string;\n} & RNTextProps;\n"]}
+{"version":3,"file":"Text.types.mjs","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":"","sourcesContent":["// Third party dependencies.\nimport type { TextProps as RNTextProps } from 'react-native';\n\nimport type {\n  TextVariant,\n  TextColor,\n  FontWeight,\n  FontFamily,\n  FontStyle,\n} from '../../types';\n\n/**\n * Text component props.\n */\nexport type TextProps = {\n  /**\n   * Optional enum to select between Typography variants.\n   *\n   * @default BodyMD\n   */\n  variant?: TextVariant;\n  /**\n   * Text to be displayed.\n   */\n  children: React.ReactNode;\n  /**\n   * Optional prop to add color to text.\n   */\n  color?: TextColor;\n  /**\n   * Optional prop to control the font weight of the text.\n   * Normal: 400\n   * Medium: 500\n   * Bold: 600\n   */\n  fontWeight?: FontWeight;\n  /**\n   * Optional prop to adjust the font family.\n   * Default: Geist\n   * Accent: MM Sans\n   * Hero: MM Poly\n   */\n  fontFamily?: FontFamily;\n  /**\n   * Optional prop to adjust the style of the font.\n   */\n  fontStyle?: FontStyle;\n  /**\n   * Optional prop to add twrnc overriding classNames.\n   */\n  twClassName?: string;\n} & RNTextProps;\n"]}

package/dist/components/TextFieldSearch/TextFieldSearch.cjs

@@ -0,0 +1,45 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextFieldSearch = void 0;
+const design_system_twrnc_preset_1 = require("@metamask/design-system-twrnc-preset");
+const react_1 = __importStar(require("react"));
+const ButtonIcon_1 = require("../ButtonIcon/index.cjs");
+const Icon_1 = require("../Icon/index.cjs");
+const TextField_1 = require("../TextField/index.cjs");
+exports.TextFieldSearch = (0, react_1.forwardRef)(({ onPressClearButton, clearButtonProps, value, style, startAccessory, endAccessory, ...props }, ref) => {
+    const tw = (0, design_system_twrnc_preset_1.useTailwind)();
+    const containerStyle = tw.style('rounded-full');
+    const searchIcon = (<Icon_1.Icon name={Icon_1.IconName.Search} size={Icon_1.IconSize.Md} color={Icon_1.IconColor.IconAlternative}/>);
+    const clearButtonHandler = (0, react_1.useCallback)(() => {
+        onPressClearButton();
+    }, [onPressClearButton]);
+    const clearButton = (<ButtonIcon_1.ButtonIcon size={ButtonIcon_1.ButtonIconSize.Md} iconName={Icon_1.IconName.CircleX} iconProps={{ color: Icon_1.IconColor.IconAlternative }} onPress={clearButtonHandler} {...clearButtonProps}/>);
+    return (<TextField_1.TextField ref={ref} {...props} value={value} startAccessory={startAccessory !== undefined ? startAccessory : searchIcon} endAccessory={endAccessory !== undefined
+            ? endAccessory
+            : Boolean(value) && clearButton} testID="textfieldsearch" style={[containerStyle, style]}/>);
+});
+exports.TextFieldSearch.displayName = 'TextFieldSearch';
+//# sourceMappingURL=TextFieldSearch.cjs.map

package/dist/components/TextFieldSearch/TextFieldSearch.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextFieldSearch.cjs","sourceRoot":"","sources":["../../../src/components/TextFieldSearch/TextFieldSearch.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAmE;AACnE,+CAAuD;AAGvD,wDAA2D;AAC3D,4CAA8D;AAC9D,sDAAyC;AAI5B,QAAA,eAAe,GAAG,IAAA,kBAAU,EACvC,CACE,EACE,kBAAkB,EAClB,gBAAgB,EAChB,KAAK,EACL,KAAK,EACL,cAAc,EACd,YAAY,EACZ,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IACzB,MAAM,cAAc,GAAG,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IAEhD,MAAM,UAAU,GAAG,CACjB,CAAC,WAAI,CACH,IAAI,CAAC,CAAC,eAAQ,CAAC,MAAM,CAAC,CACtB,IAAI,CAAC,CAAC,eAAQ,CAAC,EAAE,CAAC,CAClB,KAAK,CAAC,CAAC,gBAAS,CAAC,eAAe,CAAC,EACjC,CACH,CAAC;IAEF,MAAM,kBAAkB,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC1C,kBAAkB,EAAE,CAAC;IACvB,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAEzB,MAAM,WAAW,GAAG,CAClB,CAAC,uBAAU,CACT,IAAI,CAAC,CAAC,2BAAc,CAAC,EAAE,CAAC,CACxB,QAAQ,CAAC,CAAC,eAAQ,CAAC,OAAO,CAAC,CAC3B,SAAS,CAAC,CAAC,EAAE,KAAK,EAAE,gBAAS,CAAC,eAAe,EAAE,CAAC,CAChD,OAAO,CAAC,CAAC,kBAAkB,CAAC,CAC5B,IAAI,gBAAgB,CAAC,EACrB,CACH,CAAC;IAEF,OAAO,CACL,CAAC,qBAAS,CACR,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,cAAc,CAAC,CACb,cAAc,KAAK,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,UAAU,CAC3D,CACD,YAAY,CAAC,CACX,YAAY,KAAK,SAAS;YACxB,CAAC,CAAC,YAAY;YACd,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,WAAW,CAClC,CACD,MAAM,CAAC,iBAAiB,CACxB,KAAK,CAAC,CAAC,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,EAC/B,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,uBAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC","sourcesContent":["import { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React, { forwardRef, useCallback } from 'react';\nimport type { TextInput } from 'react-native';\n\nimport { ButtonIcon, ButtonIconSize } from '../ButtonIcon';\nimport { Icon, IconColor, IconName, IconSize } from '../Icon';\nimport { TextField } from '../TextField';\n\nimport type { TextFieldSearchProps } from './TextFieldSearch.types';\n\nexport const TextFieldSearch = forwardRef<TextInput, TextFieldSearchProps>(\n  (\n    {\n      onPressClearButton,\n      clearButtonProps,\n      value,\n      style,\n      startAccessory,\n      endAccessory,\n      ...props\n    },\n    ref,\n  ) => {\n    const tw = useTailwind();\n    const containerStyle = tw.style('rounded-full');\n\n    const searchIcon = (\n      <Icon\n        name={IconName.Search}\n        size={IconSize.Md}\n        color={IconColor.IconAlternative}\n      />\n    );\n\n    const clearButtonHandler = useCallback(() => {\n      onPressClearButton();\n    }, [onPressClearButton]);\n\n    const clearButton = (\n      <ButtonIcon\n        size={ButtonIconSize.Md}\n        iconName={IconName.CircleX}\n        iconProps={{ color: IconColor.IconAlternative }}\n        onPress={clearButtonHandler}\n        {...clearButtonProps}\n      />\n    );\n\n    return (\n      <TextField\n        ref={ref}\n        {...props}\n        value={value}\n        startAccessory={\n          startAccessory !== undefined ? startAccessory : searchIcon\n        }\n        endAccessory={\n          endAccessory !== undefined\n            ? endAccessory\n            : Boolean(value) && clearButton\n        }\n        testID=\"textfieldsearch\"\n        style={[containerStyle, style]}\n      />\n    );\n  },\n);\n\nTextFieldSearch.displayName = 'TextFieldSearch';\n"]}

package/dist/components/TextFieldSearch/TextFieldSearch.d.cts

@@ -0,0 +1,14 @@
+import React from "react";
+import type { TextInput } from "react-native/index.js";
+export declare const TextFieldSearch: React.ForwardRefExoticComponent<Omit<import("../index.cjs").InputProps, "style" | "textVariant" | "isStateStylesDisabled"> & {
+    startAccessory?: React.ReactNode;
+    endAccessory?: React.ReactNode;
+    isError?: boolean | undefined;
+    inputElement?: React.ReactNode;
+    twClassName?: string | undefined;
+    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+} & {
+    clearButtonProps?: Partial<import("../ButtonIcon/index.cjs").ButtonIconProps> | undefined;
+    onPressClearButton: () => void;
+} & React.RefAttributes<TextInput>>;
+//# sourceMappingURL=TextFieldSearch.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextFieldSearch.d.cts","sourceRoot":"","sources":["../../../src/components/TextFieldSearch/TextFieldSearch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkC,cAAc;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,8BAAqB;AAQ9C,eAAO,MAAM,eAAe;;;;;;;;;;mCAwD3B,CAAC"}

package/dist/components/TextFieldSearch/TextFieldSearch.d.mts

@@ -0,0 +1,14 @@
+import React from "react";
+import type { TextInput } from "react-native/index.js";
+export declare const TextFieldSearch: React.ForwardRefExoticComponent<Omit<import("../index.mjs").InputProps, "style" | "textVariant" | "isStateStylesDisabled"> & {
+    startAccessory?: React.ReactNode;
+    endAccessory?: React.ReactNode;
+    isError?: boolean | undefined;
+    inputElement?: React.ReactNode;
+    twClassName?: string | undefined;
+    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+} & {
+    clearButtonProps?: Partial<import("../ButtonIcon/index.mjs").ButtonIconProps> | undefined;
+    onPressClearButton: () => void;
+} & React.RefAttributes<TextInput>>;
+//# sourceMappingURL=TextFieldSearch.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextFieldSearch.d.mts","sourceRoot":"","sources":["../../../src/components/TextFieldSearch/TextFieldSearch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkC,cAAc;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,8BAAqB;AAQ9C,eAAO,MAAM,eAAe;;;;;;;;;;mCAwD3B,CAAC"}

package/dist/components/TextFieldSearch/TextFieldSearch.mjs

@@ -0,0 +1,26 @@
+function $importDefault(module) {
+    if (module?.__esModule) {
+        return module.default;
+    }
+    return module;
+}
+import { useTailwind } from "@metamask/design-system-twrnc-preset";
+import $React, { forwardRef, useCallback } from "react";
+const React = $importDefault($React);
+import { ButtonIcon, ButtonIconSize } from "../ButtonIcon/index.mjs";
+import { Icon, IconColor, IconName, IconSize } from "../Icon/index.mjs";
+import { TextField } from "../TextField/index.mjs";
+export const TextFieldSearch = forwardRef(({ onPressClearButton, clearButtonProps, value, style, startAccessory, endAccessory, ...props }, ref) => {
+    const tw = useTailwind();
+    const containerStyle = tw.style('rounded-full');
+    const searchIcon = (<Icon name={IconName.Search} size={IconSize.Md} color={IconColor.IconAlternative}/>);
+    const clearButtonHandler = useCallback(() => {
+        onPressClearButton();
+    }, [onPressClearButton]);
+    const clearButton = (<ButtonIcon size={ButtonIconSize.Md} iconName={IconName.CircleX} iconProps={{ color: IconColor.IconAlternative }} onPress={clearButtonHandler} {...clearButtonProps}/>);
+    return (<TextField ref={ref} {...props} value={value} startAccessory={startAccessory !== undefined ? startAccessory : searchIcon} endAccessory={endAccessory !== undefined
+            ? endAccessory
+            : Boolean(value) && clearButton} testID="textfieldsearch" style={[containerStyle, style]}/>);
+});
+TextFieldSearch.displayName = 'TextFieldSearch';
+//# sourceMappingURL=TextFieldSearch.mjs.map

package/dist/components/TextFieldSearch/TextFieldSearch.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextFieldSearch.mjs","sourceRoot":"","sources":["../../../src/components/TextFieldSearch/TextFieldSearch.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,6CAA6C;AACnE,OAAO,QAAO,EAAE,UAAU,EAAE,WAAW,EAAE,cAAc;;AAGvD,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,gCAAsB;AAC3D,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,0BAAgB;AAC9D,OAAO,EAAE,SAAS,EAAE,+BAAqB;AAIzC,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CACvC,CACE,EACE,kBAAkB,EAClB,gBAAgB,EAChB,KAAK,EACL,KAAK,EACL,cAAc,EACd,YAAY,EACZ,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IACzB,MAAM,cAAc,GAAG,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IAEhD,MAAM,UAAU,GAAG,CACjB,CAAC,IAAI,CACH,IAAI,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CACtB,IAAI,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAClB,KAAK,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC,EACjC,CACH,CAAC;IAEF,MAAM,kBAAkB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC1C,kBAAkB,EAAE,CAAC;IACvB,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAEzB,MAAM,WAAW,GAAG,CAClB,CAAC,UAAU,CACT,IAAI,CAAC,CAAC,cAAc,CAAC,EAAE,CAAC,CACxB,QAAQ,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAC3B,SAAS,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,eAAe,EAAE,CAAC,CAChD,OAAO,CAAC,CAAC,kBAAkB,CAAC,CAC5B,IAAI,gBAAgB,CAAC,EACrB,CACH,CAAC;IAEF,OAAO,CACL,CAAC,SAAS,CACR,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,cAAc,CAAC,CACb,cAAc,KAAK,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,UAAU,CAC3D,CACD,YAAY,CAAC,CACX,YAAY,KAAK,SAAS;YACxB,CAAC,CAAC,YAAY;YACd,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,WAAW,CAClC,CACD,MAAM,CAAC,iBAAiB,CACxB,KAAK,CAAC,CAAC,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,EAC/B,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC","sourcesContent":["import { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React, { forwardRef, useCallback } from 'react';\nimport type { TextInput } from 'react-native';\n\nimport { ButtonIcon, ButtonIconSize } from '../ButtonIcon';\nimport { Icon, IconColor, IconName, IconSize } from '../Icon';\nimport { TextField } from '../TextField';\n\nimport type { TextFieldSearchProps } from './TextFieldSearch.types';\n\nexport const TextFieldSearch = forwardRef<TextInput, TextFieldSearchProps>(\n  (\n    {\n      onPressClearButton,\n      clearButtonProps,\n      value,\n      style,\n      startAccessory,\n      endAccessory,\n      ...props\n    },\n    ref,\n  ) => {\n    const tw = useTailwind();\n    const containerStyle = tw.style('rounded-full');\n\n    const searchIcon = (\n      <Icon\n        name={IconName.Search}\n        size={IconSize.Md}\n        color={IconColor.IconAlternative}\n      />\n    );\n\n    const clearButtonHandler = useCallback(() => {\n      onPressClearButton();\n    }, [onPressClearButton]);\n\n    const clearButton = (\n      <ButtonIcon\n        size={ButtonIconSize.Md}\n        iconName={IconName.CircleX}\n        iconProps={{ color: IconColor.IconAlternative }}\n        onPress={clearButtonHandler}\n        {...clearButtonProps}\n      />\n    );\n\n    return (\n      <TextField\n        ref={ref}\n        {...props}\n        value={value}\n        startAccessory={\n          startAccessory !== undefined ? startAccessory : searchIcon\n        }\n        endAccessory={\n          endAccessory !== undefined\n            ? endAccessory\n            : Boolean(value) && clearButton\n        }\n        testID=\"textfieldsearch\"\n        style={[containerStyle, style]}\n      />\n    );\n  },\n);\n\nTextFieldSearch.displayName = 'TextFieldSearch';\n"]}

package/dist/components/TextFieldSearch/TextFieldSearch.types.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextFieldSearch.types.cjs","sourceRoot":"","sources":["../../../src/components/TextFieldSearch/TextFieldSearch.types.ts"],"names":[],"mappings":"","sourcesContent":["// External dependencies.\nimport type { ButtonIconProps } from '../ButtonIcon';\nimport type { TextFieldProps } from '../TextField';\n\n/**\n * TextFieldSearch component props.\n */\nexport type TextFieldSearchProps = TextFieldProps & {\n  /**\n   * Optional prop to pass any additional props to the clear button.\n   */\n  clearButtonProps?: Partial<ButtonIconProps>;\n  /**\n   * Function to trigger when pressing the clear button.\n   * The clear button is automatically shown when the input has a value.\n   */\n  onPressClearButton: () => void;\n};\n"]}

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

@@ -0,0 +1,17 @@
+import type { ButtonIconProps } from "../ButtonIcon/index.cjs";
+import type { TextFieldProps } from "../TextField/index.cjs";
+/**
+ * TextFieldSearch component props.
+ */
+export type TextFieldSearchProps = TextFieldProps & {
+    /**
+     * Optional prop to pass any additional props to the clear button.
+     */
+    clearButtonProps?: Partial<ButtonIconProps>;
+    /**
+     * Function to trigger when pressing the clear button.
+     * The clear button is automatically shown when the input has a value.
+     */
+    onPressClearButton: () => void;
+};
+//# sourceMappingURL=TextFieldSearch.types.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextFieldSearch.types.d.cts","sourceRoot":"","sources":["../../../src/components/TextFieldSearch/TextFieldSearch.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,gCAAsB;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,+BAAqB;AAEnD;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG,cAAc,GAAG;IAClD;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IAC5C;;;OAGG;IACH,kBAAkB,EAAE,MAAM,IAAI,CAAC;CAChC,CAAC"}

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

@@ -0,0 +1,17 @@
+import type { ButtonIconProps } from "../ButtonIcon/index.mjs";
+import type { TextFieldProps } from "../TextField/index.mjs";
+/**
+ * TextFieldSearch component props.
+ */
+export type TextFieldSearchProps = TextFieldProps & {
+    /**
+     * Optional prop to pass any additional props to the clear button.
+     */
+    clearButtonProps?: Partial<ButtonIconProps>;
+    /**
+     * Function to trigger when pressing the clear button.
+     * The clear button is automatically shown when the input has a value.
+     */
+    onPressClearButton: () => void;
+};
+//# sourceMappingURL=TextFieldSearch.types.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextFieldSearch.types.d.mts","sourceRoot":"","sources":["../../../src/components/TextFieldSearch/TextFieldSearch.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,gCAAsB;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,+BAAqB;AAEnD;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG,cAAc,GAAG;IAClD;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IAC5C;;;OAGG;IACH,kBAAkB,EAAE,MAAM,IAAI,CAAC;CAChC,CAAC"}

package/dist/components/TextFieldSearch/TextFieldSearch.types.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextFieldSearch.types.mjs","sourceRoot":"","sources":["../../../src/components/TextFieldSearch/TextFieldSearch.types.ts"],"names":[],"mappings":"","sourcesContent":["// External dependencies.\nimport type { ButtonIconProps } from '../ButtonIcon';\nimport type { TextFieldProps } from '../TextField';\n\n/**\n * TextFieldSearch component props.\n */\nexport type TextFieldSearchProps = TextFieldProps & {\n  /**\n   * Optional prop to pass any additional props to the clear button.\n   */\n  clearButtonProps?: Partial<ButtonIconProps>;\n  /**\n   * Function to trigger when pressing the clear button.\n   * The clear button is automatically shown when the input has a value.\n   */\n  onPressClearButton: () => void;\n};\n"]}

package/dist/components/TextFieldSearch/index.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/TextFieldSearch/index.ts"],"names":[],"mappings":";;;AAAA,yDAAoD;AAA3C,kHAAA,eAAe,OAAA","sourcesContent":["export { TextFieldSearch } from './TextFieldSearch';\nexport type { TextFieldSearchProps } from './TextFieldSearch.types';\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/TextFieldSearch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,8BAA0B;AACpD,YAAY,EAAE,oBAAoB,EAAE,oCAAgC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/TextFieldSearch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,8BAA0B;AACpD,YAAY,EAAE,oBAAoB,EAAE,oCAAgC"}

package/dist/components/TextFieldSearch/index.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/TextFieldSearch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,8BAA0B","sourcesContent":["export { TextFieldSearch } from './TextFieldSearch';\nexport type { TextFieldSearchProps } from './TextFieldSearch.types';\n"]}