@metamask-previews/design-system-react 0.6.1-preview.89a2095 → 0.7.0-preview.3dc70e1

package/CHANGELOG.md

@@ -7,6 +7,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.7.0]
+
+### Added
+
+- Added `AfterHours`, `Popup`, and `Sidepanel` icons ([#898](https://github.com/MetaMask/metamask-design-system/pull/898), [#879](https://github.com/MetaMask/metamask-design-system/pull/879))
+
 ## [0.6.1]
 
 ### Changed
@@ -123,7 +129,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Full TypeScript support with type definitions and enums
 - Tailwind CSS integration with design token support
 
-[Unreleased]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.6.1...HEAD
+[Unreleased]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.7.0...HEAD
+[0.7.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.6.1...@metamask/design-system-react@0.7.0
 [0.6.1]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.6.0...@metamask/design-system-react@0.6.1
 [0.6.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.5.0...@metamask/design-system-react@0.6.0
 [0.5.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.4.1...@metamask/design-system-react@0.5.0

package/dist/components/BadgeStatus/BadgeStatus.cjs

@@ -24,11 +24,11 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BadgeStatus = void 0;
+const design_system_shared_1 = require("@metamask-previews/design-system-shared");
 const react_1 = __importStar(require("react"));
-const types_1 = require("../../types/index.cjs");
 const tw_merge_1 = require("../../utils/tw-merge.cjs");
 const BadgeStatus_constants_1 = require("./BadgeStatus.constants.cjs");
-exports.BadgeStatus = (0, react_1.forwardRef)(({ status, size = types_1.BadgeStatusSize.Md, hasBorder = true, className, style, ...props }, ref) => {
+exports.BadgeStatus = (0, react_1.forwardRef)(({ status, size = design_system_shared_1.BadgeStatusSize.Md, hasBorder = true, className, style, ...props }, ref) => {
     const mergedClassName = (0, tw_merge_1.twMerge)(
     // Base styles
     'inline-flex rounded-full', 

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

@@ -1 +1 @@
-{"version":3,"file":"BadgeStatus.cjs","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,iDAA8C;AAC9C,uDAA+C;AAE/C,uEAGiC;AAGpB,QAAA,WAAW,GAAG,IAAA,kBAAU,EACnC,CACE,EACE,MAAM,EACN,IAAI,GAAG,uBAAe,CAAC,EAAE,EACzB,SAAS,GAAG,IAAI,EAChB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,eAAe,GAAG,IAAA,kBAAO;IAC7B,cAAc;IACd,0BAA0B;IAC1B,kBAAkB;IAClB,SAAS,CAAC,CAAC,CAAC,oCAAoC,CAAC,CAAC,CAAC,EAAE;IACrD,iBAAiB;IACjB,SAAS,CACV,CAAC;IAEF,MAAM,qBAAqB,GAAG,IAAA,kBAAO;IACnC,cAAc;IACd,4BAA4B;IAC5B,cAAc;IACd,iDAAyB,CAAC,IAAI,CAAC;IAC/B,8BAA8B;IAC9B,0DAAkC,CAAC,MAAM,CAAC,CAC3C,CAAC;IAEF,OAAO,CACL,uCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK;QAChE,uCAAK,SAAS,EAAE,qBAAqB,GAAI,CACrC,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAC","sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { BadgeStatusSize } from '../../types';\nimport { twMerge } from '../../utils/tw-merge';\n\nimport {\n  CLASSMAP_BADGESTATUS_STATUS_CIRCLE,\n  CLASSMAP_BADGESTATUS_SIZE,\n} from './BadgeStatus.constants';\nimport type { BadgeStatusProps } from './BadgeStatus.types';\n\nexport const BadgeStatus = forwardRef<HTMLDivElement, BadgeStatusProps>(\n  (\n    {\n      status,\n      size = BadgeStatusSize.Md,\n      hasBorder = true,\n      className,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    const mergedClassName = twMerge(\n      // Base styles\n      'inline-flex rounded-full',\n      // hasBorder style\n      hasBorder ? 'border-2 border-background-default' : '',\n      // Custom classes\n      className,\n    );\n\n    const mergedCircleClassName = twMerge(\n      // Base styles\n      'z-10 rounded-full border-2',\n      // Size styles\n      CLASSMAP_BADGESTATUS_SIZE[size],\n      // Circle with semantics style\n      CLASSMAP_BADGESTATUS_STATUS_CIRCLE[status],\n    );\n\n    return (\n      <div ref={ref} className={mergedClassName} style={style} {...props}>\n        <div className={mergedCircleClassName} />\n      </div>\n    );\n  },\n);\n\nBadgeStatus.displayName = 'BadgeStatus';\n"]}
+{"version":3,"file":"BadgeStatus.cjs","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kFAA0E;AAC1E,+CAA0C;AAE1C,uDAA+C;AAE/C,uEAGiC;AAGpB,QAAA,WAAW,GAAG,IAAA,kBAAU,EACnC,CACE,EACE,MAAM,EACN,IAAI,GAAG,sCAAe,CAAC,EAAE,EACzB,SAAS,GAAG,IAAI,EAChB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,eAAe,GAAG,IAAA,kBAAO;IAC7B,cAAc;IACd,0BAA0B;IAC1B,kBAAkB;IAClB,SAAS,CAAC,CAAC,CAAC,oCAAoC,CAAC,CAAC,CAAC,EAAE;IACrD,iBAAiB;IACjB,SAAS,CACV,CAAC;IAEF,MAAM,qBAAqB,GAAG,IAAA,kBAAO;IACnC,cAAc;IACd,4BAA4B;IAC5B,cAAc;IACd,iDAAyB,CAAC,IAAI,CAAC;IAC/B,8BAA8B;IAC9B,0DAAkC,CAAC,MAAM,CAAC,CAC3C,CAAC;IAEF,OAAO,CACL,uCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK;QAChE,uCAAK,SAAS,EAAE,qBAAqB,GAAI,CACrC,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAC","sourcesContent":["import { BadgeStatusSize } from '@metamask-previews/design-system-shared';\nimport React, { forwardRef } from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\n\nimport {\n  CLASSMAP_BADGESTATUS_STATUS_CIRCLE,\n  CLASSMAP_BADGESTATUS_SIZE,\n} from './BadgeStatus.constants';\nimport type { BadgeStatusProps } from './BadgeStatus.types';\n\nexport const BadgeStatus = forwardRef<HTMLDivElement, BadgeStatusProps>(\n  (\n    {\n      status,\n      size = BadgeStatusSize.Md,\n      hasBorder = true,\n      className,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    const mergedClassName = twMerge(\n      // Base styles\n      'inline-flex rounded-full',\n      // hasBorder style\n      hasBorder ? 'border-2 border-background-default' : '',\n      // Custom classes\n      className,\n    );\n\n    const mergedCircleClassName = twMerge(\n      // Base styles\n      'z-10 rounded-full border-2',\n      // Size styles\n      CLASSMAP_BADGESTATUS_SIZE[size],\n      // Circle with semantics style\n      CLASSMAP_BADGESTATUS_STATUS_CIRCLE[status],\n    );\n\n    return (\n      <div ref={ref} className={mergedClassName} style={style} {...props}>\n        <div className={mergedCircleClassName} />\n      </div>\n    );\n  },\n);\n\nBadgeStatus.displayName = 'BadgeStatus';\n"]}

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

@@ -1,17 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CLASSMAP_BADGESTATUS_SIZE = exports.CLASSMAP_BADGESTATUS_STATUS_CIRCLE = void 0;
-const types_1 = require("../../types/index.cjs");
+const design_system_shared_1 = require("@metamask-previews/design-system-shared");
 // Mappings
 exports.CLASSMAP_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.CLASSMAP_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,kCAAkC,GAG3C;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,yBAAyB,GAAoC;IACxE,CAAC,uBAAe,CAAC,EAAE,CAAC,EAAE,SAAS;IAC/B,CAAC,uBAAe,CAAC,EAAE,CAAC,EAAE,aAAa,EAAE,wBAAwB;CAC9D,CAAC","sourcesContent":["import { BadgeStatusSize, BadgeStatusStatus } from '../../types';\n\n// Mappings\nexport const CLASSMAP_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 CLASSMAP_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,kFAGiD;AAEjD,WAAW;AACE,QAAA,kCAAkC,GAG3C;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,yBAAyB,GAAoC;IACxE,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-previews/design-system-shared';\n\n// Mappings\nexport const CLASSMAP_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 CLASSMAP_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 { BadgeStatusSize, BadgeStatusStatus } from "../../types/index.cjs";
+import { BadgeStatusSize, BadgeStatusStatus } from "@metamask-previews/design-system-shared";
 export declare const CLASSMAP_BADGESTATUS_STATUS_CIRCLE: Record<BadgeStatusStatus, string>;
 export declare const CLASSMAP_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,eAAe,EAAE,iBAAiB,EAAE,8BAAoB;AAGjE,eAAO,MAAM,kCAAkC,EAAE,MAAM,CACrD,iBAAiB,EACjB,MAAM,CAOP,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAGrE,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,gDAAgD;AAGjD,eAAO,MAAM,kCAAkC,EAAE,MAAM,CACrD,iBAAiB,EACjB,MAAM,CAOP,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAGrE,CAAC"}

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

@@ -1,4 +1,4 @@
-import { BadgeStatusSize, BadgeStatusStatus } from "../../types/index.mjs";
+import { BadgeStatusSize, BadgeStatusStatus } from "@metamask-previews/design-system-shared";
 export declare const CLASSMAP_BADGESTATUS_STATUS_CIRCLE: Record<BadgeStatusStatus, string>;
 export declare const CLASSMAP_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,eAAe,EAAE,iBAAiB,EAAE,8BAAoB;AAGjE,eAAO,MAAM,kCAAkC,EAAE,MAAM,CACrD,iBAAiB,EACjB,MAAM,CAOP,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAGrE,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,gDAAgD;AAGjD,eAAO,MAAM,kCAAkC,EAAE,MAAM,CACrD,iBAAiB,EACjB,MAAM,CAOP,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAGrE,CAAC"}

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

@@ -1,4 +1,4 @@
-import { BadgeStatusSize, BadgeStatusStatus } from "../../types/index.mjs";
+import { BadgeStatusSize, BadgeStatusStatus } from "@metamask-previews/design-system-shared";
 // Mappings
 export const CLASSMAP_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,eAAe,EAAE,iBAAiB,EAAE,8BAAoB;AAEjE,WAAW;AACX,MAAM,CAAC,MAAM,kCAAkC,GAG3C;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,yBAAyB,GAAoC;IACxE,CAAC,eAAe,CAAC,EAAE,CAAC,EAAE,SAAS;IAC/B,CAAC,eAAe,CAAC,EAAE,CAAC,EAAE,aAAa,EAAE,wBAAwB;CAC9D,CAAC","sourcesContent":["import { BadgeStatusSize, BadgeStatusStatus } from '../../types';\n\n// Mappings\nexport const CLASSMAP_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 CLASSMAP_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,gDAAgD;AAEjD,WAAW;AACX,MAAM,CAAC,MAAM,kCAAkC,GAG3C;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,yBAAyB,GAAoC;IACxE,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-previews/design-system-shared';\n\n// Mappings\nexport const CLASSMAP_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 CLASSMAP_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":"AAAA,OAAO,KAAqB,cAAc;AAS1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,gCAA4B;AAE5D,eAAO,MAAM,WAAW,sGAoCvB,CAAC"}
+{"version":3,"file":"BadgeStatus.d.cts","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,cAAc;AAQ1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,gCAA4B;AAE5D,eAAO,MAAM,WAAW,sGAoCvB,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":"AAAA,OAAO,KAAqB,cAAc;AAS1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,gCAA4B;AAE5D,eAAO,MAAM,WAAW,sGAoCvB,CAAC"}
+{"version":3,"file":"BadgeStatus.d.mts","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,cAAc;AAQ1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,gCAA4B;AAE5D,eAAO,MAAM,WAAW,sGAoCvB,CAAC"}

package/dist/components/BadgeStatus/BadgeStatus.mjs

@@ -4,9 +4,9 @@ function $importDefault(module) {
     }
     return module;
 }
+import { BadgeStatusSize } from "@metamask-previews/design-system-shared";
 import $React, { forwardRef } from "react";
 const React = $importDefault($React);
-import { BadgeStatusSize } from "../../types/index.mjs";
 import { twMerge } from "../../utils/tw-merge.mjs";
 import { CLASSMAP_BADGESTATUS_STATUS_CIRCLE, CLASSMAP_BADGESTATUS_SIZE } from "./BadgeStatus.constants.mjs";
 export const BadgeStatus = forwardRef(({ status, size = BadgeStatusSize.Md, hasBorder = true, className, style, ...props }, ref) => {

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,QAAO,EAAE,UAAU,EAAE,cAAc;;AAE1C,OAAO,EAAE,eAAe,EAAE,8BAAoB;AAC9C,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAE/C,OAAO,EACL,kCAAkC,EAClC,yBAAyB,EAC1B,oCAAgC;AAGjC,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,CACE,EACE,MAAM,EACN,IAAI,GAAG,eAAe,CAAC,EAAE,EACzB,SAAS,GAAG,IAAI,EAChB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,eAAe,GAAG,OAAO;IAC7B,cAAc;IACd,0BAA0B;IAC1B,kBAAkB;IAClB,SAAS,CAAC,CAAC,CAAC,oCAAoC,CAAC,CAAC,CAAC,EAAE;IACrD,iBAAiB;IACjB,SAAS,CACV,CAAC;IAEF,MAAM,qBAAqB,GAAG,OAAO;IACnC,cAAc;IACd,4BAA4B;IAC5B,cAAc;IACd,yBAAyB,CAAC,IAAI,CAAC;IAC/B,8BAA8B;IAC9B,kCAAkC,CAAC,MAAM,CAAC,CAC3C,CAAC;IAEF,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK;QAChE,6BAAK,SAAS,EAAE,qBAAqB,GAAI,CACrC,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC","sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { BadgeStatusSize } from '../../types';\nimport { twMerge } from '../../utils/tw-merge';\n\nimport {\n  CLASSMAP_BADGESTATUS_STATUS_CIRCLE,\n  CLASSMAP_BADGESTATUS_SIZE,\n} from './BadgeStatus.constants';\nimport type { BadgeStatusProps } from './BadgeStatus.types';\n\nexport const BadgeStatus = forwardRef<HTMLDivElement, BadgeStatusProps>(\n  (\n    {\n      status,\n      size = BadgeStatusSize.Md,\n      hasBorder = true,\n      className,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    const mergedClassName = twMerge(\n      // Base styles\n      'inline-flex rounded-full',\n      // hasBorder style\n      hasBorder ? 'border-2 border-background-default' : '',\n      // Custom classes\n      className,\n    );\n\n    const mergedCircleClassName = twMerge(\n      // Base styles\n      'z-10 rounded-full border-2',\n      // Size styles\n      CLASSMAP_BADGESTATUS_SIZE[size],\n      // Circle with semantics style\n      CLASSMAP_BADGESTATUS_STATUS_CIRCLE[status],\n    );\n\n    return (\n      <div ref={ref} className={mergedClassName} style={style} {...props}>\n        <div className={mergedCircleClassName} />\n      </div>\n    );\n  },\n);\n\nBadgeStatus.displayName = 'BadgeStatus';\n"]}
+{"version":3,"file":"BadgeStatus.mjs","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,eAAe,EAAE,gDAAgD;AAC1E,OAAO,QAAO,EAAE,UAAU,EAAE,cAAc;;AAE1C,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAE/C,OAAO,EACL,kCAAkC,EAClC,yBAAyB,EAC1B,oCAAgC;AAGjC,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,CACE,EACE,MAAM,EACN,IAAI,GAAG,eAAe,CAAC,EAAE,EACzB,SAAS,GAAG,IAAI,EAChB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,eAAe,GAAG,OAAO;IAC7B,cAAc;IACd,0BAA0B;IAC1B,kBAAkB;IAClB,SAAS,CAAC,CAAC,CAAC,oCAAoC,CAAC,CAAC,CAAC,EAAE;IACrD,iBAAiB;IACjB,SAAS,CACV,CAAC;IAEF,MAAM,qBAAqB,GAAG,OAAO;IACnC,cAAc;IACd,4BAA4B;IAC5B,cAAc;IACd,yBAAyB,CAAC,IAAI,CAAC;IAC/B,8BAA8B;IAC9B,kCAAkC,CAAC,MAAM,CAAC,CAC3C,CAAC;IAEF,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK;QAChE,6BAAK,SAAS,EAAE,qBAAqB,GAAI,CACrC,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC","sourcesContent":["import { BadgeStatusSize } from '@metamask-previews/design-system-shared';\nimport React, { forwardRef } from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\n\nimport {\n  CLASSMAP_BADGESTATUS_STATUS_CIRCLE,\n  CLASSMAP_BADGESTATUS_SIZE,\n} from './BadgeStatus.constants';\nimport type { BadgeStatusProps } from './BadgeStatus.types';\n\nexport const BadgeStatus = forwardRef<HTMLDivElement, BadgeStatusProps>(\n  (\n    {\n      status,\n      size = BadgeStatusSize.Md,\n      hasBorder = true,\n      className,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    const mergedClassName = twMerge(\n      // Base styles\n      'inline-flex rounded-full',\n      // hasBorder style\n      hasBorder ? 'border-2 border-background-default' : '',\n      // Custom classes\n      className,\n    );\n\n    const mergedCircleClassName = twMerge(\n      // Base styles\n      'z-10 rounded-full border-2',\n      // Size styles\n      CLASSMAP_BADGESTATUS_SIZE[size],\n      // Circle with semantics style\n      CLASSMAP_BADGESTATUS_STATUS_CIRCLE[status],\n    );\n\n    return (\n      <div ref={ref} className={mergedClassName} style={style} {...props}>\n        <div className={mergedCircleClassName} />\n      </div>\n    );\n  },\n);\n\nBadgeStatus.displayName = 'BadgeStatus';\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 { ComponentProps } from 'react';\n\nimport type { BadgeStatusSize, BadgeStatusStatus } from '../../types';\n\n/**\n * BadgeStatus component props.\n */\nexport type BadgeStatusProps = ComponentProps<'div'> & {\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 for additional CSS classes to be applied to the BadgeStatus component.\n   * These classes will be merged with the component's default classes using twMerge.\n   */\n  className?: string;\n  /**\n   * Optional CSS styles to be applied to the component.\n   * Should be used sparingly and only for dynamic styles that can't be achieved with className.\n   */\n  style?: React.CSSProperties;\n};\n"]}
+{"version":3,"file":"BadgeStatus.types.cjs","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.types.ts"],"names":[],"mappings":"","sourcesContent":["// Import shared type for extension\nimport type { BadgeStatusPropsShared } from '@metamask-previews/design-system-shared';\nimport type { ComponentProps } from 'react';\n\n/**\n * BadgeStatus component props (React platform-specific)\n * Extends shared props with React-specific platform concerns\n */\nexport type BadgeStatusProps = ComponentProps<'div'> &\n  BadgeStatusPropsShared & {\n    /**\n     * Optional prop for additional CSS classes to be applied to the BadgeStatus component.\n     * These classes will be merged with the component's default classes using twMerge.\n     */\n    className?: string;\n    /**\n     * Optional CSS styles to be applied to the component.\n     * Should be used sparingly and only for dynamic styles that can't be achieved with className.\n     */\n    style?: React.CSSProperties;\n  };\n"]}

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

@@ -1,34 +1,10 @@
+import type { BadgeStatusPropsShared } from "@metamask-previews/design-system-shared";
 import type { ComponentProps } from "react";
-import type { BadgeStatusSize, BadgeStatusStatus } from "../../types/index.cjs";
 /**
- * BadgeStatus component props.
+ * BadgeStatus component props (React platform-specific)
+ * Extends shared props with React-specific platform concerns
  */
-export type BadgeStatusProps = ComponentProps<'div'> & {
-    /**
-     * 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 = ComponentProps<'div'> & BadgeStatusPropsShared & {
     /**
      * Optional prop for additional CSS classes to be applied to the BadgeStatus component.
      * These classes will be merged with the component's default classes using twMerge.

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,cAAc,EAAE,cAAc;AAE5C,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,8BAAoB;AAEtE;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACrD;;;;;;;;OAQG;IACH,MAAM,EAAE,iBAAiB,CAAC;IAC1B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC"}
+{"version":3,"file":"BadgeStatus.types.d.cts","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,gDAAgD;AACtF,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc;AAE5C;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,GAClD,sBAAsB,GAAG;IACvB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC"}

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

@@ -1,34 +1,10 @@
+import type { BadgeStatusPropsShared } from "@metamask-previews/design-system-shared";
 import type { ComponentProps } from "react";
-import type { BadgeStatusSize, BadgeStatusStatus } from "../../types/index.mjs";
 /**
- * BadgeStatus component props.
+ * BadgeStatus component props (React platform-specific)
+ * Extends shared props with React-specific platform concerns
  */
-export type BadgeStatusProps = ComponentProps<'div'> & {
-    /**
-     * 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 = ComponentProps<'div'> & BadgeStatusPropsShared & {
     /**
      * Optional prop for additional CSS classes to be applied to the BadgeStatus component.
      * These classes will be merged with the component's default classes using twMerge.

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,cAAc,EAAE,cAAc;AAE5C,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,8BAAoB;AAEtE;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACrD;;;;;;;;OAQG;IACH,MAAM,EAAE,iBAAiB,CAAC;IAC1B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC"}
+{"version":3,"file":"BadgeStatus.types.d.mts","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,gDAAgD;AACtF,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc;AAE5C;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,GAClD,sBAAsB,GAAG;IACvB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,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 { ComponentProps } from 'react';\n\nimport type { BadgeStatusSize, BadgeStatusStatus } from '../../types';\n\n/**\n * BadgeStatus component props.\n */\nexport type BadgeStatusProps = ComponentProps<'div'> & {\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 for additional CSS classes to be applied to the BadgeStatus component.\n   * These classes will be merged with the component's default classes using twMerge.\n   */\n  className?: string;\n  /**\n   * Optional CSS styles to be applied to the component.\n   * Should be used sparingly and only for dynamic styles that can't be achieved with className.\n   */\n  style?: React.CSSProperties;\n};\n"]}
+{"version":3,"file":"BadgeStatus.types.mjs","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.types.ts"],"names":[],"mappings":"","sourcesContent":["// Import shared type for extension\nimport type { BadgeStatusPropsShared } from '@metamask-previews/design-system-shared';\nimport type { ComponentProps } from 'react';\n\n/**\n * BadgeStatus component props (React platform-specific)\n * Extends shared props with React-specific platform concerns\n */\nexport type BadgeStatusProps = ComponentProps<'div'> &\n  BadgeStatusPropsShared & {\n    /**\n     * Optional prop for additional CSS classes to be applied to the BadgeStatus component.\n     * These classes will be merged with the component's default classes using twMerge.\n     */\n    className?: string;\n    /**\n     * Optional CSS styles to be applied to the component.\n     * Should be used sparingly and only for dynamic styles that can't be achieved with className.\n     */\n    style?: React.CSSProperties;\n  };\n"]}

package/dist/components/BadgeStatus/index.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BadgeStatus = exports.BadgeStatusStatus = exports.BadgeStatusSize = void 0;
-var types_1 = require("../../types/index.cjs");
-Object.defineProperty(exports, "BadgeStatusSize", { enumerable: true, get: function () { return types_1.BadgeStatusSize; } });
-Object.defineProperty(exports, "BadgeStatusStatus", { enumerable: true, get: function () { return types_1.BadgeStatusStatus; } });
+var design_system_shared_1 = require("@metamask-previews/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,wGAAA,eAAe,OAAA;AAAE,0GAAA,iBAAiB,OAAA;AAC3C,iDAA4C;AAAnC,0GAAA,WAAW,OAAA","sourcesContent":["export { BadgeStatusSize, BadgeStatusStatus } 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,gFAGiD;AAF/C,uHAAA,eAAe,OAAA;AACf,yHAAA,iBAAiB,OAAA;AAEnB,iDAA4C;AAAnC,0GAAA,WAAW,OAAA","sourcesContent":["export {\n  BadgeStatusSize,\n  BadgeStatusStatus,\n} from '@metamask-previews/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 { BadgeStatusSize, BadgeStatusStatus } from "../../types/index.cjs";
+export { BadgeStatusSize, BadgeStatusStatus, } from "@metamask-previews/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,eAAe,EAAE,iBAAiB,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,gDAAgD;AACjD,OAAO,EAAE,WAAW,EAAE,0BAAsB;AAC5C,YAAY,EAAE,gBAAgB,EAAE,gCAA4B"}

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

@@ -1,4 +1,4 @@
-export { BadgeStatusSize, BadgeStatusStatus } from "../../types/index.mjs";
+export { BadgeStatusSize, BadgeStatusStatus, } from "@metamask-previews/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,eAAe,EAAE,iBAAiB,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,gDAAgD;AACjD,OAAO,EAAE,WAAW,EAAE,0BAAsB;AAC5C,YAAY,EAAE,gBAAgB,EAAE,gCAA4B"}

package/dist/components/BadgeStatus/index.mjs

@@ -1,3 +1,3 @@
-export { BadgeStatusSize, BadgeStatusStatus } from "../../types/index.mjs";
+export { BadgeStatusSize, BadgeStatusStatus } from "@metamask-previews/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,eAAe,EAAE,iBAAiB,EAAE,8BAAoB;AACjE,OAAO,EAAE,WAAW,EAAE,0BAAsB","sourcesContent":["export { BadgeStatusSize, BadgeStatusStatus } 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,gDAAgD;AACjD,OAAO,EAAE,WAAW,EAAE,0BAAsB","sourcesContent":["export {\n  BadgeStatusSize,\n  BadgeStatusStatus,\n} from '@metamask-previews/design-system-shared';\nexport { BadgeStatus } from './BadgeStatus';\nexport type { BadgeStatusProps } from './BadgeStatus.types';\n"]}

package/dist/components/Icon/icons/PopUp.cjs

@@ -0,0 +1,32 @@
+"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 });
+const React = __importStar(require("react"));
+const react_1 = require("react");
+const SvgPopUp = (props, ref) => React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ref: ref, ...props },
+    React.createElement("path", { d: "M13 14h5V8h-5zm-9 6q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 18V6q0-.824.587-1.412A1.93 1.93 0 0 1 4 4h16q.824 0 1.413.588Q22 5.175 22 6v12q0 .824-.587 1.413A1.93 1.93 0 0 1 20 20zm0-2h16V6H4z" }));
+const ForwardRef = (0, react_1.forwardRef)(SvgPopUp);
+exports.default = ForwardRef;
+//# sourceMappingURL=PopUp.cjs.map

package/dist/components/Icon/icons/PopUp.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopUp.cjs","sourceRoot":"","sources":["../../../../src/components/Icon/icons/PopUp.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,iCAAwC;AACxC,MAAM,QAAQ,GAAG,CAAC,KAA8B,EAAE,GAAuB,EAAE,EAAE,CAAC,6BAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,EAAC,GAAG,EAAE,GAAG,KAAM,KAAK;IAAE,8BAAM,CAAC,EAAC,8LAA8L,GAAG,CAAM,CAAC;AACnY,MAAM,UAAU,GAAG,IAAA,kBAAU,EAAC,QAAQ,CAAC,CAAC;AACxC,kBAAe,UAAU,CAAC","sourcesContent":["import * as React from \"react\";\nimport type { SVGProps } from \"react\";\nimport { Ref, forwardRef } from \"react\";\nconst SvgPopUp = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" ref={ref} {...props}><path d=\"M13 14h5V8h-5zm-9 6q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 18V6q0-.824.587-1.412A1.93 1.93 0 0 1 4 4h16q.824 0 1.413.588Q22 5.175 22 6v12q0 .824-.587 1.413A1.93 1.93 0 0 1 20 20zm0-2h16V6H4z\" /></svg>;\nconst ForwardRef = forwardRef(SvgPopUp);\nexport default ForwardRef;"]}

package/dist/components/Icon/icons/PopUp.d.cts

@@ -0,0 +1,4 @@
+import * as React from "react";
+declare const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;
+//# sourceMappingURL=PopUp.d.cts.map

package/dist/components/Icon/icons/PopUp.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopUp.d.cts","sourceRoot":"","sources":["../../../../src/components/Icon/icons/PopUp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,cAAc;AAI/B,QAAA,MAAM,UAAU,kHAAuB,CAAC;AACxC,eAAe,UAAU,CAAC"}

package/dist/components/Icon/icons/PopUp.d.mts

@@ -0,0 +1,4 @@
+import * as React from "react";
+declare const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;
+//# sourceMappingURL=PopUp.d.mts.map

package/dist/components/Icon/icons/PopUp.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopUp.d.mts","sourceRoot":"","sources":["../../../../src/components/Icon/icons/PopUp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,cAAc;AAI/B,QAAA,MAAM,UAAU,kHAAuB,CAAC;AACxC,eAAe,UAAU,CAAC"}

package/dist/components/Icon/icons/PopUp.mjs

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { forwardRef } from "react";
+const SvgPopUp = (props, ref) => React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ref: ref, ...props },
+    React.createElement("path", { d: "M13 14h5V8h-5zm-9 6q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 18V6q0-.824.587-1.412A1.93 1.93 0 0 1 4 4h16q.824 0 1.413.588Q22 5.175 22 6v12q0 .824-.587 1.413A1.93 1.93 0 0 1 20 20zm0-2h16V6H4z" }));
+const ForwardRef = forwardRef(SvgPopUp);
+export default ForwardRef;
+//# sourceMappingURL=PopUp.mjs.map

package/dist/components/Icon/icons/PopUp.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopUp.mjs","sourceRoot":"","sources":["../../../../src/components/Icon/icons/PopUp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,cAAc;AAE/B,OAAO,EAAO,UAAU,EAAE,cAAc;AACxC,MAAM,QAAQ,GAAG,CAAC,KAA8B,EAAE,GAAuB,EAAE,EAAE,CAAC,6BAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,EAAC,GAAG,EAAE,GAAG,KAAM,KAAK;IAAE,8BAAM,CAAC,EAAC,8LAA8L,GAAG,CAAM,CAAC;AACnY,MAAM,UAAU,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC;AACxC,eAAe,UAAU,CAAC","sourcesContent":["import * as React from \"react\";\nimport type { SVGProps } from \"react\";\nimport { Ref, forwardRef } from \"react\";\nconst SvgPopUp = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" ref={ref} {...props}><path d=\"M13 14h5V8h-5zm-9 6q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 18V6q0-.824.587-1.412A1.93 1.93 0 0 1 4 4h16q.824 0 1.413.588Q22 5.175 22 6v12q0 .824-.587 1.413A1.93 1.93 0 0 1 20 20zm0-2h16V6H4z\" /></svg>;\nconst ForwardRef = forwardRef(SvgPopUp);\nexport default ForwardRef;"]}

package/dist/components/Icon/icons/SidePanel.cjs

@@ -0,0 +1,32 @@
+"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 });
+const React = __importStar(require("react"));
+const react_1 = require("react");
+const SvgSidePanel = (props, ref) => React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ref: ref, ...props },
+    React.createElement("path", { d: "M5 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V5q0-.824.587-1.412A1.93 1.93 0 0 1 5 3h14q.824 0 1.413.587Q21 4.176 21 5v14q0 .824-.587 1.413A1.93 1.93 0 0 1 19 21zm11-2h3V5h-3zm-2 0V5H5v14z" }));
+const ForwardRef = (0, react_1.forwardRef)(SvgSidePanel);
+exports.default = ForwardRef;
+//# sourceMappingURL=SidePanel.cjs.map

package/dist/components/Icon/icons/SidePanel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidePanel.cjs","sourceRoot":"","sources":["../../../../src/components/Icon/icons/SidePanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,iCAAwC;AACxC,MAAM,YAAY,GAAG,CAAC,KAA8B,EAAE,GAAuB,EAAE,EAAE,CAAC,6BAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,EAAC,GAAG,EAAE,GAAG,KAAM,KAAK;IAAE,8BAAM,CAAC,EAAC,8LAA8L,GAAG,CAAM,CAAC;AACvY,MAAM,UAAU,GAAG,IAAA,kBAAU,EAAC,YAAY,CAAC,CAAC;AAC5C,kBAAe,UAAU,CAAC","sourcesContent":["import * as React from \"react\";\nimport type { SVGProps } from \"react\";\nimport { Ref, forwardRef } from \"react\";\nconst SvgSidePanel = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" ref={ref} {...props}><path d=\"M5 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V5q0-.824.587-1.412A1.93 1.93 0 0 1 5 3h14q.824 0 1.413.587Q21 4.176 21 5v14q0 .824-.587 1.413A1.93 1.93 0 0 1 19 21zm11-2h3V5h-3zm-2 0V5H5v14z\" /></svg>;\nconst ForwardRef = forwardRef(SvgSidePanel);\nexport default ForwardRef;"]}

package/dist/components/Icon/icons/SidePanel.d.cts

@@ -0,0 +1,4 @@
+import * as React from "react";
+declare const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;
+//# sourceMappingURL=SidePanel.d.cts.map

package/dist/components/Icon/icons/SidePanel.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidePanel.d.cts","sourceRoot":"","sources":["../../../../src/components/Icon/icons/SidePanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,cAAc;AAI/B,QAAA,MAAM,UAAU,kHAA2B,CAAC;AAC5C,eAAe,UAAU,CAAC"}

package/dist/components/Icon/icons/SidePanel.d.mts

@@ -0,0 +1,4 @@
+import * as React from "react";
+declare const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;
+//# sourceMappingURL=SidePanel.d.mts.map

package/dist/components/Icon/icons/SidePanel.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidePanel.d.mts","sourceRoot":"","sources":["../../../../src/components/Icon/icons/SidePanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,cAAc;AAI/B,QAAA,MAAM,UAAU,kHAA2B,CAAC;AAC5C,eAAe,UAAU,CAAC"}

package/dist/components/Icon/icons/SidePanel.mjs

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { forwardRef } from "react";
+const SvgSidePanel = (props, ref) => React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ref: ref, ...props },
+    React.createElement("path", { d: "M5 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V5q0-.824.587-1.412A1.93 1.93 0 0 1 5 3h14q.824 0 1.413.587Q21 4.176 21 5v14q0 .824-.587 1.413A1.93 1.93 0 0 1 19 21zm11-2h3V5h-3zm-2 0V5H5v14z" }));
+const ForwardRef = forwardRef(SvgSidePanel);
+export default ForwardRef;
+//# sourceMappingURL=SidePanel.mjs.map

package/dist/components/Icon/icons/SidePanel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidePanel.mjs","sourceRoot":"","sources":["../../../../src/components/Icon/icons/SidePanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,cAAc;AAE/B,OAAO,EAAO,UAAU,EAAE,cAAc;AACxC,MAAM,YAAY,GAAG,CAAC,KAA8B,EAAE,GAAuB,EAAE,EAAE,CAAC,6BAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,EAAC,GAAG,EAAE,GAAG,KAAM,KAAK;IAAE,8BAAM,CAAC,EAAC,8LAA8L,GAAG,CAAM,CAAC;AACvY,MAAM,UAAU,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;AAC5C,eAAe,UAAU,CAAC","sourcesContent":["import * as React from \"react\";\nimport type { SVGProps } from \"react\";\nimport { Ref, forwardRef } from \"react\";\nconst SvgSidePanel = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" ref={ref} {...props}><path d=\"M5 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V5q0-.824.587-1.412A1.93 1.93 0 0 1 5 3h14q.824 0 1.413.587Q21 4.176 21 5v14q0 .824-.587 1.413A1.93 1.93 0 0 1 19 21zm11-2h3V5h-3zm-2 0V5H5v14z\" /></svg>;\nconst ForwardRef = forwardRef(SvgSidePanel);\nexport default ForwardRef;"]}

package/dist/components/Icon/icons/index.cjs

@@ -179,6 +179,7 @@ const Plant_1 = __importDefault(require("./Plant.cjs"));
 const Plug_1 = __importDefault(require("./Plug.cjs"));
 const PlusAndMinus_1 = __importDefault(require("./PlusAndMinus.cjs"));
 const PolicyAlert_1 = __importDefault(require("./PolicyAlert.cjs"));
+const PopUp_1 = __importDefault(require("./PopUp.cjs"));
 const Print_1 = __importDefault(require("./Print.cjs"));
 const PriorityHigh_1 = __importDefault(require("./PriorityHigh.cjs"));
 const PrivacyTip_1 = __importDefault(require("./PrivacyTip.cjs"));
@@ -219,6 +220,7 @@ const Share_1 = __importDefault(require("./Share.cjs"));
 const ShieldLock_1 = __importDefault(require("./ShieldLock.cjs"));
 const ShoppingBag_1 = __importDefault(require("./ShoppingBag.cjs"));
 const ShoppingCart_1 = __importDefault(require("./ShoppingCart.cjs"));
+const SidePanel_1 = __importDefault(require("./SidePanel.cjs"));
 const SignalCellular_1 = __importDefault(require("./SignalCellular.cjs"));
 const Slash_1 = __importDefault(require("./Slash.cjs"));
 const Sms_1 = __importDefault(require("./Sms.cjs"));
@@ -457,6 +459,7 @@ exports.Icons = {
     Plug: Plug_1.default,
     PlusAndMinus: PlusAndMinus_1.default,
     PolicyAlert: PolicyAlert_1.default,
+    PopUp: PopUp_1.default,
     Print: Print_1.default,
     PriorityHigh: PriorityHigh_1.default,
     PrivacyTip: PrivacyTip_1.default,
@@ -497,6 +500,7 @@ exports.Icons = {
     ShieldLock: ShieldLock_1.default,
     ShoppingBag: ShoppingBag_1.default,
     ShoppingCart: ShoppingCart_1.default,
+    SidePanel: SidePanel_1.default,
     SignalCellular: SignalCellular_1.default,
     Slash: Slash_1.default,
     Sms: Sms_1.default,