@metamask-previews/design-system-react 0.20.0-preview.f515a62 → 0.23.1-preview.047f96c

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.types.d.cts","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.cts","sourceRoot":"","sources":["../../../src/components/AvatarGroup/AvatarGroup.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,sBAAsB,EACtB,kBAAkB,EACnB,gDAAgD;AACjD,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.d.mts

@@ -1,30 +1,13 @@
+import type { AvatarGroupPropsShared, AvatarGroupVariant } from "@metamask-previews/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,gDAAgD;AACjD,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-previews/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-previews/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,gFAGiD;AAF/C,uHAAA,eAAe,OAAA;AACf,0HAAA,kBAAkB,OAAA;AAEpB,iDAA4C;AAAnC,0GAAA,WAAW,OAAA","sourcesContent":["export {\n  AvatarGroupSize,\n  AvatarGroupVariant,\n} from '@metamask-previews/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-previews/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,gDAAgD;AACjD,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-previews/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,gDAAgD;AACjD,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-previews/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,gDAAgD;AACjD,OAAO,EAAE,WAAW,EAAE,0BAAsB","sourcesContent":["export {\n  AvatarGroupSize,\n  AvatarGroupVariant,\n} from '@metamask-previews/design-system-shared';\nexport { AvatarGroup } from './AvatarGroup';\nexport type { AvatarGroupProps } from './AvatarGroup.types';\n"]}

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

@@ -9,7 +9,6 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
     onClose?: React.MouseEventHandler<HTMLButtonElement> | undefined;
     closeButtonProps?: (Omit<Partial<import("../index.cjs").ButtonIconProps>, "onClick" | "iconName"> & {
         'data-testid'?: string | undefined;
-        onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
     }) | undefined;
 } & {
     actionButtonOnClick: React.MouseEventHandler<HTMLButtonElement>;
@@ -32,8 +31,11 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         rel?: string | undefined;
         accessKey?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
+        inert?: boolean | undefined;
         lang?: string | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined;
         className?: string | undefined;
+        part?: string | undefined;
         prefix?: string | undefined;
         role?: React.AriaRole | undefined;
         contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
@@ -43,7 +45,7 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         tabIndex?: number | undefined;
         disabled?: boolean | undefined;
         size?: import("@metamask-previews/design-system-shared").ButtonBaseSize | undefined;
-        formAction?: string | undefined;
+        formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
         formNoValidate?: boolean | undefined;
@@ -75,7 +77,10 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "off" | "on" | undefined;
+        popoverTargetAction?: "hide" | "show" | "toggle" | undefined;
+        popoverTarget?: string | undefined;
         is?: string | undefined;
+        exportparts?: string | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
         "aria-autocomplete"?: "inline" | "both" | "none" | "list" | undefined;
@@ -148,18 +153,18 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         onFocusCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
         onBlur?: React.FocusEventHandler<HTMLButtonElement> | undefined;
         onBlurCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
-        onChange?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onChangeCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onBeforeInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onBeforeInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onReset?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onResetCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onSubmit?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onSubmitCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInvalidCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
+        onChange?: React.ChangeEventHandler<HTMLButtonElement, Element> | undefined;
+        onChangeCapture?: React.ChangeEventHandler<HTMLButtonElement, Element> | undefined;
+        onBeforeInput?: React.InputEventHandler<HTMLButtonElement> | undefined;
+        onBeforeInputCapture?: React.InputEventHandler<HTMLButtonElement> | undefined;
+        onInput?: React.InputEventHandler<HTMLButtonElement> | undefined;
+        onInputCapture?: React.InputEventHandler<HTMLButtonElement> | undefined;
+        onReset?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onResetCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onSubmit?: React.SubmitEventHandler<HTMLButtonElement> | undefined;
+        onSubmitCapture?: React.SubmitEventHandler<HTMLButtonElement> | undefined;
+        onInvalid?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onInvalidCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onLoad?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onLoadCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onError?: React.ReactEventHandler<HTMLButtonElement> | undefined;
@@ -200,8 +205,6 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         onProgressCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onRateChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onRateChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onResize?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onResizeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onSeeked?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onSeekedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onSeeking?: React.ReactEventHandler<HTMLButtonElement> | undefined;
@@ -281,6 +284,8 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
         onScroll?: React.UIEventHandler<HTMLButtonElement> | undefined;
         onScrollCapture?: React.UIEventHandler<HTMLButtonElement> | undefined;
+        onScrollEnd?: React.UIEventHandler<HTMLButtonElement> | undefined;
+        onScrollEndCapture?: React.UIEventHandler<HTMLButtonElement> | undefined;
         onWheel?: React.WheelEventHandler<HTMLButtonElement> | undefined;
         onWheelCapture?: React.WheelEventHandler<HTMLButtonElement> | undefined;
         onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
@@ -289,13 +294,21 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         onAnimationEndCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
         onAnimationIteration?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
         onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
+        onToggle?: React.ToggleEventHandler<HTMLButtonElement> | undefined;
+        onBeforeToggle?: React.ToggleEventHandler<HTMLButtonElement> | undefined;
+        onTransitionCancel?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionCancelCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionRun?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionRunCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionStart?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionStartCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        isDisabled?: boolean | undefined;
         asChild?: boolean | undefined;
         textProps?: Partial<import("../index.cjs").TextProps> | undefined;
         isLoading?: boolean | undefined;
         loadingText?: string | undefined;
-        isDisabled?: boolean | undefined;
         isFullWidth?: boolean | undefined;
         loadingTextProps?: Partial<import("../index.cjs").TextProps> | undefined;
         startIconName?: import("@metamask-previews/design-system-shared").IconName | undefined;
@@ -319,7 +332,6 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
     onClose?: React.MouseEventHandler<HTMLButtonElement> | undefined;
     closeButtonProps?: (Omit<Partial<import("../index.cjs").ButtonIconProps>, "onClick" | "iconName"> & {
         'data-testid'?: string | undefined;
-        onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
     }) | undefined;
 } & {
     actionButtonOnClick?: undefined;
@@ -342,8 +354,11 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         rel?: string | undefined;
         accessKey?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
+        inert?: boolean | undefined;
         lang?: string | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined;
         className?: string | undefined;
+        part?: string | undefined;
         prefix?: string | undefined;
         role?: React.AriaRole | undefined;
         contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
@@ -353,7 +368,7 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         tabIndex?: number | undefined;
         disabled?: boolean | undefined;
         size?: import("@metamask-previews/design-system-shared").ButtonBaseSize | undefined;
-        formAction?: string | undefined;
+        formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
         formNoValidate?: boolean | undefined;
@@ -385,7 +400,10 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "off" | "on" | undefined;
+        popoverTargetAction?: "hide" | "show" | "toggle" | undefined;
+        popoverTarget?: string | undefined;
         is?: string | undefined;
+        exportparts?: string | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
         "aria-autocomplete"?: "inline" | "both" | "none" | "list" | undefined;
@@ -458,18 +476,18 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         onFocusCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
         onBlur?: React.FocusEventHandler<HTMLButtonElement> | undefined;
         onBlurCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
-        onChange?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onChangeCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onBeforeInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onBeforeInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onReset?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onResetCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onSubmit?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onSubmitCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInvalidCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
+        onChange?: React.ChangeEventHandler<HTMLButtonElement, Element> | undefined;
+        onChangeCapture?: React.ChangeEventHandler<HTMLButtonElement, Element> | undefined;
+        onBeforeInput?: React.InputEventHandler<HTMLButtonElement> | undefined;
+        onBeforeInputCapture?: React.InputEventHandler<HTMLButtonElement> | undefined;
+        onInput?: React.InputEventHandler<HTMLButtonElement> | undefined;
+        onInputCapture?: React.InputEventHandler<HTMLButtonElement> | undefined;
+        onReset?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onResetCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onSubmit?: React.SubmitEventHandler<HTMLButtonElement> | undefined;
+        onSubmitCapture?: React.SubmitEventHandler<HTMLButtonElement> | undefined;
+        onInvalid?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onInvalidCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onLoad?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onLoadCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onError?: React.ReactEventHandler<HTMLButtonElement> | undefined;
@@ -510,8 +528,6 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         onProgressCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onRateChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onRateChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onResize?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onResizeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onSeeked?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onSeekedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onSeeking?: React.ReactEventHandler<HTMLButtonElement> | undefined;
@@ -591,6 +607,8 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
         onScroll?: React.UIEventHandler<HTMLButtonElement> | undefined;
         onScrollCapture?: React.UIEventHandler<HTMLButtonElement> | undefined;
+        onScrollEnd?: React.UIEventHandler<HTMLButtonElement> | undefined;
+        onScrollEndCapture?: React.UIEventHandler<HTMLButtonElement> | undefined;
         onWheel?: React.WheelEventHandler<HTMLButtonElement> | undefined;
         onWheelCapture?: React.WheelEventHandler<HTMLButtonElement> | undefined;
         onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
@@ -599,13 +617,21 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         onAnimationEndCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
         onAnimationIteration?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
         onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
+        onToggle?: React.ToggleEventHandler<HTMLButtonElement> | undefined;
+        onBeforeToggle?: React.ToggleEventHandler<HTMLButtonElement> | undefined;
+        onTransitionCancel?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionCancelCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionRun?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionRunCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionStart?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionStartCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        isDisabled?: boolean | undefined;
         asChild?: boolean | undefined;
         textProps?: Partial<import("../index.cjs").TextProps> | undefined;
         isLoading?: boolean | undefined;
         loadingText?: string | undefined;
-        isDisabled?: boolean | undefined;
         isFullWidth?: boolean | undefined;
         loadingTextProps?: Partial<import("../index.cjs").TextProps> | undefined;
         startIconName?: import("@metamask-previews/design-system-shared").IconName | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"BannerAlert.d.cts","sourceRoot":"","sources":["../../../src/components/BannerAlert/BannerAlert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,gDAAgD;AAC9E,OAAO,KAAqB,cAAc;AAe1C,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iDA8BvB,CAAC"}
+{"version":3,"file":"BannerAlert.d.cts","sourceRoot":"","sources":["../../../src/components/BannerAlert/BannerAlert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,gDAAgD;AAC9E,OAAO,KAAqB,cAAc;AAe1C,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iDA8BvB,CAAC"}

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

@@ -9,7 +9,6 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
     onClose?: React.MouseEventHandler<HTMLButtonElement> | undefined;
     closeButtonProps?: (Omit<Partial<import("../index.mjs").ButtonIconProps>, "onClick" | "iconName"> & {
         'data-testid'?: string | undefined;
-        onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
     }) | undefined;
 } & {
     actionButtonOnClick: React.MouseEventHandler<HTMLButtonElement>;
@@ -32,8 +31,11 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         rel?: string | undefined;
         accessKey?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
+        inert?: boolean | undefined;
         lang?: string | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined;
         className?: string | undefined;
+        part?: string | undefined;
         prefix?: string | undefined;
         role?: React.AriaRole | undefined;
         contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
@@ -43,7 +45,7 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         tabIndex?: number | undefined;
         disabled?: boolean | undefined;
         size?: import("@metamask-previews/design-system-shared").ButtonBaseSize | undefined;
-        formAction?: string | undefined;
+        formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
         formNoValidate?: boolean | undefined;
@@ -75,7 +77,10 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "off" | "on" | undefined;
+        popoverTargetAction?: "hide" | "show" | "toggle" | undefined;
+        popoverTarget?: string | undefined;
         is?: string | undefined;
+        exportparts?: string | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
         "aria-autocomplete"?: "inline" | "both" | "none" | "list" | undefined;
@@ -148,18 +153,18 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         onFocusCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
         onBlur?: React.FocusEventHandler<HTMLButtonElement> | undefined;
         onBlurCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
-        onChange?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onChangeCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onBeforeInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onBeforeInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onReset?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onResetCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onSubmit?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onSubmitCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInvalidCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
+        onChange?: React.ChangeEventHandler<HTMLButtonElement, Element> | undefined;
+        onChangeCapture?: React.ChangeEventHandler<HTMLButtonElement, Element> | undefined;
+        onBeforeInput?: React.InputEventHandler<HTMLButtonElement> | undefined;
+        onBeforeInputCapture?: React.InputEventHandler<HTMLButtonElement> | undefined;
+        onInput?: React.InputEventHandler<HTMLButtonElement> | undefined;
+        onInputCapture?: React.InputEventHandler<HTMLButtonElement> | undefined;
+        onReset?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onResetCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onSubmit?: React.SubmitEventHandler<HTMLButtonElement> | undefined;
+        onSubmitCapture?: React.SubmitEventHandler<HTMLButtonElement> | undefined;
+        onInvalid?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onInvalidCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onLoad?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onLoadCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onError?: React.ReactEventHandler<HTMLButtonElement> | undefined;
@@ -200,8 +205,6 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         onProgressCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onRateChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onRateChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onResize?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onResizeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onSeeked?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onSeekedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onSeeking?: React.ReactEventHandler<HTMLButtonElement> | undefined;
@@ -281,6 +284,8 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
         onScroll?: React.UIEventHandler<HTMLButtonElement> | undefined;
         onScrollCapture?: React.UIEventHandler<HTMLButtonElement> | undefined;
+        onScrollEnd?: React.UIEventHandler<HTMLButtonElement> | undefined;
+        onScrollEndCapture?: React.UIEventHandler<HTMLButtonElement> | undefined;
         onWheel?: React.WheelEventHandler<HTMLButtonElement> | undefined;
         onWheelCapture?: React.WheelEventHandler<HTMLButtonElement> | undefined;
         onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
@@ -289,13 +294,21 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         onAnimationEndCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
         onAnimationIteration?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
         onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
+        onToggle?: React.ToggleEventHandler<HTMLButtonElement> | undefined;
+        onBeforeToggle?: React.ToggleEventHandler<HTMLButtonElement> | undefined;
+        onTransitionCancel?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionCancelCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionRun?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionRunCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionStart?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionStartCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        isDisabled?: boolean | undefined;
         asChild?: boolean | undefined;
         textProps?: Partial<import("../index.mjs").TextProps> | undefined;
         isLoading?: boolean | undefined;
         loadingText?: string | undefined;
-        isDisabled?: boolean | undefined;
         isFullWidth?: boolean | undefined;
         loadingTextProps?: Partial<import("../index.mjs").TextProps> | undefined;
         startIconName?: import("@metamask-previews/design-system-shared").IconName | undefined;
@@ -319,7 +332,6 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
     onClose?: React.MouseEventHandler<HTMLButtonElement> | undefined;
     closeButtonProps?: (Omit<Partial<import("../index.mjs").ButtonIconProps>, "onClick" | "iconName"> & {
         'data-testid'?: string | undefined;
-        onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
     }) | undefined;
 } & {
     actionButtonOnClick?: undefined;
@@ -342,8 +354,11 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         rel?: string | undefined;
         accessKey?: string | undefined;
         draggable?: (boolean | "false" | "true") | undefined;
+        inert?: boolean | undefined;
         lang?: string | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined;
         className?: string | undefined;
+        part?: string | undefined;
         prefix?: string | undefined;
         role?: React.AriaRole | undefined;
         contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
@@ -353,7 +368,7 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         tabIndex?: number | undefined;
         disabled?: boolean | undefined;
         size?: import("@metamask-previews/design-system-shared").ButtonBaseSize | undefined;
-        formAction?: string | undefined;
+        formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
         formNoValidate?: boolean | undefined;
@@ -385,7 +400,10 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "off" | "on" | undefined;
+        popoverTargetAction?: "hide" | "show" | "toggle" | undefined;
+        popoverTarget?: string | undefined;
         is?: string | undefined;
+        exportparts?: string | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
         "aria-autocomplete"?: "inline" | "both" | "none" | "list" | undefined;
@@ -458,18 +476,18 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         onFocusCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
         onBlur?: React.FocusEventHandler<HTMLButtonElement> | undefined;
         onBlurCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
-        onChange?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onChangeCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onBeforeInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onBeforeInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onReset?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onResetCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onSubmit?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onSubmitCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInvalidCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
+        onChange?: React.ChangeEventHandler<HTMLButtonElement, Element> | undefined;
+        onChangeCapture?: React.ChangeEventHandler<HTMLButtonElement, Element> | undefined;
+        onBeforeInput?: React.InputEventHandler<HTMLButtonElement> | undefined;
+        onBeforeInputCapture?: React.InputEventHandler<HTMLButtonElement> | undefined;
+        onInput?: React.InputEventHandler<HTMLButtonElement> | undefined;
+        onInputCapture?: React.InputEventHandler<HTMLButtonElement> | undefined;
+        onReset?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onResetCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onSubmit?: React.SubmitEventHandler<HTMLButtonElement> | undefined;
+        onSubmitCapture?: React.SubmitEventHandler<HTMLButtonElement> | undefined;
+        onInvalid?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+        onInvalidCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onLoad?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onLoadCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onError?: React.ReactEventHandler<HTMLButtonElement> | undefined;
@@ -510,8 +528,6 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         onProgressCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onRateChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onRateChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onResize?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onResizeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onSeeked?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onSeekedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onSeeking?: React.ReactEventHandler<HTMLButtonElement> | undefined;
@@ -591,6 +607,8 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
         onScroll?: React.UIEventHandler<HTMLButtonElement> | undefined;
         onScrollCapture?: React.UIEventHandler<HTMLButtonElement> | undefined;
+        onScrollEnd?: React.UIEventHandler<HTMLButtonElement> | undefined;
+        onScrollEndCapture?: React.UIEventHandler<HTMLButtonElement> | undefined;
         onWheel?: React.WheelEventHandler<HTMLButtonElement> | undefined;
         onWheelCapture?: React.WheelEventHandler<HTMLButtonElement> | undefined;
         onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
@@ -599,13 +617,21 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
         onAnimationEndCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
         onAnimationIteration?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
         onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
+        onToggle?: React.ToggleEventHandler<HTMLButtonElement> | undefined;
+        onBeforeToggle?: React.ToggleEventHandler<HTMLButtonElement> | undefined;
+        onTransitionCancel?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionCancelCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionRun?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionRunCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionStart?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        onTransitionStartCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+        isDisabled?: boolean | undefined;
         asChild?: boolean | undefined;
         textProps?: Partial<import("../index.mjs").TextProps> | undefined;
         isLoading?: boolean | undefined;
         loadingText?: string | undefined;
-        isDisabled?: boolean | undefined;
         isFullWidth?: boolean | undefined;
         loadingTextProps?: Partial<import("../index.mjs").TextProps> | undefined;
         startIconName?: import("@metamask-previews/design-system-shared").IconName | undefined;