@metamask-previews/design-system-react 0.24.0-preview.f5c2542 → 0.27.0-preview.0a4d6f8

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

@@ -1 +1 @@
-{"version":3,"file":"BannerAlert.constants.mjs","sourceRoot":"","sources":["../../../src/components/BannerAlert/BannerAlert.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,cAAc,EACf,gDAAgD;AAEjD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,8BAAoB;AAElD,MAAM,CAAC,MAAM,mCAAmC,GAG5C;IACF,IAAI,EAAE,QAAQ,CAAC,IAAI;IACnB,OAAO,EAAE,QAAQ,CAAC,YAAY;IAC9B,OAAO,EAAE,QAAQ,CAAC,MAAM;IACxB,MAAM,EAAE,QAAQ,CAAC,MAAM;CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,oCAAoC,GAG7C;IACF,IAAI,EAAE,SAAS,CAAC,cAAc;IAC9B,OAAO,EAAE,SAAS,CAAC,cAAc;IACjC,OAAO,EAAE,SAAS,CAAC,cAAc;IACjC,MAAM,EAAE,SAAS,CAAC,YAAY;CAC/B,CAAC;AAEF,MAAM,CAAC,MAAM,0CAA0C,GAGnD;IACF,IAAI,EAAE,kBAAkB,CAAC,YAAY;IACrC,OAAO,EAAE,kBAAkB,CAAC,YAAY;IACxC,OAAO,EAAE,kBAAkB,CAAC,YAAY;IACxC,MAAM,EAAE,kBAAkB,CAAC,UAAU;CACtC,CAAC;AAEF,MAAM,CAAC,MAAM,sCAAsC,GAG/C;IACF,IAAI,EAAE,cAAc,CAAC,cAAc;IACnC,OAAO,EAAE,cAAc,CAAC,cAAc;IACtC,OAAO,EAAE,cAAc,CAAC,cAAc;IACtC,MAAM,EAAE,cAAc,CAAC,YAAY;CACpC,CAAC","sourcesContent":["import {\n  BannerAlertSeverity,\n  BoxBackgroundColor,\n  BoxBorderColor,\n} from '@metamask-previews/design-system-shared';\n\nimport { IconColor, IconName } from '../../types';\n\nexport const MAP_BANNER_ALERT_SEVERITY_ICON_NAME: Record<\n  (typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity],\n  IconName\n> = {\n  info: IconName.Info,\n  success: IconName.Confirmation,\n  warning: IconName.Danger,\n  danger: IconName.Danger,\n};\n\nexport const MAP_BANNER_ALERT_SEVERITY_ICON_COLOR: Record<\n  (typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity],\n  IconColor\n> = {\n  info: IconColor.PrimaryDefault,\n  success: IconColor.SuccessDefault,\n  warning: IconColor.WarningDefault,\n  danger: IconColor.ErrorDefault,\n};\n\nexport const MAP_BANNER_ALERT_SEVERITY_BACKGROUND_COLOR: Record<\n  (typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity],\n  BoxBackgroundColor\n> = {\n  info: BoxBackgroundColor.PrimaryMuted,\n  success: BoxBackgroundColor.SuccessMuted,\n  warning: BoxBackgroundColor.WarningMuted,\n  danger: BoxBackgroundColor.ErrorMuted,\n};\n\nexport const MAP_BANNER_ALERT_SEVERITY_BORDER_COLOR: Record<\n  (typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity],\n  BoxBorderColor\n> = {\n  info: BoxBorderColor.PrimaryDefault,\n  success: BoxBorderColor.SuccessDefault,\n  warning: BoxBorderColor.WarningDefault,\n  danger: BoxBorderColor.ErrorDefault,\n};\n"]}
+{"version":3,"file":"BannerAlert.constants.mjs","sourceRoot":"","sources":["../../../src/components/BannerAlert/BannerAlert.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,cAAc,EACd,SAAS,EACT,QAAQ,EACT,gDAAgD;AAEjD,MAAM,CAAC,MAAM,mCAAmC,GAG5C;IACF,IAAI,EAAE,QAAQ,CAAC,IAAI;IACnB,OAAO,EAAE,QAAQ,CAAC,YAAY;IAC9B,OAAO,EAAE,QAAQ,CAAC,MAAM;IACxB,MAAM,EAAE,QAAQ,CAAC,MAAM;CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,oCAAoC,GAG7C;IACF,IAAI,EAAE,SAAS,CAAC,cAAc;IAC9B,OAAO,EAAE,SAAS,CAAC,cAAc;IACjC,OAAO,EAAE,SAAS,CAAC,cAAc;IACjC,MAAM,EAAE,SAAS,CAAC,YAAY;CAC/B,CAAC;AAEF,MAAM,CAAC,MAAM,0CAA0C,GAGnD;IACF,IAAI,EAAE,kBAAkB,CAAC,YAAY;IACrC,OAAO,EAAE,kBAAkB,CAAC,YAAY;IACxC,OAAO,EAAE,kBAAkB,CAAC,YAAY;IACxC,MAAM,EAAE,kBAAkB,CAAC,UAAU;CACtC,CAAC;AAEF,MAAM,CAAC,MAAM,sCAAsC,GAG/C;IACF,IAAI,EAAE,cAAc,CAAC,cAAc;IACnC,OAAO,EAAE,cAAc,CAAC,cAAc;IACtC,OAAO,EAAE,cAAc,CAAC,cAAc;IACtC,MAAM,EAAE,cAAc,CAAC,YAAY;CACpC,CAAC","sourcesContent":["import {\n  BannerAlertSeverity,\n  BoxBackgroundColor,\n  BoxBorderColor,\n  IconColor,\n  IconName,\n} from '@metamask-previews/design-system-shared';\n\nexport const MAP_BANNER_ALERT_SEVERITY_ICON_NAME: Record<\n  (typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity],\n  IconName\n> = {\n  info: IconName.Info,\n  success: IconName.Confirmation,\n  warning: IconName.Danger,\n  danger: IconName.Danger,\n};\n\nexport const MAP_BANNER_ALERT_SEVERITY_ICON_COLOR: Record<\n  (typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity],\n  IconColor\n> = {\n  info: IconColor.PrimaryDefault,\n  success: IconColor.SuccessDefault,\n  warning: IconColor.WarningDefault,\n  danger: IconColor.ErrorDefault,\n};\n\nexport const MAP_BANNER_ALERT_SEVERITY_BACKGROUND_COLOR: Record<\n  (typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity],\n  BoxBackgroundColor\n> = {\n  info: BoxBackgroundColor.PrimaryMuted,\n  success: BoxBackgroundColor.SuccessMuted,\n  warning: BoxBackgroundColor.WarningMuted,\n  danger: BoxBackgroundColor.ErrorMuted,\n};\n\nexport const MAP_BANNER_ALERT_SEVERITY_BORDER_COLOR: Record<\n  (typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity],\n  BoxBorderColor\n> = {\n  info: BoxBorderColor.PrimaryDefault,\n  success: BoxBorderColor.SuccessDefault,\n  warning: BoxBorderColor.WarningDefault,\n  danger: BoxBorderColor.ErrorDefault,\n};\n"]}

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,EAAY,gDAAgD;AACxF,OAAO,KAAqB,cAAc;AAc1C,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iDA8BvB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"BannerAlert.d.mts","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.mts","sourceRoot":"","sources":["../../../src/components/BannerAlert/BannerAlert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAY,gDAAgD;AACxF,OAAO,KAAqB,cAAc;AAc1C,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iDA8BvB,CAAC"}

package/dist/components/BannerAlert/BannerAlert.mjs

@@ -4,10 +4,9 @@ function $importDefault(module) {
     }
     return module;
 }
-import { BannerAlertSeverity } from "@metamask-previews/design-system-shared";
+import { BannerAlertSeverity, IconSize } from "@metamask-previews/design-system-shared";
 import $React, { forwardRef } from "react";
 const React = $importDefault($React);
-import { IconSize } from "../../types/index.mjs";
 import { twMerge } from "../../utils/tw-merge.mjs";
 import { BannerBase } from "../BannerBase/index.mjs";
 import { Icon } from "../Icon/index.mjs";

package/dist/components/BannerAlert/BannerAlert.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"BannerAlert.mjs","sourceRoot":"","sources":["../../../src/components/BannerAlert/BannerAlert.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,mBAAmB,EAAE,gDAAgD;AAC9E,OAAO,QAAO,EAAE,UAAU,EAAE,cAAc;;AAE1C,OAAO,EAAE,QAAQ,EAAE,8BAAoB;AACvC,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAC/C,OAAO,EAAE,UAAU,EAAE,gCAAsB;AAC3C,OAAO,EAAE,IAAI,EAAE,0BAAgB;AAE/B,OAAO,EACL,0CAA0C,EAC1C,sCAAsC,EACtC,oCAAoC,EACpC,mCAAmC,EACpC,oCAAgC;AAGjC,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,CACE,EAAE,QAAQ,GAAG,mBAAmB,CAAC,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EACvE,GAAG,EACH,EAAE;IACF,MAAM,QAAQ,GAAG,mCAAmC,CAAC,QAAQ,CAAC,CAAC;IAC/D,MAAM,SAAS,GAAG,oCAAoC,CAAC,QAAQ,CAAC,CAAC;IACjE,MAAM,eAAe,GACnB,0CAA0C,CAAC,QAAQ,CAAC,CAAC;IACvD,MAAM,gBAAgB,GAAG,sCAAsC,CAAC,QAAQ,CAAC,CAAC;IAC1E,MAAM,eAAe,GAAG,OAAO,CAAC,YAAY,EAAE,gBAAgB,EAAE,SAAS,CAAC,CAAC;IAE3E,OAAO,CACL,oBAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,cAAc,EACZ,oBAAC,IAAI,IACH,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,QAAQ,CAAC,EAAE,KACb,SAAS,GACb,EAEJ,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,CAAC,EACd,SAAS,EAAE,eAAe,KACtB,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC","sourcesContent":["import { BannerAlertSeverity } from '@metamask-previews/design-system-shared';\nimport React, { forwardRef } from 'react';\n\nimport { IconSize } from '../../types';\nimport { twMerge } from '../../utils/tw-merge';\nimport { BannerBase } from '../BannerBase';\nimport { Icon } from '../Icon';\n\nimport {\n  MAP_BANNER_ALERT_SEVERITY_BACKGROUND_COLOR,\n  MAP_BANNER_ALERT_SEVERITY_BORDER_COLOR,\n  MAP_BANNER_ALERT_SEVERITY_ICON_COLOR,\n  MAP_BANNER_ALERT_SEVERITY_ICON_NAME,\n} from './BannerAlert.constants';\nimport type { BannerAlertProps } from './BannerAlert.types';\n\nexport const BannerAlert = forwardRef<HTMLDivElement, BannerAlertProps>(\n  (\n    { severity = BannerAlertSeverity.Info, iconProps, className, ...props },\n    ref,\n  ) => {\n    const iconName = MAP_BANNER_ALERT_SEVERITY_ICON_NAME[severity];\n    const iconColor = MAP_BANNER_ALERT_SEVERITY_ICON_COLOR[severity];\n    const backgroundColor =\n      MAP_BANNER_ALERT_SEVERITY_BACKGROUND_COLOR[severity];\n    const borderColorClass = MAP_BANNER_ALERT_SEVERITY_BORDER_COLOR[severity];\n    const mergedClassName = twMerge('border-l-4', borderColorClass, className);\n\n    return (\n      <BannerBase\n        ref={ref}\n        startAccessory={\n          <Icon\n            name={iconName}\n            color={iconColor}\n            size={IconSize.Lg}\n            {...iconProps}\n          />\n        }\n        backgroundColor={backgroundColor}\n        paddingLeft={2}\n        className={mergedClassName}\n        {...props}\n      />\n    );\n  },\n);\n\nBannerAlert.displayName = 'BannerAlert';\n"]}
+{"version":3,"file":"BannerAlert.mjs","sourceRoot":"","sources":["../../../src/components/BannerAlert/BannerAlert.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,mBAAmB,EAAE,QAAQ,EAAE,gDAAgD;AACxF,OAAO,QAAO,EAAE,UAAU,EAAE,cAAc;;AAE1C,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAC/C,OAAO,EAAE,UAAU,EAAE,gCAAsB;AAC3C,OAAO,EAAE,IAAI,EAAE,0BAAgB;AAE/B,OAAO,EACL,0CAA0C,EAC1C,sCAAsC,EACtC,oCAAoC,EACpC,mCAAmC,EACpC,oCAAgC;AAGjC,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,CACE,EAAE,QAAQ,GAAG,mBAAmB,CAAC,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EACvE,GAAG,EACH,EAAE;IACF,MAAM,QAAQ,GAAG,mCAAmC,CAAC,QAAQ,CAAC,CAAC;IAC/D,MAAM,SAAS,GAAG,oCAAoC,CAAC,QAAQ,CAAC,CAAC;IACjE,MAAM,eAAe,GACnB,0CAA0C,CAAC,QAAQ,CAAC,CAAC;IACvD,MAAM,gBAAgB,GAAG,sCAAsC,CAAC,QAAQ,CAAC,CAAC;IAC1E,MAAM,eAAe,GAAG,OAAO,CAAC,YAAY,EAAE,gBAAgB,EAAE,SAAS,CAAC,CAAC;IAE3E,OAAO,CACL,oBAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,cAAc,EACZ,oBAAC,IAAI,IACH,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,QAAQ,CAAC,EAAE,KACb,SAAS,GACb,EAEJ,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,CAAC,EACd,SAAS,EAAE,eAAe,KACtB,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC","sourcesContent":["import { BannerAlertSeverity, IconSize } from '@metamask-previews/design-system-shared';\nimport React, { forwardRef } from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { BannerBase } from '../BannerBase';\nimport { Icon } from '../Icon';\n\nimport {\n  MAP_BANNER_ALERT_SEVERITY_BACKGROUND_COLOR,\n  MAP_BANNER_ALERT_SEVERITY_BORDER_COLOR,\n  MAP_BANNER_ALERT_SEVERITY_ICON_COLOR,\n  MAP_BANNER_ALERT_SEVERITY_ICON_NAME,\n} from './BannerAlert.constants';\nimport type { BannerAlertProps } from './BannerAlert.types';\n\nexport const BannerAlert = forwardRef<HTMLDivElement, BannerAlertProps>(\n  (\n    { severity = BannerAlertSeverity.Info, iconProps, className, ...props },\n    ref,\n  ) => {\n    const iconName = MAP_BANNER_ALERT_SEVERITY_ICON_NAME[severity];\n    const iconColor = MAP_BANNER_ALERT_SEVERITY_ICON_COLOR[severity];\n    const backgroundColor =\n      MAP_BANNER_ALERT_SEVERITY_BACKGROUND_COLOR[severity];\n    const borderColorClass = MAP_BANNER_ALERT_SEVERITY_BORDER_COLOR[severity];\n    const mergedClassName = twMerge('border-l-4', borderColorClass, className);\n\n    return (\n      <BannerBase\n        ref={ref}\n        startAccessory={\n          <Icon\n            name={iconName}\n            color={iconColor}\n            size={IconSize.Lg}\n            {...iconProps}\n          />\n        }\n        backgroundColor={backgroundColor}\n        paddingLeft={2}\n        className={mergedClassName}\n        {...props}\n      />\n    );\n  },\n);\n\nBannerAlert.displayName = 'BannerAlert';\n"]}

package/dist/components/FormTextField/FormTextField.cjs

@@ -0,0 +1,38 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormTextField = void 0;
+const react_1 = __importStar(require("react"));
+const tw_merge_1 = require("../../utils/tw-merge.cjs");
+const Box_1 = require("../Box/index.cjs");
+const HelpText_1 = require("../HelpText/index.cjs");
+const Label_1 = require("../Label/index.cjs");
+const TextField_1 = require("../TextField/index.cjs");
+exports.FormTextField = (0, react_1.forwardRef)(({ className, endAccessory, helpText, helpTextProps, id, inputElement, inputProps, inputRef, isDisabled, isError, isReadOnly, label, labelProps, maxLength, name, onBlur, onChange, onFocus, placeholder, required, size, startAccessory, style, textFieldProps, truncate, type, value, autoFocus, ...rest }, ref) => (react_1.default.createElement(Box_1.Box, { ref: ref, flexDirection: Box_1.BoxFlexDirection.Column, className: className, style: style, ...rest },
+    label && (react_1.default.createElement(Label_1.Label, { htmlFor: id, ...labelProps, className: (0, tw_merge_1.twMerge)('mb-1', labelProps?.className) }, label)),
+    react_1.default.createElement(TextField_1.TextField, { ...textFieldProps, autoFocus: autoFocus, endAccessory: endAccessory, id: id, inputElement: inputElement, inputProps: inputProps, inputRef: inputRef, isDisabled: isDisabled, isError: isError, isReadOnly: isReadOnly, maxLength: maxLength, name: name, onBlur: onBlur, onChange: onChange, onFocus: onFocus, placeholder: placeholder, required: required, size: size, startAccessory: startAccessory, truncate: truncate, type: type, value: value }),
+    helpText && (react_1.default.createElement(HelpText_1.HelpText, { severity: isError ? HelpText_1.HelpTextSeverity.Danger : undefined, ...helpTextProps, className: (0, tw_merge_1.twMerge)('mt-1', helpTextProps?.className) }, helpText)))));
+exports.FormTextField.displayName = 'FormTextField';
+//# sourceMappingURL=FormTextField.cjs.map

package/dist/components/FormTextField/FormTextField.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormTextField.cjs","sourceRoot":"","sources":["../../../src/components/FormTextField/FormTextField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,uDAA+C;AAC/C,0CAA+C;AAC/C,oDAAyD;AACzD,8CAAiC;AACjC,sDAAyC;AAI5B,QAAA,aAAa,GAAG,IAAA,kBAAU,EACrC,CACE,EACE,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,aAAa,EACb,EAAE,EACF,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,UAAU,EACV,OAAO,EACP,UAAU,EACV,KAAK,EACL,UAAU,EACV,SAAS,EACT,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,OAAO,EACP,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,cAAc,EACd,KAAK,EACL,cAAc,EACd,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,SAAS,EACT,GAAG,IAAI,EACR,EACD,GAAG,EACH,EAAE,CAAC,CACH,8BAAC,SAAG,IACF,GAAG,EAAE,GAAG,EACR,aAAa,EAAE,sBAAgB,CAAC,MAAM,EACtC,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,KACR,IAAI;IAEP,KAAK,IAAI,CACR,8BAAC,aAAK,IACJ,OAAO,EAAE,EAAE,KACP,UAAU,EACd,SAAS,EAAE,IAAA,kBAAO,EAAC,MAAM,EAAE,UAAU,EAAE,SAAS,CAAC,IAEhD,KAAK,CACA,CACT;IACD,8BAAC,qBAAS,OACJ,cAAc,EAClB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,EAAE,EAAE,EAAE,EACN,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,GACZ;IACD,QAAQ,IAAI,CACX,8BAAC,mBAAQ,IACP,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,2BAAgB,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,KACnD,aAAa,EACjB,SAAS,EAAE,IAAA,kBAAO,EAAC,MAAM,EAAE,aAAa,EAAE,SAAS,CAAC,IAEnD,QAAQ,CACA,CACZ,CACG,CACP,CACF,CAAC;AAEF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC","sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { Box, BoxFlexDirection } from '../Box';\nimport { HelpText, HelpTextSeverity } from '../HelpText';\nimport { Label } from '../Label';\nimport { TextField } from '../TextField';\n\nimport type { FormTextFieldProps } from './FormTextField.types';\n\nexport const FormTextField = forwardRef<HTMLDivElement, FormTextFieldProps>(\n  (\n    {\n      className,\n      endAccessory,\n      helpText,\n      helpTextProps,\n      id,\n      inputElement,\n      inputProps,\n      inputRef,\n      isDisabled,\n      isError,\n      isReadOnly,\n      label,\n      labelProps,\n      maxLength,\n      name,\n      onBlur,\n      onChange,\n      onFocus,\n      placeholder,\n      required,\n      size,\n      startAccessory,\n      style,\n      textFieldProps,\n      truncate,\n      type,\n      value,\n      autoFocus,\n      ...rest\n    },\n    ref,\n  ) => (\n    <Box\n      ref={ref}\n      flexDirection={BoxFlexDirection.Column}\n      className={className}\n      style={style}\n      {...rest}\n    >\n      {label && (\n        <Label\n          htmlFor={id}\n          {...labelProps}\n          className={twMerge('mb-1', labelProps?.className)}\n        >\n          {label}\n        </Label>\n      )}\n      <TextField\n        {...textFieldProps}\n        autoFocus={autoFocus}\n        endAccessory={endAccessory}\n        id={id}\n        inputElement={inputElement}\n        inputProps={inputProps}\n        inputRef={inputRef}\n        isDisabled={isDisabled}\n        isError={isError}\n        isReadOnly={isReadOnly}\n        maxLength={maxLength}\n        name={name}\n        onBlur={onBlur}\n        onChange={onChange}\n        onFocus={onFocus}\n        placeholder={placeholder}\n        required={required}\n        size={size}\n        startAccessory={startAccessory}\n        truncate={truncate}\n        type={type}\n        value={value}\n      />\n      {helpText && (\n        <HelpText\n          severity={isError ? HelpTextSeverity.Danger : undefined}\n          {...helpTextProps}\n          className={twMerge('mt-1', helpTextProps?.className)}\n        >\n          {helpText}\n        </HelpText>\n      )}\n    </Box>\n  ),\n);\n\nFormTextField.displayName = 'FormTextField';\n"]}

package/dist/components/FormTextField/FormTextField.d.cts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { FormTextFieldProps } from "./FormTextField.types.cjs";
+export declare const FormTextField: React.ForwardRefExoticComponent<FormTextFieldProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=FormTextField.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormTextField.d.cts","sourceRoot":"","sources":["../../../src/components/FormTextField/FormTextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,cAAc;AAQ1C,OAAO,KAAK,EAAE,kBAAkB,EAAE,kCAA8B;AAEhE,eAAO,MAAM,aAAa,2FAsFzB,CAAC"}

package/dist/components/FormTextField/FormTextField.d.mts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { FormTextFieldProps } from "./FormTextField.types.mjs";
+export declare const FormTextField: React.ForwardRefExoticComponent<FormTextFieldProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=FormTextField.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormTextField.d.mts","sourceRoot":"","sources":["../../../src/components/FormTextField/FormTextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,cAAc;AAQ1C,OAAO,KAAK,EAAE,kBAAkB,EAAE,kCAA8B;AAEhE,eAAO,MAAM,aAAa,2FAsFzB,CAAC"}

package/dist/components/FormTextField/FormTextField.mjs

@@ -0,0 +1,19 @@
+function $importDefault(module) {
+    if (module?.__esModule) {
+        return module.default;
+    }
+    return module;
+}
+import $React, { forwardRef } from "react";
+const React = $importDefault($React);
+import { twMerge } from "../../utils/tw-merge.mjs";
+import { Box, BoxFlexDirection } from "../Box/index.mjs";
+import { HelpText, HelpTextSeverity } from "../HelpText/index.mjs";
+import { Label } from "../Label/index.mjs";
+import { TextField } from "../TextField/index.mjs";
+export const FormTextField = forwardRef(({ className, endAccessory, helpText, helpTextProps, id, inputElement, inputProps, inputRef, isDisabled, isError, isReadOnly, label, labelProps, maxLength, name, onBlur, onChange, onFocus, placeholder, required, size, startAccessory, style, textFieldProps, truncate, type, value, autoFocus, ...rest }, ref) => (React.createElement(Box, { ref: ref, flexDirection: BoxFlexDirection.Column, className: className, style: style, ...rest },
+    label && (React.createElement(Label, { htmlFor: id, ...labelProps, className: twMerge('mb-1', labelProps?.className) }, label)),
+    React.createElement(TextField, { ...textFieldProps, autoFocus: autoFocus, endAccessory: endAccessory, id: id, inputElement: inputElement, inputProps: inputProps, inputRef: inputRef, isDisabled: isDisabled, isError: isError, isReadOnly: isReadOnly, maxLength: maxLength, name: name, onBlur: onBlur, onChange: onChange, onFocus: onFocus, placeholder: placeholder, required: required, size: size, startAccessory: startAccessory, truncate: truncate, type: type, value: value }),
+    helpText && (React.createElement(HelpText, { severity: isError ? HelpTextSeverity.Danger : undefined, ...helpTextProps, className: twMerge('mt-1', helpTextProps?.className) }, helpText)))));
+FormTextField.displayName = 'FormTextField';
+//# sourceMappingURL=FormTextField.mjs.map

package/dist/components/FormTextField/FormTextField.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormTextField.mjs","sourceRoot":"","sources":["../../../src/components/FormTextField/FormTextField.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,QAAO,EAAE,UAAU,EAAE,cAAc;;AAE1C,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAC/C,OAAO,EAAE,GAAG,EAAE,gBAAgB,EAAE,yBAAe;AAC/C,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,8BAAoB;AACzD,OAAO,EAAE,KAAK,EAAE,2BAAiB;AACjC,OAAO,EAAE,SAAS,EAAE,+BAAqB;AAIzC,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CACrC,CACE,EACE,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,aAAa,EACb,EAAE,EACF,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,UAAU,EACV,OAAO,EACP,UAAU,EACV,KAAK,EACL,UAAU,EACV,SAAS,EACT,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,OAAO,EACP,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,cAAc,EACd,KAAK,EACL,cAAc,EACd,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,SAAS,EACT,GAAG,IAAI,EACR,EACD,GAAG,EACH,EAAE,CAAC,CACH,oBAAC,GAAG,IACF,GAAG,EAAE,GAAG,EACR,aAAa,EAAE,gBAAgB,CAAC,MAAM,EACtC,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,KACR,IAAI;IAEP,KAAK,IAAI,CACR,oBAAC,KAAK,IACJ,OAAO,EAAE,EAAE,KACP,UAAU,EACd,SAAS,EAAE,OAAO,CAAC,MAAM,EAAE,UAAU,EAAE,SAAS,CAAC,IAEhD,KAAK,CACA,CACT;IACD,oBAAC,SAAS,OACJ,cAAc,EAClB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,EAAE,EAAE,EAAE,EACN,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,GACZ;IACD,QAAQ,IAAI,CACX,oBAAC,QAAQ,IACP,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,KACnD,aAAa,EACjB,SAAS,EAAE,OAAO,CAAC,MAAM,EAAE,aAAa,EAAE,SAAS,CAAC,IAEnD,QAAQ,CACA,CACZ,CACG,CACP,CACF,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC","sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { Box, BoxFlexDirection } from '../Box';\nimport { HelpText, HelpTextSeverity } from '../HelpText';\nimport { Label } from '../Label';\nimport { TextField } from '../TextField';\n\nimport type { FormTextFieldProps } from './FormTextField.types';\n\nexport const FormTextField = forwardRef<HTMLDivElement, FormTextFieldProps>(\n  (\n    {\n      className,\n      endAccessory,\n      helpText,\n      helpTextProps,\n      id,\n      inputElement,\n      inputProps,\n      inputRef,\n      isDisabled,\n      isError,\n      isReadOnly,\n      label,\n      labelProps,\n      maxLength,\n      name,\n      onBlur,\n      onChange,\n      onFocus,\n      placeholder,\n      required,\n      size,\n      startAccessory,\n      style,\n      textFieldProps,\n      truncate,\n      type,\n      value,\n      autoFocus,\n      ...rest\n    },\n    ref,\n  ) => (\n    <Box\n      ref={ref}\n      flexDirection={BoxFlexDirection.Column}\n      className={className}\n      style={style}\n      {...rest}\n    >\n      {label && (\n        <Label\n          htmlFor={id}\n          {...labelProps}\n          className={twMerge('mb-1', labelProps?.className)}\n        >\n          {label}\n        </Label>\n      )}\n      <TextField\n        {...textFieldProps}\n        autoFocus={autoFocus}\n        endAccessory={endAccessory}\n        id={id}\n        inputElement={inputElement}\n        inputProps={inputProps}\n        inputRef={inputRef}\n        isDisabled={isDisabled}\n        isError={isError}\n        isReadOnly={isReadOnly}\n        maxLength={maxLength}\n        name={name}\n        onBlur={onBlur}\n        onChange={onChange}\n        onFocus={onFocus}\n        placeholder={placeholder}\n        required={required}\n        size={size}\n        startAccessory={startAccessory}\n        truncate={truncate}\n        type={type}\n        value={value}\n      />\n      {helpText && (\n        <HelpText\n          severity={isError ? HelpTextSeverity.Danger : undefined}\n          {...helpTextProps}\n          className={twMerge('mt-1', helpTextProps?.className)}\n        >\n          {helpText}\n        </HelpText>\n      )}\n    </Box>\n  ),\n);\n\nFormTextField.displayName = 'FormTextField';\n"]}

package/dist/components/FormTextField/FormTextField.types.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormTextField.types.cjs","sourceRoot":"","sources":["../../../src/components/FormTextField/FormTextField.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\n\nimport type { HelpTextProps } from '../HelpText';\nimport type { LabelProps } from '../Label';\nimport type { TextFieldProps } from '../TextField';\n\n/**\n * Props forwarded to the inner `TextField`. Omits every key that\n * `FormTextField` already owns at the top level — passing those via\n * `textFieldProps` would either be silently overridden by the explicit prop\n * or, in the case of `isError`, desynchronize the `TextField` from the\n * `HelpText` severity. `className` / `style` remain available here to style\n * the inner `TextField` (merged with its own defaults).\n */\ntype FormTextFieldInnerTextFieldProps = Omit<\n  TextFieldProps,\n  | 'autoFocus'\n  | 'endAccessory'\n  | 'id'\n  | 'inputElement'\n  | 'inputProps'\n  | 'inputRef'\n  | 'isDisabled'\n  | 'isError'\n  | 'isReadOnly'\n  | 'maxLength'\n  | 'name'\n  | 'onBlur'\n  | 'onChange'\n  | 'onFocus'\n  | 'placeholder'\n  | 'required'\n  | 'size'\n  | 'startAccessory'\n  | 'truncate'\n  | 'type'\n  | 'value'\n>;\n\ntype FormTextFieldBaseProps = Omit<TextFieldProps, 'className' | 'style'> & {\n  /** Optional additional CSS classes for the root container. */\n  className?: string;\n  /** Optional inline styles for the root container. */\n  style?: CSSProperties;\n  /**\n   * Help text rendered below the field. Renders with error styling when\n   * `isError` is true.\n   */\n  helpText?: ReactNode;\n  /** Additional props forwarded to the rendered `HelpText`. */\n  helpTextProps?: Omit<HelpTextProps, 'severity' | 'children'>;\n  /** Additional props forwarded to the inner `TextField`. */\n  textFieldProps?: FormTextFieldInnerTextFieldProps;\n};\n\ntype FormTextFieldWithLabelProps = FormTextFieldBaseProps & {\n  /**\n   * Label rendered above the field. When set, `id` is required so the label\n   * can be associated with the inner `<input>`.\n   */\n  label: ReactNode;\n  /** Additional props forwarded to the rendered `Label`. */\n  labelProps?: Omit<LabelProps, 'htmlFor' | 'children'>;\n  /**\n   * Required when `label` is provided. Used as the `htmlFor` target of the\n   * label and the `id` of the inner `<input>`.\n   */\n  id: string;\n};\n\ntype FormTextFieldWithoutLabelProps = FormTextFieldBaseProps & {\n  label?: never;\n  labelProps?: never;\n  id?: string;\n};\n\nexport type FormTextFieldProps =\n  | FormTextFieldWithLabelProps\n  | FormTextFieldWithoutLabelProps;\n"]}

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

@@ -0,0 +1,50 @@
+import type { CSSProperties, ReactNode } from "react";
+import type { HelpTextProps } from "../HelpText/index.cjs";
+import type { LabelProps } from "../Label/index.cjs";
+import type { TextFieldProps } from "../TextField/index.cjs";
+/**
+ * Props forwarded to the inner `TextField`. Omits every key that
+ * `FormTextField` already owns at the top level — passing those via
+ * `textFieldProps` would either be silently overridden by the explicit prop
+ * or, in the case of `isError`, desynchronize the `TextField` from the
+ * `HelpText` severity. `className` / `style` remain available here to style
+ * the inner `TextField` (merged with its own defaults).
+ */
+type FormTextFieldInnerTextFieldProps = Omit<TextFieldProps, 'autoFocus' | 'endAccessory' | 'id' | 'inputElement' | 'inputProps' | 'inputRef' | 'isDisabled' | 'isError' | 'isReadOnly' | 'maxLength' | 'name' | 'onBlur' | 'onChange' | 'onFocus' | 'placeholder' | 'required' | 'size' | 'startAccessory' | 'truncate' | 'type' | 'value'>;
+type FormTextFieldBaseProps = Omit<TextFieldProps, 'className' | 'style'> & {
+    /** Optional additional CSS classes for the root container. */
+    className?: string;
+    /** Optional inline styles for the root container. */
+    style?: CSSProperties;
+    /**
+     * Help text rendered below the field. Renders with error styling when
+     * `isError` is true.
+     */
+    helpText?: ReactNode;
+    /** Additional props forwarded to the rendered `HelpText`. */
+    helpTextProps?: Omit<HelpTextProps, 'severity' | 'children'>;
+    /** Additional props forwarded to the inner `TextField`. */
+    textFieldProps?: FormTextFieldInnerTextFieldProps;
+};
+type FormTextFieldWithLabelProps = FormTextFieldBaseProps & {
+    /**
+     * Label rendered above the field. When set, `id` is required so the label
+     * can be associated with the inner `<input>`.
+     */
+    label: ReactNode;
+    /** Additional props forwarded to the rendered `Label`. */
+    labelProps?: Omit<LabelProps, 'htmlFor' | 'children'>;
+    /**
+     * Required when `label` is provided. Used as the `htmlFor` target of the
+     * label and the `id` of the inner `<input>`.
+     */
+    id: string;
+};
+type FormTextFieldWithoutLabelProps = FormTextFieldBaseProps & {
+    label?: never;
+    labelProps?: never;
+    id?: string;
+};
+export type FormTextFieldProps = FormTextFieldWithLabelProps | FormTextFieldWithoutLabelProps;
+export {};
+//# sourceMappingURL=FormTextField.types.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormTextField.types.d.cts","sourceRoot":"","sources":["../../../src/components/FormTextField/FormTextField.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,cAAc;AAEtD,OAAO,KAAK,EAAE,aAAa,EAAE,8BAAoB;AACjD,OAAO,KAAK,EAAE,UAAU,EAAE,2BAAiB;AAC3C,OAAO,KAAK,EAAE,cAAc,EAAE,+BAAqB;AAEnD;;;;;;;GAOG;AACH,KAAK,gCAAgC,GAAG,IAAI,CAC1C,cAAc,EACZ,WAAW,GACX,cAAc,GACd,IAAI,GACJ,cAAc,GACd,YAAY,GACZ,UAAU,GACV,YAAY,GACZ,SAAS,GACT,YAAY,GACZ,WAAW,GACX,MAAM,GACN,QAAQ,GACR,UAAU,GACV,SAAS,GACT,aAAa,GACb,UAAU,GACV,MAAM,GACN,gBAAgB,GAChB,UAAU,GACV,MAAM,GACN,OAAO,CACV,CAAC;AAEF,KAAK,sBAAsB,GAAG,IAAI,CAAC,cAAc,EAAE,WAAW,GAAG,OAAO,CAAC,GAAG;IAC1E,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,6DAA6D;IAC7D,aAAa,CAAC,EAAE,IAAI,CAAC,aAAa,EAAE,UAAU,GAAG,UAAU,CAAC,CAAC;IAC7D,2DAA2D;IAC3D,cAAc,CAAC,EAAE,gCAAgC,CAAC;CACnD,CAAC;AAEF,KAAK,2BAA2B,GAAG,sBAAsB,GAAG;IAC1D;;;OAGG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,SAAS,GAAG,UAAU,CAAC,CAAC;IACtD;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,KAAK,8BAA8B,GAAG,sBAAsB,GAAG;IAC7D,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAC1B,2BAA2B,GAC3B,8BAA8B,CAAC"}

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

@@ -0,0 +1,50 @@
+import type { CSSProperties, ReactNode } from "react";
+import type { HelpTextProps } from "../HelpText/index.mjs";
+import type { LabelProps } from "../Label/index.mjs";
+import type { TextFieldProps } from "../TextField/index.mjs";
+/**
+ * Props forwarded to the inner `TextField`. Omits every key that
+ * `FormTextField` already owns at the top level — passing those via
+ * `textFieldProps` would either be silently overridden by the explicit prop
+ * or, in the case of `isError`, desynchronize the `TextField` from the
+ * `HelpText` severity. `className` / `style` remain available here to style
+ * the inner `TextField` (merged with its own defaults).
+ */
+type FormTextFieldInnerTextFieldProps = Omit<TextFieldProps, 'autoFocus' | 'endAccessory' | 'id' | 'inputElement' | 'inputProps' | 'inputRef' | 'isDisabled' | 'isError' | 'isReadOnly' | 'maxLength' | 'name' | 'onBlur' | 'onChange' | 'onFocus' | 'placeholder' | 'required' | 'size' | 'startAccessory' | 'truncate' | 'type' | 'value'>;
+type FormTextFieldBaseProps = Omit<TextFieldProps, 'className' | 'style'> & {
+    /** Optional additional CSS classes for the root container. */
+    className?: string;
+    /** Optional inline styles for the root container. */
+    style?: CSSProperties;
+    /**
+     * Help text rendered below the field. Renders with error styling when
+     * `isError` is true.
+     */
+    helpText?: ReactNode;
+    /** Additional props forwarded to the rendered `HelpText`. */
+    helpTextProps?: Omit<HelpTextProps, 'severity' | 'children'>;
+    /** Additional props forwarded to the inner `TextField`. */
+    textFieldProps?: FormTextFieldInnerTextFieldProps;
+};
+type FormTextFieldWithLabelProps = FormTextFieldBaseProps & {
+    /**
+     * Label rendered above the field. When set, `id` is required so the label
+     * can be associated with the inner `<input>`.
+     */
+    label: ReactNode;
+    /** Additional props forwarded to the rendered `Label`. */
+    labelProps?: Omit<LabelProps, 'htmlFor' | 'children'>;
+    /**
+     * Required when `label` is provided. Used as the `htmlFor` target of the
+     * label and the `id` of the inner `<input>`.
+     */
+    id: string;
+};
+type FormTextFieldWithoutLabelProps = FormTextFieldBaseProps & {
+    label?: never;
+    labelProps?: never;
+    id?: string;
+};
+export type FormTextFieldProps = FormTextFieldWithLabelProps | FormTextFieldWithoutLabelProps;
+export {};
+//# sourceMappingURL=FormTextField.types.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormTextField.types.d.mts","sourceRoot":"","sources":["../../../src/components/FormTextField/FormTextField.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,cAAc;AAEtD,OAAO,KAAK,EAAE,aAAa,EAAE,8BAAoB;AACjD,OAAO,KAAK,EAAE,UAAU,EAAE,2BAAiB;AAC3C,OAAO,KAAK,EAAE,cAAc,EAAE,+BAAqB;AAEnD;;;;;;;GAOG;AACH,KAAK,gCAAgC,GAAG,IAAI,CAC1C,cAAc,EACZ,WAAW,GACX,cAAc,GACd,IAAI,GACJ,cAAc,GACd,YAAY,GACZ,UAAU,GACV,YAAY,GACZ,SAAS,GACT,YAAY,GACZ,WAAW,GACX,MAAM,GACN,QAAQ,GACR,UAAU,GACV,SAAS,GACT,aAAa,GACb,UAAU,GACV,MAAM,GACN,gBAAgB,GAChB,UAAU,GACV,MAAM,GACN,OAAO,CACV,CAAC;AAEF,KAAK,sBAAsB,GAAG,IAAI,CAAC,cAAc,EAAE,WAAW,GAAG,OAAO,CAAC,GAAG;IAC1E,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,6DAA6D;IAC7D,aAAa,CAAC,EAAE,IAAI,CAAC,aAAa,EAAE,UAAU,GAAG,UAAU,CAAC,CAAC;IAC7D,2DAA2D;IAC3D,cAAc,CAAC,EAAE,gCAAgC,CAAC;CACnD,CAAC;AAEF,KAAK,2BAA2B,GAAG,sBAAsB,GAAG;IAC1D;;;OAGG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,SAAS,GAAG,UAAU,CAAC,CAAC;IACtD;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,KAAK,8BAA8B,GAAG,sBAAsB,GAAG;IAC7D,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAC1B,2BAA2B,GAC3B,8BAA8B,CAAC"}

package/dist/components/FormTextField/FormTextField.types.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormTextField.types.mjs","sourceRoot":"","sources":["../../../src/components/FormTextField/FormTextField.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\n\nimport type { HelpTextProps } from '../HelpText';\nimport type { LabelProps } from '../Label';\nimport type { TextFieldProps } from '../TextField';\n\n/**\n * Props forwarded to the inner `TextField`. Omits every key that\n * `FormTextField` already owns at the top level — passing those via\n * `textFieldProps` would either be silently overridden by the explicit prop\n * or, in the case of `isError`, desynchronize the `TextField` from the\n * `HelpText` severity. `className` / `style` remain available here to style\n * the inner `TextField` (merged with its own defaults).\n */\ntype FormTextFieldInnerTextFieldProps = Omit<\n  TextFieldProps,\n  | 'autoFocus'\n  | 'endAccessory'\n  | 'id'\n  | 'inputElement'\n  | 'inputProps'\n  | 'inputRef'\n  | 'isDisabled'\n  | 'isError'\n  | 'isReadOnly'\n  | 'maxLength'\n  | 'name'\n  | 'onBlur'\n  | 'onChange'\n  | 'onFocus'\n  | 'placeholder'\n  | 'required'\n  | 'size'\n  | 'startAccessory'\n  | 'truncate'\n  | 'type'\n  | 'value'\n>;\n\ntype FormTextFieldBaseProps = Omit<TextFieldProps, 'className' | 'style'> & {\n  /** Optional additional CSS classes for the root container. */\n  className?: string;\n  /** Optional inline styles for the root container. */\n  style?: CSSProperties;\n  /**\n   * Help text rendered below the field. Renders with error styling when\n   * `isError` is true.\n   */\n  helpText?: ReactNode;\n  /** Additional props forwarded to the rendered `HelpText`. */\n  helpTextProps?: Omit<HelpTextProps, 'severity' | 'children'>;\n  /** Additional props forwarded to the inner `TextField`. */\n  textFieldProps?: FormTextFieldInnerTextFieldProps;\n};\n\ntype FormTextFieldWithLabelProps = FormTextFieldBaseProps & {\n  /**\n   * Label rendered above the field. When set, `id` is required so the label\n   * can be associated with the inner `<input>`.\n   */\n  label: ReactNode;\n  /** Additional props forwarded to the rendered `Label`. */\n  labelProps?: Omit<LabelProps, 'htmlFor' | 'children'>;\n  /**\n   * Required when `label` is provided. Used as the `htmlFor` target of the\n   * label and the `id` of the inner `<input>`.\n   */\n  id: string;\n};\n\ntype FormTextFieldWithoutLabelProps = FormTextFieldBaseProps & {\n  label?: never;\n  labelProps?: never;\n  id?: string;\n};\n\nexport type FormTextFieldProps =\n  | FormTextFieldWithLabelProps\n  | FormTextFieldWithoutLabelProps;\n"]}

package/dist/components/FormTextField/index.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/FormTextField/index.ts"],"names":[],"mappings":";;;AAAA,qDAAgD;AAAvC,8GAAA,aAAa,OAAA","sourcesContent":["export { FormTextField } from './FormTextField';\nexport type { FormTextFieldProps } from './FormTextField.types';\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/FormTextField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,4BAAwB;AAChD,YAAY,EAAE,kBAAkB,EAAE,kCAA8B"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/FormTextField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,4BAAwB;AAChD,YAAY,EAAE,kBAAkB,EAAE,kCAA8B"}

package/dist/components/FormTextField/index.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/FormTextField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,4BAAwB","sourcesContent":["export { FormTextField } from './FormTextField';\nexport type { FormTextFieldProps } from './FormTextField.types';\n"]}

package/dist/components/Icon/Icon.cjs

@@ -4,12 +4,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Icon = void 0;
+const design_system_shared_1 = require("@metamask-previews/design-system-shared");
 const react_1 = __importDefault(require("react"));
-const types_1 = require("../../types/index.cjs");
 const tw_merge_1 = require("../../utils/tw-merge.cjs");
 const Icon_constants_1 = require("./Icon.constants.cjs");
 const icons_1 = require("./icons/index.cjs");
-const Icon = ({ name, size = types_1.IconSize.Md, color = types_1.IconColor.IconDefault, className, style, ...props }) => {
+const Icon = ({ name, size = design_system_shared_1.IconSize.Md, color = design_system_shared_1.IconColor.IconDefault, className, style, ...props }) => {
     if (!name) {
         console.warn('Icon name is required');
         return null;

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.cjs","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,iDAAkD;AAClD,uDAA+C;AAE/C,yDAAkE;AAElE,6CAAgC;AAEzB,MAAM,IAAI,GAAwB,CAAC,EACxC,IAAI,EACJ,IAAI,GAAG,gBAAQ,CAAC,EAAE,EAClB,KAAK,GAAG,iBAAS,CAAC,WAAW,EAC7B,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC;QACtC,OAAO,IAAI,CAAC;KACb;IAED,MAAM,aAAa,GAAG,aAAK,CAAC,IAAI,CAAC,CAAC;IAElC,IAAI,CAAC,aAAa,EAAE;QAClB,OAAO,CAAC,IAAI,CAAC,SAAS,IAAI,aAAa,CAAC,CAAC;QACzC,OAAO,IAAI,CAAC;KACb;IAED,MAAM,eAAe,GAAG,IAAA,kBAAO,EAC7B,cAAc,EACd,+CAA8B,CAAC,IAAI,CAAC,EACpC,KAAK,EACL,SAAS,CACV,CAAC;IAEF,OAAO,CACL,8BAAC,aAAa,IACZ,SAAS,EAAE,eAAe,KACrB,KAAuC,EAC5C,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC,CAAC;AAlCW,QAAA,IAAI,QAkCf","sourcesContent":["import React from 'react';\n\nimport { IconSize, IconColor } from '../../types';\nimport { twMerge } from '../../utils/tw-merge';\n\nimport { TWCLASSMAP_ICON_SIZE_DIMENSION } from './Icon.constants';\nimport type { IconProps } from './Icon.types';\nimport { Icons } from './icons';\n\nexport const Icon: React.FC<IconProps> = ({\n  name,\n  size = IconSize.Md,\n  color = IconColor.IconDefault,\n  className,\n  style,\n  ...props\n}) => {\n  if (!name) {\n    console.warn('Icon name is required');\n    return null;\n  }\n\n  const IconComponent = Icons[name];\n\n  if (!IconComponent) {\n    console.warn(`Icon \"${name}\" not found`);\n    return null;\n  }\n\n  const mergedClassName = twMerge(\n    'inline-block',\n    TWCLASSMAP_ICON_SIZE_DIMENSION[size],\n    color,\n    className,\n  );\n\n  return (\n    <IconComponent\n      className={mergedClassName}\n      {...(props as React.SVGProps<SVGSVGElement>)}\n      style={style}\n    />\n  );\n};\n"]}
+{"version":3,"file":"Icon.cjs","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":";;;;;;AAAA,kFAA8E;AAC9E,kDAA0B;AAE1B,uDAA+C;AAE/C,yDAAkE;AAElE,6CAAgC;AAEzB,MAAM,IAAI,GAAwB,CAAC,EACxC,IAAI,EACJ,IAAI,GAAG,+BAAQ,CAAC,EAAE,EAClB,KAAK,GAAG,gCAAS,CAAC,WAAW,EAC7B,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC;QACtC,OAAO,IAAI,CAAC;KACb;IAED,MAAM,aAAa,GAAG,aAAK,CAAC,IAAI,CAAC,CAAC;IAElC,IAAI,CAAC,aAAa,EAAE;QAClB,OAAO,CAAC,IAAI,CAAC,SAAS,IAAI,aAAa,CAAC,CAAC;QACzC,OAAO,IAAI,CAAC;KACb;IAED,MAAM,eAAe,GAAG,IAAA,kBAAO,EAC7B,cAAc,EACd,+CAA8B,CAAC,IAAI,CAAC,EACpC,KAAK,EACL,SAAS,CACV,CAAC;IAEF,OAAO,CACL,8BAAC,aAAa,IACZ,SAAS,EAAE,eAAe,KACrB,KAAuC,EAC5C,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC,CAAC;AAlCW,QAAA,IAAI,QAkCf","sourcesContent":["import { IconSize, IconColor } from '@metamask-previews/design-system-shared';\nimport React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\n\nimport { TWCLASSMAP_ICON_SIZE_DIMENSION } from './Icon.constants';\nimport type { IconProps } from './Icon.types';\nimport { Icons } from './icons';\n\nexport const Icon: React.FC<IconProps> = ({\n  name,\n  size = IconSize.Md,\n  color = IconColor.IconDefault,\n  className,\n  style,\n  ...props\n}) => {\n  if (!name) {\n    console.warn('Icon name is required');\n    return null;\n  }\n\n  const IconComponent = Icons[name];\n\n  if (!IconComponent) {\n    console.warn(`Icon \"${name}\" not found`);\n    return null;\n  }\n\n  const mergedClassName = twMerge(\n    'inline-block',\n    TWCLASSMAP_ICON_SIZE_DIMENSION[size],\n    color,\n    className,\n  );\n\n  return (\n    <IconComponent\n      className={mergedClassName}\n      {...(props as React.SVGProps<SVGSVGElement>)}\n      style={style}\n    />\n  );\n};\n"]}

package/dist/components/Icon/Icon.constants.cjs

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TWCLASSMAP_ICON_SIZE_DIMENSION = void 0;
-const types_1 = require("../../types/index.cjs");
+const design_system_shared_1 = require("@metamask-previews/design-system-shared");
 exports.TWCLASSMAP_ICON_SIZE_DIMENSION = {
-    [types_1.IconSize.Xs]: 'w-3 h-3',
-    [types_1.IconSize.Sm]: 'w-4 h-4',
-    [types_1.IconSize.Md]: 'w-5 h-5',
-    [types_1.IconSize.Lg]: 'w-6 h-6',
-    [types_1.IconSize.Xl]: 'w-8 h-8', // 32px
+    [design_system_shared_1.IconSize.Xs]: 'w-3 h-3',
+    [design_system_shared_1.IconSize.Sm]: 'w-4 h-4',
+    [design_system_shared_1.IconSize.Md]: 'w-5 h-5',
+    [design_system_shared_1.IconSize.Lg]: 'w-6 h-6',
+    [design_system_shared_1.IconSize.Xl]: 'w-8 h-8', // 32px
 };
 //# sourceMappingURL=Icon.constants.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.constants.cjs","sourceRoot":"","sources":["../../../src/components/Icon/Icon.constants.ts"],"names":[],"mappings":";;;AAAA,iDAAuC;AAE1B,QAAA,8BAA8B,GAA6B;IACtE,CAAC,gBAAQ,CAAC,EAAE,CAAC,EAAE,SAAS;IACxB,CAAC,gBAAQ,CAAC,EAAE,CAAC,EAAE,SAAS;IACxB,CAAC,gBAAQ,CAAC,EAAE,CAAC,EAAE,SAAS;IACxB,CAAC,gBAAQ,CAAC,EAAE,CAAC,EAAE,SAAS;IACxB,CAAC,gBAAQ,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,OAAO;CAClC,CAAC","sourcesContent":["import { IconSize } from '../../types';\n\nexport const TWCLASSMAP_ICON_SIZE_DIMENSION: Record<IconSize, string> = {\n  [IconSize.Xs]: 'w-3 h-3', // 12px\n  [IconSize.Sm]: 'w-4 h-4', // 16px\n  [IconSize.Md]: 'w-5 h-5', // 20px\n  [IconSize.Lg]: 'w-6 h-6', // 24px\n  [IconSize.Xl]: 'w-8 h-8', // 32px\n};\n"]}
+{"version":3,"file":"Icon.constants.cjs","sourceRoot":"","sources":["../../../src/components/Icon/Icon.constants.ts"],"names":[],"mappings":";;;AAAA,kFAAmE;AAEtD,QAAA,8BAA8B,GAA6B;IACtE,CAAC,+BAAQ,CAAC,EAAE,CAAC,EAAE,SAAS;IACxB,CAAC,+BAAQ,CAAC,EAAE,CAAC,EAAE,SAAS;IACxB,CAAC,+BAAQ,CAAC,EAAE,CAAC,EAAE,SAAS;IACxB,CAAC,+BAAQ,CAAC,EAAE,CAAC,EAAE,SAAS;IACxB,CAAC,+BAAQ,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,OAAO;CAClC,CAAC","sourcesContent":["import { IconSize } from '@metamask-previews/design-system-shared';\n\nexport const TWCLASSMAP_ICON_SIZE_DIMENSION: Record<IconSize, string> = {\n  [IconSize.Xs]: 'w-3 h-3', // 12px\n  [IconSize.Sm]: 'w-4 h-4', // 16px\n  [IconSize.Md]: 'w-5 h-5', // 20px\n  [IconSize.Lg]: 'w-6 h-6', // 24px\n  [IconSize.Xl]: 'w-8 h-8', // 32px\n};\n"]}

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

@@ -1,3 +1,3 @@
-import { IconSize } from "../../types/index.cjs";
+import { IconSize } from "@metamask-previews/design-system-shared";
 export declare const TWCLASSMAP_ICON_SIZE_DIMENSION: Record<IconSize, string>;
 //# sourceMappingURL=Icon.constants.d.cts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.constants.d.cts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,8BAAoB;AAEvC,eAAO,MAAM,8BAA8B,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAMnE,CAAC"}
+{"version":3,"file":"Icon.constants.d.cts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,gDAAgD;AAEnE,eAAO,MAAM,8BAA8B,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAMnE,CAAC"}

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

@@ -1,3 +1,3 @@
-import { IconSize } from "../../types/index.mjs";
+import { IconSize } from "@metamask-previews/design-system-shared";
 export declare const TWCLASSMAP_ICON_SIZE_DIMENSION: Record<IconSize, string>;
 //# sourceMappingURL=Icon.constants.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.constants.d.mts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,8BAAoB;AAEvC,eAAO,MAAM,8BAA8B,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAMnE,CAAC"}
+{"version":3,"file":"Icon.constants.d.mts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,gDAAgD;AAEnE,eAAO,MAAM,8BAA8B,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAMnE,CAAC"}

package/dist/components/Icon/Icon.constants.mjs

@@ -1,4 +1,4 @@
-import { IconSize } from "../../types/index.mjs";
+import { IconSize } from "@metamask-previews/design-system-shared";
 export const TWCLASSMAP_ICON_SIZE_DIMENSION = {
     [IconSize.Xs]: 'w-3 h-3',
     [IconSize.Sm]: 'w-4 h-4',

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.constants.mjs","sourceRoot":"","sources":["../../../src/components/Icon/Icon.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,8BAAoB;AAEvC,MAAM,CAAC,MAAM,8BAA8B,GAA6B;IACtE,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,SAAS;IACxB,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,SAAS;IACxB,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,SAAS;IACxB,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,SAAS;IACxB,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,OAAO;CAClC,CAAC","sourcesContent":["import { IconSize } from '../../types';\n\nexport const TWCLASSMAP_ICON_SIZE_DIMENSION: Record<IconSize, string> = {\n  [IconSize.Xs]: 'w-3 h-3', // 12px\n  [IconSize.Sm]: 'w-4 h-4', // 16px\n  [IconSize.Md]: 'w-5 h-5', // 20px\n  [IconSize.Lg]: 'w-6 h-6', // 24px\n  [IconSize.Xl]: 'w-8 h-8', // 32px\n};\n"]}
+{"version":3,"file":"Icon.constants.mjs","sourceRoot":"","sources":["../../../src/components/Icon/Icon.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,gDAAgD;AAEnE,MAAM,CAAC,MAAM,8BAA8B,GAA6B;IACtE,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,SAAS;IACxB,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,SAAS;IACxB,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,SAAS;IACxB,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,SAAS;IACxB,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,OAAO;CAClC,CAAC","sourcesContent":["import { IconSize } from '@metamask-previews/design-system-shared';\n\nexport const TWCLASSMAP_ICON_SIZE_DIMENSION: Record<IconSize, string> = {\n  [IconSize.Xs]: 'w-3 h-3', // 12px\n  [IconSize.Sm]: 'w-4 h-4', // 16px\n  [IconSize.Md]: 'w-5 h-5', // 20px\n  [IconSize.Lg]: 'w-6 h-6', // 24px\n  [IconSize.Xl]: 'w-8 h-8', // 32px\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.cts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAM1B,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAqB;AAG9C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAkCpC,CAAC"}
+{"version":3,"file":"Icon.d.cts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAK1B,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAqB;AAG9C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAkCpC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.mts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAM1B,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAqB;AAG9C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAkCpC,CAAC"}
+{"version":3,"file":"Icon.d.mts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAK1B,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAqB;AAG9C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAkCpC,CAAC"}

package/dist/components/Icon/Icon.mjs

@@ -4,9 +4,9 @@ function $importDefault(module) {
     }
     return module;
 }
+import { IconSize, IconColor } from "@metamask-previews/design-system-shared";
 import $React from "react";
 const React = $importDefault($React);
-import { IconSize, IconColor } from "../../types/index.mjs";
 import { twMerge } from "../../utils/tw-merge.mjs";
 import { TWCLASSMAP_ICON_SIZE_DIMENSION } from "./Icon.constants.mjs";
 import { Icons } from "./icons/index.mjs";

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.mjs","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,8BAAoB;AAClD,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAE/C,OAAO,EAAE,8BAA8B,EAAE,6BAAyB;AAElE,OAAO,EAAE,KAAK,EAAE,0BAAgB;AAEhC,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EACxC,IAAI,EACJ,IAAI,GAAG,QAAQ,CAAC,EAAE,EAClB,KAAK,GAAG,SAAS,CAAC,WAAW,EAC7B,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC;QACtC,OAAO,IAAI,CAAC;KACb;IAED,MAAM,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;IAElC,IAAI,CAAC,aAAa,EAAE;QAClB,OAAO,CAAC,IAAI,CAAC,SAAS,IAAI,aAAa,CAAC,CAAC;QACzC,OAAO,IAAI,CAAC;KACb;IAED,MAAM,eAAe,GAAG,OAAO,CAC7B,cAAc,EACd,8BAA8B,CAAC,IAAI,CAAC,EACpC,KAAK,EACL,SAAS,CACV,CAAC;IAEF,OAAO,CACL,oBAAC,aAAa,IACZ,SAAS,EAAE,eAAe,KACrB,KAAuC,EAC5C,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { IconSize, IconColor } from '../../types';\nimport { twMerge } from '../../utils/tw-merge';\n\nimport { TWCLASSMAP_ICON_SIZE_DIMENSION } from './Icon.constants';\nimport type { IconProps } from './Icon.types';\nimport { Icons } from './icons';\n\nexport const Icon: React.FC<IconProps> = ({\n  name,\n  size = IconSize.Md,\n  color = IconColor.IconDefault,\n  className,\n  style,\n  ...props\n}) => {\n  if (!name) {\n    console.warn('Icon name is required');\n    return null;\n  }\n\n  const IconComponent = Icons[name];\n\n  if (!IconComponent) {\n    console.warn(`Icon \"${name}\" not found`);\n    return null;\n  }\n\n  const mergedClassName = twMerge(\n    'inline-block',\n    TWCLASSMAP_ICON_SIZE_DIMENSION[size],\n    color,\n    className,\n  );\n\n  return (\n    <IconComponent\n      className={mergedClassName}\n      {...(props as React.SVGProps<SVGSVGElement>)}\n      style={style}\n    />\n  );\n};\n"]}
+{"version":3,"file":"Icon.mjs","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,gDAAgD;AAC9E,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAE/C,OAAO,EAAE,8BAA8B,EAAE,6BAAyB;AAElE,OAAO,EAAE,KAAK,EAAE,0BAAgB;AAEhC,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EACxC,IAAI,EACJ,IAAI,GAAG,QAAQ,CAAC,EAAE,EAClB,KAAK,GAAG,SAAS,CAAC,WAAW,EAC7B,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC;QACtC,OAAO,IAAI,CAAC;KACb;IAED,MAAM,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;IAElC,IAAI,CAAC,aAAa,EAAE;QAClB,OAAO,CAAC,IAAI,CAAC,SAAS,IAAI,aAAa,CAAC,CAAC;QACzC,OAAO,IAAI,CAAC;KACb;IAED,MAAM,eAAe,GAAG,OAAO,CAC7B,cAAc,EACd,8BAA8B,CAAC,IAAI,CAAC,EACpC,KAAK,EACL,SAAS,CACV,CAAC;IAEF,OAAO,CACL,oBAAC,aAAa,IACZ,SAAS,EAAE,eAAe,KACrB,KAAuC,EAC5C,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { IconSize, IconColor } from '@metamask-previews/design-system-shared';\nimport React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\n\nimport { TWCLASSMAP_ICON_SIZE_DIMENSION } from './Icon.constants';\nimport type { IconProps } from './Icon.types';\nimport { Icons } from './icons';\n\nexport const Icon: React.FC<IconProps> = ({\n  name,\n  size = IconSize.Md,\n  color = IconColor.IconDefault,\n  className,\n  style,\n  ...props\n}) => {\n  if (!name) {\n    console.warn('Icon name is required');\n    return null;\n  }\n\n  const IconComponent = Icons[name];\n\n  if (!IconComponent) {\n    console.warn(`Icon \"${name}\" not found`);\n    return null;\n  }\n\n  const mergedClassName = twMerge(\n    'inline-block',\n    TWCLASSMAP_ICON_SIZE_DIMENSION[size],\n    color,\n    className,\n  );\n\n  return (\n    <IconComponent\n      className={mergedClassName}\n      {...(props as React.SVGProps<SVGSVGElement>)}\n      style={style}\n    />\n  );\n};\n"]}

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

@@ -0,0 +1,32 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const react_1 = require("react");
+const SvgTrophy = (props, ref) => React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ref: ref, ...props },
+    React.createElement("path", { d: "M7 21v-2h4v-3.1q-1.226-.275-2.187-1.037C7.85 14.1 7.7 13.717 7.4 12.95q-1.875-.225-3.137-1.637C3 9.9 3 9.267 3 8V7q0-.825.588-1.412C4.175 5 4.45 5 5 5h2V3h10v2h2q.824 0 1.413.588C21.002 6.176 21 6.45 21 7v1q0 1.9-1.262 3.313C18.476 12.726 17.85 12.8 16.6 12.95q-.45 1.15-1.412 1.913c-.962.763-1.371.854-2.188 1.037V19h4v2zm0-10.2V7H5v1q0 .95.55 1.713.55.762 1.45 1.087m7.125 2.325A2.9 2.9 0 0 0 15 11V5H9v6q0 1.25.875 2.125T12 14c1.25 0 1.542-.292 2.125-.875M17 10.8q.9-.326 1.45-1.087Q19 8.95 19 8V7h-2z" }));
+const ForwardRef = (0, react_1.forwardRef)(SvgTrophy);
+exports.default = ForwardRef;
+//# sourceMappingURL=Trophy.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Trophy.cjs","sourceRoot":"","sources":["../../../../src/components/Icon/icons/Trophy.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,iCAAwC;AACxC,MAAM,SAAS,GAAG,CAAC,KAA8B,EAAE,GAAuB,EAAE,EAAE,CAAC,6BAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,EAAC,GAAG,EAAE,GAAG,KAAM,KAAK;IAAE,8BAAM,CAAC,EAAC,0fAA0f,GAAG,CAAM,CAAC;AAChsB,MAAM,UAAU,GAAG,IAAA,kBAAU,EAAC,SAAS,CAAC,CAAC;AACzC,kBAAe,UAAU,CAAC","sourcesContent":["import * as React from \"react\";\nimport type { SVGProps } from \"react\";\nimport { Ref, forwardRef } from \"react\";\nconst SvgTrophy = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" ref={ref} {...props}><path d=\"M7 21v-2h4v-3.1q-1.226-.275-2.187-1.037C7.85 14.1 7.7 13.717 7.4 12.95q-1.875-.225-3.137-1.637C3 9.9 3 9.267 3 8V7q0-.825.588-1.412C4.175 5 4.45 5 5 5h2V3h10v2h2q.824 0 1.413.588C21.002 6.176 21 6.45 21 7v1q0 1.9-1.262 3.313C18.476 12.726 17.85 12.8 16.6 12.95q-.45 1.15-1.412 1.913c-.962.763-1.371.854-2.188 1.037V19h4v2zm0-10.2V7H5v1q0 .95.55 1.713.55.762 1.45 1.087m7.125 2.325A2.9 2.9 0 0 0 15 11V5H9v6q0 1.25.875 2.125T12 14c1.25 0 1.542-.292 2.125-.875M17 10.8q.9-.326 1.45-1.087Q19 8.95 19 8V7h-2z\" /></svg>;\nconst ForwardRef = forwardRef(SvgTrophy);\nexport default ForwardRef;"]}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { forwardRef } from "react";
+const SvgTrophy = (props, ref) => React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ref: ref, ...props },
+    React.createElement("path", { d: "M7 21v-2h4v-3.1q-1.226-.275-2.187-1.037C7.85 14.1 7.7 13.717 7.4 12.95q-1.875-.225-3.137-1.637C3 9.9 3 9.267 3 8V7q0-.825.588-1.412C4.175 5 4.45 5 5 5h2V3h10v2h2q.824 0 1.413.588C21.002 6.176 21 6.45 21 7v1q0 1.9-1.262 3.313C18.476 12.726 17.85 12.8 16.6 12.95q-.45 1.15-1.412 1.913c-.962.763-1.371.854-2.188 1.037V19h4v2zm0-10.2V7H5v1q0 .95.55 1.713.55.762 1.45 1.087m7.125 2.325A2.9 2.9 0 0 0 15 11V5H9v6q0 1.25.875 2.125T12 14c1.25 0 1.542-.292 2.125-.875M17 10.8q.9-.326 1.45-1.087Q19 8.95 19 8V7h-2z" }));
+const ForwardRef = forwardRef(SvgTrophy);
+export default ForwardRef;
+//# sourceMappingURL=Trophy.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Trophy.mjs","sourceRoot":"","sources":["../../../../src/components/Icon/icons/Trophy.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,cAAc;AAE/B,OAAO,EAAO,UAAU,EAAE,cAAc;AACxC,MAAM,SAAS,GAAG,CAAC,KAA8B,EAAE,GAAuB,EAAE,EAAE,CAAC,6BAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,EAAC,GAAG,EAAE,GAAG,KAAM,KAAK;IAAE,8BAAM,CAAC,EAAC,0fAA0f,GAAG,CAAM,CAAC;AAChsB,MAAM,UAAU,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;AACzC,eAAe,UAAU,CAAC","sourcesContent":["import * as React from \"react\";\nimport type { SVGProps } from \"react\";\nimport { Ref, forwardRef } from \"react\";\nconst SvgTrophy = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" ref={ref} {...props}><path d=\"M7 21v-2h4v-3.1q-1.226-.275-2.187-1.037C7.85 14.1 7.7 13.717 7.4 12.95q-1.875-.225-3.137-1.637C3 9.9 3 9.267 3 8V7q0-.825.588-1.412C4.175 5 4.45 5 5 5h2V3h10v2h2q.824 0 1.413.588C21.002 6.176 21 6.45 21 7v1q0 1.9-1.262 3.313C18.476 12.726 17.85 12.8 16.6 12.95q-.45 1.15-1.412 1.913c-.962.763-1.371.854-2.188 1.037V19h4v2zm0-10.2V7H5v1q0 .95.55 1.713.55.762 1.45 1.087m7.125 2.325A2.9 2.9 0 0 0 15 11V5H9v6q0 1.25.875 2.125T12 14c1.25 0 1.542-.292 2.125-.875M17 10.8q.9-.326 1.45-1.087Q19 8.95 19 8V7h-2z\" /></svg>;\nconst ForwardRef = forwardRef(SvgTrophy);\nexport default ForwardRef;"]}

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

@@ -267,6 +267,7 @@ const Translate_1 = __importDefault(require("./Translate.cjs"));
 const Trash_1 = __importDefault(require("./Trash.cjs"));
 const TrendDown_1 = __importDefault(require("./TrendDown.cjs"));
 const TrendUp_1 = __importDefault(require("./TrendUp.cjs"));
+const Trophy_1 = __importDefault(require("./Trophy.cjs"));
 const Undo_1 = __importDefault(require("./Undo.cjs"));
 const Unfold_1 = __importDefault(require("./Unfold.cjs"));
 const UnlockedFilled_1 = __importDefault(require("./UnlockedFilled.cjs"));
@@ -558,6 +559,7 @@ exports.Icons = {
     Trash: Trash_1.default,
     TrendDown: TrendDown_1.default,
     TrendUp: TrendUp_1.default,
+    Trophy: Trophy_1.default,
     Undo: Undo_1.default,
     Unfold: Unfold_1.default,
     UnlockedFilled: UnlockedFilled_1.default,