@metamask-previews/design-system-react 0.0.0-preview.6fee845 → 0.0.0-preview.8561168

package/dist/components/button-tertiary/ButtonTertiary.types.cjs

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

package/dist/components/button-tertiary/ButtonTertiary.types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonTertiary.types.cjs","sourceRoot":"","sources":["../../../src/components/button-tertiary/ButtonTertiary.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ButtonBaseProps } from '../button-base';\n\nexport type ButtonTertiaryProps = Omit<\n  ButtonBaseProps,\n  'className' | 'isDisabled' | 'isLoading' | 'style'\n> & {\n  /**\n   * Optional prop for additional CSS classes to be applied to the ButtonTertiary component\n   */\n  className?: string;\n  /**\n   * Optional prop that when true, applies error/danger styling to the button\n   * @default false\n   */\n  isDanger?: boolean;\n  /**\n   * Optional prop that when true, applies inverse styling to the button\n   * @default false\n   */\n  isInverse?: boolean;\n  /**\n   * Optional prop that when true, disables the button\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Optional prop that when true, shows a loading spinner\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * Optional CSS styles to be applied to the component.\n   * Should be used sparingly and only for dynamic styles that can't be achieved with className.\n   */\n  style?: React.CSSProperties;\n};\n"]}

package/dist/components/button-tertiary/ButtonTertiary.types.d.cts

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+import type { ButtonBaseProps } from "../button-base/index.cjs";
+export type ButtonTertiaryProps = Omit<ButtonBaseProps, 'className' | 'isDisabled' | 'isLoading' | 'style'> & {
+    /**
+     * Optional prop for additional CSS classes to be applied to the ButtonTertiary component
+     */
+    className?: string;
+    /**
+     * Optional prop that when true, applies error/danger styling to the button
+     * @default false
+     */
+    isDanger?: boolean;
+    /**
+     * Optional prop that when true, applies inverse styling to the button
+     * @default false
+     */
+    isInverse?: boolean;
+    /**
+     * Optional prop that when true, disables the button
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Optional prop that when true, shows a loading spinner
+     * @default false
+     */
+    isLoading?: boolean;
+    /**
+     * Optional CSS styles to be applied to the component.
+     * Should be used sparingly and only for dynamic styles that can't be achieved with className.
+     */
+    style?: React.CSSProperties;
+};
+//# sourceMappingURL=ButtonTertiary.types.d.cts.map

package/dist/components/button-tertiary/ButtonTertiary.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonTertiary.types.d.cts","sourceRoot":"","sources":["../../../src/components/button-tertiary/ButtonTertiary.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,iCAAuB;AAEtD,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,eAAe,EACf,WAAW,GAAG,YAAY,GAAG,WAAW,GAAG,OAAO,CACnD,GAAG;IACF;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC"}

package/dist/components/button-tertiary/ButtonTertiary.types.d.mts

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+import type { ButtonBaseProps } from "../button-base/index.mjs";
+export type ButtonTertiaryProps = Omit<ButtonBaseProps, 'className' | 'isDisabled' | 'isLoading' | 'style'> & {
+    /**
+     * Optional prop for additional CSS classes to be applied to the ButtonTertiary component
+     */
+    className?: string;
+    /**
+     * Optional prop that when true, applies error/danger styling to the button
+     * @default false
+     */
+    isDanger?: boolean;
+    /**
+     * Optional prop that when true, applies inverse styling to the button
+     * @default false
+     */
+    isInverse?: boolean;
+    /**
+     * Optional prop that when true, disables the button
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Optional prop that when true, shows a loading spinner
+     * @default false
+     */
+    isLoading?: boolean;
+    /**
+     * Optional CSS styles to be applied to the component.
+     * Should be used sparingly and only for dynamic styles that can't be achieved with className.
+     */
+    style?: React.CSSProperties;
+};
+//# sourceMappingURL=ButtonTertiary.types.d.mts.map

package/dist/components/button-tertiary/ButtonTertiary.types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonTertiary.types.d.mts","sourceRoot":"","sources":["../../../src/components/button-tertiary/ButtonTertiary.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,iCAAuB;AAEtD,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,eAAe,EACf,WAAW,GAAG,YAAY,GAAG,WAAW,GAAG,OAAO,CACnD,GAAG;IACF;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC"}

package/dist/components/button-tertiary/ButtonTertiary.types.mjs

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

package/dist/components/button-tertiary/ButtonTertiary.types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonTertiary.types.mjs","sourceRoot":"","sources":["../../../src/components/button-tertiary/ButtonTertiary.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ButtonBaseProps } from '../button-base';\n\nexport type ButtonTertiaryProps = Omit<\n  ButtonBaseProps,\n  'className' | 'isDisabled' | 'isLoading' | 'style'\n> & {\n  /**\n   * Optional prop for additional CSS classes to be applied to the ButtonTertiary component\n   */\n  className?: string;\n  /**\n   * Optional prop that when true, applies error/danger styling to the button\n   * @default false\n   */\n  isDanger?: boolean;\n  /**\n   * Optional prop that when true, applies inverse styling to the button\n   * @default false\n   */\n  isInverse?: boolean;\n  /**\n   * Optional prop that when true, disables the button\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Optional prop that when true, shows a loading spinner\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * Optional CSS styles to be applied to the component.\n   * Should be used sparingly and only for dynamic styles that can't be achieved with className.\n   */\n  style?: React.CSSProperties;\n};\n"]}

package/dist/components/button-tertiary/index.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonTertiarySize = exports.ButtonTertiary = void 0;
+var ButtonTertiary_1 = require("./ButtonTertiary.cjs");
+Object.defineProperty(exports, "ButtonTertiary", { enumerable: true, get: function () { return ButtonTertiary_1.ButtonTertiary; } });
+var button_base_1 = require("../button-base/index.cjs");
+Object.defineProperty(exports, "ButtonTertiarySize", { enumerable: true, get: function () { return button_base_1.ButtonBaseSize; } });
+//# sourceMappingURL=index.cjs.map

package/dist/components/button-tertiary/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/button-tertiary/index.ts"],"names":[],"mappings":";;;AAAA,uDAAkD;AAAzC,gHAAA,cAAc,OAAA;AAEvB,wDAAsE;AAA7D,iHAAA,cAAc,OAAsB","sourcesContent":["export { ButtonTertiary } from './ButtonTertiary';\nexport type { ButtonTertiaryProps } from './ButtonTertiary.types';\nexport { ButtonBaseSize as ButtonTertiarySize } from '../button-base';\n"]}

package/dist/components/button-tertiary/index.d.cts

@@ -0,0 +1,4 @@
+export { ButtonTertiary } from "./ButtonTertiary.cjs";
+export type { ButtonTertiaryProps } from "./ButtonTertiary.types.cjs";
+export { ButtonBaseSize as ButtonTertiarySize } from "../button-base/index.cjs";
+//# sourceMappingURL=index.d.cts.map

package/dist/components/button-tertiary/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/button-tertiary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,6BAAyB;AAClD,YAAY,EAAE,mBAAmB,EAAE,mCAA+B;AAClE,OAAO,EAAE,cAAc,IAAI,kBAAkB,EAAE,iCAAuB"}

package/dist/components/button-tertiary/index.d.mts

@@ -0,0 +1,4 @@
+export { ButtonTertiary } from "./ButtonTertiary.mjs";
+export type { ButtonTertiaryProps } from "./ButtonTertiary.types.mjs";
+export { ButtonBaseSize as ButtonTertiarySize } from "../button-base/index.mjs";
+//# sourceMappingURL=index.d.mts.map

package/dist/components/button-tertiary/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/button-tertiary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,6BAAyB;AAClD,YAAY,EAAE,mBAAmB,EAAE,mCAA+B;AAClE,OAAO,EAAE,cAAc,IAAI,kBAAkB,EAAE,iCAAuB"}

package/dist/components/button-tertiary/index.mjs

@@ -0,0 +1,3 @@
+export { ButtonTertiary } from "./ButtonTertiary.mjs";
+export { ButtonBaseSize as ButtonTertiarySize } from "../button-base/index.mjs";
+//# sourceMappingURL=index.mjs.map

package/dist/components/button-tertiary/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/button-tertiary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,6BAAyB;AAElD,OAAO,EAAE,cAAc,IAAI,kBAAkB,EAAE,iCAAuB","sourcesContent":["export { ButtonTertiary } from './ButtonTertiary';\nexport type { ButtonTertiaryProps } from './ButtonTertiary.types';\nexport { ButtonBaseSize as ButtonTertiarySize } from '../button-base';\n"]}

package/dist/components/icon/Icon.cjs

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Icon = void 0;
+const react_1 = __importDefault(require("react"));
+const tw_merge_1 = require("../../utils/tw-merge.cjs");
+const Icon_constants_1 = require("./Icon.constants.cjs");
+const Icon_types_1 = require("./Icon.types.cjs");
+const icons_1 = require("./icons/index.cjs");
+const Icon = ({ name, size = Icon_types_1.IconSize.Md, color = Icon_types_1.IconColor.IconDefault, className, style, ...props }) => {
+    if (!name) {
+        console.warn('Icon name is required');
+        return null;
+    }
+    const IconComponent = icons_1.Icons[name];
+    if (!IconComponent) {
+        console.warn(`Icon "${name}" not found`);
+        return null;
+    }
+    const mergedClassName = (0, tw_merge_1.twMerge)('inline-block', Icon_constants_1.ICON_SIZE_CLASS_MAP[size], color, className);
+    return (react_1.default.createElement(IconComponent, { className: mergedClassName, ...props, style: style }));
+};
+exports.Icon = Icon;
+//# sourceMappingURL=Icon.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.cjs","sourceRoot":"","sources":["../../../src/components/icon/Icon.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uDAA+C;AAC/C,yDAAuD;AACvD,iDAAmD;AAEnD,6CAAgC;AAEzB,MAAM,IAAI,GAAwB,CAAC,EACxC,IAAI,EACJ,IAAI,GAAG,qBAAQ,CAAC,EAAE,EAClB,KAAK,GAAG,sBAAS,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,oCAAmB,CAAC,IAAI,CAAC,EACzB,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 { twMerge } from '../../utils/tw-merge';\nimport { ICON_SIZE_CLASS_MAP } from './Icon.constants';\nimport { IconSize, IconColor } from './Icon.types';\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    ICON_SIZE_CLASS_MAP[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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.constants.cjs","sourceRoot":"","sources":["../../../src/components/icon/Icon.constants.ts"],"names":[],"mappings":";;;AAAA,iDAAwC;AAE3B,QAAA,mBAAmB,GAA6B;IAC3D,CAAC,qBAAQ,CAAC,EAAE,CAAC,EAAE,SAAS;IACxB,CAAC,qBAAQ,CAAC,EAAE,CAAC,EAAE,SAAS;IACxB,CAAC,qBAAQ,CAAC,EAAE,CAAC,EAAE,SAAS;IACxB,CAAC,qBAAQ,CAAC,EAAE,CAAC,EAAE,SAAS;IACxB,CAAC,qBAAQ,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,OAAO;CAClC,CAAC","sourcesContent":["import { IconSize } from './Icon.types';\n\nexport const ICON_SIZE_CLASS_MAP: 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

@@ -0,0 +1,3 @@
+import { IconSize } from "./Icon.types.cjs";
+export declare const ICON_SIZE_CLASS_MAP: Record<IconSize, string>;
+//# sourceMappingURL=Icon.constants.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.constants.d.cts","sourceRoot":"","sources":["../../../src/components/icon/Icon.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,yBAAqB;AAExC,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAMxD,CAAC"}

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

@@ -0,0 +1,3 @@
+import { IconSize } from "./Icon.types.mjs";
+export declare const ICON_SIZE_CLASS_MAP: Record<IconSize, string>;
+//# sourceMappingURL=Icon.constants.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.constants.d.mts","sourceRoot":"","sources":["../../../src/components/icon/Icon.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,yBAAqB;AAExC,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAMxD,CAAC"}

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

@@ -0,0 +1,9 @@
+import { IconSize } from "./Icon.types.mjs";
+export const ICON_SIZE_CLASS_MAP = {
+    [IconSize.Xs]: 'w-3 h-3',
+    [IconSize.Sm]: 'w-4 h-4',
+    [IconSize.Md]: 'w-5 h-5',
+    [IconSize.Lg]: 'w-6 h-6',
+    [IconSize.Xl]: 'w-8 h-8', // 32px
+};
+//# sourceMappingURL=Icon.constants.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.constants.mjs","sourceRoot":"","sources":["../../../src/components/icon/Icon.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,yBAAqB;AAExC,MAAM,CAAC,MAAM,mBAAmB,GAA6B;IAC3D,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 './Icon.types';\n\nexport const ICON_SIZE_CLASS_MAP: 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

@@ -0,0 +1,4 @@
+import React from "react";
+import type { IconProps } from "./Icon.types.cjs";
+export declare const Icon: React.FC<IconProps>;
+//# sourceMappingURL=Icon.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.cts","sourceRoot":"","sources":["../../../src/components/icon/Icon.tsx"],"names":[],"mappings":"AAAA,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

@@ -0,0 +1,4 @@
+import React from "react";
+import type { IconProps } from "./Icon.types.mjs";
+export declare const Icon: React.FC<IconProps>;
+//# sourceMappingURL=Icon.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.mts","sourceRoot":"","sources":["../../../src/components/icon/Icon.tsx"],"names":[],"mappings":"AAAA,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

@@ -0,0 +1,26 @@
+function $importDefault(module) {
+    if (module?.__esModule) {
+        return module.default;
+    }
+    return module;
+}
+import $React from "react";
+const React = $importDefault($React);
+import { twMerge } from "../../utils/tw-merge.mjs";
+import { ICON_SIZE_CLASS_MAP } from "./Icon.constants.mjs";
+import { IconSize, IconColor } from "./Icon.types.mjs";
+import { Icons } from "./icons/index.mjs";
+export const Icon = ({ name, size = IconSize.Md, color = IconColor.IconDefault, className, style, ...props }) => {
+    if (!name) {
+        console.warn('Icon name is required');
+        return null;
+    }
+    const IconComponent = Icons[name];
+    if (!IconComponent) {
+        console.warn(`Icon "${name}" not found`);
+        return null;
+    }
+    const mergedClassName = twMerge('inline-block', ICON_SIZE_CLASS_MAP[size], color, className);
+    return (React.createElement(IconComponent, { className: mergedClassName, ...props, style: style }));
+};
+//# sourceMappingURL=Icon.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.mjs","sourceRoot":"","sources":["../../../src/components/icon/Icon.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAC/C,OAAO,EAAE,mBAAmB,EAAE,6BAAyB;AACvD,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,yBAAqB;AAEnD,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,mBAAmB,CAAC,IAAI,CAAC,EACzB,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 { twMerge } from '../../utils/tw-merge';\nimport { ICON_SIZE_CLASS_MAP } from './Icon.constants';\nimport { IconSize, IconColor } from './Icon.types';\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    ICON_SIZE_CLASS_MAP[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.types.cjs

@@ -0,0 +1,208 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconName = exports.IconColor = exports.IconSize = void 0;
+var IconSize;
+(function (IconSize) {
+    /** Extra small - 12px */
+    IconSize["Xs"] = "xs";
+    /** Small - 16px */
+    IconSize["Sm"] = "sm";
+    /** Medium - 20px (Default) */
+    IconSize["Md"] = "md";
+    /** Large - 24px */
+    IconSize["Lg"] = "lg";
+    /** Extra large - 32px */
+    IconSize["Xl"] = "xl";
+})(IconSize || (exports.IconSize = IconSize = {}));
+var IconColor;
+(function (IconColor) {
+    /** For default neutral icons */
+    IconColor["IconDefault"] = "text-icon-default";
+    /** For softer neutral icons */
+    IconColor["IconAlternative"] = "text-icon-alternative";
+    /** For the weakest contrast neutral icons (not accessible) */
+    IconColor["IconMuted"] = "text-icon-muted";
+    /** For elements used on top of overlay/alternative. Used for text, icon or border */
+    IconColor["OverlayInverse"] = "text-overlay-inverse";
+    /** For interactive, active, and selected semantics. Used for text, background, icon or border */
+    IconColor["PrimaryDefault"] = "text-primary-default";
+    /** For elements used on top of primary/default. Used for text, icon or border */
+    IconColor["PrimaryInverse"] = "text-primary-inverse";
+    /** For the critical alert semantic elements. Used for text, background, icon or border */
+    IconColor["ErrorDefault"] = "text-error-default";
+    /** For elements used on top of error/default. Used for text, icon or border */
+    IconColor["ErrorInverse"] = "text-error-inverse";
+    /** For the positive semantic elements. Used for text, background, icon or border */
+    IconColor["SuccessDefault"] = "text-success-default";
+    /** For elements used on top of success/default. Used for text, icon or border */
+    IconColor["SuccessInverse"] = "text-success-inverse";
+    /** For the caution alert semantic elements. Used for text, background, icon or border */
+    IconColor["WarningDefault"] = "text-warning-default";
+    /** For elements used on top of warning/default. Used for text, icon or border */
+    IconColor["WarningInverse"] = "text-warning-inverse";
+    /** For informational read-only elements. Used for text, background, icon or border */
+    IconColor["InfoDefault"] = "text-info-default";
+    /** For elements used on top of info/default. Used for text, icon or border */
+    IconColor["InfoInverse"] = "text-info-inverse";
+})(IconColor || (exports.IconColor = IconColor = {}));
+/**
+ * Autogenerated from the generate-icon-script.ts script.
+ * Please do not edit this enum directly.
+ */
+var IconName;
+(function (IconName) {
+    IconName["Add"] = "Add";
+    IconName["AddSquare"] = "AddSquare";
+    IconName["Arrow2Down"] = "Arrow2Down";
+    IconName["Arrow2Left"] = "Arrow2Left";
+    IconName["Arrow2Right"] = "Arrow2Right";
+    IconName["Arrow2Up"] = "Arrow2Up";
+    IconName["Arrow2UpRight"] = "Arrow2UpRight";
+    IconName["ArrowDoubleLeft"] = "ArrowDoubleLeft";
+    IconName["ArrowDoubleRight"] = "ArrowDoubleRight";
+    IconName["ArrowDown"] = "ArrowDown";
+    IconName["ArrowLeft"] = "ArrowLeft";
+    IconName["ArrowRight"] = "ArrowRight";
+    IconName["ArrowUp"] = "ArrowUp";
+    IconName["Ban"] = "Ban";
+    IconName["Bank"] = "Bank";
+    IconName["BankToken"] = "BankToken";
+    IconName["Bold"] = "Bold";
+    IconName["Book"] = "Book";
+    IconName["Bookmark"] = "Bookmark";
+    IconName["Bridge"] = "Bridge";
+    IconName["Calculator"] = "Calculator";
+    IconName["Card"] = "Card";
+    IconName["CardPos"] = "CardPos";
+    IconName["CardToken"] = "CardToken";
+    IconName["Category"] = "Category";
+    IconName["Chart"] = "Chart";
+    IconName["Check"] = "Check";
+    IconName["CheckBold"] = "CheckBold";
+    IconName["CircleX"] = "CircleX";
+    IconName["Clock"] = "Clock";
+    IconName["Close"] = "Close";
+    IconName["CodeCircle"] = "CodeCircle";
+    IconName["Coin"] = "Coin";
+    IconName["Collapse"] = "Collapse";
+    IconName["Confirmation"] = "Confirmation";
+    IconName["Connect"] = "Connect";
+    IconName["Copy"] = "Copy";
+    IconName["CopySuccess"] = "CopySuccess";
+    IconName["Customize"] = "Customize";
+    IconName["Danger"] = "Danger";
+    IconName["Dark"] = "Dark";
+    IconName["Data"] = "Data";
+    IconName["Diagram"] = "Diagram";
+    IconName["DocumentCode"] = "DocumentCode";
+    IconName["Download"] = "Download";
+    IconName["Edit"] = "Edit";
+    IconName["Eraser"] = "Eraser";
+    IconName["Ethereum"] = "Ethereum";
+    IconName["Expand"] = "Expand";
+    IconName["Explore"] = "Explore";
+    IconName["Export"] = "Export";
+    IconName["Eye"] = "Eye";
+    IconName["EyeSlash"] = "EyeSlash";
+    IconName["File"] = "File";
+    IconName["Filter"] = "Filter";
+    IconName["Flag"] = "Flag";
+    IconName["Flash"] = "Flash";
+    IconName["FlashSlash"] = "FlashSlash";
+    IconName["Flask"] = "Flask";
+    IconName["FullCircle"] = "FullCircle";
+    IconName["Gas"] = "Gas";
+    IconName["Global"] = "Global";
+    IconName["GlobalSearch"] = "GlobalSearch";
+    IconName["Graph"] = "Graph";
+    IconName["Hardware"] = "Hardware";
+    IconName["Heart"] = "Heart";
+    IconName["Hierarchy"] = "Hierarchy";
+    IconName["Home"] = "Home";
+    IconName["Import"] = "Import";
+    IconName["Info"] = "Info";
+    IconName["Key"] = "Key";
+    IconName["Light"] = "Light";
+    IconName["Link"] = "Link";
+    IconName["Loading"] = "Loading";
+    IconName["Lock"] = "Lock";
+    IconName["LockCircle"] = "LockCircle";
+    IconName["LockSlash"] = "LockSlash";
+    IconName["Login"] = "Login";
+    IconName["Logout"] = "Logout";
+    IconName["Menu"] = "Menu";
+    IconName["MessageQuestion"] = "MessageQuestion";
+    IconName["Messages"] = "Messages";
+    IconName["Minus"] = "Minus";
+    IconName["MinusBold"] = "MinusBold";
+    IconName["MinusSquare"] = "MinusSquare";
+    IconName["Mobile"] = "Mobile";
+    IconName["Money"] = "Money";
+    IconName["Monitor"] = "Monitor";
+    IconName["MoreHorizontal"] = "MoreHorizontal";
+    IconName["MoreVertical"] = "MoreVertical";
+    IconName["Notification"] = "Notification";
+    IconName["NotificationCircle"] = "NotificationCircle";
+    IconName["PasswordCheck"] = "PasswordCheck";
+    IconName["People"] = "People";
+    IconName["Pin"] = "Pin";
+    IconName["Plug"] = "Plug";
+    IconName["PlusMinus"] = "PlusMinus";
+    IconName["ProgrammingArrows"] = "ProgrammingArrows";
+    IconName["QrCode"] = "QrCode";
+    IconName["Question"] = "Question";
+    IconName["Received"] = "Received";
+    IconName["Refresh"] = "Refresh";
+    IconName["Save"] = "Save";
+    IconName["Scan"] = "Scan";
+    IconName["ScanBarcode"] = "ScanBarcode";
+    IconName["ScanFocus"] = "ScanFocus";
+    IconName["Scroll"] = "Scroll";
+    IconName["Search"] = "Search";
+    IconName["Security"] = "Security";
+    IconName["SecurityCard"] = "SecurityCard";
+    IconName["SecurityCross"] = "SecurityCross";
+    IconName["SecurityKey"] = "SecurityKey";
+    IconName["SecuritySearch"] = "SecuritySearch";
+    IconName["SecuritySlash"] = "SecuritySlash";
+    IconName["SecurityTick"] = "SecurityTick";
+    IconName["SecurityTime"] = "SecurityTime";
+    IconName["SecurityUser"] = "SecurityUser";
+    IconName["Send1"] = "Send1";
+    IconName["Send2"] = "Send2";
+    IconName["Setting"] = "Setting";
+    IconName["Share"] = "Share";
+    IconName["Slash"] = "Slash";
+    IconName["Snaps"] = "Snaps";
+    IconName["SnapsMobile"] = "SnapsMobile";
+    IconName["SnapsPlus"] = "SnapsPlus";
+    IconName["Speedometer"] = "Speedometer";
+    IconName["Square"] = "Square";
+    IconName["Stake"] = "Stake";
+    IconName["Star"] = "Star";
+    IconName["Student"] = "Student";
+    IconName["SwapHorizontal"] = "SwapHorizontal";
+    IconName["SwapVertical"] = "SwapVertical";
+    IconName["Tag"] = "Tag";
+    IconName["Tilde"] = "Tilde";
+    IconName["Timer"] = "Timer";
+    IconName["Tint"] = "Tint";
+    IconName["Trash"] = "Trash";
+    IconName["TrendDown"] = "TrendDown";
+    IconName["TrendUp"] = "TrendUp";
+    IconName["Twitter"] = "Twitter";
+    IconName["Unpin"] = "Unpin";
+    IconName["Upload"] = "Upload";
+    IconName["Usb"] = "Usb";
+    IconName["User"] = "User";
+    IconName["UserCheck"] = "UserCheck";
+    IconName["UserCircle"] = "UserCircle";
+    IconName["UserCircleAdd"] = "UserCircleAdd";
+    IconName["UserCircleRemove"] = "UserCircleRemove";
+    IconName["Wallet"] = "Wallet";
+    IconName["WalletCard"] = "WalletCard";
+    IconName["WalletMoney"] = "WalletMoney";
+    IconName["Warning"] = "Warning";
+    IconName["Wifi"] = "Wifi";
+})(IconName || (exports.IconName = IconName = {}));
+//# sourceMappingURL=Icon.types.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.types.cjs","sourceRoot":"","sources":["../../../src/components/icon/Icon.types.ts"],"names":[],"mappings":"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","sourcesContent":["import type { SVGProps, ComponentPropsWithoutRef } from 'react';\n\n// Use ComponentPropsWithoutRef to get SVG element props without relying on global SVGElement\ntype SVGElementProps = ComponentPropsWithoutRef<'svg'>;\n\nexport type IconProps = SVGProps<SVGElementProps> & {\n  /**\n   * Required prop to specify which icon to render from the icon set\n   */\n  name: IconName;\n  /**\n   * Optional prop to control the size of the icon\n   * Different sizes map to specific pixel dimensions\n   * @default IconSize.Md\n   */\n  size?: IconSize;\n  /**\n   * Optional prop that sets the color of the icon using predefined theme colors\n   * @default IconColor.IconDefault\n   */\n  color?: IconColor;\n  /**\n   * Additional CSS classes to be added to the component.\n   * These classes will be merged with the component's default classes using twMerge.\n   */\n  className?: string;\n  /**\n   * Optional CSS styles to be applied to the component.\n   * Should be used sparingly and only for dynamic styles that can't be achieved with className.\n   */\n  style?: React.CSSProperties;\n  /**\n   * Optional prop to add a test id to the icon\n   */\n  'data-testid'?: string;\n};\n\nexport enum IconSize {\n  /** Extra small - 12px */\n  Xs = 'xs',\n  /** Small - 16px */\n  Sm = 'sm',\n  /** Medium - 20px (Default) */\n  Md = 'md',\n  /** Large - 24px */\n  Lg = 'lg',\n  /** Extra large - 32px */\n  Xl = 'xl',\n}\n\nexport enum IconColor {\n  /** For default neutral icons */\n  IconDefault = 'text-icon-default',\n  /** For softer neutral icons */\n  IconAlternative = 'text-icon-alternative',\n  /** For the weakest contrast neutral icons (not accessible) */\n  IconMuted = 'text-icon-muted',\n  /** For elements used on top of overlay/alternative. Used for text, icon or border */\n  OverlayInverse = 'text-overlay-inverse',\n  /** For interactive, active, and selected semantics. Used for text, background, icon or border */\n  PrimaryDefault = 'text-primary-default',\n  /** For elements used on top of primary/default. Used for text, icon or border */\n  PrimaryInverse = 'text-primary-inverse',\n  /** For the critical alert semantic elements. Used for text, background, icon or border */\n  ErrorDefault = 'text-error-default',\n  /** For elements used on top of error/default. Used for text, icon or border */\n  ErrorInverse = 'text-error-inverse',\n  /** For the positive semantic elements. Used for text, background, icon or border */\n  SuccessDefault = 'text-success-default',\n  /** For elements used on top of success/default. Used for text, icon or border */\n  SuccessInverse = 'text-success-inverse',\n  /** For the caution alert semantic elements. Used for text, background, icon or border */\n  WarningDefault = 'text-warning-default',\n  /** For elements used on top of warning/default. Used for text, icon or border */\n  WarningInverse = 'text-warning-inverse',\n  /** For informational read-only elements. Used for text, background, icon or border */\n  InfoDefault = 'text-info-default',\n  /** For elements used on top of info/default. Used for text, icon or border */\n  InfoInverse = 'text-info-inverse',\n}\n\n/**\n * Autogenerated from the generate-icon-script.ts script.\n * Please do not edit this enum directly.\n */\nexport enum IconName {\n  Add = 'Add',\n  AddSquare = 'AddSquare',\n  Arrow2Down = 'Arrow2Down',\n  Arrow2Left = 'Arrow2Left',\n  Arrow2Right = 'Arrow2Right',\n  Arrow2Up = 'Arrow2Up',\n  Arrow2UpRight = 'Arrow2UpRight',\n  ArrowDoubleLeft = 'ArrowDoubleLeft',\n  ArrowDoubleRight = 'ArrowDoubleRight',\n  ArrowDown = 'ArrowDown',\n  ArrowLeft = 'ArrowLeft',\n  ArrowRight = 'ArrowRight',\n  ArrowUp = 'ArrowUp',\n  Ban = 'Ban',\n  Bank = 'Bank',\n  BankToken = 'BankToken',\n  Bold = 'Bold',\n  Book = 'Book',\n  Bookmark = 'Bookmark',\n  Bridge = 'Bridge',\n  Calculator = 'Calculator',\n  Card = 'Card',\n  CardPos = 'CardPos',\n  CardToken = 'CardToken',\n  Category = 'Category',\n  Chart = 'Chart',\n  Check = 'Check',\n  CheckBold = 'CheckBold',\n  CircleX = 'CircleX',\n  Clock = 'Clock',\n  Close = 'Close',\n  CodeCircle = 'CodeCircle',\n  Coin = 'Coin',\n  Collapse = 'Collapse',\n  Confirmation = 'Confirmation',\n  Connect = 'Connect',\n  Copy = 'Copy',\n  CopySuccess = 'CopySuccess',\n  Customize = 'Customize',\n  Danger = 'Danger',\n  Dark = 'Dark',\n  Data = 'Data',\n  Diagram = 'Diagram',\n  DocumentCode = 'DocumentCode',\n  Download = 'Download',\n  Edit = 'Edit',\n  Eraser = 'Eraser',\n  Ethereum = 'Ethereum',\n  Expand = 'Expand',\n  Explore = 'Explore',\n  Export = 'Export',\n  Eye = 'Eye',\n  EyeSlash = 'EyeSlash',\n  File = 'File',\n  Filter = 'Filter',\n  Flag = 'Flag',\n  Flash = 'Flash',\n  FlashSlash = 'FlashSlash',\n  Flask = 'Flask',\n  FullCircle = 'FullCircle',\n  Gas = 'Gas',\n  Global = 'Global',\n  GlobalSearch = 'GlobalSearch',\n  Graph = 'Graph',\n  Hardware = 'Hardware',\n  Heart = 'Heart',\n  Hierarchy = 'Hierarchy',\n  Home = 'Home',\n  Import = 'Import',\n  Info = 'Info',\n  Key = 'Key',\n  Light = 'Light',\n  Link = 'Link',\n  Loading = 'Loading',\n  Lock = 'Lock',\n  LockCircle = 'LockCircle',\n  LockSlash = 'LockSlash',\n  Login = 'Login',\n  Logout = 'Logout',\n  Menu = 'Menu',\n  MessageQuestion = 'MessageQuestion',\n  Messages = 'Messages',\n  Minus = 'Minus',\n  MinusBold = 'MinusBold',\n  MinusSquare = 'MinusSquare',\n  Mobile = 'Mobile',\n  Money = 'Money',\n  Monitor = 'Monitor',\n  MoreHorizontal = 'MoreHorizontal',\n  MoreVertical = 'MoreVertical',\n  Notification = 'Notification',\n  NotificationCircle = 'NotificationCircle',\n  PasswordCheck = 'PasswordCheck',\n  People = 'People',\n  Pin = 'Pin',\n  Plug = 'Plug',\n  PlusMinus = 'PlusMinus',\n  ProgrammingArrows = 'ProgrammingArrows',\n  QrCode = 'QrCode',\n  Question = 'Question',\n  Received = 'Received',\n  Refresh = 'Refresh',\n  Save = 'Save',\n  Scan = 'Scan',\n  ScanBarcode = 'ScanBarcode',\n  ScanFocus = 'ScanFocus',\n  Scroll = 'Scroll',\n  Search = 'Search',\n  Security = 'Security',\n  SecurityCard = 'SecurityCard',\n  SecurityCross = 'SecurityCross',\n  SecurityKey = 'SecurityKey',\n  SecuritySearch = 'SecuritySearch',\n  SecuritySlash = 'SecuritySlash',\n  SecurityTick = 'SecurityTick',\n  SecurityTime = 'SecurityTime',\n  SecurityUser = 'SecurityUser',\n  Send1 = 'Send1',\n  Send2 = 'Send2',\n  Setting = 'Setting',\n  Share = 'Share',\n  Slash = 'Slash',\n  Snaps = 'Snaps',\n  SnapsMobile = 'SnapsMobile',\n  SnapsPlus = 'SnapsPlus',\n  Speedometer = 'Speedometer',\n  Square = 'Square',\n  Stake = 'Stake',\n  Star = 'Star',\n  Student = 'Student',\n  SwapHorizontal = 'SwapHorizontal',\n  SwapVertical = 'SwapVertical',\n  Tag = 'Tag',\n  Tilde = 'Tilde',\n  Timer = 'Timer',\n  Tint = 'Tint',\n  Trash = 'Trash',\n  TrendDown = 'TrendDown',\n  TrendUp = 'TrendUp',\n  Twitter = 'Twitter',\n  Unpin = 'Unpin',\n  Upload = 'Upload',\n  Usb = 'Usb',\n  User = 'User',\n  UserCheck = 'UserCheck',\n  UserCircle = 'UserCircle',\n  UserCircleAdd = 'UserCircleAdd',\n  UserCircleRemove = 'UserCircleRemove',\n  Wallet = 'Wallet',\n  WalletCard = 'WalletCard',\n  WalletMoney = 'WalletMoney',\n  Warning = 'Warning',\n  Wifi = 'Wifi',\n}\n"]}