@metamask-previews/design-system-react 0.0.0-preview.e6fc4b7 → 0.0.0-preview.f289564

package/dist/components/button-secondary/ButtonSecondary.mjs

@@ -1,61 +0,0 @@
-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 ButtonSecondary = React.forwardRef(({ className, isDanger, isInverse, isDisabled, isLoading, ...props }, ref) => {
-    const isInteractive = !(isDisabled ?? isLoading);
-    const mergedClassName = twMerge(
-    // Default secondary styles
-    !isDanger &&
-        !isInverse && [
-        'bg-transparent border-2 border-icon-muted text-default',
-        // Loading state uses pressed color
-        isLoading && 'bg-pressed',
-    ], 
-    // Danger styles
-    isDanger &&
-        !isInverse && [
-        'bg-error-muted border-2 border-error-default text-error-default',
-        // Loading state uses error muted pressed color
-        isLoading && 'bg-error-muted-pressed text-error-default-pressed',
-    ], 
-    // Inverse styles
-    isInverse &&
-        !isDanger && [
-        'bg-transparent border-2 border-primary-inverse text-primary-inverse',
-        // Loading state uses pressed color
-        isLoading && 'bg-pressed',
-    ], 
-    // Inverse danger styles
-    isInverse &&
-        isDanger && [
-        'bg-default border-0 text-error-default',
-        // Loading state uses pressed color
-        isLoading && 'bg-default-pressed',
-    ], 
-    // Hover/Active states - only applied when interactive
-    isInteractive && [
-        !isDanger && !isInverse && ['hover:bg-hover', 'active:bg-pressed'],
-        isDanger &&
-            !isInverse && [
-            'hover:bg-error-muted-hover',
-            'active:bg-error-muted-pressed',
-        ],
-        isInverse && !isDanger && ['hover:bg-hover', 'active:bg-pressed'],
-        isInverse &&
-            isDanger && ['hover:bg-default-hover', 'active:bg-default-pressed'],
-    ], 
-    // Loading styles
-    isLoading && 'cursor-not-allowed', 
-    // Disabled styles (but not loading)
-    isDisabled && !isLoading && ['opacity-50', 'cursor-not-allowed'], className);
-    return (React.createElement(ButtonBase, { ref: ref, className: mergedClassName, isDisabled: isDisabled, isLoading: isLoading, ...props }));
-});
-ButtonSecondary.displayName = 'ButtonSecondary';
-//# sourceMappingURL=ButtonSecondary.mjs.map

package/dist/components/button-secondary/ButtonSecondary.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonSecondary.mjs","sourceRoot":"","sources":["../../../src/components/button-secondary/ButtonSecondary.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAC/C,OAAO,EAAE,UAAU,EAAE,iCAAuB;AAG5C,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAI7C,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,2BAA2B;IAC3B,CAAC,QAAQ;QACP,CAAC,SAAS,IAAI;QACZ,wDAAwD;QACxD,mCAAmC;QACnC,SAAS,IAAI,YAAY;KAC1B;IACH,gBAAgB;IAChB,QAAQ;QACN,CAAC,SAAS,IAAI;QACZ,iEAAiE;QACjE,+CAA+C;QAC/C,SAAS,IAAI,mDAAmD;KACjE;IACH,iBAAiB;IACjB,SAAS;QACP,CAAC,QAAQ,IAAI;QACX,qEAAqE;QACrE,mCAAmC;QACnC,SAAS,IAAI,YAAY;KAC1B;IACH,wBAAwB;IACxB,SAAS;QACP,QAAQ,IAAI;QACV,wCAAwC;QACxC,mCAAmC;QACnC,SAAS,IAAI,oBAAoB;KAClC;IACH,sDAAsD;IACtD,aAAa,IAAI;QACf,CAAC,QAAQ,IAAI,CAAC,SAAS,IAAI,CAAC,gBAAgB,EAAE,mBAAmB,CAAC;QAClE,QAAQ;YACN,CAAC,SAAS,IAAI;YACZ,4BAA4B;YAC5B,+BAA+B;SAChC;QACH,SAAS,IAAI,CAAC,QAAQ,IAAI,CAAC,gBAAgB,EAAE,mBAAmB,CAAC;QACjE,SAAS;YACP,QAAQ,IAAI,CAAC,wBAAwB,EAAE,2BAA2B,CAAC;KACtE;IACD,iBAAiB;IACjB,SAAS,IAAI,oBAAoB;IACjC,oCAAoC;IACpC,UAAU,IAAI,CAAC,SAAS,IAAI,CAAC,YAAY,EAAE,oBAAoB,CAAC,EAChE,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,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC","sourcesContent":["import React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { ButtonBase } from '../button-base';\nimport type { ButtonSecondaryProps } from './ButtonSecondary.types';\n\nexport const ButtonSecondary = React.forwardRef<\n  HTMLButtonElement,\n  ButtonSecondaryProps\n>(\n  (\n    { className, isDanger, isInverse, isDisabled, isLoading, ...props },\n    ref,\n  ) => {\n    const isInteractive = !(isDisabled ?? isLoading);\n\n    const mergedClassName = twMerge(\n      // Default secondary styles\n      !isDanger &&\n        !isInverse && [\n          'bg-transparent border-2 border-icon-muted text-default',\n          // Loading state uses pressed color\n          isLoading && 'bg-pressed',\n        ],\n      // Danger styles\n      isDanger &&\n        !isInverse && [\n          'bg-error-muted border-2 border-error-default text-error-default',\n          // Loading state uses error muted pressed color\n          isLoading && 'bg-error-muted-pressed text-error-default-pressed',\n        ],\n      // Inverse styles\n      isInverse &&\n        !isDanger && [\n          'bg-transparent border-2 border-primary-inverse text-primary-inverse',\n          // Loading state uses pressed color\n          isLoading && 'bg-pressed',\n        ],\n      // Inverse danger styles\n      isInverse &&\n        isDanger && [\n          'bg-default border-0 text-error-default',\n          // Loading state uses pressed color\n          isLoading && 'bg-default-pressed',\n        ],\n      // Hover/Active states - only applied when interactive\n      isInteractive && [\n        !isDanger && !isInverse && ['hover:bg-hover', 'active:bg-pressed'],\n        isDanger &&\n          !isInverse && [\n            'hover:bg-error-muted-hover',\n            'active:bg-error-muted-pressed',\n          ],\n        isInverse && !isDanger && ['hover:bg-hover', 'active:bg-pressed'],\n        isInverse &&\n          isDanger && ['hover:bg-default-hover', 'active:bg-default-pressed'],\n      ],\n      // Loading styles\n      isLoading && 'cursor-not-allowed',\n      // Disabled styles (but not loading)\n      isDisabled && !isLoading && ['opacity-50', 'cursor-not-allowed'],\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\nButtonSecondary.displayName = 'ButtonSecondary';\n"]}

package/dist/components/button-secondary/ButtonSecondary.types.cjs.map

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

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

package/dist/components/button-secondary/ButtonSecondary.types.d.cts.map

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

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

package/dist/components/button-secondary/ButtonSecondary.types.d.mts.map

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/button-secondary/index.ts"],"names":[],"mappings":";;;AAAA,yDAAoD;AAA3C,kHAAA,eAAe,OAAA;AAExB,wDAAuE;AAA9D,kHAAA,cAAc,OAAuB","sourcesContent":["export { ButtonSecondary } from './ButtonSecondary';\nexport type { ButtonSecondaryProps } from './ButtonSecondary.types';\nexport { ButtonBaseSize as ButtonSecondarySize } from '../button-base';\n"]}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/button-secondary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,8BAA0B;AACpD,YAAY,EAAE,oBAAoB,EAAE,oCAAgC;AACpE,OAAO,EAAE,cAAc,IAAI,mBAAmB,EAAE,iCAAuB"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/button-secondary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,8BAA0B;AACpD,YAAY,EAAE,oBAAoB,EAAE,oCAAgC;AACpE,OAAO,EAAE,cAAc,IAAI,mBAAmB,EAAE,iCAAuB"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/button-secondary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,8BAA0B;AAEpD,OAAO,EAAE,cAAc,IAAI,mBAAmB,EAAE,iCAAuB","sourcesContent":["export { ButtonSecondary } from './ButtonSecondary';\nexport type { ButtonSecondaryProps } from './ButtonSecondary.types';\nexport { ButtonBaseSize as ButtonSecondarySize } from '../button-base';\n"]}

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

@@ -1,60 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonTertiary = 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.ButtonTertiary = react_1.default.forwardRef(({ className, isDanger, isInverse, isDisabled, isLoading, ...props }, ref) => {
-    const isInteractive = !(isDisabled ?? isLoading);
-    const mergedClassName = (0, tw_merge_1.twMerge)(
-    // Default tertiary styles
-    !isDanger &&
-        !isInverse && [
-        'bg-transparent text-primary-default',
-        // Loading state uses pressed color
-        isLoading && 'bg-pressed',
-    ], 
-    // Danger styles
-    isDanger &&
-        !isInverse && [
-        'bg-transparent text-error-default',
-        // Loading state uses error muted pressed color
-        isLoading && 'bg-error-muted-pressed text-error-default-pressed',
-    ], 
-    // Inverse styles
-    isInverse &&
-        !isDanger && [
-        'bg-transparent text-primary-inverse',
-        // Loading state uses pressed color
-        isLoading && 'bg-pressed',
-    ], 
-    // Inverse danger styles
-    isInverse &&
-        isDanger && [
-        'bg-default text-error-default',
-        // Loading state uses pressed color
-        isLoading && 'bg-default-pressed',
-    ], 
-    // Hover/Active states - only applied when interactive
-    isInteractive && [
-        'hover:bg-hover',
-        'active:bg-pressed',
-        isInverse &&
-            isDanger && ['hover:bg-default-hover', 'active:bg-default-pressed'],
-        isDanger &&
-            !isInverse && [
-            'hover:bg-error-muted-hover',
-            'active:bg-error-muted-pressed',
-        ],
-    ], 
-    // Loading styles
-    isLoading && 'cursor-not-allowed', 
-    // Disabled styles (but not loading)
-    isDisabled && !isLoading && ['opacity-50', 'cursor-not-allowed'], className);
-    return (react_1.default.createElement(button_base_1.ButtonBase, { ref: ref, className: mergedClassName, isDisabled: isDisabled, isLoading: isLoading, ...props }));
-});
-exports.ButtonTertiary.displayName = 'ButtonTertiary';
-//# sourceMappingURL=ButtonTertiary.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonTertiary.cjs","sourceRoot":"","sources":["../../../src/components/button-tertiary/ButtonTertiary.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uDAA+C;AAC/C,0DAA4C;AAG/B,QAAA,cAAc,GAAG,eAAK,CAAC,UAAU,CAI5C,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,0BAA0B;IAC1B,CAAC,QAAQ;QACP,CAAC,SAAS,IAAI;QACZ,qCAAqC;QACrC,mCAAmC;QACnC,SAAS,IAAI,YAAY;KAC1B;IACH,gBAAgB;IAChB,QAAQ;QACN,CAAC,SAAS,IAAI;QACZ,mCAAmC;QACnC,+CAA+C;QAC/C,SAAS,IAAI,mDAAmD;KACjE;IACH,iBAAiB;IACjB,SAAS;QACP,CAAC,QAAQ,IAAI;QACX,qCAAqC;QACrC,mCAAmC;QACnC,SAAS,IAAI,YAAY;KAC1B;IACH,wBAAwB;IACxB,SAAS;QACP,QAAQ,IAAI;QACV,+BAA+B;QAC/B,mCAAmC;QACnC,SAAS,IAAI,oBAAoB;KAClC;IACH,sDAAsD;IACtD,aAAa,IAAI;QACf,gBAAgB;QAChB,mBAAmB;QACnB,SAAS;YACP,QAAQ,IAAI,CAAC,wBAAwB,EAAE,2BAA2B,CAAC;QACrE,QAAQ;YACN,CAAC,SAAS,IAAI;YACZ,4BAA4B;YAC5B,+BAA+B;SAChC;KACJ;IACD,iBAAiB;IACjB,SAAS,IAAI,oBAAoB;IACjC,oCAAoC;IACpC,UAAU,IAAI,CAAC,SAAS,IAAI,CAAC,YAAY,EAAE,oBAAoB,CAAC,EAChE,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,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC","sourcesContent":["import React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { ButtonBase } from '../button-base';\nimport type { ButtonTertiaryProps } from './ButtonTertiary.types';\n\nexport const ButtonTertiary = React.forwardRef<\n  HTMLButtonElement,\n  ButtonTertiaryProps\n>(\n  (\n    { className, isDanger, isInverse, isDisabled, isLoading, ...props },\n    ref,\n  ) => {\n    const isInteractive = !(isDisabled ?? isLoading);\n\n    const mergedClassName = twMerge(\n      // Default tertiary styles\n      !isDanger &&\n        !isInverse && [\n          'bg-transparent text-primary-default',\n          // Loading state uses pressed color\n          isLoading && 'bg-pressed',\n        ],\n      // Danger styles\n      isDanger &&\n        !isInverse && [\n          'bg-transparent text-error-default',\n          // Loading state uses error muted pressed color\n          isLoading && 'bg-error-muted-pressed text-error-default-pressed',\n        ],\n      // Inverse styles\n      isInverse &&\n        !isDanger && [\n          'bg-transparent text-primary-inverse',\n          // Loading state uses pressed color\n          isLoading && 'bg-pressed',\n        ],\n      // Inverse danger styles\n      isInverse &&\n        isDanger && [\n          'bg-default text-error-default',\n          // Loading state uses pressed color\n          isLoading && 'bg-default-pressed',\n        ],\n      // Hover/Active states - only applied when interactive\n      isInteractive && [\n        'hover:bg-hover',\n        'active:bg-pressed',\n        isInverse &&\n          isDanger && ['hover:bg-default-hover', 'active:bg-default-pressed'],\n        isDanger &&\n          !isInverse && [\n            'hover:bg-error-muted-hover',\n            'active:bg-error-muted-pressed',\n          ],\n      ],\n      // Loading styles\n      isLoading && 'cursor-not-allowed',\n      // Disabled styles (but not loading)\n      isDisabled && !isLoading && ['opacity-50', 'cursor-not-allowed'],\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\nButtonTertiary.displayName = 'ButtonTertiary';\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonTertiary.d.cts","sourceRoot":"","sources":["../../../src/components/button-tertiary/ButtonTertiary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAI1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,mCAA+B;AAElE,eAAO,MAAM,cAAc,4GAoE1B,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonTertiary.d.mts","sourceRoot":"","sources":["../../../src/components/button-tertiary/ButtonTertiary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAI1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,mCAA+B;AAElE,eAAO,MAAM,cAAc,4GAoE1B,CAAC"}

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

@@ -1,61 +0,0 @@
-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 ButtonTertiary = React.forwardRef(({ className, isDanger, isInverse, isDisabled, isLoading, ...props }, ref) => {
-    const isInteractive = !(isDisabled ?? isLoading);
-    const mergedClassName = twMerge(
-    // Default tertiary styles
-    !isDanger &&
-        !isInverse && [
-        'bg-transparent text-primary-default',
-        // Loading state uses pressed color
-        isLoading && 'bg-pressed',
-    ], 
-    // Danger styles
-    isDanger &&
-        !isInverse && [
-        'bg-transparent text-error-default',
-        // Loading state uses error muted pressed color
-        isLoading && 'bg-error-muted-pressed text-error-default-pressed',
-    ], 
-    // Inverse styles
-    isInverse &&
-        !isDanger && [
-        'bg-transparent text-primary-inverse',
-        // Loading state uses pressed color
-        isLoading && 'bg-pressed',
-    ], 
-    // Inverse danger styles
-    isInverse &&
-        isDanger && [
-        'bg-default text-error-default',
-        // Loading state uses pressed color
-        isLoading && 'bg-default-pressed',
-    ], 
-    // Hover/Active states - only applied when interactive
-    isInteractive && [
-        'hover:bg-hover',
-        'active:bg-pressed',
-        isInverse &&
-            isDanger && ['hover:bg-default-hover', 'active:bg-default-pressed'],
-        isDanger &&
-            !isInverse && [
-            'hover:bg-error-muted-hover',
-            'active:bg-error-muted-pressed',
-        ],
-    ], 
-    // Loading styles
-    isLoading && 'cursor-not-allowed', 
-    // Disabled styles (but not loading)
-    isDisabled && !isLoading && ['opacity-50', 'cursor-not-allowed'], className);
-    return (React.createElement(ButtonBase, { ref: ref, className: mergedClassName, isDisabled: isDisabled, isLoading: isLoading, ...props }));
-});
-ButtonTertiary.displayName = 'ButtonTertiary';
-//# sourceMappingURL=ButtonTertiary.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonTertiary.mjs","sourceRoot":"","sources":["../../../src/components/button-tertiary/ButtonTertiary.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAC/C,OAAO,EAAE,UAAU,EAAE,iCAAuB;AAG5C,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAI5C,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,0BAA0B;IAC1B,CAAC,QAAQ;QACP,CAAC,SAAS,IAAI;QACZ,qCAAqC;QACrC,mCAAmC;QACnC,SAAS,IAAI,YAAY;KAC1B;IACH,gBAAgB;IAChB,QAAQ;QACN,CAAC,SAAS,IAAI;QACZ,mCAAmC;QACnC,+CAA+C;QAC/C,SAAS,IAAI,mDAAmD;KACjE;IACH,iBAAiB;IACjB,SAAS;QACP,CAAC,QAAQ,IAAI;QACX,qCAAqC;QACrC,mCAAmC;QACnC,SAAS,IAAI,YAAY;KAC1B;IACH,wBAAwB;IACxB,SAAS;QACP,QAAQ,IAAI;QACV,+BAA+B;QAC/B,mCAAmC;QACnC,SAAS,IAAI,oBAAoB;KAClC;IACH,sDAAsD;IACtD,aAAa,IAAI;QACf,gBAAgB;QAChB,mBAAmB;QACnB,SAAS;YACP,QAAQ,IAAI,CAAC,wBAAwB,EAAE,2BAA2B,CAAC;QACrE,QAAQ;YACN,CAAC,SAAS,IAAI;YACZ,4BAA4B;YAC5B,+BAA+B;SAChC;KACJ;IACD,iBAAiB;IACjB,SAAS,IAAI,oBAAoB;IACjC,oCAAoC;IACpC,UAAU,IAAI,CAAC,SAAS,IAAI,CAAC,YAAY,EAAE,oBAAoB,CAAC,EAChE,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,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC","sourcesContent":["import React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { ButtonBase } from '../button-base';\nimport type { ButtonTertiaryProps } from './ButtonTertiary.types';\n\nexport const ButtonTertiary = React.forwardRef<\n  HTMLButtonElement,\n  ButtonTertiaryProps\n>(\n  (\n    { className, isDanger, isInverse, isDisabled, isLoading, ...props },\n    ref,\n  ) => {\n    const isInteractive = !(isDisabled ?? isLoading);\n\n    const mergedClassName = twMerge(\n      // Default tertiary styles\n      !isDanger &&\n        !isInverse && [\n          'bg-transparent text-primary-default',\n          // Loading state uses pressed color\n          isLoading && 'bg-pressed',\n        ],\n      // Danger styles\n      isDanger &&\n        !isInverse && [\n          'bg-transparent text-error-default',\n          // Loading state uses error muted pressed color\n          isLoading && 'bg-error-muted-pressed text-error-default-pressed',\n        ],\n      // Inverse styles\n      isInverse &&\n        !isDanger && [\n          'bg-transparent text-primary-inverse',\n          // Loading state uses pressed color\n          isLoading && 'bg-pressed',\n        ],\n      // Inverse danger styles\n      isInverse &&\n        isDanger && [\n          'bg-default text-error-default',\n          // Loading state uses pressed color\n          isLoading && 'bg-default-pressed',\n        ],\n      // Hover/Active states - only applied when interactive\n      isInteractive && [\n        'hover:bg-hover',\n        'active:bg-pressed',\n        isInverse &&\n          isDanger && ['hover:bg-default-hover', 'active:bg-default-pressed'],\n        isDanger &&\n          !isInverse && [\n            'hover:bg-error-muted-hover',\n            'active:bg-error-muted-pressed',\n          ],\n      ],\n      // Loading styles\n      isLoading && 'cursor-not-allowed',\n      // Disabled styles (but not loading)\n      isDisabled && !isLoading && ['opacity-50', 'cursor-not-allowed'],\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\nButtonTertiary.displayName = 'ButtonTertiary';\n"]}

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

@@ -1 +0,0 @@
-{"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

@@ -1,34 +0,0 @@
-/// <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

@@ -1 +0,0 @@
-{"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

@@ -1,34 +0,0 @@
-/// <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

@@ -1 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"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

@@ -1,8 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,4 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,4 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,3 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,26 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,12 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,3 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,3 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,9 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"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 +0,0 @@
-{"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

@@ -1,26 +0,0 @@
-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