@metamask-previews/design-system-react 0.0.0-preview.8561168 → 0.0.0-preview.8c84975

package/dist/components/button-base/ButtonBase.types.d.mts

@@ -1,97 +0,0 @@
-import type { ComponentProps } from "react";
-import type { MakePropsOptional } from "../../types/make-props-optional.mjs";
-import type { IconName, IconProps } from "../icon/index.mjs";
-import type { TextProps } from "../text/index.mjs";
-export declare enum ButtonBaseSize {
-    /**
-     * Represents a small button size (32px).
-     */
-    Sm = "sm",
-    /**
-     * Represents a medium button size (40px).
-     */
-    Md = "md",
-    /**
-     * Represents a large button size (48px).
-     */
-    Lg = "lg"
-}
-export type ButtonBaseProps = ComponentProps<'button'> & {
-    /**
-     * Required prop for the content to be rendered within the ButtonBase
-     */
-    children: React.ReactNode;
-    /**
-     * Optional prop for additional CSS classes to be applied to the ButtonBase component.
-     * These classes will be merged with the component's default classes using twMerge.
-     */
-    className?: string;
-    /**
-     * Optional prop to control the size of the ButtonBase
-     * @default ButtonBaseSize.Lg
-     */
-    size?: ButtonBaseSize;
-    /**
-     * Optional props to be passed to the Text component when children is a string
-     */
-    textProps?: Partial<TextProps>;
-    /**
-     * Optional prop that when true, makes the button take up the full width of its container
-     * @default false
-     */
-    isFullWidth?: boolean;
-    /**
-     * Optional boolean that determines if the component should merge its props onto its immediate child
-     * instead of rendering a button element
-     * @default false
-     */
-    asChild?: boolean;
-    /**
-     * Optional prop that when true, shows a loading spinner
-     * @default false
-     */
-    isLoading?: boolean;
-    /**
-     * Optional prop for text to display when button is in loading state
-     */
-    loadingText?: string;
-    /**
-     * Optional prop to specify an icon to show at the start of the button
-     */
-    startIconName?: IconName;
-    /**
-     * Optional prop to pass additional properties to the start icon
-     */
-    startIconProps?: MakePropsOptional<IconProps>;
-    /**
-     * Optional prop for a custom element to show at the start of the button
-     */
-    startAccessory?: React.ReactNode;
-    /**
-     * Optional prop to specify an icon to show at the end of the button
-     */
-    endIconName?: IconName;
-    /**
-     * Optional prop to pass additional properties to the end icon
-     */
-    endIconProps?: MakePropsOptional<IconProps>;
-    /**
-     * Optional prop for a custom element to show at the end of the button
-     */
-    endAccessory?: React.ReactNode;
-    /**
-     * Optional prop that when true, disables the button
-     * @default false
-     */
-    isDisabled?: boolean;
-    /**
-     * Optional prop to pass additional properties to the loading icon
-     */
-    loadingIconProps?: MakePropsOptional<IconProps>;
-    /**
-     * 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=ButtonBase.types.d.mts.map

package/dist/components/button-base/ButtonBase.types.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonBase.types.d.mts","sourceRoot":"","sources":["../../../src/components/button-base/ButtonBase.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc;AAE5C,OAAO,KAAK,EAAE,iBAAiB,EAAE,4CAAwC;AACzE,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,0BAAgB;AACnD,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AAEzC,oBAAY,cAAc;IACxB;;OAEG;IACH,EAAE,OAAO;IACT;;OAEG;IACH,EAAE,OAAO;IACT;;OAEG;IACH,EAAE,OAAO;CACV;AAED,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG;IACvD;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAC/B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB;;OAEG;IACH,cAAc,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAC;IAC9C;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC;;OAEG;IACH,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB;;OAEG;IACH,YAAY,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAC;IAC5C;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,gBAAgB,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAC;IAChD;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC"}

package/dist/components/button-base/ButtonBase.types.mjs

@@ -1,16 +0,0 @@
-export var ButtonBaseSize;
-(function (ButtonBaseSize) {
-    /**
-     * Represents a small button size (32px).
-     */
-    ButtonBaseSize["Sm"] = "sm";
-    /**
-     * Represents a medium button size (40px).
-     */
-    ButtonBaseSize["Md"] = "md";
-    /**
-     * Represents a large button size (48px).
-     */
-    ButtonBaseSize["Lg"] = "lg";
-})(ButtonBaseSize || (ButtonBaseSize = {}));
-//# sourceMappingURL=ButtonBase.types.mjs.map

package/dist/components/button-base/ButtonBase.types.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonBase.types.mjs","sourceRoot":"","sources":["../../../src/components/button-base/ButtonBase.types.ts"],"names":[],"mappings":"AAMA,MAAM,CAAN,IAAY,cAaX;AAbD,WAAY,cAAc;IACxB;;OAEG;IACH,2BAAS,CAAA;IACT;;OAEG;IACH,2BAAS,CAAA;IACT;;OAEG;IACH,2BAAS,CAAA;AACX,CAAC,EAbW,cAAc,KAAd,cAAc,QAazB","sourcesContent":["import type { ComponentProps } from 'react';\n\nimport type { MakePropsOptional } from '../../types/make-props-optional';\nimport type { IconName, IconProps } from '../icon';\nimport type { TextProps } from '../text';\n\nexport enum ButtonBaseSize {\n  /**\n   * Represents a small button size (32px).\n   */\n  Sm = 'sm',\n  /**\n   * Represents a medium button size (40px).\n   */\n  Md = 'md',\n  /**\n   * Represents a large button size (48px).\n   */\n  Lg = 'lg',\n}\n\nexport type ButtonBaseProps = ComponentProps<'button'> & {\n  /**\n   * Required prop for the content to be rendered within the ButtonBase\n   */\n  children: React.ReactNode;\n  /**\n   * Optional prop for additional CSS classes to be applied to the ButtonBase component.\n   * These classes will be merged with the component's default classes using twMerge.\n   */\n  className?: string;\n  /**\n   * Optional prop to control the size of the ButtonBase\n   * @default ButtonBaseSize.Lg\n   */\n  size?: ButtonBaseSize;\n  /**\n   * Optional props to be passed to the Text component when children is a string\n   */\n  textProps?: Partial<TextProps>;\n  /**\n   * Optional prop that when true, makes the button take up the full width of its container\n   * @default false\n   */\n  isFullWidth?: boolean;\n  /**\n   * Optional boolean that determines if the component should merge its props onto its immediate child\n   * instead of rendering a button element\n   * @default false\n   */\n  asChild?: boolean;\n  /**\n   * Optional prop that when true, shows a loading spinner\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * Optional prop for text to display when button is in loading state\n   */\n  loadingText?: string;\n  /**\n   * Optional prop to specify an icon to show at the start of the button\n   */\n  startIconName?: IconName;\n  /**\n   * Optional prop to pass additional properties to the start icon\n   */\n  startIconProps?: MakePropsOptional<IconProps>;\n  /**\n   * Optional prop for a custom element to show at the start of the button\n   */\n  startAccessory?: React.ReactNode;\n  /**\n   * Optional prop to specify an icon to show at the end of the button\n   */\n  endIconName?: IconName;\n  /**\n   * Optional prop to pass additional properties to the end icon\n   */\n  endIconProps?: MakePropsOptional<IconProps>;\n  /**\n   * Optional prop for a custom element to show at the end of the button\n   */\n  endAccessory?: React.ReactNode;\n  /**\n   * Optional prop that when true, disables the button\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Optional prop to pass additional properties to the loading icon\n   */\n  loadingIconProps?: MakePropsOptional<IconProps>;\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-base/index.cjs

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/button-base/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-base/index.d.mts

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/button-base/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-base/index.mjs

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

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

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

package/dist/components/button-icon/ButtonIcon.cjs

@@ -1,38 +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.ButtonIcon = 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");
-const icon_1 = require("../icon/index.cjs");
-const ButtonIcon_constants_1 = require("./ButtonIcon.constants.cjs");
-const ButtonIcon_types_1 = require("./ButtonIcon.types.cjs");
-exports.ButtonIcon = react_1.default.forwardRef(({ className, iconName, iconProps, ariaLabel, isDisabled = false, isInverse = false, isFloating = false, size = ButtonIcon_types_1.ButtonIconSize.Md, style, ...props }, ref) => {
-    const isInteractive = !isDisabled;
-    const mergedClassName = (0, tw_merge_1.twMerge)(
-    // Base styles
-    'p-0', 
-    // Size styles
-    ButtonIcon_constants_1.BUTTON_ICON_SIZE_CLASS_MAP[size], 
-    // Floating styles
-    isFloating && [
-        'rounded-full',
-        !isInverse && 'bg-icon-default text-background-default',
-        isInverse && 'bg-icon-default text-background-default',
-    ], 
-    // Non-floating styles
-    !isFloating && [
-        'rounded bg-transparent ',
-        // Only apply hover/active styles when interactive
-        isInteractive && 'hover:bg-hover active:bg-pressed',
-        !isInverse && 'text-icon-default',
-        isInverse && 'text-background-default',
-    ], className);
-    return (react_1.default.createElement(button_base_1.ButtonBase, { ref: ref, className: mergedClassName, isDisabled: isDisabled, "aria-label": ariaLabel, ...props },
-        react_1.default.createElement(icon_1.Icon, { name: iconName, size: ButtonIcon_constants_1.BUTTON_ICON_SIZE_TO_ICON_SIZE_CLASS_MAP[size], className: (0, tw_merge_1.twMerge)('text-inherit', iconProps?.className), ...iconProps })));
-});
-exports.ButtonIcon.displayName = 'ButtonIcon';
-//# sourceMappingURL=ButtonIcon.cjs.map

package/dist/components/button-icon/ButtonIcon.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonIcon.cjs","sourceRoot":"","sources":["../../../src/components/button-icon/ButtonIcon.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uDAA+C;AAC/C,0DAA4C;AAC5C,4CAA+B;AAC/B,qEAGgC;AAEhC,6DAAoD;AAEvC,QAAA,UAAU,GAAG,eAAK,CAAC,UAAU,CACxC,CACE,EACE,SAAS,EACT,QAAQ,EACR,SAAS,EACT,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,KAAK,EAClB,IAAI,GAAG,iCAAc,CAAC,EAAE,EACxB,KAAK,EACL,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,aAAa,GAAG,CAAC,UAAU,CAAC;IAElC,MAAM,eAAe,GAAG,IAAA,kBAAO;IAC7B,cAAc;IACd,KAAK;IACL,cAAc;IACd,iDAA0B,CAAC,IAAI,CAAC;IAChC,kBAAkB;IAClB,UAAU,IAAI;QACZ,cAAc;QACd,CAAC,SAAS,IAAI,yCAAyC;QACvD,SAAS,IAAI,yCAAyC;KACvD;IACD,sBAAsB;IACtB,CAAC,UAAU,IAAI;QACb,yBAAyB;QACzB,kDAAkD;QAClD,aAAa,IAAI,kCAAkC;QACnD,CAAC,SAAS,IAAI,mBAAmB;QACjC,SAAS,IAAI,yBAAyB;KACvC,EACD,SAAS,CACV,CAAC;IAEF,OAAO,CACL,8BAAC,wBAAU,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,eAAe,EAC1B,UAAU,EAAE,UAAU,gBACV,SAAS,KACjB,KAAK;QAET,8BAAC,WAAI,IACH,IAAI,EAAE,QAAQ,EACd,IAAI,EAAE,8DAAuC,CAAC,IAAI,CAAC,EACnD,SAAS,EAAE,IAAA,kBAAO,EAAC,cAAc,EAAE,SAAS,EAAE,SAAS,CAAC,KACpD,SAAS,GACb,CACS,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC","sourcesContent":["import React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { ButtonBase } from '../button-base';\nimport { Icon } from '../icon';\nimport {\n  BUTTON_ICON_SIZE_CLASS_MAP,\n  BUTTON_ICON_SIZE_TO_ICON_SIZE_CLASS_MAP,\n} from './ButtonIcon.constants';\nimport type { ButtonIconProps } from './ButtonIcon.types';\nimport { ButtonIconSize } from './ButtonIcon.types';\n\nexport const ButtonIcon = React.forwardRef<HTMLButtonElement, ButtonIconProps>(\n  (\n    {\n      className,\n      iconName,\n      iconProps,\n      ariaLabel,\n      isDisabled = false,\n      isInverse = false,\n      isFloating = false,\n      size = ButtonIconSize.Md,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    const isInteractive = !isDisabled;\n\n    const mergedClassName = twMerge(\n      // Base styles\n      'p-0',\n      // Size styles\n      BUTTON_ICON_SIZE_CLASS_MAP[size],\n      // Floating styles\n      isFloating && [\n        'rounded-full',\n        !isInverse && 'bg-icon-default text-background-default',\n        isInverse && 'bg-icon-default text-background-default',\n      ],\n      // Non-floating styles\n      !isFloating && [\n        'rounded bg-transparent ',\n        // Only apply hover/active styles when interactive\n        isInteractive && 'hover:bg-hover active:bg-pressed',\n        !isInverse && 'text-icon-default',\n        isInverse && 'text-background-default',\n      ],\n      className,\n    );\n\n    return (\n      <ButtonBase\n        ref={ref}\n        className={mergedClassName}\n        isDisabled={isDisabled}\n        aria-label={ariaLabel}\n        {...props}\n      >\n        <Icon\n          name={iconName}\n          size={BUTTON_ICON_SIZE_TO_ICON_SIZE_CLASS_MAP[size]}\n          className={twMerge('text-inherit', iconProps?.className)}\n          {...iconProps}\n        />\n      </ButtonBase>\n    );\n  },\n);\n\nButtonIcon.displayName = 'ButtonIcon';\n"]}

package/dist/components/button-icon/ButtonIcon.constants.cjs

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BUTTON_ICON_SIZE_TO_ICON_SIZE_CLASS_MAP = exports.BUTTON_ICON_SIZE_CLASS_MAP = void 0;
-const icon_1 = require("../icon/index.cjs");
-const ButtonIcon_types_1 = require("./ButtonIcon.types.cjs");
-exports.BUTTON_ICON_SIZE_CLASS_MAP = {
-    [ButtonIcon_types_1.ButtonIconSize.Sm]: 'h-6 w-6',
-    [ButtonIcon_types_1.ButtonIconSize.Md]: 'h-8 w-8',
-    [ButtonIcon_types_1.ButtonIconSize.Lg]: 'h-10 w-10',
-};
-exports.BUTTON_ICON_SIZE_TO_ICON_SIZE_CLASS_MAP = {
-    [ButtonIcon_types_1.ButtonIconSize.Sm]: icon_1.IconSize.Sm,
-    [ButtonIcon_types_1.ButtonIconSize.Md]: icon_1.IconSize.Md,
-    [ButtonIcon_types_1.ButtonIconSize.Lg]: icon_1.IconSize.Lg,
-};
-//# sourceMappingURL=ButtonIcon.constants.cjs.map

package/dist/components/button-icon/ButtonIcon.constants.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonIcon.constants.cjs","sourceRoot":"","sources":["../../../src/components/button-icon/ButtonIcon.constants.ts"],"names":[],"mappings":";;;AAAA,4CAAmC;AACnC,6DAAoD;AAEvC,QAAA,0BAA0B,GAAG;IACxC,CAAC,iCAAc,CAAC,EAAE,CAAC,EAAE,SAAS;IAC9B,CAAC,iCAAc,CAAC,EAAE,CAAC,EAAE,SAAS;IAC9B,CAAC,iCAAc,CAAC,EAAE,CAAC,EAAE,WAAW;CACxB,CAAC;AAEE,QAAA,uCAAuC,GAAG;IACrD,CAAC,iCAAc,CAAC,EAAE,CAAC,EAAE,eAAQ,CAAC,EAAE;IAChC,CAAC,iCAAc,CAAC,EAAE,CAAC,EAAE,eAAQ,CAAC,EAAE;IAChC,CAAC,iCAAc,CAAC,EAAE,CAAC,EAAE,eAAQ,CAAC,EAAE;CACxB,CAAC","sourcesContent":["import { IconSize } from '../icon';\nimport { ButtonIconSize } from './ButtonIcon.types';\n\nexport const BUTTON_ICON_SIZE_CLASS_MAP = {\n  [ButtonIconSize.Sm]: 'h-6 w-6',\n  [ButtonIconSize.Md]: 'h-8 w-8',\n  [ButtonIconSize.Lg]: 'h-10 w-10',\n} as const;\n\nexport const BUTTON_ICON_SIZE_TO_ICON_SIZE_CLASS_MAP = {\n  [ButtonIconSize.Sm]: IconSize.Sm,\n  [ButtonIconSize.Md]: IconSize.Md,\n  [ButtonIconSize.Lg]: IconSize.Lg,\n} as const;\n"]}

package/dist/components/button-icon/ButtonIcon.constants.d.cts

@@ -1,12 +0,0 @@
-import { IconSize } from "../icon/index.cjs";
-export declare const BUTTON_ICON_SIZE_CLASS_MAP: {
-    readonly sm: "h-6 w-6";
-    readonly md: "h-8 w-8";
-    readonly lg: "h-10 w-10";
-};
-export declare const BUTTON_ICON_SIZE_TO_ICON_SIZE_CLASS_MAP: {
-    readonly sm: IconSize.Sm;
-    readonly md: IconSize.Md;
-    readonly lg: IconSize.Lg;
-};
-//# sourceMappingURL=ButtonIcon.constants.d.cts.map

package/dist/components/button-icon/ButtonIcon.constants.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonIcon.constants.d.cts","sourceRoot":"","sources":["../../../src/components/button-icon/ButtonIcon.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,0BAAgB;AAGnC,eAAO,MAAM,0BAA0B;;;;CAI7B,CAAC;AAEX,eAAO,MAAM,uCAAuC;;;;CAI1C,CAAC"}

package/dist/components/button-icon/ButtonIcon.constants.d.mts

@@ -1,12 +0,0 @@
-import { IconSize } from "../icon/index.mjs";
-export declare const BUTTON_ICON_SIZE_CLASS_MAP: {
-    readonly sm: "h-6 w-6";
-    readonly md: "h-8 w-8";
-    readonly lg: "h-10 w-10";
-};
-export declare const BUTTON_ICON_SIZE_TO_ICON_SIZE_CLASS_MAP: {
-    readonly sm: IconSize.Sm;
-    readonly md: IconSize.Md;
-    readonly lg: IconSize.Lg;
-};
-//# sourceMappingURL=ButtonIcon.constants.d.mts.map

package/dist/components/button-icon/ButtonIcon.constants.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonIcon.constants.d.mts","sourceRoot":"","sources":["../../../src/components/button-icon/ButtonIcon.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,0BAAgB;AAGnC,eAAO,MAAM,0BAA0B;;;;CAI7B,CAAC;AAEX,eAAO,MAAM,uCAAuC;;;;CAI1C,CAAC"}

package/dist/components/button-icon/ButtonIcon.constants.mjs

@@ -1,13 +0,0 @@
-import { IconSize } from "../icon/index.mjs";
-import { ButtonIconSize } from "./ButtonIcon.types.mjs";
-export const BUTTON_ICON_SIZE_CLASS_MAP = {
-    [ButtonIconSize.Sm]: 'h-6 w-6',
-    [ButtonIconSize.Md]: 'h-8 w-8',
-    [ButtonIconSize.Lg]: 'h-10 w-10',
-};
-export const BUTTON_ICON_SIZE_TO_ICON_SIZE_CLASS_MAP = {
-    [ButtonIconSize.Sm]: IconSize.Sm,
-    [ButtonIconSize.Md]: IconSize.Md,
-    [ButtonIconSize.Lg]: IconSize.Lg,
-};
-//# sourceMappingURL=ButtonIcon.constants.mjs.map

package/dist/components/button-icon/ButtonIcon.constants.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonIcon.constants.mjs","sourceRoot":"","sources":["../../../src/components/button-icon/ButtonIcon.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,0BAAgB;AACnC,OAAO,EAAE,cAAc,EAAE,+BAA2B;AAEpD,MAAM,CAAC,MAAM,0BAA0B,GAAG;IACxC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,SAAS;IAC9B,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,SAAS;IAC9B,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,WAAW;CACxB,CAAC;AAEX,MAAM,CAAC,MAAM,uCAAuC,GAAG;IACrD,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,EAAE;IAChC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,EAAE;IAChC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,EAAE;CACxB,CAAC","sourcesContent":["import { IconSize } from '../icon';\nimport { ButtonIconSize } from './ButtonIcon.types';\n\nexport const BUTTON_ICON_SIZE_CLASS_MAP = {\n  [ButtonIconSize.Sm]: 'h-6 w-6',\n  [ButtonIconSize.Md]: 'h-8 w-8',\n  [ButtonIconSize.Lg]: 'h-10 w-10',\n} as const;\n\nexport const BUTTON_ICON_SIZE_TO_ICON_SIZE_CLASS_MAP = {\n  [ButtonIconSize.Sm]: IconSize.Sm,\n  [ButtonIconSize.Md]: IconSize.Md,\n  [ButtonIconSize.Lg]: IconSize.Lg,\n} as const;\n"]}

package/dist/components/button-icon/ButtonIcon.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonIcon.d.cts","sourceRoot":"","sources":["../../../src/components/button-icon/ButtonIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAS1B,OAAO,KAAK,EAAE,eAAe,EAAE,+BAA2B;AAG1D,eAAO,MAAM,UAAU,wGAyDtB,CAAC"}

package/dist/components/button-icon/ButtonIcon.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonIcon.d.mts","sourceRoot":"","sources":["../../../src/components/button-icon/ButtonIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAS1B,OAAO,KAAK,EAAE,eAAe,EAAE,+BAA2B;AAG1D,eAAO,MAAM,UAAU,wGAyDtB,CAAC"}

package/dist/components/button-icon/ButtonIcon.mjs

@@ -1,39 +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";
-import { Icon } from "../icon/index.mjs";
-import { BUTTON_ICON_SIZE_CLASS_MAP, BUTTON_ICON_SIZE_TO_ICON_SIZE_CLASS_MAP } from "./ButtonIcon.constants.mjs";
-import { ButtonIconSize } from "./ButtonIcon.types.mjs";
-export const ButtonIcon = React.forwardRef(({ className, iconName, iconProps, ariaLabel, isDisabled = false, isInverse = false, isFloating = false, size = ButtonIconSize.Md, style, ...props }, ref) => {
-    const isInteractive = !isDisabled;
-    const mergedClassName = twMerge(
-    // Base styles
-    'p-0', 
-    // Size styles
-    BUTTON_ICON_SIZE_CLASS_MAP[size], 
-    // Floating styles
-    isFloating && [
-        'rounded-full',
-        !isInverse && 'bg-icon-default text-background-default',
-        isInverse && 'bg-icon-default text-background-default',
-    ], 
-    // Non-floating styles
-    !isFloating && [
-        'rounded bg-transparent ',
-        // Only apply hover/active styles when interactive
-        isInteractive && 'hover:bg-hover active:bg-pressed',
-        !isInverse && 'text-icon-default',
-        isInverse && 'text-background-default',
-    ], className);
-    return (React.createElement(ButtonBase, { ref: ref, className: mergedClassName, isDisabled: isDisabled, "aria-label": ariaLabel, ...props },
-        React.createElement(Icon, { name: iconName, size: BUTTON_ICON_SIZE_TO_ICON_SIZE_CLASS_MAP[size], className: twMerge('text-inherit', iconProps?.className), ...iconProps })));
-});
-ButtonIcon.displayName = 'ButtonIcon';
-//# sourceMappingURL=ButtonIcon.mjs.map

package/dist/components/button-icon/ButtonIcon.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonIcon.mjs","sourceRoot":"","sources":["../../../src/components/button-icon/ButtonIcon.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAC/C,OAAO,EAAE,UAAU,EAAE,iCAAuB;AAC5C,OAAO,EAAE,IAAI,EAAE,0BAAgB;AAC/B,OAAO,EACL,0BAA0B,EAC1B,uCAAuC,EACxC,mCAA+B;AAEhC,OAAO,EAAE,cAAc,EAAE,+BAA2B;AAEpD,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACxC,CACE,EACE,SAAS,EACT,QAAQ,EACR,SAAS,EACT,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,KAAK,EAClB,IAAI,GAAG,cAAc,CAAC,EAAE,EACxB,KAAK,EACL,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,aAAa,GAAG,CAAC,UAAU,CAAC;IAElC,MAAM,eAAe,GAAG,OAAO;IAC7B,cAAc;IACd,KAAK;IACL,cAAc;IACd,0BAA0B,CAAC,IAAI,CAAC;IAChC,kBAAkB;IAClB,UAAU,IAAI;QACZ,cAAc;QACd,CAAC,SAAS,IAAI,yCAAyC;QACvD,SAAS,IAAI,yCAAyC;KACvD;IACD,sBAAsB;IACtB,CAAC,UAAU,IAAI;QACb,yBAAyB;QACzB,kDAAkD;QAClD,aAAa,IAAI,kCAAkC;QACnD,CAAC,SAAS,IAAI,mBAAmB;QACjC,SAAS,IAAI,yBAAyB;KACvC,EACD,SAAS,CACV,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,eAAe,EAC1B,UAAU,EAAE,UAAU,gBACV,SAAS,KACjB,KAAK;QAET,oBAAC,IAAI,IACH,IAAI,EAAE,QAAQ,EACd,IAAI,EAAE,uCAAuC,CAAC,IAAI,CAAC,EACnD,SAAS,EAAE,OAAO,CAAC,cAAc,EAAE,SAAS,EAAE,SAAS,CAAC,KACpD,SAAS,GACb,CACS,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC","sourcesContent":["import React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { ButtonBase } from '../button-base';\nimport { Icon } from '../icon';\nimport {\n  BUTTON_ICON_SIZE_CLASS_MAP,\n  BUTTON_ICON_SIZE_TO_ICON_SIZE_CLASS_MAP,\n} from './ButtonIcon.constants';\nimport type { ButtonIconProps } from './ButtonIcon.types';\nimport { ButtonIconSize } from './ButtonIcon.types';\n\nexport const ButtonIcon = React.forwardRef<HTMLButtonElement, ButtonIconProps>(\n  (\n    {\n      className,\n      iconName,\n      iconProps,\n      ariaLabel,\n      isDisabled = false,\n      isInverse = false,\n      isFloating = false,\n      size = ButtonIconSize.Md,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    const isInteractive = !isDisabled;\n\n    const mergedClassName = twMerge(\n      // Base styles\n      'p-0',\n      // Size styles\n      BUTTON_ICON_SIZE_CLASS_MAP[size],\n      // Floating styles\n      isFloating && [\n        'rounded-full',\n        !isInverse && 'bg-icon-default text-background-default',\n        isInverse && 'bg-icon-default text-background-default',\n      ],\n      // Non-floating styles\n      !isFloating && [\n        'rounded bg-transparent ',\n        // Only apply hover/active styles when interactive\n        isInteractive && 'hover:bg-hover active:bg-pressed',\n        !isInverse && 'text-icon-default',\n        isInverse && 'text-background-default',\n      ],\n      className,\n    );\n\n    return (\n      <ButtonBase\n        ref={ref}\n        className={mergedClassName}\n        isDisabled={isDisabled}\n        aria-label={ariaLabel}\n        {...props}\n      >\n        <Icon\n          name={iconName}\n          size={BUTTON_ICON_SIZE_TO_ICON_SIZE_CLASS_MAP[size]}\n          className={twMerge('text-inherit', iconProps?.className)}\n          {...iconProps}\n        />\n      </ButtonBase>\n    );\n  },\n);\n\nButtonIcon.displayName = 'ButtonIcon';\n"]}

package/dist/components/button-icon/ButtonIcon.types.cjs

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonIconSize = void 0;
-var ButtonIconSize;
-(function (ButtonIconSize) {
-    /**
-     * Represents a small button size (24px).
-     */
-    ButtonIconSize["Sm"] = "sm";
-    /**
-     * Represents a medium button size (32px).
-     */
-    ButtonIconSize["Md"] = "md";
-    /**
-     * Represents a large button size (40px).
-     */
-    ButtonIconSize["Lg"] = "lg";
-})(ButtonIconSize || (exports.ButtonIconSize = ButtonIconSize = {}));
-//# sourceMappingURL=ButtonIcon.types.cjs.map

package/dist/components/button-icon/ButtonIcon.types.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonIcon.types.cjs","sourceRoot":"","sources":["../../../src/components/button-icon/ButtonIcon.types.ts"],"names":[],"mappings":";;;AAGA,IAAY,cAaX;AAbD,WAAY,cAAc;IACxB;;OAEG;IACH,2BAAS,CAAA;IACT;;OAEG;IACH,2BAAS,CAAA;IACT;;OAEG;IACH,2BAAS,CAAA;AACX,CAAC,EAbW,cAAc,8BAAd,cAAc,QAazB","sourcesContent":["import type { ButtonBaseProps } from '../button-base';\nimport type { IconName, IconProps } from '../icon';\n\nexport enum ButtonIconSize {\n  /**\n   * Represents a small button size (24px).\n   */\n  Sm = 'sm',\n  /**\n   * Represents a medium button size (32px).\n   */\n  Md = 'md',\n  /**\n   * Represents a large button size (40px).\n   */\n  Lg = 'lg',\n}\n\nexport type ButtonIconProps = Omit<\n  ButtonBaseProps,\n  // We handle these props in ButtonIcon\n  | 'className'\n  | 'isDisabled'\n  | 'isLoading'\n  | 'style'\n  | 'children'\n  | 'size'\n  | 'aria-label'\n> & {\n  /**\n   * Required prop to specify the icon to show\n   */\n  iconName: IconName;\n  /**\n   * Required prop to provide an accessible label for the button\n   */\n  ariaLabel: string;\n  /**\n   * Optional prop to pass additional properties to the icon\n   */\n  iconProps?: Partial<IconProps>;\n  /**\n   * Optional prop that when true, disables the button\n   * @default false\n   */\n  isDisabled?: 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, applies floating/contained styling to the button\n   * @default false\n   */\n  isFloating?: boolean;\n  /**\n   * Optional prop to control the size of the button\n   * @default ButtonIconSize.Md\n   */\n  size?: ButtonIconSize;\n  /**\n   * Optional prop for additional CSS classes to be applied to the ButtonIcon component\n   */\n  className?: string;\n  /**\n   * Optional CSS styles to be applied to the component.\n   * Should be used sparingly and only for dynamic styles that can't be achieved with className.\n   */\n  style?: React.CSSProperties;\n};\n"]}

package/dist/components/button-icon/ButtonIcon.types.d.cts

@@ -1,61 +0,0 @@
-/// <reference types="react" />
-import type { ButtonBaseProps } from "../button-base/index.cjs";
-import type { IconName, IconProps } from "../icon/index.cjs";
-export declare enum ButtonIconSize {
-    /**
-     * Represents a small button size (24px).
-     */
-    Sm = "sm",
-    /**
-     * Represents a medium button size (32px).
-     */
-    Md = "md",
-    /**
-     * Represents a large button size (40px).
-     */
-    Lg = "lg"
-}
-export type ButtonIconProps = Omit<ButtonBaseProps, 'className' | 'isDisabled' | 'isLoading' | 'style' | 'children' | 'size' | 'aria-label'> & {
-    /**
-     * Required prop to specify the icon to show
-     */
-    iconName: IconName;
-    /**
-     * Required prop to provide an accessible label for the button
-     */
-    ariaLabel: string;
-    /**
-     * Optional prop to pass additional properties to the icon
-     */
-    iconProps?: Partial<IconProps>;
-    /**
-     * Optional prop that when true, disables the button
-     * @default false
-     */
-    isDisabled?: boolean;
-    /**
-     * Optional prop that when true, applies inverse styling to the button
-     * @default false
-     */
-    isInverse?: boolean;
-    /**
-     * Optional prop that when true, applies floating/contained styling to the button
-     * @default false
-     */
-    isFloating?: boolean;
-    /**
-     * Optional prop to control the size of the button
-     * @default ButtonIconSize.Md
-     */
-    size?: ButtonIconSize;
-    /**
-     * Optional prop for additional CSS classes to be applied to the ButtonIcon component
-     */
-    className?: string;
-    /**
-     * 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=ButtonIcon.types.d.cts.map

package/dist/components/button-icon/ButtonIcon.types.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonIcon.types.d.cts","sourceRoot":"","sources":["../../../src/components/button-icon/ButtonIcon.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,iCAAuB;AACtD,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,0BAAgB;AAEnD,oBAAY,cAAc;IACxB;;OAEG;IACH,EAAE,OAAO;IACT;;OAEG;IACH,EAAE,OAAO;IACT;;OAEG;IACH,EAAE,OAAO;CACV;AAED,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,eAAe,EAEb,WAAW,GACX,YAAY,GACZ,WAAW,GACX,OAAO,GACP,UAAU,GACV,MAAM,GACN,YAAY,CACf,GAAG;IACF;;OAEG;IACH,QAAQ,EAAE,QAAQ,CAAC;IACnB;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAC/B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC"}

package/dist/components/button-icon/ButtonIcon.types.d.mts

@@ -1,61 +0,0 @@
-/// <reference types="react" />
-import type { ButtonBaseProps } from "../button-base/index.mjs";
-import type { IconName, IconProps } from "../icon/index.mjs";
-export declare enum ButtonIconSize {
-    /**
-     * Represents a small button size (24px).
-     */
-    Sm = "sm",
-    /**
-     * Represents a medium button size (32px).
-     */
-    Md = "md",
-    /**
-     * Represents a large button size (40px).
-     */
-    Lg = "lg"
-}
-export type ButtonIconProps = Omit<ButtonBaseProps, 'className' | 'isDisabled' | 'isLoading' | 'style' | 'children' | 'size' | 'aria-label'> & {
-    /**
-     * Required prop to specify the icon to show
-     */
-    iconName: IconName;
-    /**
-     * Required prop to provide an accessible label for the button
-     */
-    ariaLabel: string;
-    /**
-     * Optional prop to pass additional properties to the icon
-     */
-    iconProps?: Partial<IconProps>;
-    /**
-     * Optional prop that when true, disables the button
-     * @default false
-     */
-    isDisabled?: boolean;
-    /**
-     * Optional prop that when true, applies inverse styling to the button
-     * @default false
-     */
-    isInverse?: boolean;
-    /**
-     * Optional prop that when true, applies floating/contained styling to the button
-     * @default false
-     */
-    isFloating?: boolean;
-    /**
-     * Optional prop to control the size of the button
-     * @default ButtonIconSize.Md
-     */
-    size?: ButtonIconSize;
-    /**
-     * Optional prop for additional CSS classes to be applied to the ButtonIcon component
-     */
-    className?: string;
-    /**
-     * 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=ButtonIcon.types.d.mts.map

package/dist/components/button-icon/ButtonIcon.types.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonIcon.types.d.mts","sourceRoot":"","sources":["../../../src/components/button-icon/ButtonIcon.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,iCAAuB;AACtD,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,0BAAgB;AAEnD,oBAAY,cAAc;IACxB;;OAEG;IACH,EAAE,OAAO;IACT;;OAEG;IACH,EAAE,OAAO;IACT;;OAEG;IACH,EAAE,OAAO;CACV;AAED,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,eAAe,EAEb,WAAW,GACX,YAAY,GACZ,WAAW,GACX,OAAO,GACP,UAAU,GACV,MAAM,GACN,YAAY,CACf,GAAG;IACF;;OAEG;IACH,QAAQ,EAAE,QAAQ,CAAC;IACnB;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAC/B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC"}

package/dist/components/button-icon/ButtonIcon.types.mjs

@@ -1,16 +0,0 @@
-export var ButtonIconSize;
-(function (ButtonIconSize) {
-    /**
-     * Represents a small button size (24px).
-     */
-    ButtonIconSize["Sm"] = "sm";
-    /**
-     * Represents a medium button size (32px).
-     */
-    ButtonIconSize["Md"] = "md";
-    /**
-     * Represents a large button size (40px).
-     */
-    ButtonIconSize["Lg"] = "lg";
-})(ButtonIconSize || (ButtonIconSize = {}));
-//# sourceMappingURL=ButtonIcon.types.mjs.map

package/dist/components/button-icon/ButtonIcon.types.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonIcon.types.mjs","sourceRoot":"","sources":["../../../src/components/button-icon/ButtonIcon.types.ts"],"names":[],"mappings":"AAGA,MAAM,CAAN,IAAY,cAaX;AAbD,WAAY,cAAc;IACxB;;OAEG;IACH,2BAAS,CAAA;IACT;;OAEG;IACH,2BAAS,CAAA;IACT;;OAEG;IACH,2BAAS,CAAA;AACX,CAAC,EAbW,cAAc,KAAd,cAAc,QAazB","sourcesContent":["import type { ButtonBaseProps } from '../button-base';\nimport type { IconName, IconProps } from '../icon';\n\nexport enum ButtonIconSize {\n  /**\n   * Represents a small button size (24px).\n   */\n  Sm = 'sm',\n  /**\n   * Represents a medium button size (32px).\n   */\n  Md = 'md',\n  /**\n   * Represents a large button size (40px).\n   */\n  Lg = 'lg',\n}\n\nexport type ButtonIconProps = Omit<\n  ButtonBaseProps,\n  // We handle these props in ButtonIcon\n  | 'className'\n  | 'isDisabled'\n  | 'isLoading'\n  | 'style'\n  | 'children'\n  | 'size'\n  | 'aria-label'\n> & {\n  /**\n   * Required prop to specify the icon to show\n   */\n  iconName: IconName;\n  /**\n   * Required prop to provide an accessible label for the button\n   */\n  ariaLabel: string;\n  /**\n   * Optional prop to pass additional properties to the icon\n   */\n  iconProps?: Partial<IconProps>;\n  /**\n   * Optional prop that when true, disables the button\n   * @default false\n   */\n  isDisabled?: 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, applies floating/contained styling to the button\n   * @default false\n   */\n  isFloating?: boolean;\n  /**\n   * Optional prop to control the size of the button\n   * @default ButtonIconSize.Md\n   */\n  size?: ButtonIconSize;\n  /**\n   * Optional prop for additional CSS classes to be applied to the ButtonIcon component\n   */\n  className?: string;\n  /**\n   * Optional CSS styles to be applied to the component.\n   * Should be used sparingly and only for dynamic styles that can't be achieved with className.\n   */\n  style?: React.CSSProperties;\n};\n"]}

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/button-icon/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-icon/index.d.mts

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/button-icon/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-icon/index.mjs

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

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

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