@metamask-previews/design-system-react 0.0.0-preview.019292f → 0.0.0-preview.07ad19d

package/dist/components/button-link/ButtonLink.types.cjs

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonLinkSize = void 0;
+const button_base_1 = require("../button-base/index.cjs");
+var ButtonLinkSize;
+(function (ButtonLinkSize) {
+    ButtonLinkSize["Sm"] = "sm";
+    ButtonLinkSize["Md"] = "md";
+    ButtonLinkSize["Lg"] = "lg";
+    /**
+     * Inherits size from parent, removes height/padding, displays inline
+     */
+    ButtonLinkSize["Auto"] = "auto";
+})(ButtonLinkSize || (exports.ButtonLinkSize = ButtonLinkSize = {}));
+//# sourceMappingURL=ButtonLink.types.cjs.map

package/dist/components/button-link/ButtonLink.types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonLink.types.cjs","sourceRoot":"","sources":["../../../src/components/button-link/ButtonLink.types.ts"],"names":[],"mappings":";;;AACA,0DAAgD;AAEhD,IAAY,cAQX;AARD,WAAY,cAAc;IACxB,2BAAsB,CAAA;IACtB,2BAAsB,CAAA;IACtB,2BAAsB,CAAA;IACtB;;OAEG;IACH,+BAAa,CAAA;AACf,CAAC,EARW,cAAc,8BAAd,cAAc,QAQzB","sourcesContent":["import type { ButtonBaseProps } from '../button-base';\nimport { ButtonBaseSize } from '../button-base';\n\nexport enum ButtonLinkSize {\n  Sm = ButtonBaseSize.Sm,\n  Md = ButtonBaseSize.Md,\n  Lg = ButtonBaseSize.Lg,\n  /**\n   * Inherits size from parent, removes height/padding, displays inline\n   */\n  Auto = 'auto',\n}\n\nexport type ButtonLinkProps = Omit<\n  ButtonBaseProps,\n  'className' | 'isDisabled' | 'isLoading' | 'style' | 'size'\n> & {\n  /**\n   * Optional prop for additional CSS classes to be applied to the ButtonLink 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, 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   * Optional prop to control the size of the ButtonLink\n   * @default ButtonLinkSize.Md\n   */\n  size?: ButtonLinkSize;\n};\n"]}

package/dist/components/button-link/ButtonLink.types.d.cts

@@ -0,0 +1,43 @@
+/// <reference types="react" />
+import type { ButtonBaseProps } from "../button-base/index.cjs";
+export declare enum ButtonLinkSize {
+    Sm = "sm",
+    Md = "md",
+    Lg = "lg",
+    /**
+     * Inherits size from parent, removes height/padding, displays inline
+     */
+    Auto = "auto"
+}
+export type ButtonLinkProps = Omit<ButtonBaseProps, 'className' | 'isDisabled' | 'isLoading' | 'style' | 'size'> & {
+    /**
+     * Optional prop for additional CSS classes to be applied to the ButtonLink component
+     */
+    className?: string;
+    /**
+     * Optional prop that when true, applies error/danger styling to the button
+     * @default false
+     */
+    isDanger?: 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;
+    /**
+     * Optional prop to control the size of the ButtonLink
+     * @default ButtonLinkSize.Md
+     */
+    size?: ButtonLinkSize;
+};
+//# sourceMappingURL=ButtonLink.types.d.cts.map

package/dist/components/button-link/ButtonLink.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonLink.types.d.cts","sourceRoot":"","sources":["../../../src/components/button-link/ButtonLink.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,iCAAuB;AAGtD,oBAAY,cAAc;IACxB,EAAE,OAAoB;IACtB,EAAE,OAAoB;IACtB,EAAE,OAAoB;IACtB;;OAEG;IACH,IAAI,SAAS;CACd;AAED,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,eAAe,EACf,WAAW,GAAG,YAAY,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAC5D,GAAG;IACF;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;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;IAC5B;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB,CAAC"}

package/dist/components/button-link/ButtonLink.types.d.mts

@@ -0,0 +1,43 @@
+/// <reference types="react" />
+import type { ButtonBaseProps } from "../button-base/index.mjs";
+export declare enum ButtonLinkSize {
+    Sm = "sm",
+    Md = "md",
+    Lg = "lg",
+    /**
+     * Inherits size from parent, removes height/padding, displays inline
+     */
+    Auto = "auto"
+}
+export type ButtonLinkProps = Omit<ButtonBaseProps, 'className' | 'isDisabled' | 'isLoading' | 'style' | 'size'> & {
+    /**
+     * Optional prop for additional CSS classes to be applied to the ButtonLink component
+     */
+    className?: string;
+    /**
+     * Optional prop that when true, applies error/danger styling to the button
+     * @default false
+     */
+    isDanger?: 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;
+    /**
+     * Optional prop to control the size of the ButtonLink
+     * @default ButtonLinkSize.Md
+     */
+    size?: ButtonLinkSize;
+};
+//# sourceMappingURL=ButtonLink.types.d.mts.map

package/dist/components/button-link/ButtonLink.types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonLink.types.d.mts","sourceRoot":"","sources":["../../../src/components/button-link/ButtonLink.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,iCAAuB;AAGtD,oBAAY,cAAc;IACxB,EAAE,OAAoB;IACtB,EAAE,OAAoB;IACtB,EAAE,OAAoB;IACtB;;OAEG;IACH,IAAI,SAAS;CACd;AAED,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,eAAe,EACf,WAAW,GAAG,YAAY,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAC5D,GAAG;IACF;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;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;IAC5B;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB,CAAC"}

package/dist/components/button-link/ButtonLink.types.mjs

@@ -0,0 +1,12 @@
+import { ButtonBaseSize } from "../button-base/index.mjs";
+export var ButtonLinkSize;
+(function (ButtonLinkSize) {
+    ButtonLinkSize["Sm"] = "sm";
+    ButtonLinkSize["Md"] = "md";
+    ButtonLinkSize["Lg"] = "lg";
+    /**
+     * Inherits size from parent, removes height/padding, displays inline
+     */
+    ButtonLinkSize["Auto"] = "auto";
+})(ButtonLinkSize || (ButtonLinkSize = {}));
+//# sourceMappingURL=ButtonLink.types.mjs.map

package/dist/components/button-link/ButtonLink.types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonLink.types.mjs","sourceRoot":"","sources":["../../../src/components/button-link/ButtonLink.types.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,iCAAuB;AAEhD,MAAM,CAAN,IAAY,cAQX;AARD,WAAY,cAAc;IACxB,2BAAsB,CAAA;IACtB,2BAAsB,CAAA;IACtB,2BAAsB,CAAA;IACtB;;OAEG;IACH,+BAAa,CAAA;AACf,CAAC,EARW,cAAc,KAAd,cAAc,QAQzB","sourcesContent":["import type { ButtonBaseProps } from '../button-base';\nimport { ButtonBaseSize } from '../button-base';\n\nexport enum ButtonLinkSize {\n  Sm = ButtonBaseSize.Sm,\n  Md = ButtonBaseSize.Md,\n  Lg = ButtonBaseSize.Lg,\n  /**\n   * Inherits size from parent, removes height/padding, displays inline\n   */\n  Auto = 'auto',\n}\n\nexport type ButtonLinkProps = Omit<\n  ButtonBaseProps,\n  'className' | 'isDisabled' | 'isLoading' | 'style' | 'size'\n> & {\n  /**\n   * Optional prop for additional CSS classes to be applied to the ButtonLink 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, 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   * Optional prop to control the size of the ButtonLink\n   * @default ButtonLinkSize.Md\n   */\n  size?: ButtonLinkSize;\n};\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/button-link/index.ts"],"names":[],"mappings":";;;AAAA,+CAA0C;AAAjC,wGAAA,UAAU,OAAA;AAEnB,2DAAoD;AAA3C,kHAAA,cAAc,OAAA","sourcesContent":["export { ButtonLink } from './ButtonLink';\nexport type { ButtonLinkProps } from './ButtonLink.types';\nexport { ButtonLinkSize } from './ButtonLink.types';\n"]}

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

@@ -0,0 +1,4 @@
+export { ButtonLink } from "./ButtonLink.cjs";
+export type { ButtonLinkProps } from "./ButtonLink.types.cjs";
+export { ButtonLinkSize } from "./ButtonLink.types.cjs";
+//# sourceMappingURL=index.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/button-link/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,yBAAqB;AAC1C,YAAY,EAAE,eAAe,EAAE,+BAA2B;AAC1D,OAAO,EAAE,cAAc,EAAE,+BAA2B"}

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

@@ -0,0 +1,4 @@
+export { ButtonLink } from "./ButtonLink.mjs";
+export type { ButtonLinkProps } from "./ButtonLink.types.mjs";
+export { ButtonLinkSize } from "./ButtonLink.types.mjs";
+//# sourceMappingURL=index.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/button-link/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,yBAAqB;AAC1C,YAAY,EAAE,eAAe,EAAE,+BAA2B;AAC1D,OAAO,EAAE,cAAc,EAAE,+BAA2B"}

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

@@ -0,0 +1,3 @@
+export { ButtonLink } from "./ButtonLink.mjs";
+export { ButtonLinkSize } from "./ButtonLink.types.mjs";
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/button-link/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,yBAAqB;AAE1C,OAAO,EAAE,cAAc,EAAE,+BAA2B","sourcesContent":["export { ButtonLink } from './ButtonLink';\nexport type { ButtonLinkProps } from './ButtonLink.types';\nexport { ButtonLinkSize } from './ButtonLink.types';\n"]}

package/dist/components/button-primary/ButtonPrimary.cjs

@@ -0,0 +1,43 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonPrimary = void 0;
+const react_1 = __importDefault(require("react"));
+const tw_merge_1 = require("../../utils/tw-merge.cjs");
+const button_base_1 = require("../button-base/index.cjs");
+exports.ButtonPrimary = react_1.default.forwardRef(({ className, isDanger, isInverse, isDisabled, isLoading, ...props }, ref) => {
+    const isInteractive = !(isDisabled ?? isLoading);
+    const mergedClassName = (0, tw_merge_1.twMerge)(
+    // Default primary styles
+    !isDanger && !isInverse && 'bg-primary-default text-primary-inverse', 
+    // Danger styles
+    isDanger && !isInverse && 'bg-error-default text-error-inverse', 
+    // Inverse styles
+    isInverse && !isDanger && 'bg-default text-default', 
+    // Inverse danger styles
+    isInverse && isDanger && 'bg-default text-error-default', 
+    // Animation classes - only applied when interactive
+    isInteractive && [
+        'transition-[transform,colors,opacity]',
+        'duration-100',
+        'ease-linear',
+        // Hover states based on variant
+        !isDanger && !isInverse && 'hover:bg-primary-default-hover',
+        isDanger && !isInverse && 'hover:bg-error-default-hover',
+        isInverse && !isDanger && 'hover:bg-default-hover',
+        isInverse && isDanger && 'hover:bg-default-hover',
+        // Active/Pressed states
+        !isDanger && !isInverse && 'active:bg-primary-default-pressed',
+        isDanger && !isInverse && 'active:bg-error-default-pressed',
+        isInverse && !isDanger && 'active:bg-default-pressed',
+        isInverse && isDanger && 'active:bg-default-pressed',
+        // Scale animation
+        'active:scale-95',
+        'active:ease-[cubic-bezier(0.3,0.8,0.3,1)]', // TODO: Add to design tokens
+    ], className);
+    return (react_1.default.createElement(button_base_1.ButtonBase, { ref: ref, className: mergedClassName, isDisabled: isDisabled, isLoading: isLoading, ...props }));
+});
+exports.ButtonPrimary.displayName = 'ButtonPrimary';
+//# sourceMappingURL=ButtonPrimary.cjs.map

package/dist/components/button-primary/ButtonPrimary.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonPrimary.cjs","sourceRoot":"","sources":["../../../src/components/button-primary/ButtonPrimary.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uDAA+C;AAC/C,0DAA4C;AAG/B,QAAA,aAAa,GAAG,eAAK,CAAC,UAAU,CAI3C,CACE,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EACnE,GAAG,EACH,EAAE;IACF,MAAM,aAAa,GAAG,CAAC,CAAC,UAAU,IAAI,SAAS,CAAC,CAAC;IAEjD,MAAM,eAAe,GAAG,IAAA,kBAAO;IAC7B,yBAAyB;IACzB,CAAC,QAAQ,IAAI,CAAC,SAAS,IAAI,yCAAyC;IACpE,gBAAgB;IAChB,QAAQ,IAAI,CAAC,SAAS,IAAI,qCAAqC;IAC/D,iBAAiB;IACjB,SAAS,IAAI,CAAC,QAAQ,IAAI,yBAAyB;IACnD,wBAAwB;IACxB,SAAS,IAAI,QAAQ,IAAI,+BAA+B;IACxD,oDAAoD;IACpD,aAAa,IAAI;QACf,uCAAuC;QACvC,cAAc;QACd,aAAa;QACb,gCAAgC;QAChC,CAAC,QAAQ,IAAI,CAAC,SAAS,IAAI,gCAAgC;QAC3D,QAAQ,IAAI,CAAC,SAAS,IAAI,8BAA8B;QACxD,SAAS,IAAI,CAAC,QAAQ,IAAI,wBAAwB;QAClD,SAAS,IAAI,QAAQ,IAAI,wBAAwB;QACjD,wBAAwB;QACxB,CAAC,QAAQ,IAAI,CAAC,SAAS,IAAI,mCAAmC;QAC9D,QAAQ,IAAI,CAAC,SAAS,IAAI,iCAAiC;QAC3D,SAAS,IAAI,CAAC,QAAQ,IAAI,2BAA2B;QACrD,SAAS,IAAI,QAAQ,IAAI,2BAA2B;QACpD,kBAAkB;QAClB,iBAAiB;QACjB,2CAA2C,EAAE,6BAA6B;KAC3E,EACD,SAAS,CACV,CAAC;IAEF,OAAO,CACL,8BAAC,wBAAU,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,eAAe,EAC1B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,KAChB,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC","sourcesContent":["import React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { ButtonBase } from '../button-base';\nimport type { ButtonPrimaryProps } from './ButtonPrimary.types';\n\nexport const ButtonPrimary = React.forwardRef<\n  HTMLButtonElement,\n  ButtonPrimaryProps\n>(\n  (\n    { className, isDanger, isInverse, isDisabled, isLoading, ...props },\n    ref,\n  ) => {\n    const isInteractive = !(isDisabled ?? isLoading);\n\n    const mergedClassName = twMerge(\n      // Default primary styles\n      !isDanger && !isInverse && 'bg-primary-default text-primary-inverse',\n      // Danger styles\n      isDanger && !isInverse && 'bg-error-default text-error-inverse',\n      // Inverse styles\n      isInverse && !isDanger && 'bg-default text-default',\n      // Inverse danger styles\n      isInverse && isDanger && 'bg-default text-error-default',\n      // Animation classes - only applied when interactive\n      isInteractive && [\n        'transition-[transform,colors,opacity]',\n        'duration-100',\n        'ease-linear',\n        // Hover states based on variant\n        !isDanger && !isInverse && 'hover:bg-primary-default-hover',\n        isDanger && !isInverse && 'hover:bg-error-default-hover',\n        isInverse && !isDanger && 'hover:bg-default-hover',\n        isInverse && isDanger && 'hover:bg-default-hover',\n        // Active/Pressed states\n        !isDanger && !isInverse && 'active:bg-primary-default-pressed',\n        isDanger && !isInverse && 'active:bg-error-default-pressed',\n        isInverse && !isDanger && 'active:bg-default-pressed',\n        isInverse && isDanger && 'active:bg-default-pressed',\n        // Scale animation\n        'active:scale-95',\n        'active:ease-[cubic-bezier(0.3,0.8,0.3,1)]', // TODO: Add to design tokens\n      ],\n      className,\n    );\n\n    return (\n      <ButtonBase\n        ref={ref}\n        className={mergedClassName}\n        isDisabled={isDisabled}\n        isLoading={isLoading}\n        {...props}\n      />\n    );\n  },\n);\n\nButtonPrimary.displayName = 'ButtonPrimary';\n"]}

package/dist/components/button-primary/ButtonPrimary.d.cts

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

package/dist/components/button-primary/ButtonPrimary.d.cts.map

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

package/dist/components/button-primary/ButtonPrimary.d.mts

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

package/dist/components/button-primary/ButtonPrimary.d.mts.map

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

package/dist/components/button-primary/ButtonPrimary.mjs

@@ -0,0 +1,44 @@
+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 { ButtonBase } from "../button-base/index.mjs";
+export const ButtonPrimary = React.forwardRef(({ className, isDanger, isInverse, isDisabled, isLoading, ...props }, ref) => {
+    const isInteractive = !(isDisabled ?? isLoading);
+    const mergedClassName = twMerge(
+    // Default primary styles
+    !isDanger && !isInverse && 'bg-primary-default text-primary-inverse', 
+    // Danger styles
+    isDanger && !isInverse && 'bg-error-default text-error-inverse', 
+    // Inverse styles
+    isInverse && !isDanger && 'bg-default text-default', 
+    // Inverse danger styles
+    isInverse && isDanger && 'bg-default text-error-default', 
+    // Animation classes - only applied when interactive
+    isInteractive && [
+        'transition-[transform,colors,opacity]',
+        'duration-100',
+        'ease-linear',
+        // Hover states based on variant
+        !isDanger && !isInverse && 'hover:bg-primary-default-hover',
+        isDanger && !isInverse && 'hover:bg-error-default-hover',
+        isInverse && !isDanger && 'hover:bg-default-hover',
+        isInverse && isDanger && 'hover:bg-default-hover',
+        // Active/Pressed states
+        !isDanger && !isInverse && 'active:bg-primary-default-pressed',
+        isDanger && !isInverse && 'active:bg-error-default-pressed',
+        isInverse && !isDanger && 'active:bg-default-pressed',
+        isInverse && isDanger && 'active:bg-default-pressed',
+        // Scale animation
+        'active:scale-95',
+        'active:ease-[cubic-bezier(0.3,0.8,0.3,1)]', // TODO: Add to design tokens
+    ], className);
+    return (React.createElement(ButtonBase, { ref: ref, className: mergedClassName, isDisabled: isDisabled, isLoading: isLoading, ...props }));
+});
+ButtonPrimary.displayName = 'ButtonPrimary';
+//# sourceMappingURL=ButtonPrimary.mjs.map

package/dist/components/button-primary/ButtonPrimary.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonPrimary.mjs","sourceRoot":"","sources":["../../../src/components/button-primary/ButtonPrimary.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAC/C,OAAO,EAAE,UAAU,EAAE,iCAAuB;AAG5C,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAI3C,CACE,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EACnE,GAAG,EACH,EAAE;IACF,MAAM,aAAa,GAAG,CAAC,CAAC,UAAU,IAAI,SAAS,CAAC,CAAC;IAEjD,MAAM,eAAe,GAAG,OAAO;IAC7B,yBAAyB;IACzB,CAAC,QAAQ,IAAI,CAAC,SAAS,IAAI,yCAAyC;IACpE,gBAAgB;IAChB,QAAQ,IAAI,CAAC,SAAS,IAAI,qCAAqC;IAC/D,iBAAiB;IACjB,SAAS,IAAI,CAAC,QAAQ,IAAI,yBAAyB;IACnD,wBAAwB;IACxB,SAAS,IAAI,QAAQ,IAAI,+BAA+B;IACxD,oDAAoD;IACpD,aAAa,IAAI;QACf,uCAAuC;QACvC,cAAc;QACd,aAAa;QACb,gCAAgC;QAChC,CAAC,QAAQ,IAAI,CAAC,SAAS,IAAI,gCAAgC;QAC3D,QAAQ,IAAI,CAAC,SAAS,IAAI,8BAA8B;QACxD,SAAS,IAAI,CAAC,QAAQ,IAAI,wBAAwB;QAClD,SAAS,IAAI,QAAQ,IAAI,wBAAwB;QACjD,wBAAwB;QACxB,CAAC,QAAQ,IAAI,CAAC,SAAS,IAAI,mCAAmC;QAC9D,QAAQ,IAAI,CAAC,SAAS,IAAI,iCAAiC;QAC3D,SAAS,IAAI,CAAC,QAAQ,IAAI,2BAA2B;QACrD,SAAS,IAAI,QAAQ,IAAI,2BAA2B;QACpD,kBAAkB;QAClB,iBAAiB;QACjB,2CAA2C,EAAE,6BAA6B;KAC3E,EACD,SAAS,CACV,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,eAAe,EAC1B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,KAChB,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC","sourcesContent":["import React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { ButtonBase } from '../button-base';\nimport type { ButtonPrimaryProps } from './ButtonPrimary.types';\n\nexport const ButtonPrimary = React.forwardRef<\n  HTMLButtonElement,\n  ButtonPrimaryProps\n>(\n  (\n    { className, isDanger, isInverse, isDisabled, isLoading, ...props },\n    ref,\n  ) => {\n    const isInteractive = !(isDisabled ?? isLoading);\n\n    const mergedClassName = twMerge(\n      // Default primary styles\n      !isDanger && !isInverse && 'bg-primary-default text-primary-inverse',\n      // Danger styles\n      isDanger && !isInverse && 'bg-error-default text-error-inverse',\n      // Inverse styles\n      isInverse && !isDanger && 'bg-default text-default',\n      // Inverse danger styles\n      isInverse && isDanger && 'bg-default text-error-default',\n      // Animation classes - only applied when interactive\n      isInteractive && [\n        'transition-[transform,colors,opacity]',\n        'duration-100',\n        'ease-linear',\n        // Hover states based on variant\n        !isDanger && !isInverse && 'hover:bg-primary-default-hover',\n        isDanger && !isInverse && 'hover:bg-error-default-hover',\n        isInverse && !isDanger && 'hover:bg-default-hover',\n        isInverse && isDanger && 'hover:bg-default-hover',\n        // Active/Pressed states\n        !isDanger && !isInverse && 'active:bg-primary-default-pressed',\n        isDanger && !isInverse && 'active:bg-error-default-pressed',\n        isInverse && !isDanger && 'active:bg-default-pressed',\n        isInverse && isDanger && 'active:bg-default-pressed',\n        // Scale animation\n        'active:scale-95',\n        'active:ease-[cubic-bezier(0.3,0.8,0.3,1)]', // TODO: Add to design tokens\n      ],\n      className,\n    );\n\n    return (\n      <ButtonBase\n        ref={ref}\n        className={mergedClassName}\n        isDisabled={isDisabled}\n        isLoading={isLoading}\n        {...props}\n      />\n    );\n  },\n);\n\nButtonPrimary.displayName = 'ButtonPrimary';\n"]}

package/dist/components/button-primary/ButtonPrimary.types.cjs

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

package/dist/components/button-primary/ButtonPrimary.types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonPrimary.types.cjs","sourceRoot":"","sources":["../../../src/components/button-primary/ButtonPrimary.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ButtonBaseProps } from '../button-base';\n\nexport type ButtonPrimaryProps = Omit<\n  ButtonBaseProps,\n  // We handle these props in ButtonPrimary\n  'className' | 'isDisabled' | 'isLoading' | 'style'\n> & {\n  /**\n   * Optional prop for additional CSS classes to be applied to the ButtonPrimary 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 dark theme 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-primary/ButtonPrimary.types.d.cts

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+import type { ButtonBaseProps } from "../button-base/index.cjs";
+export type ButtonPrimaryProps = Omit<ButtonBaseProps, 'className' | 'isDisabled' | 'isLoading' | 'style'> & {
+    /**
+     * Optional prop for additional CSS classes to be applied to the ButtonPrimary 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 dark theme 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=ButtonPrimary.types.d.cts.map

package/dist/components/button-primary/ButtonPrimary.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonPrimary.types.d.cts","sourceRoot":"","sources":["../../../src/components/button-primary/ButtonPrimary.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,iCAAuB;AAEtD,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,eAAe,EAEf,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-primary/ButtonPrimary.types.d.mts

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+import type { ButtonBaseProps } from "../button-base/index.mjs";
+export type ButtonPrimaryProps = Omit<ButtonBaseProps, 'className' | 'isDisabled' | 'isLoading' | 'style'> & {
+    /**
+     * Optional prop for additional CSS classes to be applied to the ButtonPrimary 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 dark theme 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=ButtonPrimary.types.d.mts.map

package/dist/components/button-primary/ButtonPrimary.types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonPrimary.types.d.mts","sourceRoot":"","sources":["../../../src/components/button-primary/ButtonPrimary.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,iCAAuB;AAEtD,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,eAAe,EAEf,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-primary/ButtonPrimary.types.mjs

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

package/dist/components/button-primary/ButtonPrimary.types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonPrimary.types.mjs","sourceRoot":"","sources":["../../../src/components/button-primary/ButtonPrimary.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ButtonBaseProps } from '../button-base';\n\nexport type ButtonPrimaryProps = Omit<\n  ButtonBaseProps,\n  // We handle these props in ButtonPrimary\n  'className' | 'isDisabled' | 'isLoading' | 'style'\n> & {\n  /**\n   * Optional prop for additional CSS classes to be applied to the ButtonPrimary 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 dark theme 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-primary/index.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/button-primary/index.ts"],"names":[],"mappings":";;;AAAA,qDAAgD;AAAvC,8GAAA,aAAa,OAAA;AAEtB,wDAAqE;AAA5D,gHAAA,cAAc,OAAqB","sourcesContent":["export { ButtonPrimary } from './ButtonPrimary';\nexport type { ButtonPrimaryProps } from './ButtonPrimary.types';\nexport { ButtonBaseSize as ButtonPrimarySize } from '../button-base';\n"]}

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/button-primary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,4BAAwB;AAEhD,OAAO,EAAE,cAAc,IAAI,iBAAiB,EAAE,iCAAuB","sourcesContent":["export { ButtonPrimary } from './ButtonPrimary';\nexport type { ButtonPrimaryProps } from './ButtonPrimary.types';\nexport { ButtonBaseSize as ButtonPrimarySize } from '../button-base';\n"]}

package/dist/components/icon/Icon.cjs

@@ -8,14 +8,19 @@ 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("svg", { className: mergedClassName, ...props, style: style, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", fill: "currentColor" },
-        react_1.default.createElement("path", { d: "m337 51l-171 0c-75 0-119 45-119 119l0 172c0 74 44 119 119 119l171 0c75 0 119-45 119-119l0-172c1-74-44-119-119-119z m-3 220l-67 0 0 67c0 8-7 15-15 15-9 0-16-7-16-15l0-67-66 0c-9 0-16-7-16-15 0-8 7-15 16-15l66 0 0-67c0-8 7-15 16-15 8 0 15 7 15 15l0 67 67 0c8 0 15 7 15 15 0 8-7 15-15 15z" })));
+    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

@@ -1 +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;AAG5C,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;IACD,MAAM,eAAe,GAAG,IAAA,kBAAO,EAC7B,cAAc,EACd,oCAAmB,CAAC,IAAI,CAAC,EACzB,KAAK,EACL,SAAS,CACV,CAAC;IAEF,OAAO,CACL,uCACE,SAAS,EAAE,eAAe,KACrB,KAAuC,EAC5C,KAAK,EAAE,KAAK,EACZ,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,cAAc;QAEnB,wCAAM,CAAC,EAAC,+RAA+R,GAAG,CACtS,CACP,CAAC;AACJ,CAAC,CAAC;AA/BW,QAAA,IAAI,QA+Bf","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';\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  const mergedClassName = twMerge(\n    'inline-block',\n    ICON_SIZE_CLASS_MAP[size],\n    color,\n    className,\n  );\n\n  return (\n    <svg\n      className={mergedClassName}\n      {...(props as React.SVGProps<SVGSVGElement>)}\n      style={style}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 512 512\"\n      fill=\"currentColor\"\n    >\n      <path d=\"m337 51l-171 0c-75 0-119 45-119 119l0 172c0 74 44 119 119 119l171 0c75 0 119-45 119-119l0-172c1-74-44-119-119-119z m-3 220l-67 0 0 67c0 8-7 15-15 15-9 0-16-7-16-15l0-67-66 0c-9 0-16-7-16-15 0-8 7-15 16-15l66 0 0-67c0-8 7-15 16-15 8 0 15 7 15 15l0 67 67 0c8 0 15 7 15 15 0 8-7 15-15 15z\" />\n    </svg>\n  );\n};\n"]}
+{"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.d.cts.map

@@ -1 +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;AAE9C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA+BpC,CAAC"}
+{"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.map

@@ -1 +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;AAE9C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA+BpC,CAAC"}
+{"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

@@ -9,13 +9,18 @@ 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("svg", { className: mergedClassName, ...props, style: style, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", fill: "currentColor" },
-        React.createElement("path", { d: "m337 51l-171 0c-75 0-119 45-119 119l0 172c0 74 44 119 119 119l171 0c75 0 119-45 119-119l0-172c1-74-44-119-119-119z m-3 220l-67 0 0 67c0 8-7 15-15 15-9 0-16-7-16-15l0-67-66 0c-9 0-16-7-16-15 0-8 7-15 16-15l66 0 0-67c0-8 7-15 16-15 8 0 15 7 15 15l0 67 67 0c8 0 15 7 15 15 0 8-7 15-15 15z" })));
+    return (React.createElement(IconComponent, { className: mergedClassName, ...props, style: style }));
 };
 //# sourceMappingURL=Icon.mjs.map

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,OAAO,EAAE,iCAA6B;AAC/C,OAAO,EAAE,mBAAmB,EAAE,6BAAyB;AACvD,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,yBAAqB;AAGnD,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;IACD,MAAM,eAAe,GAAG,OAAO,CAC7B,cAAc,EACd,mBAAmB,CAAC,IAAI,CAAC,EACzB,KAAK,EACL,SAAS,CACV,CAAC;IAEF,OAAO,CACL,6BACE,SAAS,EAAE,eAAe,KACrB,KAAuC,EAC5C,KAAK,EAAE,KAAK,EACZ,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,cAAc;QAEnB,8BAAM,CAAC,EAAC,+RAA+R,GAAG,CACtS,CACP,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';\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  const mergedClassName = twMerge(\n    'inline-block',\n    ICON_SIZE_CLASS_MAP[size],\n    color,\n    className,\n  );\n\n  return (\n    <svg\n      className={mergedClassName}\n      {...(props as React.SVGProps<SVGSVGElement>)}\n      style={style}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 512 512\"\n      fill=\"currentColor\"\n    >\n      <path d=\"m337 51l-171 0c-75 0-119 45-119 119l0 172c0 74 44 119 119 119l171 0c75 0 119-45 119-119l0-172c1-74-44-119-119-119z m-3 220l-67 0 0 67c0 8-7 15-15 15-9 0-16-7-16-15l0-67-66 0c-9 0-16-7-16-15 0-8 7-15 16-15l66 0 0-67c0-8 7-15 16-15 8 0 15 7 15 15l0 67 67 0c8 0 15 7 15 15 0 8-7 15-15 15z\" />\n    </svg>\n  );\n};\n"]}
+{"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"]}