@metamask/design-system-react 0.19.0 → 0.21.0

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

@@ -1,30 +1,13 @@
+import type { AvatarGroupPropsShared, AvatarGroupVariant } from "@metamask/design-system-shared";
 import type { ComponentProps } from "react";
-import type { AvatarGroupSize, AvatarGroupVariant } from "../../types/index.mjs";
 import type { AvatarAccountProps } from "../AvatarAccount/index.mjs";
 import type { AvatarBaseProps } from "../AvatarBase/index.mjs";
 import type { AvatarFaviconProps } from "../AvatarFavicon/index.mjs";
 import type { AvatarNetworkProps } from "../AvatarNetwork/index.mjs";
 import type { AvatarTokenProps } from "../AvatarToken/index.mjs";
-type BaseAvatarGroupProps = {
+type BaseAvatarGroupProps = Omit<AvatarGroupPropsShared, 'variant'> & {
     /**
-     * Optional enum to select between Avatar Group sizes.
-     *
-     * @default AvatarGroupSize.Md
-     */
-    size?: AvatarGroupSize;
-    /**
-     * Optional enum to select max number of Avatars visible,
-     * before the overflow counter being displayed
-     *
-     * @default 4
-     */
-    max?: number;
-    /**
-     * Optional prop to reverse the direction of the AvatarGroup
-     */
-    isReverse?: boolean;
-    /**
-     * Optional prop to pass additional AvatarBase props to the overflow Text element
+     * Optional prop to pass additional AvatarBase props to the overflow Text element.
      */
     overflowTextProps?: AvatarBaseProps;
     /**
@@ -42,28 +25,28 @@ type BaseAvatarGroupProps = {
  * AvatarGroup props.
  */
 export type AvatarGroupProps = BaseAvatarGroupProps & ({
-    variant: AvatarGroupVariant.Account;
+    variant: typeof AvatarGroupVariant.Account;
     /**
      * A list of Avatars to be horizontally stacked.
      * Note: AvatarGroupProps's size prop will overwrite each individual avatarProp's size.
      */
     avatarPropsArr: AvatarAccountProps[];
 } | {
-    variant: AvatarGroupVariant.Favicon;
+    variant: typeof AvatarGroupVariant.Favicon;
     /**
      * A list of Avatars to be horizontally stacked.
      * Note: AvatarGroupProps's size prop will overwrite each individual avatarProp's size.
      */
     avatarPropsArr: AvatarFaviconProps[];
 } | {
-    variant: AvatarGroupVariant.Network;
+    variant: typeof AvatarGroupVariant.Network;
     /**
      * A list of Avatars to be horizontally stacked.
      * Note: AvatarGroupProps's size prop will overwrite each individual avatarProp's size.
      */
     avatarPropsArr: AvatarNetworkProps[];
 } | {
-    variant: AvatarGroupVariant.Token;
+    variant: typeof AvatarGroupVariant.Token;
     /**
      * A list of Avatars to be horizontally stacked.
      * Note: AvatarGroupProps's size prop will overwrite each individual avatarProp's size.

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.types.d.mts","sourceRoot":"","sources":["../../../src/components/AvatarGroup/AvatarGroup.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc;AAE5C,OAAO,KAAK,EAAE,eAAe,EAAE,kBAAkB,EAAE,8BAAoB;AACvE,OAAO,KAAK,EAAE,kBAAkB,EAAE,mCAAyB;AAC3D,OAAO,KAAK,EAAE,eAAe,EAAE,gCAAsB;AACrD,OAAO,KAAK,EAAE,kBAAkB,EAAE,mCAAyB;AAC3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,mCAAyB;AAC3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,iCAAuB;AAEvD,KAAK,oBAAoB,GAAG;IAC1B;;;;OAIG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;;;;OAKG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,iBAAiB,CAAC,EAAE,eAAe,CAAC;IACpC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE1B;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,GACjD,CACI;IACE,OAAO,EAAE,kBAAkB,CAAC,OAAO,CAAC;IACpC;;;OAGG;IACH,cAAc,EAAE,kBAAkB,EAAE,CAAC;CACtC,GACD;IACE,OAAO,EAAE,kBAAkB,CAAC,OAAO,CAAC;IACpC;;;OAGG;IACH,cAAc,EAAE,kBAAkB,EAAE,CAAC;CACtC,GACD;IACE,OAAO,EAAE,kBAAkB,CAAC,OAAO,CAAC;IACpC;;;OAGG;IACH,cAAc,EAAE,kBAAkB,EAAE,CAAC;CACtC,GACD;IACE,OAAO,EAAE,kBAAkB,CAAC,KAAK,CAAC;IAClC;;;OAGG;IACH,cAAc,EAAE,gBAAgB,EAAE,CAAC;CACpC,CACJ,CAAC"}
+{"version":3,"file":"AvatarGroup.types.d.mts","sourceRoot":"","sources":["../../../src/components/AvatarGroup/AvatarGroup.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,sBAAsB,EACtB,kBAAkB,EACnB,uCAAuC;AACxC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc;AAE5C,OAAO,KAAK,EAAE,kBAAkB,EAAE,mCAAyB;AAC3D,OAAO,KAAK,EAAE,eAAe,EAAE,gCAAsB;AACrD,OAAO,KAAK,EAAE,kBAAkB,EAAE,mCAAyB;AAC3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,mCAAyB;AAC3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,iCAAuB;AAEvD,KAAK,oBAAoB,GAAG,IAAI,CAAC,sBAAsB,EAAE,SAAS,CAAC,GAAG;IACpE;;OAEG;IACH,iBAAiB,CAAC,EAAE,eAAe,CAAC;IACpC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE1B;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,GACjD,CACI;IACE,OAAO,EAAE,OAAO,kBAAkB,CAAC,OAAO,CAAC;IAC3C;;;OAGG;IACH,cAAc,EAAE,kBAAkB,EAAE,CAAC;CACtC,GACD;IACE,OAAO,EAAE,OAAO,kBAAkB,CAAC,OAAO,CAAC;IAC3C;;;OAGG;IACH,cAAc,EAAE,kBAAkB,EAAE,CAAC;CACtC,GACD;IACE,OAAO,EAAE,OAAO,kBAAkB,CAAC,OAAO,CAAC;IAC3C;;;OAGG;IACH,cAAc,EAAE,kBAAkB,EAAE,CAAC;CACtC,GACD;IACE,OAAO,EAAE,OAAO,kBAAkB,CAAC,KAAK,CAAC;IACzC;;;OAGG;IACH,cAAc,EAAE,gBAAgB,EAAE,CAAC;CACpC,CACJ,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.types.mjs","sourceRoot":"","sources":["../../../src/components/AvatarGroup/AvatarGroup.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps } from 'react';\n\nimport type { AvatarGroupSize, AvatarGroupVariant } from '../../types';\nimport type { AvatarAccountProps } from '../AvatarAccount';\nimport type { AvatarBaseProps } from '../AvatarBase';\nimport type { AvatarFaviconProps } from '../AvatarFavicon';\nimport type { AvatarNetworkProps } from '../AvatarNetwork';\nimport type { AvatarTokenProps } from '../AvatarToken';\n\ntype BaseAvatarGroupProps = {\n  /**\n   * Optional enum to select between Avatar Group sizes.\n   *\n   * @default AvatarGroupSize.Md\n   */\n  size?: AvatarGroupSize;\n  /**\n   * Optional enum to select max number of Avatars visible,\n   * before the overflow counter being displayed\n   *\n   * @default 4\n   */\n  max?: number;\n  /**\n   * Optional prop to reverse the direction of the AvatarGroup\n   */\n  isReverse?: boolean;\n  /**\n   * Optional prop to pass additional AvatarBase props to the overflow Text element\n   */\n  overflowTextProps?: AvatarBaseProps;\n  /**\n   * Optional prop for additional CSS classes to be applied to the AvatarGroup 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} & ComponentProps<'div'>;\n\n/**\n * AvatarGroup props.\n */\nexport type AvatarGroupProps = BaseAvatarGroupProps &\n  (\n    | {\n        variant: AvatarGroupVariant.Account;\n        /**\n         * A list of Avatars to be horizontally stacked.\n         * Note: AvatarGroupProps's size prop will overwrite each individual avatarProp's size.\n         */\n        avatarPropsArr: AvatarAccountProps[];\n      }\n    | {\n        variant: AvatarGroupVariant.Favicon;\n        /**\n         * A list of Avatars to be horizontally stacked.\n         * Note: AvatarGroupProps's size prop will overwrite each individual avatarProp's size.\n         */\n        avatarPropsArr: AvatarFaviconProps[];\n      }\n    | {\n        variant: AvatarGroupVariant.Network;\n        /**\n         * A list of Avatars to be horizontally stacked.\n         * Note: AvatarGroupProps's size prop will overwrite each individual avatarProp's size.\n         */\n        avatarPropsArr: AvatarNetworkProps[];\n      }\n    | {\n        variant: AvatarGroupVariant.Token;\n        /**\n         * A list of Avatars to be horizontally stacked.\n         * Note: AvatarGroupProps's size prop will overwrite each individual avatarProp's size.\n         */\n        avatarPropsArr: AvatarTokenProps[];\n      }\n  );\n"]}
+{"version":3,"file":"AvatarGroup.types.mjs","sourceRoot":"","sources":["../../../src/components/AvatarGroup/AvatarGroup.types.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n  AvatarGroupPropsShared,\n  AvatarGroupVariant,\n} from '@metamask/design-system-shared';\nimport type { ComponentProps } from 'react';\n\nimport type { AvatarAccountProps } from '../AvatarAccount';\nimport type { AvatarBaseProps } from '../AvatarBase';\nimport type { AvatarFaviconProps } from '../AvatarFavicon';\nimport type { AvatarNetworkProps } from '../AvatarNetwork';\nimport type { AvatarTokenProps } from '../AvatarToken';\n\ntype BaseAvatarGroupProps = Omit<AvatarGroupPropsShared, 'variant'> & {\n  /**\n   * Optional prop to pass additional AvatarBase props to the overflow Text element.\n   */\n  overflowTextProps?: AvatarBaseProps;\n  /**\n   * Optional prop for additional CSS classes to be applied to the AvatarGroup 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} & ComponentProps<'div'>;\n\n/**\n * AvatarGroup props.\n */\nexport type AvatarGroupProps = BaseAvatarGroupProps &\n  (\n    | {\n        variant: typeof AvatarGroupVariant.Account;\n        /**\n         * A list of Avatars to be horizontally stacked.\n         * Note: AvatarGroupProps's size prop will overwrite each individual avatarProp's size.\n         */\n        avatarPropsArr: AvatarAccountProps[];\n      }\n    | {\n        variant: typeof AvatarGroupVariant.Favicon;\n        /**\n         * A list of Avatars to be horizontally stacked.\n         * Note: AvatarGroupProps's size prop will overwrite each individual avatarProp's size.\n         */\n        avatarPropsArr: AvatarFaviconProps[];\n      }\n    | {\n        variant: typeof AvatarGroupVariant.Network;\n        /**\n         * A list of Avatars to be horizontally stacked.\n         * Note: AvatarGroupProps's size prop will overwrite each individual avatarProp's size.\n         */\n        avatarPropsArr: AvatarNetworkProps[];\n      }\n    | {\n        variant: typeof AvatarGroupVariant.Token;\n        /**\n         * A list of Avatars to be horizontally stacked.\n         * Note: AvatarGroupProps's size prop will overwrite each individual avatarProp's size.\n         */\n        avatarPropsArr: AvatarTokenProps[];\n      }\n  );\n"]}

package/dist/components/AvatarGroup/index.cjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/AvatarGroup/index.ts"],"names":[],"mappings":";;;AAAA,+CAAkE;AAAzD,wGAAA,eAAe,OAAA;AAAE,2GAAA,kBAAkB,OAAA;AAC5C,iDAA4C;AAAnC,0GAAA,WAAW,OAAA","sourcesContent":["export { AvatarGroupSize, AvatarGroupVariant } from '../../types';\nexport { AvatarGroup } from './AvatarGroup';\nexport type { AvatarGroupProps } from './AvatarGroup.types';\n"]}
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/AvatarGroup/index.ts"],"names":[],"mappings":";;;AAAA,uEAGwC;AAFtC,uHAAA,eAAe,OAAA;AACf,0HAAA,kBAAkB,OAAA;AAEpB,iDAA4C;AAAnC,0GAAA,WAAW,OAAA","sourcesContent":["export {\n  AvatarGroupSize,\n  AvatarGroupVariant,\n} from '@metamask/design-system-shared';\nexport { AvatarGroup } from './AvatarGroup';\nexport type { AvatarGroupProps } from './AvatarGroup.types';\n"]}

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

@@ -1,4 +1,4 @@
-export { AvatarGroupSize, AvatarGroupVariant } from "../../types/index.cjs";
+export { AvatarGroupSize, AvatarGroupVariant, } from "@metamask/design-system-shared";
 export { AvatarGroup } from "./AvatarGroup.cjs";
 export type { AvatarGroupProps } from "./AvatarGroup.types.cjs";
 //# sourceMappingURL=index.d.cts.map

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

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

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

@@ -1,4 +1,4 @@
-export { AvatarGroupSize, AvatarGroupVariant } from "../../types/index.mjs";
+export { AvatarGroupSize, AvatarGroupVariant, } from "@metamask/design-system-shared";
 export { AvatarGroup } from "./AvatarGroup.mjs";
 export type { AvatarGroupProps } from "./AvatarGroup.types.mjs";
 //# sourceMappingURL=index.d.mts.map

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

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

package/dist/components/AvatarGroup/index.mjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/AvatarGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,8BAAoB;AAClE,OAAO,EAAE,WAAW,EAAE,0BAAsB","sourcesContent":["export { AvatarGroupSize, AvatarGroupVariant } from '../../types';\nexport { AvatarGroup } from './AvatarGroup';\nexport type { AvatarGroupProps } from './AvatarGroup.types';\n"]}
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/AvatarGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,kBAAkB,EACnB,uCAAuC;AACxC,OAAO,EAAE,WAAW,EAAE,0BAAsB","sourcesContent":["export {\n  AvatarGroupSize,\n  AvatarGroupVariant,\n} from '@metamask/design-system-shared';\nexport { AvatarGroup } from './AvatarGroup';\nexport type { AvatarGroupProps } from './AvatarGroup.types';\n"]}

package/dist/components/BannerAlert/BannerAlert.d.cts

@@ -42,7 +42,7 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         nonce?: string | undefined;
         tabIndex?: number | undefined;
         disabled?: boolean | undefined;
-        size?: import("../../types/index.cjs").ButtonBaseSize | undefined;
+        size?: import("@metamask/design-system-shared").ButtonBaseSize | undefined;
         formAction?: string | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
@@ -293,9 +293,10 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         asChild?: boolean | undefined;
         textProps?: Partial<import("../index.cjs").TextProps> | undefined;
-        isFullWidth?: boolean | undefined;
         isLoading?: boolean | undefined;
         loadingText?: string | undefined;
+        isDisabled?: boolean | undefined;
+        isFullWidth?: boolean | undefined;
         loadingTextProps?: Partial<import("../index.cjs").TextProps> | undefined;
         startIconName?: import("@metamask/design-system-shared").IconName | undefined;
         startIconProps?: Partial<import("../Icon/index.cjs").IconProps> | undefined;
@@ -303,7 +304,6 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         endIconName?: import("@metamask/design-system-shared").IconName | undefined;
         endIconProps?: Partial<import("../Icon/index.cjs").IconProps> | undefined;
         endAccessory?: React.ReactNode;
-        isDisabled?: boolean | undefined;
         loadingIconProps?: Partial<import("../Icon/index.cjs").IconProps> | undefined;
         isDanger?: boolean | undefined;
         isInverse?: boolean | undefined;
@@ -352,7 +352,7 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         nonce?: string | undefined;
         tabIndex?: number | undefined;
         disabled?: boolean | undefined;
-        size?: import("../../types/index.cjs").ButtonBaseSize | undefined;
+        size?: import("@metamask/design-system-shared").ButtonBaseSize | undefined;
         formAction?: string | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
@@ -603,9 +603,10 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         asChild?: boolean | undefined;
         textProps?: Partial<import("../index.cjs").TextProps> | undefined;
-        isFullWidth?: boolean | undefined;
         isLoading?: boolean | undefined;
         loadingText?: string | undefined;
+        isDisabled?: boolean | undefined;
+        isFullWidth?: boolean | undefined;
         loadingTextProps?: Partial<import("../index.cjs").TextProps> | undefined;
         startIconName?: import("@metamask/design-system-shared").IconName | undefined;
         startIconProps?: Partial<import("../Icon/index.cjs").IconProps> | undefined;
@@ -613,7 +614,6 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         endIconName?: import("@metamask/design-system-shared").IconName | undefined;
         endIconProps?: Partial<import("../Icon/index.cjs").IconProps> | undefined;
         endAccessory?: React.ReactNode;
-        isDisabled?: boolean | undefined;
         loadingIconProps?: Partial<import("../Icon/index.cjs").IconProps> | undefined;
         isDanger?: boolean | undefined;
         isInverse?: boolean | undefined;

package/dist/components/BannerAlert/BannerAlert.d.mts

@@ -42,7 +42,7 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         nonce?: string | undefined;
         tabIndex?: number | undefined;
         disabled?: boolean | undefined;
-        size?: import("../../types/index.mjs").ButtonBaseSize | undefined;
+        size?: import("@metamask/design-system-shared").ButtonBaseSize | undefined;
         formAction?: string | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
@@ -293,9 +293,10 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         asChild?: boolean | undefined;
         textProps?: Partial<import("../index.mjs").TextProps> | undefined;
-        isFullWidth?: boolean | undefined;
         isLoading?: boolean | undefined;
         loadingText?: string | undefined;
+        isDisabled?: boolean | undefined;
+        isFullWidth?: boolean | undefined;
         loadingTextProps?: Partial<import("../index.mjs").TextProps> | undefined;
         startIconName?: import("@metamask/design-system-shared").IconName | undefined;
         startIconProps?: Partial<import("../Icon/index.mjs").IconProps> | undefined;
@@ -303,7 +304,6 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         endIconName?: import("@metamask/design-system-shared").IconName | undefined;
         endIconProps?: Partial<import("../Icon/index.mjs").IconProps> | undefined;
         endAccessory?: React.ReactNode;
-        isDisabled?: boolean | undefined;
         loadingIconProps?: Partial<import("../Icon/index.mjs").IconProps> | undefined;
         isDanger?: boolean | undefined;
         isInverse?: boolean | undefined;
@@ -352,7 +352,7 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         nonce?: string | undefined;
         tabIndex?: number | undefined;
         disabled?: boolean | undefined;
-        size?: import("../../types/index.mjs").ButtonBaseSize | undefined;
+        size?: import("@metamask/design-system-shared").ButtonBaseSize | undefined;
         formAction?: string | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
@@ -603,9 +603,10 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         asChild?: boolean | undefined;
         textProps?: Partial<import("../index.mjs").TextProps> | undefined;
-        isFullWidth?: boolean | undefined;
         isLoading?: boolean | undefined;
         loadingText?: string | undefined;
+        isDisabled?: boolean | undefined;
+        isFullWidth?: boolean | undefined;
         loadingTextProps?: Partial<import("../index.mjs").TextProps> | undefined;
         startIconName?: import("@metamask/design-system-shared").IconName | undefined;
         startIconProps?: Partial<import("../Icon/index.mjs").IconProps> | undefined;
@@ -613,7 +614,6 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         endIconName?: import("@metamask/design-system-shared").IconName | undefined;
         endIconProps?: Partial<import("../Icon/index.mjs").IconProps> | undefined;
         endAccessory?: React.ReactNode;
-        isDisabled?: boolean | undefined;
         loadingIconProps?: Partial<import("../Icon/index.mjs").IconProps> | undefined;
         isDanger?: boolean | undefined;
         isInverse?: boolean | undefined;

package/dist/components/BannerBase/BannerBase.cjs

@@ -26,7 +26,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BannerBase = void 0;
 const design_system_shared_1 = require("@metamask/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 Box_1 = require("../Box/index.cjs");
 const Button_1 = require("../Button/index.cjs");
@@ -48,8 +47,8 @@ exports.BannerBase = (0, react_1.forwardRef)(({ title, titleProps, description,
             hasContent(children) &&
                 (isTextContent(children) ? (react_1.default.createElement(Text_1.Text, { variant: design_system_shared_1.TextVariant.BodyMd, ...childrenWrapperProps }, children)) : (children)),
             shouldShowActionButton && (react_1.default.createElement(Box_1.Box, { className: "mt-4" },
-                react_1.default.createElement(Button_1.Button, { size: types_1.ButtonSize.Md, onClick: actionButtonOnClick, ...resolvedActionButtonProps }, actionButtonLabel)))),
-        shouldShowCloseButton && (react_1.default.createElement(ButtonIcon_1.ButtonIcon, { className: (0, tw_merge_1.twMerge)('ml-3 self-start', closeButtonClassName), iconName: types_1.IconName.Close, size: types_1.ButtonIconSize.Sm, ariaLabel: closeButtonAriaLabel, onClick: onClose ?? closeButtonPropsOnClick, ...resolvedCloseButtonProps }))));
+                react_1.default.createElement(Button_1.Button, { size: design_system_shared_1.ButtonSize.Md, onClick: actionButtonOnClick, ...resolvedActionButtonProps }, actionButtonLabel)))),
+        shouldShowCloseButton && (react_1.default.createElement(ButtonIcon_1.ButtonIcon, { className: (0, tw_merge_1.twMerge)('ml-3 self-start', closeButtonClassName), iconName: design_system_shared_1.IconName.Close, size: design_system_shared_1.ButtonIconSize.Sm, ariaLabel: closeButtonAriaLabel, onClick: onClose ?? closeButtonPropsOnClick, ...resolvedCloseButtonProps }))));
 });
 exports.BannerBase.displayName = 'BannerBase';
 //# sourceMappingURL=BannerBase.cjs.map

package/dist/components/BannerBase/BannerBase.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BannerBase.cjs","sourceRoot":"","sources":["../../../src/components/BannerBase/BannerBase.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  BoxAlignItems,\n  BoxBackgroundColor,\n  BoxFlexDirection,\n  FontWeight,\n  TextVariant,\n} from '@metamask/design-system-shared';\nimport React, { forwardRef } from 'react';\n\nimport { ButtonIconSize, ButtonSize, IconName } from '../../types';\nimport { twMerge } from '../../utils/tw-merge';\nimport { Box } from '../Box';\nimport { Button } from '../Button';\nimport { ButtonIcon } from '../ButtonIcon';\nimport { Text } from '../Text';\n\nimport type { BannerBaseProps } from './BannerBase.types';\n\nconst isTextContent = (content: React.ReactNode): content is string | number =>\n  typeof content === 'string' || typeof content === 'number';\n\nconst hasContent = (content: React.ReactNode) =>\n  content !== null && content !== undefined;\n\nexport const BannerBase = forwardRef<HTMLDivElement, BannerBaseProps>(\n  (\n    {\n      title,\n      titleProps,\n      description,\n      descriptionProps,\n      children,\n      childrenWrapperProps,\n      actionButtonLabel,\n      actionButtonOnClick,\n      actionButtonProps,\n      startAccessory,\n      onClose,\n      closeButtonProps,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const resolvedActionButtonProps = actionButtonProps ?? {};\n\n    const {\n      ariaLabel: closeButtonAriaLabel = 'Close banner',\n      onClick: closeButtonPropsOnClick,\n      className: closeButtonClassName,\n      ...resolvedCloseButtonProps\n    } = closeButtonProps ?? {};\n\n    const shouldShowCloseButton = Boolean(onClose || closeButtonProps);\n    const shouldShowActionButton = Boolean(actionButtonOnClick);\n\n    return (\n      <Box\n        ref={ref}\n        flexDirection={BoxFlexDirection.Row}\n        alignItems={BoxAlignItems.Start}\n        gap={2}\n        backgroundColor={BoxBackgroundColor.BackgroundDefault}\n        padding={3}\n        className={twMerge('rounded-sm', className)}\n        {...props}\n      >\n        {startAccessory}\n\n        <Box className=\"min-w-0 flex-1\">\n          {hasContent(title) &&\n            (isTextContent(title) ? (\n              <Text\n                variant={TextVariant.BodyMd}\n                fontWeight={FontWeight.Medium}\n                {...titleProps}\n              >\n                {title}\n              </Text>\n            ) : (\n              title\n            ))}\n\n          {hasContent(description) && (\n            <Box className={hasContent(title) ? 'mt-1' : undefined}>\n              {isTextContent(description) ? (\n                <Text variant={TextVariant.BodySm} {...descriptionProps}>\n                  {description}\n                </Text>\n              ) : (\n                description\n              )}\n            </Box>\n          )}\n\n          {hasContent(children) &&\n            (isTextContent(children) ? (\n              <Text variant={TextVariant.BodyMd} {...childrenWrapperProps}>\n                {children}\n              </Text>\n            ) : (\n              children\n            ))}\n\n          {shouldShowActionButton && (\n            <Box className=\"mt-4\">\n              <Button\n                size={ButtonSize.Md}\n                onClick={actionButtonOnClick}\n                {...resolvedActionButtonProps}\n              >\n                {actionButtonLabel}\n              </Button>\n            </Box>\n          )}\n        </Box>\n\n        {shouldShowCloseButton && (\n          <ButtonIcon\n            className={twMerge('ml-3 self-start', closeButtonClassName)}\n            iconName={IconName.Close}\n            size={ButtonIconSize.Sm}\n            ariaLabel={closeButtonAriaLabel}\n            onClick={onClose ?? closeButtonPropsOnClick}\n            {...resolvedCloseButtonProps}\n          />\n        )}\n      </Box>\n    );\n  },\n);\n\nBannerBase.displayName = 'BannerBase';\n"]}
+{"version":3,"file":"BannerBase.cjs","sourceRoot":"","sources":["../../../src/components/BannerBase/BannerBase.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  BoxAlignItems,\n  BoxBackgroundColor,\n  BoxFlexDirection,\n  ButtonIconSize,\n  ButtonSize,\n  FontWeight,\n  IconName,\n  TextVariant,\n} from '@metamask/design-system-shared';\nimport React, { forwardRef } from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { Box } from '../Box';\nimport { Button } from '../Button';\nimport { ButtonIcon } from '../ButtonIcon';\nimport { Text } from '../Text';\n\nimport type { BannerBaseProps } from './BannerBase.types';\n\nconst isTextContent = (content: React.ReactNode): content is string | number =>\n  typeof content === 'string' || typeof content === 'number';\n\nconst hasContent = (content: React.ReactNode) =>\n  content !== null && content !== undefined;\n\nexport const BannerBase = forwardRef<HTMLDivElement, BannerBaseProps>(\n  (\n    {\n      title,\n      titleProps,\n      description,\n      descriptionProps,\n      children,\n      childrenWrapperProps,\n      actionButtonLabel,\n      actionButtonOnClick,\n      actionButtonProps,\n      startAccessory,\n      onClose,\n      closeButtonProps,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const resolvedActionButtonProps = actionButtonProps ?? {};\n\n    const {\n      ariaLabel: closeButtonAriaLabel = 'Close banner',\n      onClick: closeButtonPropsOnClick,\n      className: closeButtonClassName,\n      ...resolvedCloseButtonProps\n    } = closeButtonProps ?? {};\n\n    const shouldShowCloseButton = Boolean(onClose || closeButtonProps);\n    const shouldShowActionButton = Boolean(actionButtonOnClick);\n\n    return (\n      <Box\n        ref={ref}\n        flexDirection={BoxFlexDirection.Row}\n        alignItems={BoxAlignItems.Start}\n        gap={2}\n        backgroundColor={BoxBackgroundColor.BackgroundDefault}\n        padding={3}\n        className={twMerge('rounded-sm', className)}\n        {...props}\n      >\n        {startAccessory}\n\n        <Box className=\"min-w-0 flex-1\">\n          {hasContent(title) &&\n            (isTextContent(title) ? (\n              <Text\n                variant={TextVariant.BodyMd}\n                fontWeight={FontWeight.Medium}\n                {...titleProps}\n              >\n                {title}\n              </Text>\n            ) : (\n              title\n            ))}\n\n          {hasContent(description) && (\n            <Box className={hasContent(title) ? 'mt-1' : undefined}>\n              {isTextContent(description) ? (\n                <Text variant={TextVariant.BodySm} {...descriptionProps}>\n                  {description}\n                </Text>\n              ) : (\n                description\n              )}\n            </Box>\n          )}\n\n          {hasContent(children) &&\n            (isTextContent(children) ? (\n              <Text variant={TextVariant.BodyMd} {...childrenWrapperProps}>\n                {children}\n              </Text>\n            ) : (\n              children\n            ))}\n\n          {shouldShowActionButton && (\n            <Box className=\"mt-4\">\n              <Button\n                size={ButtonSize.Md}\n                onClick={actionButtonOnClick}\n                {...resolvedActionButtonProps}\n              >\n                {actionButtonLabel}\n              </Button>\n            </Box>\n          )}\n        </Box>\n\n        {shouldShowCloseButton && (\n          <ButtonIcon\n            className={twMerge('ml-3 self-start', closeButtonClassName)}\n            iconName={IconName.Close}\n            size={ButtonIconSize.Sm}\n            ariaLabel={closeButtonAriaLabel}\n            onClick={onClose ?? closeButtonPropsOnClick}\n            {...resolvedCloseButtonProps}\n          />\n        )}\n      </Box>\n    );\n  },\n);\n\nBannerBase.displayName = 'BannerBase';\n"]}

package/dist/components/BannerBase/BannerBase.d.cts

@@ -1,5 +1,5 @@
+import { IconName } from "@metamask/design-system-shared";
 import React from "react";
-import { ButtonSize, IconName } from "../../types/index.cjs";
 export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@metamask/design-system-shared").BannerBasePropsShared & Omit<import("../Box/index.cjs").BoxProps, "children"> & {
     titleProps?: Partial<import("../Text/index.cjs").TextProps> | undefined;
     descriptionProps?: Partial<import("../Text/index.cjs").TextProps> | undefined;
@@ -40,7 +40,7 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         nonce?: string | undefined;
         tabIndex?: number | undefined;
         disabled?: boolean | undefined;
-        size?: ButtonSize | undefined;
+        size?: import("@metamask/design-system-shared").ButtonBaseSize | undefined;
         formAction?: string | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
@@ -291,9 +291,10 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         asChild?: boolean | undefined;
         textProps?: Partial<import("../Text/index.cjs").TextProps> | undefined;
-        isFullWidth?: boolean | undefined;
         isLoading?: boolean | undefined;
         loadingText?: string | undefined;
+        isDisabled?: boolean | undefined;
+        isFullWidth?: boolean | undefined;
         loadingTextProps?: Partial<import("../Text/index.cjs").TextProps> | undefined;
         startIconName?: IconName | undefined;
         startIconProps?: Partial<import("../index.cjs").IconProps> | undefined;
@@ -301,7 +302,6 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         endIconName?: IconName | undefined;
         endIconProps?: Partial<import("../index.cjs").IconProps> | undefined;
         endAccessory?: React.ReactNode;
-        isDisabled?: boolean | undefined;
         loadingIconProps?: Partial<import("../index.cjs").IconProps> | undefined;
         isDanger?: boolean | undefined;
         isInverse?: boolean | undefined;
@@ -346,7 +346,7 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         nonce?: string | undefined;
         tabIndex?: number | undefined;
         disabled?: boolean | undefined;
-        size?: ButtonSize | undefined;
+        size?: import("@metamask/design-system-shared").ButtonBaseSize | undefined;
         formAction?: string | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
@@ -597,9 +597,10 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         asChild?: boolean | undefined;
         textProps?: Partial<import("../Text/index.cjs").TextProps> | undefined;
-        isFullWidth?: boolean | undefined;
         isLoading?: boolean | undefined;
         loadingText?: string | undefined;
+        isDisabled?: boolean | undefined;
+        isFullWidth?: boolean | undefined;
         loadingTextProps?: Partial<import("../Text/index.cjs").TextProps> | undefined;
         startIconName?: IconName | undefined;
         startIconProps?: Partial<import("../index.cjs").IconProps> | undefined;
@@ -607,7 +608,6 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         endIconName?: IconName | undefined;
         endIconProps?: Partial<import("../index.cjs").IconProps> | undefined;
         endAccessory?: React.ReactNode;
-        isDisabled?: boolean | undefined;
         loadingIconProps?: Partial<import("../index.cjs").IconProps> | undefined;
         isDanger?: boolean | undefined;
         isInverse?: boolean | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"BannerBase.d.cts","sourceRoot":"","sources":["../../../src/components/BannerBase/BannerBase.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAqB,cAAc;AAE1C,OAAO,EAAkB,UAAU,EAAE,QAAQ,EAAE,8BAAoB;AAenE,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iDA0GtB,CAAC"}
+{"version":3,"file":"BannerBase.d.cts","sourceRoot":"","sources":["../../../src/components/BannerBase/BannerBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,QAAQ,EAET,uCAAuC;AACxC,OAAO,KAAqB,cAAc;AAgB1C,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iDA0GtB,CAAC"}

package/dist/components/BannerBase/BannerBase.d.mts

@@ -1,5 +1,5 @@
+import { IconName } from "@metamask/design-system-shared";
 import React from "react";
-import { ButtonSize, IconName } from "../../types/index.mjs";
 export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@metamask/design-system-shared").BannerBasePropsShared & Omit<import("../Box/index.mjs").BoxProps, "children"> & {
     titleProps?: Partial<import("../Text/index.mjs").TextProps> | undefined;
     descriptionProps?: Partial<import("../Text/index.mjs").TextProps> | undefined;
@@ -40,7 +40,7 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         nonce?: string | undefined;
         tabIndex?: number | undefined;
         disabled?: boolean | undefined;
-        size?: ButtonSize | undefined;
+        size?: import("@metamask/design-system-shared").ButtonBaseSize | undefined;
         formAction?: string | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
@@ -291,9 +291,10 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         asChild?: boolean | undefined;
         textProps?: Partial<import("../Text/index.mjs").TextProps> | undefined;
-        isFullWidth?: boolean | undefined;
         isLoading?: boolean | undefined;
         loadingText?: string | undefined;
+        isDisabled?: boolean | undefined;
+        isFullWidth?: boolean | undefined;
         loadingTextProps?: Partial<import("../Text/index.mjs").TextProps> | undefined;
         startIconName?: IconName | undefined;
         startIconProps?: Partial<import("../index.mjs").IconProps> | undefined;
@@ -301,7 +302,6 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         endIconName?: IconName | undefined;
         endIconProps?: Partial<import("../index.mjs").IconProps> | undefined;
         endAccessory?: React.ReactNode;
-        isDisabled?: boolean | undefined;
         loadingIconProps?: Partial<import("../index.mjs").IconProps> | undefined;
         isDanger?: boolean | undefined;
         isInverse?: boolean | undefined;
@@ -346,7 +346,7 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         nonce?: string | undefined;
         tabIndex?: number | undefined;
         disabled?: boolean | undefined;
-        size?: ButtonSize | undefined;
+        size?: import("@metamask/design-system-shared").ButtonBaseSize | undefined;
         formAction?: string | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
@@ -597,9 +597,10 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         asChild?: boolean | undefined;
         textProps?: Partial<import("../Text/index.mjs").TextProps> | undefined;
-        isFullWidth?: boolean | undefined;
         isLoading?: boolean | undefined;
         loadingText?: string | undefined;
+        isDisabled?: boolean | undefined;
+        isFullWidth?: boolean | undefined;
         loadingTextProps?: Partial<import("../Text/index.mjs").TextProps> | undefined;
         startIconName?: IconName | undefined;
         startIconProps?: Partial<import("../index.mjs").IconProps> | undefined;
@@ -607,7 +608,6 @@ export declare const BannerBase: React.ForwardRefExoticComponent<(Omit<import("@
         endIconName?: IconName | undefined;
         endIconProps?: Partial<import("../index.mjs").IconProps> | undefined;
         endAccessory?: React.ReactNode;
-        isDisabled?: boolean | undefined;
         loadingIconProps?: Partial<import("../index.mjs").IconProps> | undefined;
         isDanger?: boolean | undefined;
         isInverse?: boolean | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"BannerBase.d.mts","sourceRoot":"","sources":["../../../src/components/BannerBase/BannerBase.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAqB,cAAc;AAE1C,OAAO,EAAkB,UAAU,EAAE,QAAQ,EAAE,8BAAoB;AAenE,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iDA0GtB,CAAC"}
+{"version":3,"file":"BannerBase.d.mts","sourceRoot":"","sources":["../../../src/components/BannerBase/BannerBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,QAAQ,EAET,uCAAuC;AACxC,OAAO,KAAqB,cAAc;AAgB1C,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iDA0GtB,CAAC"}

package/dist/components/BannerBase/BannerBase.mjs

@@ -4,10 +4,9 @@ function $importDefault(module) {
     }
     return module;
 }
-import { BoxAlignItems, BoxBackgroundColor, BoxFlexDirection, FontWeight, TextVariant } from "@metamask/design-system-shared";
+import { BoxAlignItems, BoxBackgroundColor, BoxFlexDirection, ButtonIconSize, ButtonSize, FontWeight, IconName, TextVariant } from "@metamask/design-system-shared";
 import $React, { forwardRef } from "react";
 const React = $importDefault($React);
-import { ButtonIconSize, ButtonSize, IconName } from "../../types/index.mjs";
 import { twMerge } from "../../utils/tw-merge.mjs";
 import { Box } from "../Box/index.mjs";
 import { Button } from "../Button/index.mjs";

package/dist/components/BannerBase/BannerBase.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"BannerBase.mjs","sourceRoot":"","sources":["../../../src/components/BannerBase/BannerBase.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  BoxAlignItems,\n  BoxBackgroundColor,\n  BoxFlexDirection,\n  FontWeight,\n  TextVariant,\n} from '@metamask/design-system-shared';\nimport React, { forwardRef } from 'react';\n\nimport { ButtonIconSize, ButtonSize, IconName } from '../../types';\nimport { twMerge } from '../../utils/tw-merge';\nimport { Box } from '../Box';\nimport { Button } from '../Button';\nimport { ButtonIcon } from '../ButtonIcon';\nimport { Text } from '../Text';\n\nimport type { BannerBaseProps } from './BannerBase.types';\n\nconst isTextContent = (content: React.ReactNode): content is string | number =>\n  typeof content === 'string' || typeof content === 'number';\n\nconst hasContent = (content: React.ReactNode) =>\n  content !== null && content !== undefined;\n\nexport const BannerBase = forwardRef<HTMLDivElement, BannerBaseProps>(\n  (\n    {\n      title,\n      titleProps,\n      description,\n      descriptionProps,\n      children,\n      childrenWrapperProps,\n      actionButtonLabel,\n      actionButtonOnClick,\n      actionButtonProps,\n      startAccessory,\n      onClose,\n      closeButtonProps,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const resolvedActionButtonProps = actionButtonProps ?? {};\n\n    const {\n      ariaLabel: closeButtonAriaLabel = 'Close banner',\n      onClick: closeButtonPropsOnClick,\n      className: closeButtonClassName,\n      ...resolvedCloseButtonProps\n    } = closeButtonProps ?? {};\n\n    const shouldShowCloseButton = Boolean(onClose || closeButtonProps);\n    const shouldShowActionButton = Boolean(actionButtonOnClick);\n\n    return (\n      <Box\n        ref={ref}\n        flexDirection={BoxFlexDirection.Row}\n        alignItems={BoxAlignItems.Start}\n        gap={2}\n        backgroundColor={BoxBackgroundColor.BackgroundDefault}\n        padding={3}\n        className={twMerge('rounded-sm', className)}\n        {...props}\n      >\n        {startAccessory}\n\n        <Box className=\"min-w-0 flex-1\">\n          {hasContent(title) &&\n            (isTextContent(title) ? (\n              <Text\n                variant={TextVariant.BodyMd}\n                fontWeight={FontWeight.Medium}\n                {...titleProps}\n              >\n                {title}\n              </Text>\n            ) : (\n              title\n            ))}\n\n          {hasContent(description) && (\n            <Box className={hasContent(title) ? 'mt-1' : undefined}>\n              {isTextContent(description) ? (\n                <Text variant={TextVariant.BodySm} {...descriptionProps}>\n                  {description}\n                </Text>\n              ) : (\n                description\n              )}\n            </Box>\n          )}\n\n          {hasContent(children) &&\n            (isTextContent(children) ? (\n              <Text variant={TextVariant.BodyMd} {...childrenWrapperProps}>\n                {children}\n              </Text>\n            ) : (\n              children\n            ))}\n\n          {shouldShowActionButton && (\n            <Box className=\"mt-4\">\n              <Button\n                size={ButtonSize.Md}\n                onClick={actionButtonOnClick}\n                {...resolvedActionButtonProps}\n              >\n                {actionButtonLabel}\n              </Button>\n            </Box>\n          )}\n        </Box>\n\n        {shouldShowCloseButton && (\n          <ButtonIcon\n            className={twMerge('ml-3 self-start', closeButtonClassName)}\n            iconName={IconName.Close}\n            size={ButtonIconSize.Sm}\n            ariaLabel={closeButtonAriaLabel}\n            onClick={onClose ?? closeButtonPropsOnClick}\n            {...resolvedCloseButtonProps}\n          />\n        )}\n      </Box>\n    );\n  },\n);\n\nBannerBase.displayName = 'BannerBase';\n"]}
+{"version":3,"file":"BannerBase.mjs","sourceRoot":"","sources":["../../../src/components/BannerBase/BannerBase.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  BoxAlignItems,\n  BoxBackgroundColor,\n  BoxFlexDirection,\n  ButtonIconSize,\n  ButtonSize,\n  FontWeight,\n  IconName,\n  TextVariant,\n} from '@metamask/design-system-shared';\nimport React, { forwardRef } from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { Box } from '../Box';\nimport { Button } from '../Button';\nimport { ButtonIcon } from '../ButtonIcon';\nimport { Text } from '../Text';\n\nimport type { BannerBaseProps } from './BannerBase.types';\n\nconst isTextContent = (content: React.ReactNode): content is string | number =>\n  typeof content === 'string' || typeof content === 'number';\n\nconst hasContent = (content: React.ReactNode) =>\n  content !== null && content !== undefined;\n\nexport const BannerBase = forwardRef<HTMLDivElement, BannerBaseProps>(\n  (\n    {\n      title,\n      titleProps,\n      description,\n      descriptionProps,\n      children,\n      childrenWrapperProps,\n      actionButtonLabel,\n      actionButtonOnClick,\n      actionButtonProps,\n      startAccessory,\n      onClose,\n      closeButtonProps,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const resolvedActionButtonProps = actionButtonProps ?? {};\n\n    const {\n      ariaLabel: closeButtonAriaLabel = 'Close banner',\n      onClick: closeButtonPropsOnClick,\n      className: closeButtonClassName,\n      ...resolvedCloseButtonProps\n    } = closeButtonProps ?? {};\n\n    const shouldShowCloseButton = Boolean(onClose || closeButtonProps);\n    const shouldShowActionButton = Boolean(actionButtonOnClick);\n\n    return (\n      <Box\n        ref={ref}\n        flexDirection={BoxFlexDirection.Row}\n        alignItems={BoxAlignItems.Start}\n        gap={2}\n        backgroundColor={BoxBackgroundColor.BackgroundDefault}\n        padding={3}\n        className={twMerge('rounded-sm', className)}\n        {...props}\n      >\n        {startAccessory}\n\n        <Box className=\"min-w-0 flex-1\">\n          {hasContent(title) &&\n            (isTextContent(title) ? (\n              <Text\n                variant={TextVariant.BodyMd}\n                fontWeight={FontWeight.Medium}\n                {...titleProps}\n              >\n                {title}\n              </Text>\n            ) : (\n              title\n            ))}\n\n          {hasContent(description) && (\n            <Box className={hasContent(title) ? 'mt-1' : undefined}>\n              {isTextContent(description) ? (\n                <Text variant={TextVariant.BodySm} {...descriptionProps}>\n                  {description}\n                </Text>\n              ) : (\n                description\n              )}\n            </Box>\n          )}\n\n          {hasContent(children) &&\n            (isTextContent(children) ? (\n              <Text variant={TextVariant.BodyMd} {...childrenWrapperProps}>\n                {children}\n              </Text>\n            ) : (\n              children\n            ))}\n\n          {shouldShowActionButton && (\n            <Box className=\"mt-4\">\n              <Button\n                size={ButtonSize.Md}\n                onClick={actionButtonOnClick}\n                {...resolvedActionButtonProps}\n              >\n                {actionButtonLabel}\n              </Button>\n            </Box>\n          )}\n        </Box>\n\n        {shouldShowCloseButton && (\n          <ButtonIcon\n            className={twMerge('ml-3 self-start', closeButtonClassName)}\n            iconName={IconName.Close}\n            size={ButtonIconSize.Sm}\n            ariaLabel={closeButtonAriaLabel}\n            onClick={onClose ?? closeButtonPropsOnClick}\n            {...resolvedCloseButtonProps}\n          />\n        )}\n      </Box>\n    );\n  },\n);\n\nBannerBase.displayName = 'BannerBase';\n"]}

package/dist/components/Button/Button.cjs

@@ -24,18 +24,18 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Button = void 0;
+const design_system_shared_1 = require("@metamask/design-system-shared");
 const react_1 = __importStar(require("react"));
-const types_1 = require("../../types/index.cjs");
 const ButtonPrimary_1 = require("./variants/ButtonPrimary/index.cjs");
 const ButtonSecondary_1 = require("./variants/ButtonSecondary/index.cjs");
 const ButtonTertiary_1 = require("./variants/ButtonTertiary/index.cjs");
-exports.Button = (0, react_1.forwardRef)(({ variant = types_1.ButtonVariant.Primary, ...props }, ref) => {
+exports.Button = (0, react_1.forwardRef)(({ variant = design_system_shared_1.ButtonVariant.Primary, ...props }, ref) => {
     switch (variant) {
-        case types_1.ButtonVariant.Primary:
+        case design_system_shared_1.ButtonVariant.Primary:
             return react_1.default.createElement(ButtonPrimary_1.ButtonPrimary, { ref: ref, ...props });
-        case types_1.ButtonVariant.Secondary:
+        case design_system_shared_1.ButtonVariant.Secondary:
             return (react_1.default.createElement(ButtonSecondary_1.ButtonSecondary, { ref: ref, ...props }));
-        case types_1.ButtonVariant.Tertiary:
+        case design_system_shared_1.ButtonVariant.Tertiary:
             return react_1.default.createElement(ButtonTertiary_1.ButtonTertiary, { ref: ref, ...props });
         default:
             return react_1.default.createElement(ButtonPrimary_1.ButtonPrimary, { ref: ref, ...props });

package/dist/components/Button/Button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.cjs","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,iDAA4C;AAG5C,sEAAyD;AAEzD,0EAA6D;AAE7D,wEAA2D;AAG9C,QAAA,MAAM,GAAG,IAAA,kBAAU,EAC9B,CAAC,EAAE,OAAO,GAAG,qBAAa,CAAC,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACrD,QAAQ,OAAO,EAAE;QACf,KAAK,qBAAa,CAAC,OAAO;YACxB,OAAO,8BAAC,6BAAa,IAAC,GAAG,EAAE,GAAG,KAAO,KAA4B,GAAI,CAAC;QACxE,KAAK,qBAAa,CAAC,SAAS;YAC1B,OAAO,CACL,8BAAC,iCAAe,IAAC,GAAG,EAAE,GAAG,KAAO,KAA8B,GAAI,CACnE,CAAC;QACJ,KAAK,qBAAa,CAAC,QAAQ;YACzB,OAAO,8BAAC,+BAAc,IAAC,GAAG,EAAE,GAAG,KAAO,KAA6B,GAAI,CAAC;QAC1E;YACE,OAAO,8BAAC,6BAAa,IAAC,GAAG,EAAE,GAAG,KAAO,KAA4B,GAAI,CAAC;KACzE;AACH,CAAC,CACF,CAAC;AAEF,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAC","sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { ButtonVariant } from '../../types';\n\nimport type { ButtonProps } from './Button.types';\nimport { ButtonPrimary } from './variants/ButtonPrimary';\nimport type { ButtonPrimaryProps } from './variants/ButtonPrimary';\nimport { ButtonSecondary } from './variants/ButtonSecondary';\nimport type { ButtonSecondaryProps } from './variants/ButtonSecondary';\nimport { ButtonTertiary } from './variants/ButtonTertiary';\nimport type { ButtonTertiaryProps } from './variants/ButtonTertiary';\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ variant = ButtonVariant.Primary, ...props }, ref) => {\n    switch (variant) {\n      case ButtonVariant.Primary:\n        return <ButtonPrimary ref={ref} {...(props as ButtonPrimaryProps)} />;\n      case ButtonVariant.Secondary:\n        return (\n          <ButtonSecondary ref={ref} {...(props as ButtonSecondaryProps)} />\n        );\n      case ButtonVariant.Tertiary:\n        return <ButtonTertiary ref={ref} {...(props as ButtonTertiaryProps)} />;\n      default:\n        return <ButtonPrimary ref={ref} {...(props as ButtonPrimaryProps)} />;\n    }\n  },\n);\n\nButton.displayName = 'Button';\n"]}
+{"version":3,"file":"Button.cjs","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yEAA+D;AAC/D,+CAA0C;AAG1C,sEAAyD;AAEzD,0EAA6D;AAE7D,wEAA2D;AAG9C,QAAA,MAAM,GAAG,IAAA,kBAAU,EAC9B,CAAC,EAAE,OAAO,GAAG,oCAAa,CAAC,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACrD,QAAQ,OAAO,EAAE;QACf,KAAK,oCAAa,CAAC,OAAO;YACxB,OAAO,8BAAC,6BAAa,IAAC,GAAG,EAAE,GAAG,KAAO,KAA4B,GAAI,CAAC;QACxE,KAAK,oCAAa,CAAC,SAAS;YAC1B,OAAO,CACL,8BAAC,iCAAe,IAAC,GAAG,EAAE,GAAG,KAAO,KAA8B,GAAI,CACnE,CAAC;QACJ,KAAK,oCAAa,CAAC,QAAQ;YACzB,OAAO,8BAAC,+BAAc,IAAC,GAAG,EAAE,GAAG,KAAO,KAA6B,GAAI,CAAC;QAC1E;YACE,OAAO,8BAAC,6BAAa,IAAC,GAAG,EAAE,GAAG,KAAO,KAA4B,GAAI,CAAC;KACzE;AACH,CAAC,CACF,CAAC;AAEF,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAC","sourcesContent":["import { ButtonVariant } from '@metamask/design-system-shared';\nimport React, { forwardRef } from 'react';\n\nimport type { ButtonProps } from './Button.types';\nimport { ButtonPrimary } from './variants/ButtonPrimary';\nimport type { ButtonPrimaryProps } from './variants/ButtonPrimary';\nimport { ButtonSecondary } from './variants/ButtonSecondary';\nimport type { ButtonSecondaryProps } from './variants/ButtonSecondary';\nimport { ButtonTertiary } from './variants/ButtonTertiary';\nimport type { ButtonTertiaryProps } from './variants/ButtonTertiary';\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ variant = ButtonVariant.Primary, ...props }, ref) => {\n    switch (variant) {\n      case ButtonVariant.Primary:\n        return <ButtonPrimary ref={ref} {...(props as ButtonPrimaryProps)} />;\n      case ButtonVariant.Secondary:\n        return (\n          <ButtonSecondary ref={ref} {...(props as ButtonSecondaryProps)} />\n        );\n      case ButtonVariant.Tertiary:\n        return <ButtonTertiary ref={ref} {...(props as ButtonTertiaryProps)} />;\n      default:\n        return <ButtonPrimary ref={ref} {...(props as ButtonPrimaryProps)} />;\n    }\n  },\n);\n\nButton.displayName = 'Button';\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.cts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,cAAc;AAI1C,OAAO,KAAK,EAAE,WAAW,EAAE,2BAAuB;AAQlD,eAAO,MAAM,MAAM,uFAelB,CAAC"}
+{"version":3,"file":"Button.d.cts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,cAAc;AAE1C,OAAO,KAAK,EAAE,WAAW,EAAE,2BAAuB;AAQlD,eAAO,MAAM,MAAM,uFAelB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.mts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,cAAc;AAI1C,OAAO,KAAK,EAAE,WAAW,EAAE,2BAAuB;AAQlD,eAAO,MAAM,MAAM,uFAelB,CAAC"}
+{"version":3,"file":"Button.d.mts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,cAAc;AAE1C,OAAO,KAAK,EAAE,WAAW,EAAE,2BAAuB;AAQlD,eAAO,MAAM,MAAM,uFAelB,CAAC"}

package/dist/components/Button/Button.mjs

@@ -4,9 +4,9 @@ function $importDefault(module) {
     }
     return module;
 }
+import { ButtonVariant } from "@metamask/design-system-shared";
 import $React, { forwardRef } from "react";
 const React = $importDefault($React);
-import { ButtonVariant } from "../../types/index.mjs";
 import { ButtonPrimary } from "./variants/ButtonPrimary/index.mjs";
 import { ButtonSecondary } from "./variants/ButtonSecondary/index.mjs";
 import { ButtonTertiary } from "./variants/ButtonTertiary/index.mjs";

package/dist/components/Button/Button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.mjs","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,QAAO,EAAE,UAAU,EAAE,cAAc;;AAE1C,OAAO,EAAE,aAAa,EAAE,8BAAoB;AAG5C,OAAO,EAAE,aAAa,EAAE,2CAAiC;AAEzD,OAAO,EAAE,eAAe,EAAE,6CAAmC;AAE7D,OAAO,EAAE,cAAc,EAAE,4CAAkC;AAG3D,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,CAAC,EAAE,OAAO,GAAG,aAAa,CAAC,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACrD,QAAQ,OAAO,EAAE;QACf,KAAK,aAAa,CAAC,OAAO;YACxB,OAAO,oBAAC,aAAa,IAAC,GAAG,EAAE,GAAG,KAAO,KAA4B,GAAI,CAAC;QACxE,KAAK,aAAa,CAAC,SAAS;YAC1B,OAAO,CACL,oBAAC,eAAe,IAAC,GAAG,EAAE,GAAG,KAAO,KAA8B,GAAI,CACnE,CAAC;QACJ,KAAK,aAAa,CAAC,QAAQ;YACzB,OAAO,oBAAC,cAAc,IAAC,GAAG,EAAE,GAAG,KAAO,KAA6B,GAAI,CAAC;QAC1E;YACE,OAAO,oBAAC,aAAa,IAAC,GAAG,EAAE,GAAG,KAAO,KAA4B,GAAI,CAAC;KACzE;AACH,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC","sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { ButtonVariant } from '../../types';\n\nimport type { ButtonProps } from './Button.types';\nimport { ButtonPrimary } from './variants/ButtonPrimary';\nimport type { ButtonPrimaryProps } from './variants/ButtonPrimary';\nimport { ButtonSecondary } from './variants/ButtonSecondary';\nimport type { ButtonSecondaryProps } from './variants/ButtonSecondary';\nimport { ButtonTertiary } from './variants/ButtonTertiary';\nimport type { ButtonTertiaryProps } from './variants/ButtonTertiary';\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ variant = ButtonVariant.Primary, ...props }, ref) => {\n    switch (variant) {\n      case ButtonVariant.Primary:\n        return <ButtonPrimary ref={ref} {...(props as ButtonPrimaryProps)} />;\n      case ButtonVariant.Secondary:\n        return (\n          <ButtonSecondary ref={ref} {...(props as ButtonSecondaryProps)} />\n        );\n      case ButtonVariant.Tertiary:\n        return <ButtonTertiary ref={ref} {...(props as ButtonTertiaryProps)} />;\n      default:\n        return <ButtonPrimary ref={ref} {...(props as ButtonPrimaryProps)} />;\n    }\n  },\n);\n\nButton.displayName = 'Button';\n"]}
+{"version":3,"file":"Button.mjs","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,uCAAuC;AAC/D,OAAO,QAAO,EAAE,UAAU,EAAE,cAAc;;AAG1C,OAAO,EAAE,aAAa,EAAE,2CAAiC;AAEzD,OAAO,EAAE,eAAe,EAAE,6CAAmC;AAE7D,OAAO,EAAE,cAAc,EAAE,4CAAkC;AAG3D,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,CAAC,EAAE,OAAO,GAAG,aAAa,CAAC,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACrD,QAAQ,OAAO,EAAE;QACf,KAAK,aAAa,CAAC,OAAO;YACxB,OAAO,oBAAC,aAAa,IAAC,GAAG,EAAE,GAAG,KAAO,KAA4B,GAAI,CAAC;QACxE,KAAK,aAAa,CAAC,SAAS;YAC1B,OAAO,CACL,oBAAC,eAAe,IAAC,GAAG,EAAE,GAAG,KAAO,KAA8B,GAAI,CACnE,CAAC;QACJ,KAAK,aAAa,CAAC,QAAQ;YACzB,OAAO,oBAAC,cAAc,IAAC,GAAG,EAAE,GAAG,KAAO,KAA6B,GAAI,CAAC;QAC1E;YACE,OAAO,oBAAC,aAAa,IAAC,GAAG,EAAE,GAAG,KAAO,KAA4B,GAAI,CAAC;KACzE;AACH,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC","sourcesContent":["import { ButtonVariant } from '@metamask/design-system-shared';\nimport React, { forwardRef } from 'react';\n\nimport type { ButtonProps } from './Button.types';\nimport { ButtonPrimary } from './variants/ButtonPrimary';\nimport type { ButtonPrimaryProps } from './variants/ButtonPrimary';\nimport { ButtonSecondary } from './variants/ButtonSecondary';\nimport type { ButtonSecondaryProps } from './variants/ButtonSecondary';\nimport { ButtonTertiary } from './variants/ButtonTertiary';\nimport type { ButtonTertiaryProps } from './variants/ButtonTertiary';\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ variant = ButtonVariant.Primary, ...props }, ref) => {\n    switch (variant) {\n      case ButtonVariant.Primary:\n        return <ButtonPrimary ref={ref} {...(props as ButtonPrimaryProps)} />;\n      case ButtonVariant.Secondary:\n        return (\n          <ButtonSecondary ref={ref} {...(props as ButtonSecondaryProps)} />\n        );\n      case ButtonVariant.Tertiary:\n        return <ButtonTertiary ref={ref} {...(props as ButtonTertiaryProps)} />;\n      default:\n        return <ButtonPrimary ref={ref} {...(props as ButtonPrimaryProps)} />;\n    }\n  },\n);\n\nButton.displayName = 'Button';\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"Button.types.cjs","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ButtonVariant } from '../../types';\n\nimport type { ButtonPrimaryProps } from './variants/ButtonPrimary';\nimport type { ButtonSecondaryProps } from './variants/ButtonSecondary';\nimport type { ButtonTertiaryProps } from './variants/ButtonTertiary';\n\nexport type ButtonProps = {\n  /**\n   * Optional prop to control the variant of the Button\n   *\n   * @default ButtonVariant.Primary\n   */\n  variant?: ButtonVariant;\n} & (\n  | (Omit<ButtonPrimaryProps, 'ref'> & {\n      variant?: ButtonVariant.Primary;\n    })\n  | (Omit<ButtonSecondaryProps, 'ref'> & {\n      variant?: ButtonVariant.Secondary;\n    })\n  | (Omit<ButtonTertiaryProps, 'ref'> & {\n      variant?: ButtonVariant.Tertiary;\n    })\n);\n"]}
+{"version":3,"file":"Button.types.cjs","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n  ButtonPropsShared,\n  ButtonVariant,\n} from '@metamask/design-system-shared';\n\nimport type { ButtonPrimaryProps } from './variants/ButtonPrimary';\nimport type { ButtonSecondaryProps } from './variants/ButtonSecondary';\nimport type { ButtonTertiaryProps } from './variants/ButtonTertiary';\n\nexport type ButtonProps = ButtonPropsShared &\n  (\n    | (Omit<ButtonPrimaryProps, 'ref'> & {\n        variant?: typeof ButtonVariant.Primary;\n      })\n    | (Omit<ButtonSecondaryProps, 'ref'> & {\n        variant?: typeof ButtonVariant.Secondary;\n      })\n    | (Omit<ButtonTertiaryProps, 'ref'> & {\n        variant?: typeof ButtonVariant.Tertiary;\n      })\n  );\n"]}