@metamask/design-system-react-native 0.7.0 → 0.9.0

package/CHANGELOG.md

@@ -7,6 +7,39 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.9.0]
+
+### Added
+
+- Added `TextField` component for text input fields ([#910](https://github.com/MetaMask/metamask-design-system/pull/910))
+  - Boxed, press-to-focus wrapper around `Input` component
+  - Supports configurable sizes, optional start/end accessories
+  - Includes error and disabled states with custom styling
+  - Full accessibility support and comprehensive test coverage
+
+## [0.8.0]
+
+### Added
+
+- Added `RadioButton` component for radio button form controls ([#926](https://github.com/MetaMask/metamask-design-system/pull/926))
+  - Supports checked, disabled, read-only, and danger states
+  - Full accessibility support with `role="radio"` and `accessibilityState`
+  - Optional label rendering for improved usability
+
+### Changed
+
+- **BREAKING:** Migrated `BadgeStatus` component from TypeScript enums to string union types with const objects ([#912](https://github.com/MetaMask/metamask-design-system/pull/912))
+  - `BadgeStatusStatus` and `BadgeStatusSize` enums replaced with const objects and derived string union types
+  - **No migration required** - continue importing from `@metamask/design-system-react-native` as usual
+  - Const object values remain the same (e.g., `BadgeStatusStatus.Active` still works)
+  - String literals now also accepted thanks to structural typing (e.g., `'active'` works where `BadgeStatusStatus.Active` is expected)
+  - We are still evaluating best practices for const objects vs string literals - use whichever approach works best for your codebase
+  - This change implements [ADR-0003](https://github.com/MetaMask/decisions/blob/main/decisions/design-system/0003-enum-to-string-union-migration.md) and [ADR-0004](https://github.com/MetaMask/decisions/blob/main/decisions/design-system/0004-centralized-types-architecture.md)
+- Refactored `BottomSheetFooter` component location for better organization ([#933](https://github.com/MetaMask/metamask-design-system/pull/933))
+  - Moved from `BottomSheets/BottomSheetFooter/` to `BottomSheetFooter/`
+  - Updated import paths and Storybook title
+  - No breaking changes - all imports from package entry point continue to work
+
 ## [0.7.0]
 
 ### Added
@@ -154,7 +187,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Full TypeScript support with type definitions and enums
 - React Native integration with TWRNC preset support
 
-[Unreleased]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react-native@0.7.0...HEAD
+[Unreleased]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react-native@0.9.0...HEAD
+[0.9.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react-native@0.8.0...@metamask/design-system-react-native@0.9.0
+[0.8.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react-native@0.7.0...@metamask/design-system-react-native@0.8.0
 [0.7.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react-native@0.6.0...@metamask/design-system-react-native@0.7.0
 [0.6.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react-native@0.5.1...@metamask/design-system-react-native@0.6.0
 [0.5.1]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react-native@0.5.0...@metamask/design-system-react-native@0.5.1

package/dist/components/BadgeStatus/BadgeStatus.cjs

@@ -4,12 +4,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BadgeStatus = void 0;
+const design_system_shared_1 = require("@metamask/design-system-shared");
 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 types_1 = require("../../types/index.cjs");
 const BadgeStatus_constants_1 = require("./BadgeStatus.constants.cjs");
-const BadgeStatus = ({ status, size = types_1.BadgeStatusSize.Md, hasBorder = true, twClassName, style, ...props }) => {
+const BadgeStatus = ({ status, size = design_system_shared_1.BadgeStatusSize.Md, hasBorder = true, twClassName, style, ...props }) => {
     const tw = (0, design_system_twrnc_preset_1.useTailwind)();
     return (<react_native_1.View {...props} style={[
             tw.style('self-start rounded-full', hasBorder && 'border-2 border-background-default', twClassName),

package/dist/components/BadgeStatus/BadgeStatus.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BadgeStatus.cjs","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.tsx"],"names":[],"mappings":";;;;;;AAAA,qFAAmE;AACnE,kDAA0B;AAC1B,wDAAoC;AAEpC,iDAA8C;AAE9C,uEAGiC;AAG1B,MAAM,WAAW,GAAG,CAAC,EAC1B,MAAM,EACN,IAAI,GAAG,uBAAe,CAAC,EAAE,EACzB,SAAS,GAAG,IAAI,EAChB,WAAW,EACX,KAAK,EACL,GAAG,KAAK,EACS,EAAE,EAAE;IACrB,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IAEzB,OAAO,CACL,CAAC,mBAAI,CACH,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CACN,yBAAyB,EACzB,SAAS,IAAI,oCAAoC,EACjD,WAAW,CACZ;YACD,KAAK;SACN,CAAC,CAEF;MAAA,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CACN,uBAAuB,EACvB,mDAA2B,CAAC,IAAI,CAAC,EACjC,4DAAoC,CAAC,MAAM,CAAC,CAC7C;SACF,CAAC,EAEN;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAjCW,QAAA,WAAW,eAiCtB","sourcesContent":["import { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React from 'react';\nimport { View } from 'react-native';\n\nimport { BadgeStatusSize } from '../../types';\n\nimport {\n  TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE,\n  TWCLASSMAP_BADGESTATUS_SIZE,\n} from './BadgeStatus.constants';\nimport type { BadgeStatusProps } from './BadgeStatus.types';\n\nexport const BadgeStatus = ({\n  status,\n  size = BadgeStatusSize.Md,\n  hasBorder = true,\n  twClassName,\n  style,\n  ...props\n}: BadgeStatusProps) => {\n  const tw = useTailwind();\n\n  return (\n    <View\n      {...props}\n      style={[\n        tw.style(\n          'self-start rounded-full',\n          hasBorder && 'border-2 border-background-default',\n          twClassName,\n        ),\n        style,\n      ]}\n    >\n      <View\n        style={[\n          tw.style(\n            'rounded-full border-2',\n            TWCLASSMAP_BADGESTATUS_SIZE[size],\n            TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE[status],\n          ),\n        ]}\n      />\n    </View>\n  );\n};\n"]}
+{"version":3,"file":"BadgeStatus.cjs","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.tsx"],"names":[],"mappings":";;;;;;AAAA,yEAAiE;AACjE,qFAAmE;AACnE,kDAA0B;AAC1B,wDAAoC;AAEpC,uEAGiC;AAG1B,MAAM,WAAW,GAAG,CAAC,EAC1B,MAAM,EACN,IAAI,GAAG,sCAAe,CAAC,EAAE,EACzB,SAAS,GAAG,IAAI,EAChB,WAAW,EACX,KAAK,EACL,GAAG,KAAK,EACS,EAAE,EAAE;IACrB,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IAEzB,OAAO,CACL,CAAC,mBAAI,CACH,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CACN,yBAAyB,EACzB,SAAS,IAAI,oCAAoC,EACjD,WAAW,CACZ;YACD,KAAK;SACN,CAAC,CAEF;MAAA,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CACN,uBAAuB,EACvB,mDAA2B,CAAC,IAAI,CAAC,EACjC,4DAAoC,CAAC,MAAM,CAAC,CAC7C;SACF,CAAC,EAEN;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAjCW,QAAA,WAAW,eAiCtB","sourcesContent":["import { BadgeStatusSize } from '@metamask/design-system-shared';\nimport { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React from 'react';\nimport { View } from 'react-native';\n\nimport {\n  TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE,\n  TWCLASSMAP_BADGESTATUS_SIZE,\n} from './BadgeStatus.constants';\nimport type { BadgeStatusProps } from './BadgeStatus.types';\n\nexport const BadgeStatus = ({\n  status,\n  size = BadgeStatusSize.Md,\n  hasBorder = true,\n  twClassName,\n  style,\n  ...props\n}: BadgeStatusProps) => {\n  const tw = useTailwind();\n\n  return (\n    <View\n      {...props}\n      style={[\n        tw.style(\n          'self-start rounded-full',\n          hasBorder && 'border-2 border-background-default',\n          twClassName,\n        ),\n        style,\n      ]}\n    >\n      <View\n        style={[\n          tw.style(\n            'rounded-full border-2',\n            TWCLASSMAP_BADGESTATUS_SIZE[size],\n            TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE[status],\n          ),\n        ]}\n      />\n    </View>\n  );\n};\n"]}

package/dist/components/BadgeStatus/BadgeStatus.constants.cjs

@@ -1,17 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TWCLASSMAP_BADGESTATUS_SIZE = exports.TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE = void 0;
-const types_1 = require("../../types/index.cjs");
+const design_system_shared_1 = require("@metamask/design-system-shared");
 // Mappings
 exports.TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE = {
-    [types_1.BadgeStatusStatus.Active]: 'bg-success-default border-success-default',
-    [types_1.BadgeStatusStatus.Inactive]: 'bg-default border-success-default',
-    [types_1.BadgeStatusStatus.Disconnected]: 'bg-icon-muted border-icon-muted',
-    [types_1.BadgeStatusStatus.New]: 'bg-primary-default border-primary-default',
-    [types_1.BadgeStatusStatus.Attention]: 'bg-error-default border-error-default',
+    [design_system_shared_1.BadgeStatusStatus.Active]: 'bg-success-default border-success-default',
+    [design_system_shared_1.BadgeStatusStatus.Inactive]: 'bg-default border-success-default',
+    [design_system_shared_1.BadgeStatusStatus.Disconnected]: 'bg-icon-muted border-icon-muted',
+    [design_system_shared_1.BadgeStatusStatus.New]: 'bg-primary-default border-primary-default',
+    [design_system_shared_1.BadgeStatusStatus.Attention]: 'bg-error-default border-error-default',
 };
 exports.TWCLASSMAP_BADGESTATUS_SIZE = {
-    [types_1.BadgeStatusSize.Md]: 'h-2 w-2',
-    [types_1.BadgeStatusSize.Lg]: 'h-2.5 w-2.5', // 10px width and height
+    [design_system_shared_1.BadgeStatusSize.Md]: 'h-2 w-2',
+    [design_system_shared_1.BadgeStatusSize.Lg]: 'h-2.5 w-2.5', // 10px width and height
 };
 //# sourceMappingURL=BadgeStatus.constants.cjs.map

package/dist/components/BadgeStatus/BadgeStatus.constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BadgeStatus.constants.cjs","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.constants.ts"],"names":[],"mappings":";;;AAAA,iDAAiE;AAEjE,WAAW;AACE,QAAA,oCAAoC,GAG7C;IACF,CAAC,yBAAiB,CAAC,MAAM,CAAC,EAAE,2CAA2C;IACvE,CAAC,yBAAiB,CAAC,QAAQ,CAAC,EAAE,mCAAmC;IACjE,CAAC,yBAAiB,CAAC,YAAY,CAAC,EAAE,iCAAiC;IACnE,CAAC,yBAAiB,CAAC,GAAG,CAAC,EAAE,2CAA2C;IACpE,CAAC,yBAAiB,CAAC,SAAS,CAAC,EAAE,uCAAuC;CACvE,CAAC;AAEW,QAAA,2BAA2B,GAAoC;IAC1E,CAAC,uBAAe,CAAC,EAAE,CAAC,EAAE,SAAS;IAC/B,CAAC,uBAAe,CAAC,EAAE,CAAC,EAAE,aAAa,EAAE,wBAAwB;CAC9D,CAAC","sourcesContent":["import { BadgeStatusStatus, BadgeStatusSize } from '../../types';\n\n// Mappings\nexport const TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE: Record<\n  BadgeStatusStatus,\n  string\n> = {\n  [BadgeStatusStatus.Active]: 'bg-success-default border-success-default',\n  [BadgeStatusStatus.Inactive]: 'bg-default border-success-default',\n  [BadgeStatusStatus.Disconnected]: 'bg-icon-muted border-icon-muted',\n  [BadgeStatusStatus.New]: 'bg-primary-default border-primary-default',\n  [BadgeStatusStatus.Attention]: 'bg-error-default border-error-default',\n};\n\nexport const TWCLASSMAP_BADGESTATUS_SIZE: Record<BadgeStatusSize, string> = {\n  [BadgeStatusSize.Md]: 'h-2 w-2', // 8px width and height\n  [BadgeStatusSize.Lg]: 'h-2.5 w-2.5', // 10px width and height\n};\n"]}
+{"version":3,"file":"BadgeStatus.constants.cjs","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.constants.ts"],"names":[],"mappings":";;;AAAA,yEAGwC;AAExC,WAAW;AACE,QAAA,oCAAoC,GAG7C;IACF,CAAC,wCAAiB,CAAC,MAAM,CAAC,EAAE,2CAA2C;IACvE,CAAC,wCAAiB,CAAC,QAAQ,CAAC,EAAE,mCAAmC;IACjE,CAAC,wCAAiB,CAAC,YAAY,CAAC,EAAE,iCAAiC;IACnE,CAAC,wCAAiB,CAAC,GAAG,CAAC,EAAE,2CAA2C;IACpE,CAAC,wCAAiB,CAAC,SAAS,CAAC,EAAE,uCAAuC;CACvE,CAAC;AAEW,QAAA,2BAA2B,GAAoC;IAC1E,CAAC,sCAAe,CAAC,EAAE,CAAC,EAAE,SAAS;IAC/B,CAAC,sCAAe,CAAC,EAAE,CAAC,EAAE,aAAa,EAAE,wBAAwB;CAC9D,CAAC","sourcesContent":["import {\n  BadgeStatusSize,\n  BadgeStatusStatus,\n} from '@metamask/design-system-shared';\n\n// Mappings\nexport const TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE: Record<\n  BadgeStatusStatus,\n  string\n> = {\n  [BadgeStatusStatus.Active]: 'bg-success-default border-success-default',\n  [BadgeStatusStatus.Inactive]: 'bg-default border-success-default',\n  [BadgeStatusStatus.Disconnected]: 'bg-icon-muted border-icon-muted',\n  [BadgeStatusStatus.New]: 'bg-primary-default border-primary-default',\n  [BadgeStatusStatus.Attention]: 'bg-error-default border-error-default',\n};\n\nexport const TWCLASSMAP_BADGESTATUS_SIZE: Record<BadgeStatusSize, string> = {\n  [BadgeStatusSize.Md]: 'h-2 w-2', // 8px width and height\n  [BadgeStatusSize.Lg]: 'h-2.5 w-2.5', // 10px width and height\n};\n"]}

package/dist/components/BadgeStatus/BadgeStatus.constants.d.cts

@@ -1,4 +1,4 @@
-import { BadgeStatusStatus, BadgeStatusSize } from "../../types/index.cjs";
+import { BadgeStatusSize, BadgeStatusStatus } from "@metamask/design-system-shared";
 export declare const TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE: Record<BadgeStatusStatus, string>;
 export declare const TWCLASSMAP_BADGESTATUS_SIZE: Record<BadgeStatusSize, string>;
 //# sourceMappingURL=BadgeStatus.constants.d.cts.map

package/dist/components/BadgeStatus/BadgeStatus.constants.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"BadgeStatus.constants.d.cts","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,8BAAoB;AAGjE,eAAO,MAAM,oCAAoC,EAAE,MAAM,CACvD,iBAAiB,EACjB,MAAM,CAOP,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAGvE,CAAC"}
+{"version":3,"file":"BadgeStatus.constants.d.cts","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,iBAAiB,EAClB,uCAAuC;AAGxC,eAAO,MAAM,oCAAoC,EAAE,MAAM,CACvD,iBAAiB,EACjB,MAAM,CAOP,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAGvE,CAAC"}

package/dist/components/BadgeStatus/BadgeStatus.constants.d.mts

@@ -1,4 +1,4 @@
-import { BadgeStatusStatus, BadgeStatusSize } from "../../types/index.mjs";
+import { BadgeStatusSize, BadgeStatusStatus } from "@metamask/design-system-shared";
 export declare const TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE: Record<BadgeStatusStatus, string>;
 export declare const TWCLASSMAP_BADGESTATUS_SIZE: Record<BadgeStatusSize, string>;
 //# sourceMappingURL=BadgeStatus.constants.d.mts.map

package/dist/components/BadgeStatus/BadgeStatus.constants.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"BadgeStatus.constants.d.mts","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,8BAAoB;AAGjE,eAAO,MAAM,oCAAoC,EAAE,MAAM,CACvD,iBAAiB,EACjB,MAAM,CAOP,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAGvE,CAAC"}
+{"version":3,"file":"BadgeStatus.constants.d.mts","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,iBAAiB,EAClB,uCAAuC;AAGxC,eAAO,MAAM,oCAAoC,EAAE,MAAM,CACvD,iBAAiB,EACjB,MAAM,CAOP,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAGvE,CAAC"}

package/dist/components/BadgeStatus/BadgeStatus.constants.mjs

@@ -1,4 +1,4 @@
-import { BadgeStatusStatus, BadgeStatusSize } from "../../types/index.mjs";
+import { BadgeStatusSize, BadgeStatusStatus } from "@metamask/design-system-shared";
 // Mappings
 export const TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE = {
     [BadgeStatusStatus.Active]: 'bg-success-default border-success-default',

package/dist/components/BadgeStatus/BadgeStatus.constants.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"BadgeStatus.constants.mjs","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,8BAAoB;AAEjE,WAAW;AACX,MAAM,CAAC,MAAM,oCAAoC,GAG7C;IACF,CAAC,iBAAiB,CAAC,MAAM,CAAC,EAAE,2CAA2C;IACvE,CAAC,iBAAiB,CAAC,QAAQ,CAAC,EAAE,mCAAmC;IACjE,CAAC,iBAAiB,CAAC,YAAY,CAAC,EAAE,iCAAiC;IACnE,CAAC,iBAAiB,CAAC,GAAG,CAAC,EAAE,2CAA2C;IACpE,CAAC,iBAAiB,CAAC,SAAS,CAAC,EAAE,uCAAuC;CACvE,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAoC;IAC1E,CAAC,eAAe,CAAC,EAAE,CAAC,EAAE,SAAS;IAC/B,CAAC,eAAe,CAAC,EAAE,CAAC,EAAE,aAAa,EAAE,wBAAwB;CAC9D,CAAC","sourcesContent":["import { BadgeStatusStatus, BadgeStatusSize } from '../../types';\n\n// Mappings\nexport const TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE: Record<\n  BadgeStatusStatus,\n  string\n> = {\n  [BadgeStatusStatus.Active]: 'bg-success-default border-success-default',\n  [BadgeStatusStatus.Inactive]: 'bg-default border-success-default',\n  [BadgeStatusStatus.Disconnected]: 'bg-icon-muted border-icon-muted',\n  [BadgeStatusStatus.New]: 'bg-primary-default border-primary-default',\n  [BadgeStatusStatus.Attention]: 'bg-error-default border-error-default',\n};\n\nexport const TWCLASSMAP_BADGESTATUS_SIZE: Record<BadgeStatusSize, string> = {\n  [BadgeStatusSize.Md]: 'h-2 w-2', // 8px width and height\n  [BadgeStatusSize.Lg]: 'h-2.5 w-2.5', // 10px width and height\n};\n"]}
+{"version":3,"file":"BadgeStatus.constants.mjs","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,iBAAiB,EAClB,uCAAuC;AAExC,WAAW;AACX,MAAM,CAAC,MAAM,oCAAoC,GAG7C;IACF,CAAC,iBAAiB,CAAC,MAAM,CAAC,EAAE,2CAA2C;IACvE,CAAC,iBAAiB,CAAC,QAAQ,CAAC,EAAE,mCAAmC;IACjE,CAAC,iBAAiB,CAAC,YAAY,CAAC,EAAE,iCAAiC;IACnE,CAAC,iBAAiB,CAAC,GAAG,CAAC,EAAE,2CAA2C;IACpE,CAAC,iBAAiB,CAAC,SAAS,CAAC,EAAE,uCAAuC;CACvE,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAoC;IAC1E,CAAC,eAAe,CAAC,EAAE,CAAC,EAAE,SAAS;IAC/B,CAAC,eAAe,CAAC,EAAE,CAAC,EAAE,aAAa,EAAE,wBAAwB;CAC9D,CAAC","sourcesContent":["import {\n  BadgeStatusSize,\n  BadgeStatusStatus,\n} from '@metamask/design-system-shared';\n\n// Mappings\nexport const TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE: Record<\n  BadgeStatusStatus,\n  string\n> = {\n  [BadgeStatusStatus.Active]: 'bg-success-default border-success-default',\n  [BadgeStatusStatus.Inactive]: 'bg-default border-success-default',\n  [BadgeStatusStatus.Disconnected]: 'bg-icon-muted border-icon-muted',\n  [BadgeStatusStatus.New]: 'bg-primary-default border-primary-default',\n  [BadgeStatusStatus.Attention]: 'bg-error-default border-error-default',\n};\n\nexport const TWCLASSMAP_BADGESTATUS_SIZE: Record<BadgeStatusSize, string> = {\n  [BadgeStatusSize.Md]: 'h-2 w-2', // 8px width and height\n  [BadgeStatusSize.Lg]: 'h-2.5 w-2.5', // 10px width and height\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"BadgeStatus.d.cts","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAS1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,gCAA4B;AAE5D,eAAO,MAAM,WAAW,8DAOrB,gBAAgB,sBA0BlB,CAAC"}
+{"version":3,"file":"BadgeStatus.d.cts","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,cAAc;AAO1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,gCAA4B;AAE5D,eAAO,MAAM,WAAW,8DAOrB,gBAAgB,sBA0BlB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"BadgeStatus.d.mts","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAS1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,gCAA4B;AAE5D,eAAO,MAAM,WAAW,8DAOrB,gBAAgB,sBA0BlB,CAAC"}
+{"version":3,"file":"BadgeStatus.d.mts","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,cAAc;AAO1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,gCAA4B;AAE5D,eAAO,MAAM,WAAW,8DAOrB,gBAAgB,sBA0BlB,CAAC"}

package/dist/components/BadgeStatus/BadgeStatus.mjs

@@ -4,11 +4,11 @@ function $importDefault(module) {
     }
     return module;
 }
+import { BadgeStatusSize } from "@metamask/design-system-shared";
 import { useTailwind } from "@metamask/design-system-twrnc-preset";
 import $React from "react";
 const React = $importDefault($React);
 import { View } from "react-native/index.js";
-import { BadgeStatusSize } from "../../types/index.mjs";
 import { TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE, TWCLASSMAP_BADGESTATUS_SIZE } from "./BadgeStatus.constants.mjs";
 export const BadgeStatus = ({ status, size = BadgeStatusSize.Md, hasBorder = true, twClassName, style, ...props }) => {
     const tw = useTailwind();

package/dist/components/BadgeStatus/BadgeStatus.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"BadgeStatus.mjs","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,6CAA6C;AACnE,OAAO,MAAK,cAAc;;AAC1B,OAAO,EAAE,IAAI,EAAE,8BAAqB;AAEpC,OAAO,EAAE,eAAe,EAAE,8BAAoB;AAE9C,OAAO,EACL,oCAAoC,EACpC,2BAA2B,EAC5B,oCAAgC;AAGjC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,MAAM,EACN,IAAI,GAAG,eAAe,CAAC,EAAE,EACzB,SAAS,GAAG,IAAI,EAChB,WAAW,EACX,KAAK,EACL,GAAG,KAAK,EACS,EAAE,EAAE;IACrB,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IAEzB,OAAO,CACL,CAAC,IAAI,CACH,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CACN,yBAAyB,EACzB,SAAS,IAAI,oCAAoC,EACjD,WAAW,CACZ;YACD,KAAK;SACN,CAAC,CAEF;MAAA,CAAC,IAAI,CACH,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CACN,uBAAuB,EACvB,2BAA2B,CAAC,IAAI,CAAC,EACjC,oCAAoC,CAAC,MAAM,CAAC,CAC7C;SACF,CAAC,EAEN;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 { BadgeStatusSize } from '../../types';\n\nimport {\n  TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE,\n  TWCLASSMAP_BADGESTATUS_SIZE,\n} from './BadgeStatus.constants';\nimport type { BadgeStatusProps } from './BadgeStatus.types';\n\nexport const BadgeStatus = ({\n  status,\n  size = BadgeStatusSize.Md,\n  hasBorder = true,\n  twClassName,\n  style,\n  ...props\n}: BadgeStatusProps) => {\n  const tw = useTailwind();\n\n  return (\n    <View\n      {...props}\n      style={[\n        tw.style(\n          'self-start rounded-full',\n          hasBorder && 'border-2 border-background-default',\n          twClassName,\n        ),\n        style,\n      ]}\n    >\n      <View\n        style={[\n          tw.style(\n            'rounded-full border-2',\n            TWCLASSMAP_BADGESTATUS_SIZE[size],\n            TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE[status],\n          ),\n        ]}\n      />\n    </View>\n  );\n};\n"]}
+{"version":3,"file":"BadgeStatus.mjs","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,eAAe,EAAE,uCAAuC;AACjE,OAAO,EAAE,WAAW,EAAE,6CAA6C;AACnE,OAAO,MAAK,cAAc;;AAC1B,OAAO,EAAE,IAAI,EAAE,8BAAqB;AAEpC,OAAO,EACL,oCAAoC,EACpC,2BAA2B,EAC5B,oCAAgC;AAGjC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,MAAM,EACN,IAAI,GAAG,eAAe,CAAC,EAAE,EACzB,SAAS,GAAG,IAAI,EAChB,WAAW,EACX,KAAK,EACL,GAAG,KAAK,EACS,EAAE,EAAE;IACrB,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IAEzB,OAAO,CACL,CAAC,IAAI,CACH,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CACN,yBAAyB,EACzB,SAAS,IAAI,oCAAoC,EACjD,WAAW,CACZ;YACD,KAAK;SACN,CAAC,CAEF;MAAA,CAAC,IAAI,CACH,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CACN,uBAAuB,EACvB,2BAA2B,CAAC,IAAI,CAAC,EACjC,oCAAoC,CAAC,MAAM,CAAC,CAC7C;SACF,CAAC,EAEN;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { BadgeStatusSize } from '@metamask/design-system-shared';\nimport { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React from 'react';\nimport { View } from 'react-native';\n\nimport {\n  TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE,\n  TWCLASSMAP_BADGESTATUS_SIZE,\n} from './BadgeStatus.constants';\nimport type { BadgeStatusProps } from './BadgeStatus.types';\n\nexport const BadgeStatus = ({\n  status,\n  size = BadgeStatusSize.Md,\n  hasBorder = true,\n  twClassName,\n  style,\n  ...props\n}: BadgeStatusProps) => {\n  const tw = useTailwind();\n\n  return (\n    <View\n      {...props}\n      style={[\n        tw.style(\n          'self-start rounded-full',\n          hasBorder && 'border-2 border-background-default',\n          twClassName,\n        ),\n        style,\n      ]}\n    >\n      <View\n        style={[\n          tw.style(\n            'rounded-full border-2',\n            TWCLASSMAP_BADGESTATUS_SIZE[size],\n            TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE[status],\n          ),\n        ]}\n      />\n    </View>\n  );\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"BadgeStatus.types.cjs","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ViewProps } from 'react-native';\n\nimport type { BadgeStatusStatus, BadgeStatusSize } from '../../types';\n\n/**\n * BadgeStatus component props.\n */\nexport type BadgeStatusProps = {\n  /**\n   * Optional prop to control the status of the badge\n   * Possible values:\n   * - BadgeStatusStatus.Active. (Connected)\n   * - BadgeStatusStatus.Inactive. (Connected)\n   * - BadgeStatusStatus.Disconnected.\n   * - BadgeStatusStatus.New.\n   * - BadgeStatusStatus.Attention.\n   */\n  status: BadgeStatusStatus;\n  /**\n   * Optional prop to determine whether the badge should display a border\n   *\n   * @default true\n   */\n  hasBorder?: boolean;\n  /**\n   * Optional prop to control the size of the BadgeStatus\n   * Possible values:\n   * - BadgeStatusSize.Md (8px),\n   * - BadgeStatusSize.Lg (10px),\n   *\n   * @default AvatarBaseSize.Md\n   */\n  size?: BadgeStatusSize;\n  /**\n   * Optional prop to add twrnc overriding classNames.\n   */\n  twClassName?: string;\n} & Omit<ViewProps, 'children'>;\n"]}
+{"version":3,"file":"BadgeStatus.types.cjs","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { BadgeStatusPropsShared } from '@metamask/design-system-shared';\nimport type { ViewProps } from 'react-native';\n\n/**\n * BadgeStatus component props (React Native platform-specific)\n * Extends shared props from @metamask/design-system-shared with React Native specific platform concerns\n */\nexport type BadgeStatusProps = BadgeStatusPropsShared &\n  Omit<ViewProps, 'children'> & {\n    /**\n     * Optional prop to add twrnc overriding classNames.\n     */\n    twClassName?: string;\n  };\n"]}

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

@@ -1,37 +1,13 @@
+import type { BadgeStatusPropsShared } from "@metamask/design-system-shared";
 import type { ViewProps } from "react-native/index.js";
-import type { BadgeStatusStatus, BadgeStatusSize } from "../../types/index.cjs";
 /**
- * BadgeStatus component props.
+ * BadgeStatus component props (React Native platform-specific)
+ * Extends shared props from @metamask/design-system-shared with React Native specific platform concerns
  */
-export type BadgeStatusProps = {
-    /**
-     * Optional prop to control the status of the badge
-     * Possible values:
-     * - BadgeStatusStatus.Active. (Connected)
-     * - BadgeStatusStatus.Inactive. (Connected)
-     * - BadgeStatusStatus.Disconnected.
-     * - BadgeStatusStatus.New.
-     * - BadgeStatusStatus.Attention.
-     */
-    status: BadgeStatusStatus;
-    /**
-     * Optional prop to determine whether the badge should display a border
-     *
-     * @default true
-     */
-    hasBorder?: boolean;
-    /**
-     * Optional prop to control the size of the BadgeStatus
-     * Possible values:
-     * - BadgeStatusSize.Md (8px),
-     * - BadgeStatusSize.Lg (10px),
-     *
-     * @default AvatarBaseSize.Md
-     */
-    size?: BadgeStatusSize;
+export type BadgeStatusProps = BadgeStatusPropsShared & Omit<ViewProps, 'children'> & {
     /**
      * Optional prop to add twrnc overriding classNames.
      */
     twClassName?: string;
-} & Omit<ViewProps, 'children'>;
+};
 //# sourceMappingURL=BadgeStatus.types.d.cts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BadgeStatus.types.d.cts","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,8BAAqB;AAE9C,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,8BAAoB;AAEtE;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;;;;;;OAQG;IACH,MAAM,EAAE,iBAAiB,CAAC;IAC1B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC"}
+{"version":3,"file":"BadgeStatus.types.d.cts","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,uCAAuC;AAC7E,OAAO,KAAK,EAAE,SAAS,EAAE,8BAAqB;AAE9C;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,GACnD,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG;IAC5B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}

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

@@ -1,37 +1,13 @@
+import type { BadgeStatusPropsShared } from "@metamask/design-system-shared";
 import type { ViewProps } from "react-native/index.js";
-import type { BadgeStatusStatus, BadgeStatusSize } from "../../types/index.mjs";
 /**
- * BadgeStatus component props.
+ * BadgeStatus component props (React Native platform-specific)
+ * Extends shared props from @metamask/design-system-shared with React Native specific platform concerns
  */
-export type BadgeStatusProps = {
-    /**
-     * Optional prop to control the status of the badge
-     * Possible values:
-     * - BadgeStatusStatus.Active. (Connected)
-     * - BadgeStatusStatus.Inactive. (Connected)
-     * - BadgeStatusStatus.Disconnected.
-     * - BadgeStatusStatus.New.
-     * - BadgeStatusStatus.Attention.
-     */
-    status: BadgeStatusStatus;
-    /**
-     * Optional prop to determine whether the badge should display a border
-     *
-     * @default true
-     */
-    hasBorder?: boolean;
-    /**
-     * Optional prop to control the size of the BadgeStatus
-     * Possible values:
-     * - BadgeStatusSize.Md (8px),
-     * - BadgeStatusSize.Lg (10px),
-     *
-     * @default AvatarBaseSize.Md
-     */
-    size?: BadgeStatusSize;
+export type BadgeStatusProps = BadgeStatusPropsShared & Omit<ViewProps, 'children'> & {
     /**
      * Optional prop to add twrnc overriding classNames.
      */
     twClassName?: string;
-} & Omit<ViewProps, 'children'>;
+};
 //# sourceMappingURL=BadgeStatus.types.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BadgeStatus.types.d.mts","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,8BAAqB;AAE9C,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,8BAAoB;AAEtE;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;;;;;;OAQG;IACH,MAAM,EAAE,iBAAiB,CAAC;IAC1B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC"}
+{"version":3,"file":"BadgeStatus.types.d.mts","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,uCAAuC;AAC7E,OAAO,KAAK,EAAE,SAAS,EAAE,8BAAqB;AAE9C;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,GACnD,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG;IAC5B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"BadgeStatus.types.mjs","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ViewProps } from 'react-native';\n\nimport type { BadgeStatusStatus, BadgeStatusSize } from '../../types';\n\n/**\n * BadgeStatus component props.\n */\nexport type BadgeStatusProps = {\n  /**\n   * Optional prop to control the status of the badge\n   * Possible values:\n   * - BadgeStatusStatus.Active. (Connected)\n   * - BadgeStatusStatus.Inactive. (Connected)\n   * - BadgeStatusStatus.Disconnected.\n   * - BadgeStatusStatus.New.\n   * - BadgeStatusStatus.Attention.\n   */\n  status: BadgeStatusStatus;\n  /**\n   * Optional prop to determine whether the badge should display a border\n   *\n   * @default true\n   */\n  hasBorder?: boolean;\n  /**\n   * Optional prop to control the size of the BadgeStatus\n   * Possible values:\n   * - BadgeStatusSize.Md (8px),\n   * - BadgeStatusSize.Lg (10px),\n   *\n   * @default AvatarBaseSize.Md\n   */\n  size?: BadgeStatusSize;\n  /**\n   * Optional prop to add twrnc overriding classNames.\n   */\n  twClassName?: string;\n} & Omit<ViewProps, 'children'>;\n"]}
+{"version":3,"file":"BadgeStatus.types.mjs","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { BadgeStatusPropsShared } from '@metamask/design-system-shared';\nimport type { ViewProps } from 'react-native';\n\n/**\n * BadgeStatus component props (React Native platform-specific)\n * Extends shared props from @metamask/design-system-shared with React Native specific platform concerns\n */\nexport type BadgeStatusProps = BadgeStatusPropsShared &\n  Omit<ViewProps, 'children'> & {\n    /**\n     * Optional prop to add twrnc overriding classNames.\n     */\n    twClassName?: string;\n  };\n"]}

package/dist/components/BadgeStatus/index.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BadgeStatus = exports.BadgeStatusSize = exports.BadgeStatusStatus = void 0;
-var types_1 = require("../../types/index.cjs");
-Object.defineProperty(exports, "BadgeStatusStatus", { enumerable: true, get: function () { return types_1.BadgeStatusStatus; } });
-Object.defineProperty(exports, "BadgeStatusSize", { enumerable: true, get: function () { return types_1.BadgeStatusSize; } });
+exports.BadgeStatus = exports.BadgeStatusStatus = exports.BadgeStatusSize = void 0;
+var design_system_shared_1 = require("@metamask/design-system-shared");
+Object.defineProperty(exports, "BadgeStatusSize", { enumerable: true, get: function () { return design_system_shared_1.BadgeStatusSize; } });
+Object.defineProperty(exports, "BadgeStatusStatus", { enumerable: true, get: function () { return design_system_shared_1.BadgeStatusStatus; } });
 var BadgeStatus_1 = require("./BadgeStatus.cjs");
 Object.defineProperty(exports, "BadgeStatus", { enumerable: true, get: function () { return BadgeStatus_1.BadgeStatus; } });
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/BadgeStatus/index.ts"],"names":[],"mappings":";;;AAAA,+CAAiE;AAAxD,0GAAA,iBAAiB,OAAA;AAAE,wGAAA,eAAe,OAAA;AAC3C,iDAA4C;AAAnC,0GAAA,WAAW,OAAA","sourcesContent":["export { BadgeStatusStatus, BadgeStatusSize } from '../../types';\nexport { BadgeStatus } from './BadgeStatus';\nexport type { BadgeStatusProps } from './BadgeStatus.types';\n"]}
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/BadgeStatus/index.ts"],"names":[],"mappings":";;;AAAA,uEAGwC;AAFtC,uHAAA,eAAe,OAAA;AACf,yHAAA,iBAAiB,OAAA;AAEnB,iDAA4C;AAAnC,0GAAA,WAAW,OAAA","sourcesContent":["export {\n  BadgeStatusSize,\n  BadgeStatusStatus,\n} from '@metamask/design-system-shared';\nexport { BadgeStatus } from './BadgeStatus';\nexport type { BadgeStatusProps } from './BadgeStatus.types';\n"]}

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

@@ -1,4 +1,4 @@
-export { BadgeStatusStatus, BadgeStatusSize } from "../../types/index.cjs";
+export { BadgeStatusSize, BadgeStatusStatus, } from "@metamask/design-system-shared";
 export { BadgeStatus } from "./BadgeStatus.cjs";
 export type { BadgeStatusProps } from "./BadgeStatus.types.cjs";
 //# sourceMappingURL=index.d.cts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/BadgeStatus/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,8BAAoB;AACjE,OAAO,EAAE,WAAW,EAAE,0BAAsB;AAC5C,YAAY,EAAE,gBAAgB,EAAE,gCAA4B"}
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/BadgeStatus/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,iBAAiB,GAClB,uCAAuC;AACxC,OAAO,EAAE,WAAW,EAAE,0BAAsB;AAC5C,YAAY,EAAE,gBAAgB,EAAE,gCAA4B"}

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

@@ -1,4 +1,4 @@
-export { BadgeStatusStatus, BadgeStatusSize } from "../../types/index.mjs";
+export { BadgeStatusSize, BadgeStatusStatus, } from "@metamask/design-system-shared";
 export { BadgeStatus } from "./BadgeStatus.mjs";
 export type { BadgeStatusProps } from "./BadgeStatus.types.mjs";
 //# sourceMappingURL=index.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/BadgeStatus/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,8BAAoB;AACjE,OAAO,EAAE,WAAW,EAAE,0BAAsB;AAC5C,YAAY,EAAE,gBAAgB,EAAE,gCAA4B"}
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/BadgeStatus/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,iBAAiB,GAClB,uCAAuC;AACxC,OAAO,EAAE,WAAW,EAAE,0BAAsB;AAC5C,YAAY,EAAE,gBAAgB,EAAE,gCAA4B"}

package/dist/components/BadgeStatus/index.mjs

@@ -1,3 +1,3 @@
-export { BadgeStatusStatus, BadgeStatusSize } from "../../types/index.mjs";
+export { BadgeStatusSize, BadgeStatusStatus } from "@metamask/design-system-shared";
 export { BadgeStatus } from "./BadgeStatus.mjs";
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/BadgeStatus/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,8BAAoB;AACjE,OAAO,EAAE,WAAW,EAAE,0BAAsB","sourcesContent":["export { BadgeStatusStatus, BadgeStatusSize } from '../../types';\nexport { BadgeStatus } from './BadgeStatus';\nexport type { BadgeStatusProps } from './BadgeStatus.types';\n"]}
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/BadgeStatus/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,iBAAiB,EAClB,uCAAuC;AACxC,OAAO,EAAE,WAAW,EAAE,0BAAsB","sourcesContent":["export {\n  BadgeStatusSize,\n  BadgeStatusStatus,\n} from '@metamask/design-system-shared';\nexport { BadgeStatus } from './BadgeStatus';\nexport type { BadgeStatusProps } from './BadgeStatus.types';\n"]}

package/dist/components/{BottomSheets/BottomSheetFooter → BottomSheetFooter}/BottomSheetFooter.cjs

@@ -9,7 +9,7 @@ const design_system_twrnc_preset_1 = require("@metamask/design-system-twrnc-pres
 const react_1 = __importDefault(require("react"));
 const react_native_1 = require("react-native/index.js");
 // External dependencies.
-const Button_1 = require("../../Button/index.cjs");
+const Button_1 = require("../Button/index.cjs");
 const BottomSheetFooter_types_1 = require("./BottomSheetFooter.types.cjs");
 const BottomSheetFooter = ({ style, twClassName, buttonsAlignment = BottomSheetFooter_types_1.ButtonsAlignment.Horizontal, primaryButtonProps, secondaryButtonProps, ...props }) => {
     const tw = (0, design_system_twrnc_preset_1.useTailwind)();

package/dist/components/BottomSheetFooter/BottomSheetFooter.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetFooter.cjs","sourceRoot":"","sources":["../../../src/components/BottomSheetFooter/BottomSheetFooter.tsx"],"names":[],"mappings":";;;;;;AAAA,4BAA4B;AAC5B,qFAAmE;AACnE,kDAA0B;AAC1B,wDAAoC;AAEpC,yBAAyB;AACzB,gDAAkD;AAIlD,2EAA6D;AAEtD,MAAM,iBAAiB,GAAqC,CAAC,EAClE,KAAK,EACL,WAAW,EACX,gBAAgB,GAAG,0CAAgB,CAAC,UAAU,EAC9C,kBAAkB,EAClB,oBAAoB,EACpB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IACzB,MAAM,YAAY,GAAG,gBAAgB,KAAK,0CAAgB,CAAC,UAAU,CAAC;IACtE,MAAM,eAAe,GAAG,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC;IACjE,MAAM,QAAQ,GAAG,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;IAChD,MAAM,cAAc,GAClB,OAAO,CAAC,kBAAkB,CAAC,IAAI,OAAO,CAAC,oBAAoB,CAAC,CAAC;IAE/D,IAAI,CAAC,kBAAkB,IAAI,CAAC,oBAAoB,EAAE;QAChD,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CACN,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EACtC,WAAW,EACX,WAAW,CACZ;YACD,KAAK;SACN,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,oBAAoB,IAAI,CACvB,CAAC,eAAM,CACL,IAAI,oBAAoB,CAAC,CACzB,OAAO,CAAC,CAAC,sBAAa,CAAC,SAAS,CAAC,CACjC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,oBAAoB,CAAC,KAAK,CAAC,CAAC,EAC/D,CACH,CACD;MAAA,CAAC,kBAAkB,IAAI,CACrB,CAAC,eAAM,CACL,IAAI,kBAAkB,CAAC,CACvB,OAAO,CAAC,CAAC,sBAAa,CAAC,OAAO,CAAC,CAC/B,KAAK,CAAC,CAAC;gBACL,EAAE,CAAC,KAAK,CAAC,eAAe,EAAE,cAAc,IAAI,QAAQ,CAAC;gBACrD,kBAAkB,CAAC,KAAK;aACzB,CAAC,EACF,CACH,CACH;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAlDW,QAAA,iBAAiB,qBAkD5B","sourcesContent":["// Third party dependencies.\nimport { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React from 'react';\nimport { View } from 'react-native';\n\n// External dependencies.\nimport { Button, ButtonVariant } from '../Button';\n\n// Internal dependencies.\nimport type { BottomSheetFooterProps } from './BottomSheetFooter.types';\nimport { ButtonsAlignment } from './BottomSheetFooter.types';\n\nexport const BottomSheetFooter: React.FC<BottomSheetFooterProps> = ({\n  style,\n  twClassName,\n  buttonsAlignment = ButtonsAlignment.Horizontal,\n  primaryButtonProps,\n  secondaryButtonProps,\n  ...props\n}) => {\n  const tw = useTailwind();\n  const isHorizontal = buttonsAlignment === ButtonsAlignment.Horizontal;\n  const buttonBaseClass = isHorizontal ? 'flex-1' : 'self-stretch';\n  const gapClass = isHorizontal ? 'ml-4' : 'mt-4';\n  const hasBothButtons =\n    Boolean(primaryButtonProps) && Boolean(secondaryButtonProps);\n\n  if (!primaryButtonProps && !secondaryButtonProps) {\n    return null;\n  }\n\n  return (\n    <View\n      style={[\n        tw.style(\n          isHorizontal ? 'flex-row' : 'flex-col',\n          'px-2 py-1',\n          twClassName,\n        ),\n        style,\n      ]}\n      {...props}\n    >\n      {secondaryButtonProps && (\n        <Button\n          {...secondaryButtonProps}\n          variant={ButtonVariant.Secondary}\n          style={[tw.style(buttonBaseClass), secondaryButtonProps.style]}\n        />\n      )}\n      {primaryButtonProps && (\n        <Button\n          {...primaryButtonProps}\n          variant={ButtonVariant.Primary}\n          style={[\n            tw.style(buttonBaseClass, hasBothButtons && gapClass),\n            primaryButtonProps.style,\n          ]}\n        />\n      )}\n    </View>\n  );\n};\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetFooter.d.cts","sourceRoot":"","sources":["../../../src/components/BottomSheetFooter/BottomSheetFooter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,cAAc;AAO1B,OAAO,KAAK,EAAE,sBAAsB,EAAE,sCAAkC;AAGxE,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAkD9D,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetFooter.d.mts","sourceRoot":"","sources":["../../../src/components/BottomSheetFooter/BottomSheetFooter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,cAAc;AAO1B,OAAO,KAAK,EAAE,sBAAsB,EAAE,sCAAkC;AAGxE,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAkD9D,CAAC"}

package/dist/components/{BottomSheets/BottomSheetFooter → BottomSheetFooter}/BottomSheetFooter.mjs

@@ -10,7 +10,7 @@ import $React from "react";
 const React = $importDefault($React);
 import { View } from "react-native/index.js";
 // External dependencies.
-import { Button, ButtonVariant } from "../../Button/index.mjs";
+import { Button, ButtonVariant } from "../Button/index.mjs";
 import { ButtonsAlignment } from "./BottomSheetFooter.types.mjs";
 export const BottomSheetFooter = ({ style, twClassName, buttonsAlignment = ButtonsAlignment.Horizontal, primaryButtonProps, secondaryButtonProps, ...props }) => {
     const tw = useTailwind();

package/dist/components/BottomSheetFooter/BottomSheetFooter.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetFooter.mjs","sourceRoot":"","sources":["../../../src/components/BottomSheetFooter/BottomSheetFooter.tsx"],"names":[],"mappings":";;;;;;AAAA,4BAA4B;AAC5B,OAAO,EAAE,WAAW,EAAE,6CAA6C;AACnE,OAAO,MAAK,cAAc;;AAC1B,OAAO,EAAE,IAAI,EAAE,8BAAqB;AAEpC,yBAAyB;AACzB,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,4BAAkB;AAIlD,OAAO,EAAE,gBAAgB,EAAE,sCAAkC;AAE7D,MAAM,CAAC,MAAM,iBAAiB,GAAqC,CAAC,EAClE,KAAK,EACL,WAAW,EACX,gBAAgB,GAAG,gBAAgB,CAAC,UAAU,EAC9C,kBAAkB,EAClB,oBAAoB,EACpB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IACzB,MAAM,YAAY,GAAG,gBAAgB,KAAK,gBAAgB,CAAC,UAAU,CAAC;IACtE,MAAM,eAAe,GAAG,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC;IACjE,MAAM,QAAQ,GAAG,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;IAChD,MAAM,cAAc,GAClB,OAAO,CAAC,kBAAkB,CAAC,IAAI,OAAO,CAAC,oBAAoB,CAAC,CAAC;IAE/D,IAAI,CAAC,kBAAkB,IAAI,CAAC,oBAAoB,EAAE;QAChD,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,CAAC,IAAI,CACH,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CACN,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EACtC,WAAW,EACX,WAAW,CACZ;YACD,KAAK;SACN,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,oBAAoB,IAAI,CACvB,CAAC,MAAM,CACL,IAAI,oBAAoB,CAAC,CACzB,OAAO,CAAC,CAAC,aAAa,CAAC,SAAS,CAAC,CACjC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,oBAAoB,CAAC,KAAK,CAAC,CAAC,EAC/D,CACH,CACD;MAAA,CAAC,kBAAkB,IAAI,CACrB,CAAC,MAAM,CACL,IAAI,kBAAkB,CAAC,CACvB,OAAO,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAC/B,KAAK,CAAC,CAAC;gBACL,EAAE,CAAC,KAAK,CAAC,eAAe,EAAE,cAAc,IAAI,QAAQ,CAAC;gBACrD,kBAAkB,CAAC,KAAK;aACzB,CAAC,EACF,CACH,CACH;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Third party dependencies.\nimport { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React from 'react';\nimport { View } from 'react-native';\n\n// External dependencies.\nimport { Button, ButtonVariant } from '../Button';\n\n// Internal dependencies.\nimport type { BottomSheetFooterProps } from './BottomSheetFooter.types';\nimport { ButtonsAlignment } from './BottomSheetFooter.types';\n\nexport const BottomSheetFooter: React.FC<BottomSheetFooterProps> = ({\n  style,\n  twClassName,\n  buttonsAlignment = ButtonsAlignment.Horizontal,\n  primaryButtonProps,\n  secondaryButtonProps,\n  ...props\n}) => {\n  const tw = useTailwind();\n  const isHorizontal = buttonsAlignment === ButtonsAlignment.Horizontal;\n  const buttonBaseClass = isHorizontal ? 'flex-1' : 'self-stretch';\n  const gapClass = isHorizontal ? 'ml-4' : 'mt-4';\n  const hasBothButtons =\n    Boolean(primaryButtonProps) && Boolean(secondaryButtonProps);\n\n  if (!primaryButtonProps && !secondaryButtonProps) {\n    return null;\n  }\n\n  return (\n    <View\n      style={[\n        tw.style(\n          isHorizontal ? 'flex-row' : 'flex-col',\n          'px-2 py-1',\n          twClassName,\n        ),\n        style,\n      ]}\n      {...props}\n    >\n      {secondaryButtonProps && (\n        <Button\n          {...secondaryButtonProps}\n          variant={ButtonVariant.Secondary}\n          style={[tw.style(buttonBaseClass), secondaryButtonProps.style]}\n        />\n      )}\n      {primaryButtonProps && (\n        <Button\n          {...primaryButtonProps}\n          variant={ButtonVariant.Primary}\n          style={[\n            tw.style(buttonBaseClass, hasBothButtons && gapClass),\n            primaryButtonProps.style,\n          ]}\n        />\n      )}\n    </View>\n  );\n};\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetFooter.types.cjs","sourceRoot":"","sources":["../../../src/components/BottomSheetFooter/BottomSheetFooter.types.ts"],"names":[],"mappings":";;;AAMA;;GAEG;AACH,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC1B,6CAAyB,CAAA;IACzB,yCAAqB,CAAA;AACvB,CAAC,EAHW,gBAAgB,gCAAhB,gBAAgB,QAG3B","sourcesContent":["// Third party dependencies.\nimport type { ViewProps } from 'react-native';\n\n// External dependencies.\nimport type { ButtonProps } from '../Button/Button.types';\n\n/**\n * Buttons alignment options for the BottomSheetFooter.\n */\nexport enum ButtonsAlignment {\n  Horizontal = 'Horizontal',\n  Vertical = 'Vertical',\n}\n\n/**\n * Button props for BottomSheetFooter with variant enforced by the component.\n */\nexport type BottomSheetFooterButtonProps = Omit<ButtonProps, 'variant'>;\n\n/**\n * BottomSheetFooter component props.\n */\nexport type BottomSheetFooterProps = {\n  /**\n   * Optional prop to control the alignment of the buttons.\n   *\n   * @default ButtonsAlignment.Horizontal\n   */\n  buttonsAlignment?: ButtonsAlignment;\n  /**\n   * Optional props for the primary action button.\n   * Renders with ButtonVariant.Primary automatically.\n   * Appears second (rightmost in horizontal layout, bottom in vertical layout).\n   */\n  primaryButtonProps?: BottomSheetFooterButtonProps;\n  /**\n   * Optional props for the secondary action button.\n   * Renders with ButtonVariant.Secondary automatically.\n   * Appears first (leftmost in horizontal layout, top in vertical layout).\n   */\n  secondaryButtonProps?: BottomSheetFooterButtonProps;\n  /**\n   * Tailwind CSS classes for the footer container.\n   */\n  twClassName?: string;\n} & ViewProps;\n"]}

package/dist/components/{BottomSheets/BottomSheetFooter → BottomSheetFooter}/BottomSheetFooter.types.d.cts

@@ -1,5 +1,5 @@
 import type { ViewProps } from "react-native/index.js";
-import type { ButtonProps } from "../../Button/Button.types.cjs";
+import type { ButtonProps } from "../Button/Button.types.cjs";
 /**
  * Buttons alignment options for the BottomSheetFooter.
  */

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetFooter.types.d.cts","sourceRoot":"","sources":["../../../src/components/BottomSheetFooter/BottomSheetFooter.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,8BAAqB;AAG9C,OAAO,KAAK,EAAE,WAAW,EAAE,mCAA+B;AAE1D;;GAEG;AACH,oBAAY,gBAAgB;IAC1B,UAAU,eAAe;IACzB,QAAQ,aAAa;CACtB;AAED;;GAEG;AACH,MAAM,MAAM,4BAA4B,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;AAExE;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACnC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,4BAA4B,CAAC;IAClD;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,4BAA4B,CAAC;IACpD;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,SAAS,CAAC"}

package/dist/components/{BottomSheets/BottomSheetFooter → BottomSheetFooter}/BottomSheetFooter.types.d.mts

@@ -1,5 +1,5 @@
 import type { ViewProps } from "react-native/index.js";
-import type { ButtonProps } from "../../Button/Button.types.mjs";
+import type { ButtonProps } from "../Button/Button.types.mjs";
 /**
  * Buttons alignment options for the BottomSheetFooter.
  */

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetFooter.types.d.mts","sourceRoot":"","sources":["../../../src/components/BottomSheetFooter/BottomSheetFooter.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,8BAAqB;AAG9C,OAAO,KAAK,EAAE,WAAW,EAAE,mCAA+B;AAE1D;;GAEG;AACH,oBAAY,gBAAgB;IAC1B,UAAU,eAAe;IACzB,QAAQ,aAAa;CACtB;AAED;;GAEG;AACH,MAAM,MAAM,4BAA4B,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;AAExE;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACnC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,4BAA4B,CAAC;IAClD;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,4BAA4B,CAAC;IACpD;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,SAAS,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetFooter.types.mjs","sourceRoot":"","sources":["../../../src/components/BottomSheetFooter/BottomSheetFooter.types.ts"],"names":[],"mappings":"AAMA;;GAEG;AACH,MAAM,CAAN,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC1B,6CAAyB,CAAA;IACzB,yCAAqB,CAAA;AACvB,CAAC,EAHW,gBAAgB,KAAhB,gBAAgB,QAG3B","sourcesContent":["// Third party dependencies.\nimport type { ViewProps } from 'react-native';\n\n// External dependencies.\nimport type { ButtonProps } from '../Button/Button.types';\n\n/**\n * Buttons alignment options for the BottomSheetFooter.\n */\nexport enum ButtonsAlignment {\n  Horizontal = 'Horizontal',\n  Vertical = 'Vertical',\n}\n\n/**\n * Button props for BottomSheetFooter with variant enforced by the component.\n */\nexport type BottomSheetFooterButtonProps = Omit<ButtonProps, 'variant'>;\n\n/**\n * BottomSheetFooter component props.\n */\nexport type BottomSheetFooterProps = {\n  /**\n   * Optional prop to control the alignment of the buttons.\n   *\n   * @default ButtonsAlignment.Horizontal\n   */\n  buttonsAlignment?: ButtonsAlignment;\n  /**\n   * Optional props for the primary action button.\n   * Renders with ButtonVariant.Primary automatically.\n   * Appears second (rightmost in horizontal layout, bottom in vertical layout).\n   */\n  primaryButtonProps?: BottomSheetFooterButtonProps;\n  /**\n   * Optional props for the secondary action button.\n   * Renders with ButtonVariant.Secondary automatically.\n   * Appears first (leftmost in horizontal layout, top in vertical layout).\n   */\n  secondaryButtonProps?: BottomSheetFooterButtonProps;\n  /**\n   * Tailwind CSS classes for the footer container.\n   */\n  twClassName?: string;\n} & ViewProps;\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/BottomSheetFooter/index.ts"],"names":[],"mappings":";;;AAAA,6DAAwD;AAA/C,sHAAA,iBAAiB,OAAA;AAC1B,yEAA6D;AAApD,2HAAA,gBAAgB,OAAA","sourcesContent":["export { BottomSheetFooter } from './BottomSheetFooter';\nexport { ButtonsAlignment } from './BottomSheetFooter.types';\nexport type {\n  BottomSheetFooterProps,\n  BottomSheetFooterButtonProps,\n} from './BottomSheetFooter.types';\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/BottomSheetFooter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,gCAA4B;AACxD,OAAO,EAAE,gBAAgB,EAAE,sCAAkC;AAC7D,YAAY,EACV,sBAAsB,EACtB,4BAA4B,GAC7B,sCAAkC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/BottomSheetFooter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,gCAA4B;AACxD,OAAO,EAAE,gBAAgB,EAAE,sCAAkC;AAC7D,YAAY,EACV,sBAAsB,EACtB,4BAA4B,GAC7B,sCAAkC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/BottomSheetFooter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,gCAA4B;AACxD,OAAO,EAAE,gBAAgB,EAAE,sCAAkC","sourcesContent":["export { BottomSheetFooter } from './BottomSheetFooter';\nexport { ButtonsAlignment } from './BottomSheetFooter.types';\nexport type {\n  BottomSheetFooterProps,\n  BottomSheetFooterButtonProps,\n} from './BottomSheetFooter.types';\n"]}

package/dist/components/RadioButton/RadioButton.cjs

@@ -0,0 +1,58 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadioButton = 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 TextOrChildren_1 = require("../temp-components/TextOrChildren/index.cjs");
+const getRadioButtonBorderClass = (isReadOnly, isDanger, isChecked) => {
+    if (isReadOnly) {
+        return 'border-background-default';
+    }
+    if (isDanger) {
+        return 'border-error-default';
+    }
+    if (isChecked) {
+        return 'border-primary-default';
+    }
+    return 'border-default';
+};
+const getRadioButtonDotClass = (isReadOnly, isDanger) => {
+    if (isReadOnly) {
+        return 'bg-icon-alternative';
+    }
+    if (isDanger) {
+        return 'bg-error-default';
+    }
+    return 'bg-primary-default';
+};
+const RadioButton = ({ onPress, label, labelProps, isChecked = false, isDisabled = false, isReadOnly = false, isDanger = false, touchableOpacityProps, radioButtonContainerProps, twClassName, style, ...props }) => {
+    const tw = (0, design_system_twrnc_preset_1.useTailwind)();
+    return (<react_native_1.View {...props} style={[
+            tw.style('flex-row items-center', isDisabled ? 'opacity-50' : 'opacity-100', twClassName),
+            style,
+        ]}>
+      <react_native_1.TouchableOpacity onPress={onPress} disabled={isDisabled || isReadOnly} accessible accessibilityRole="radio" accessibilityState={{
+            checked: isChecked,
+            disabled: isDisabled,
+        }} accessibilityLabel={typeof label === 'string' ? label : undefined} {...touchableOpacityProps} style={[
+            tw.style('flex-row items-center'),
+            touchableOpacityProps?.style,
+        ]}>
+        <react_native_1.View {...radioButtonContainerProps} style={[
+            tw.style('size-5 items-center justify-center rounded-full border-2 bg-default', getRadioButtonBorderClass(isReadOnly, isDanger, isChecked)),
+            radioButtonContainerProps?.style,
+        ]}>
+          {isChecked && (<react_native_1.View style={tw.style('size-3 rounded-full', getRadioButtonDotClass(isReadOnly, isDanger))}/>)}
+        </react_native_1.View>
+        {label ? (<TextOrChildren_1.TextOrChildren textProps={{ ...labelProps, twClassName: 'ml-3' }}>
+            {label}
+          </TextOrChildren_1.TextOrChildren>) : null}
+      </react_native_1.TouchableOpacity>
+    </react_native_1.View>);
+};
+exports.RadioButton = RadioButton;
+//# sourceMappingURL=RadioButton.cjs.map

package/dist/components/RadioButton/RadioButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.cjs","sourceRoot":"","sources":["../../../src/components/RadioButton/RadioButton.tsx"],"names":[],"mappings":";;;;;;AAAA,qFAAmE;AACnE,kDAA0B;AAC1B,wDAAsD;AAEtD,gFAAmE;AAInE,MAAM,yBAAyB,GAAG,CAChC,UAAmB,EACnB,QAAiB,EACjB,SAAkB,EACV,EAAE;IACV,IAAI,UAAU,EAAE;QACd,OAAO,2BAA2B,CAAC;KACpC;IACD,IAAI,QAAQ,EAAE;QACZ,OAAO,sBAAsB,CAAC;KAC/B;IACD,IAAI,SAAS,EAAE;QACb,OAAO,wBAAwB,CAAC;KACjC;IACD,OAAO,gBAAgB,CAAC;AAC1B,CAAC,CAAC;AAEF,MAAM,sBAAsB,GAAG,CAC7B,UAAmB,EACnB,QAAiB,EACT,EAAE;IACV,IAAI,UAAU,EAAE;QACd,OAAO,qBAAqB,CAAC;KAC9B;IACD,IAAI,QAAQ,EAAE;QACZ,OAAO,kBAAkB,CAAC;KAC3B;IACD,OAAO,oBAAoB,CAAC;AAC9B,CAAC,CAAC;AAEK,MAAM,WAAW,GAAG,CAAC,EAC1B,OAAO,EACP,KAAK,EACL,UAAU,EACV,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,KAAK,EAClB,QAAQ,GAAG,KAAK,EAChB,qBAAqB,EACrB,yBAAyB,EACzB,WAAW,EACX,KAAK,EACL,GAAG,KAAK,EACS,EAAE,EAAE;IACrB,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IAEzB,OAAO,CACL,CAAC,mBAAI,CACH,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CACN,uBAAuB,EACvB,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,EACzC,WAAW,CACZ;YACD,KAAK;SACN,CAAC,CAEF;MAAA,CAAC,+BAAgB,CACf,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,QAAQ,CAAC,CAAC,UAAU,IAAI,UAAU,CAAC,CACnC,UAAU,CACV,iBAAiB,CAAC,OAAO,CACzB,kBAAkB,CAAC,CAAC;YAClB,OAAO,EAAE,SAAS;YAClB,QAAQ,EAAE,UAAU;SACrB,CAAC,CACF,kBAAkB,CAAC,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAClE,IAAI,qBAAqB,CAAC,CAC1B,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CAAC,uBAAuB,CAAC;YACjC,qBAAqB,EAAE,KAAK;SAC7B,CAAC,CAEF;QAAA,CAAC,mBAAI,CACH,IAAI,yBAAyB,CAAC,CAC9B,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CACN,qEAAqE,EACrE,yBAAyB,CAAC,UAAU,EAAE,QAAQ,EAAE,SAAS,CAAC,CAC3D;YACD,yBAAyB,EAAE,KAAK;SACjC,CAAC,CAEF;UAAA,CAAC,SAAS,IAAI,CACZ,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CACb,qBAAqB,EACrB,sBAAsB,CAAC,UAAU,EAAE,QAAQ,CAAC,CAC7C,CAAC,EACF,CACH,CACH;QAAA,EAAE,mBAAI,CACN;QAAA,CAAC,KAAK,CAAC,CAAC,CAAC,CACP,CAAC,+BAAc,CAAC,SAAS,CAAC,CAAC,EAAE,GAAG,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAChE;YAAA,CAAC,KAAK,CACR;UAAA,EAAE,+BAAc,CAAC,CAClB,CAAC,CAAC,CAAC,IAAI,CACV;MAAA,EAAE,+BAAgB,CACpB;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAvEW,QAAA,WAAW,eAuEtB","sourcesContent":["import { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React from 'react';\nimport { View, TouchableOpacity } from 'react-native';\n\nimport { TextOrChildren } from '../temp-components/TextOrChildren';\n\nimport type { RadioButtonProps } from './RadioButton.types';\n\nconst getRadioButtonBorderClass = (\n  isReadOnly: boolean,\n  isDanger: boolean,\n  isChecked: boolean,\n): string => {\n  if (isReadOnly) {\n    return 'border-background-default';\n  }\n  if (isDanger) {\n    return 'border-error-default';\n  }\n  if (isChecked) {\n    return 'border-primary-default';\n  }\n  return 'border-default';\n};\n\nconst getRadioButtonDotClass = (\n  isReadOnly: boolean,\n  isDanger: boolean,\n): string => {\n  if (isReadOnly) {\n    return 'bg-icon-alternative';\n  }\n  if (isDanger) {\n    return 'bg-error-default';\n  }\n  return 'bg-primary-default';\n};\n\nexport const RadioButton = ({\n  onPress,\n  label,\n  labelProps,\n  isChecked = false,\n  isDisabled = false,\n  isReadOnly = false,\n  isDanger = false,\n  touchableOpacityProps,\n  radioButtonContainerProps,\n  twClassName,\n  style,\n  ...props\n}: RadioButtonProps) => {\n  const tw = useTailwind();\n\n  return (\n    <View\n      {...props}\n      style={[\n        tw.style(\n          'flex-row items-center',\n          isDisabled ? 'opacity-50' : 'opacity-100',\n          twClassName,\n        ),\n        style,\n      ]}\n    >\n      <TouchableOpacity\n        onPress={onPress}\n        disabled={isDisabled || isReadOnly}\n        accessible\n        accessibilityRole=\"radio\"\n        accessibilityState={{\n          checked: isChecked,\n          disabled: isDisabled,\n        }}\n        accessibilityLabel={typeof label === 'string' ? label : undefined}\n        {...touchableOpacityProps}\n        style={[\n          tw.style('flex-row items-center'),\n          touchableOpacityProps?.style,\n        ]}\n      >\n        <View\n          {...radioButtonContainerProps}\n          style={[\n            tw.style(\n              'size-5 items-center justify-center rounded-full border-2 bg-default',\n              getRadioButtonBorderClass(isReadOnly, isDanger, isChecked),\n            ),\n            radioButtonContainerProps?.style,\n          ]}\n        >\n          {isChecked && (\n            <View\n              style={tw.style(\n                'size-3 rounded-full',\n                getRadioButtonDotClass(isReadOnly, isDanger),\n              )}\n            />\n          )}\n        </View>\n        {label ? (\n          <TextOrChildren textProps={{ ...labelProps, twClassName: 'ml-3' }}>\n            {label}\n          </TextOrChildren>\n        ) : null}\n      </TouchableOpacity>\n    </View>\n  );\n};\n"]}

package/dist/components/RadioButton/RadioButton.constants.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SAMPLE_RADIOBUTTON_PROPS = void 0;
+// Sample props for stories and tests
+exports.SAMPLE_RADIOBUTTON_PROPS = {
+    label: 'Sample RadioButton Label',
+    isChecked: false,
+    isDisabled: false,
+    isReadOnly: false,
+    isDanger: false,
+};
+//# sourceMappingURL=RadioButton.constants.cjs.map

package/dist/components/RadioButton/RadioButton.constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.constants.cjs","sourceRoot":"","sources":["../../../src/components/RadioButton/RadioButton.constants.ts"],"names":[],"mappings":";;;AAEA,qCAAqC;AACxB,QAAA,wBAAwB,GAAqB;IACxD,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,KAAK;IAChB,UAAU,EAAE,KAAK;IACjB,UAAU,EAAE,KAAK;IACjB,QAAQ,EAAE,KAAK;CAChB,CAAC","sourcesContent":["import type { RadioButtonProps } from './RadioButton.types';\n\n// Sample props for stories and tests\nexport const SAMPLE_RADIOBUTTON_PROPS: RadioButtonProps = {\n  label: 'Sample RadioButton Label',\n  isChecked: false,\n  isDisabled: false,\n  isReadOnly: false,\n  isDanger: false,\n};\n"]}

package/dist/components/RadioButton/RadioButton.constants.d.cts

@@ -0,0 +1,3 @@
+import type { RadioButtonProps } from "./RadioButton.types.cjs";
+export declare const SAMPLE_RADIOBUTTON_PROPS: RadioButtonProps;
+//# sourceMappingURL=RadioButton.constants.d.cts.map