@metamask-previews/design-system-react 0.7.0-preview.3dc70e1 → 0.11.0-preview.fa05289

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

@@ -0,0 +1,4 @@
+import type { ButtonFilterPropsShared } from "@metamask-previews/design-system-shared";
+import type { ButtonBaseProps } from "../ButtonBase/index.mjs";
+export type ButtonFilterProps = ButtonBaseProps & ButtonFilterPropsShared;
+//# sourceMappingURL=ButtonFilter.types.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonFilter.types.d.mts","sourceRoot":"","sources":["../../../src/components/ButtonFilter/ButtonFilter.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,gDAAgD;AAEvF,OAAO,KAAK,EAAE,eAAe,EAAE,gCAAsB;AAErD,MAAM,MAAM,iBAAiB,GAAG,eAAe,GAAG,uBAAuB,CAAC"}

package/dist/components/ButtonFilter/ButtonFilter.types.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonFilter.types.mjs","sourceRoot":"","sources":["../../../src/components/ButtonFilter/ButtonFilter.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ButtonFilterPropsShared } from '@metamask-previews/design-system-shared';\n\nimport type { ButtonBaseProps } from '../ButtonBase';\n\nexport type ButtonFilterProps = ButtonBaseProps & ButtonFilterPropsShared;\n"]}

package/dist/components/ButtonFilter/index.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/ButtonFilter/index.ts"],"names":[],"mappings":";;;AAAA,mDAA8C;AAArC,4GAAA,YAAY,OAAA","sourcesContent":["export { ButtonFilter } from './ButtonFilter';\nexport type { ButtonFilterProps } from './ButtonFilter.types';\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/ButtonFilter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,2BAAuB;AAC9C,YAAY,EAAE,iBAAiB,EAAE,iCAA6B"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/ButtonFilter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,2BAAuB;AAC9C,YAAY,EAAE,iBAAiB,EAAE,iCAA6B"}

package/dist/components/ButtonFilter/index.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/ButtonFilter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,2BAAuB","sourcesContent":["export { ButtonFilter } from './ButtonFilter';\nexport type { ButtonFilterProps } from './ButtonFilter.types';\n"]}

package/dist/components/ButtonHero/ButtonHero.cjs

@@ -38,7 +38,7 @@ exports.ButtonHero = (0, react_1.forwardRef)(({ className, isDisabled, isLoading
     isInteractive && [
         'hover:bg-primary-default-hover',
         'active:bg-primary-default-pressed',
-    ], 'focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-default', className);
+    ], 'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-default', className);
     return (react_1.default.createElement(ButtonBase_1.ButtonBase, { ref: ref, className: mergedClassName, isDisabled: isDisabled, isLoading: isLoading, "data-theme": "light", ...props }));
 });
 exports.ButtonHero.displayName = 'ButtonHero';

package/dist/components/ButtonHero/ButtonHero.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonHero.cjs","sourceRoot":"","sources":["../../../src/components/ButtonHero/ButtonHero.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,uDAA+C;AAC/C,wDAA2C;AAI9B,QAAA,UAAU,GAAG,IAAA,kBAAU,EAClC,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtD,MAAM,aAAa,GAAG,CAAC,CAAC,UAAU,IAAI,SAAS,CAAC,CAAC;IAEjD,MAAM,eAAe,GAAG,IAAA,kBAAO;IAC7B,0DAA0D;IAC1D,yCAAyC;IACzC,gBAAgB;IAChB,SAAS,IAAI,4BAA4B;IACzC,sDAAsD;IACtD,aAAa,IAAI;QACf,gCAAgC;QAChC,mCAAmC;KACpC,EACD,oHAAoH,EACpH,SAAS,CACV,CAAC;IAEF,OAAO,CACL,8BAAC,uBAAU,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,eAAe,EAC1B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,gBACT,OAAO,KACd,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC","sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { ButtonBase } from '../ButtonBase';\n\nimport type { ButtonHeroProps } from './ButtonHero.types';\n\nexport const ButtonHero = forwardRef<HTMLButtonElement, ButtonHeroProps>(\n  ({ className, isDisabled, isLoading, ...props }, ref) => {\n    const isInteractive = !(isDisabled || isLoading);\n\n    const mergedClassName = twMerge(\n      // Base hero styles - locked to light theme primary colors\n      'bg-primary-default text-primary-inverse',\n      // Loading state\n      isLoading && 'bg-primary-default-pressed',\n      // Hover/Active states - only applied when interactive\n      isInteractive && [\n        'hover:bg-primary-default-hover',\n        'active:bg-primary-default-pressed',\n      ],\n      'focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-default',\n      className,\n    );\n\n    return (\n      <ButtonBase\n        ref={ref}\n        className={mergedClassName}\n        isDisabled={isDisabled}\n        isLoading={isLoading}\n        data-theme=\"light\"\n        {...props}\n      />\n    );\n  },\n);\n\nButtonHero.displayName = 'ButtonHero';\n"]}
+{"version":3,"file":"ButtonHero.cjs","sourceRoot":"","sources":["../../../src/components/ButtonHero/ButtonHero.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,uDAA+C;AAC/C,wDAA2C;AAI9B,QAAA,UAAU,GAAG,IAAA,kBAAU,EAClC,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtD,MAAM,aAAa,GAAG,CAAC,CAAC,UAAU,IAAI,SAAS,CAAC,CAAC;IAEjD,MAAM,eAAe,GAAG,IAAA,kBAAO;IAC7B,0DAA0D;IAC1D,yCAAyC;IACzC,gBAAgB;IAChB,SAAS,IAAI,4BAA4B;IACzC,sDAAsD;IACtD,aAAa,IAAI;QACf,gCAAgC;QAChC,mCAAmC;KACpC,EACD,8FAA8F,EAC9F,SAAS,CACV,CAAC;IAEF,OAAO,CACL,8BAAC,uBAAU,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,eAAe,EAC1B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,gBACT,OAAO,KACd,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC","sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { ButtonBase } from '../ButtonBase';\n\nimport type { ButtonHeroProps } from './ButtonHero.types';\n\nexport const ButtonHero = forwardRef<HTMLButtonElement, ButtonHeroProps>(\n  ({ className, isDisabled, isLoading, ...props }, ref) => {\n    const isInteractive = !(isDisabled || isLoading);\n\n    const mergedClassName = twMerge(\n      // Base hero styles - locked to light theme primary colors\n      'bg-primary-default text-primary-inverse',\n      // Loading state\n      isLoading && 'bg-primary-default-pressed',\n      // Hover/Active states - only applied when interactive\n      isInteractive && [\n        'hover:bg-primary-default-hover',\n        'active:bg-primary-default-pressed',\n      ],\n      'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-default',\n      className,\n    );\n\n    return (\n      <ButtonBase\n        ref={ref}\n        className={mergedClassName}\n        isDisabled={isDisabled}\n        isLoading={isLoading}\n        data-theme=\"light\"\n        {...props}\n      />\n    );\n  },\n);\n\nButtonHero.displayName = 'ButtonHero';\n"]}

package/dist/components/ButtonHero/ButtonHero.mjs

@@ -19,7 +19,7 @@ export const ButtonHero = forwardRef(({ className, isDisabled, isLoading, ...pro
     isInteractive && [
         'hover:bg-primary-default-hover',
         'active:bg-primary-default-pressed',
-    ], 'focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-default', className);
+    ], 'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-default', className);
     return (React.createElement(ButtonBase, { ref: ref, className: mergedClassName, isDisabled: isDisabled, isLoading: isLoading, "data-theme": "light", ...props }));
 });
 ButtonHero.displayName = 'ButtonHero';

package/dist/components/ButtonHero/ButtonHero.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonHero.mjs","sourceRoot":"","sources":["../../../src/components/ButtonHero/ButtonHero.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,QAAO,EAAE,UAAU,EAAE,cAAc;;AAE1C,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAC/C,OAAO,EAAE,UAAU,EAAE,gCAAsB;AAI3C,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAClC,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtD,MAAM,aAAa,GAAG,CAAC,CAAC,UAAU,IAAI,SAAS,CAAC,CAAC;IAEjD,MAAM,eAAe,GAAG,OAAO;IAC7B,0DAA0D;IAC1D,yCAAyC;IACzC,gBAAgB;IAChB,SAAS,IAAI,4BAA4B;IACzC,sDAAsD;IACtD,aAAa,IAAI;QACf,gCAAgC;QAChC,mCAAmC;KACpC,EACD,oHAAoH,EACpH,SAAS,CACV,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,eAAe,EAC1B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,gBACT,OAAO,KACd,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC","sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { ButtonBase } from '../ButtonBase';\n\nimport type { ButtonHeroProps } from './ButtonHero.types';\n\nexport const ButtonHero = forwardRef<HTMLButtonElement, ButtonHeroProps>(\n  ({ className, isDisabled, isLoading, ...props }, ref) => {\n    const isInteractive = !(isDisabled || isLoading);\n\n    const mergedClassName = twMerge(\n      // Base hero styles - locked to light theme primary colors\n      'bg-primary-default text-primary-inverse',\n      // Loading state\n      isLoading && 'bg-primary-default-pressed',\n      // Hover/Active states - only applied when interactive\n      isInteractive && [\n        'hover:bg-primary-default-hover',\n        'active:bg-primary-default-pressed',\n      ],\n      'focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-default',\n      className,\n    );\n\n    return (\n      <ButtonBase\n        ref={ref}\n        className={mergedClassName}\n        isDisabled={isDisabled}\n        isLoading={isLoading}\n        data-theme=\"light\"\n        {...props}\n      />\n    );\n  },\n);\n\nButtonHero.displayName = 'ButtonHero';\n"]}
+{"version":3,"file":"ButtonHero.mjs","sourceRoot":"","sources":["../../../src/components/ButtonHero/ButtonHero.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,QAAO,EAAE,UAAU,EAAE,cAAc;;AAE1C,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAC/C,OAAO,EAAE,UAAU,EAAE,gCAAsB;AAI3C,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAClC,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtD,MAAM,aAAa,GAAG,CAAC,CAAC,UAAU,IAAI,SAAS,CAAC,CAAC;IAEjD,MAAM,eAAe,GAAG,OAAO;IAC7B,0DAA0D;IAC1D,yCAAyC;IACzC,gBAAgB;IAChB,SAAS,IAAI,4BAA4B;IACzC,sDAAsD;IACtD,aAAa,IAAI;QACf,gCAAgC;QAChC,mCAAmC;KACpC,EACD,8FAA8F,EAC9F,SAAS,CACV,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,eAAe,EAC1B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,gBACT,OAAO,KACd,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC","sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { ButtonBase } from '../ButtonBase';\n\nimport type { ButtonHeroProps } from './ButtonHero.types';\n\nexport const ButtonHero = forwardRef<HTMLButtonElement, ButtonHeroProps>(\n  ({ className, isDisabled, isLoading, ...props }, ref) => {\n    const isInteractive = !(isDisabled || isLoading);\n\n    const mergedClassName = twMerge(\n      // Base hero styles - locked to light theme primary colors\n      'bg-primary-default text-primary-inverse',\n      // Loading state\n      isLoading && 'bg-primary-default-pressed',\n      // Hover/Active states - only applied when interactive\n      isInteractive && [\n        'hover:bg-primary-default-hover',\n        'active:bg-primary-default-pressed',\n      ],\n      'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-default',\n      className,\n    );\n\n    return (\n      <ButtonBase\n        ref={ref}\n        className={mergedClassName}\n        isDisabled={isDisabled}\n        isLoading={isLoading}\n        data-theme=\"light\"\n        {...props}\n      />\n    );\n  },\n);\n\nButtonHero.displayName = 'ButtonHero';\n"]}

package/dist/components/ButtonIcon/ButtonIcon.cjs

@@ -29,26 +29,25 @@ const types_1 = require("../../types/index.cjs");
 const tw_merge_1 = require("../../utils/tw-merge.cjs");
 const Icon_1 = require("../Icon/index.cjs");
 const ButtonIcon_constants_1 = require("./ButtonIcon.constants.cjs");
-exports.ButtonIcon = (0, react_1.forwardRef)(({ className, iconName, iconProps, ariaLabel, isDisabled = false, isInverse = false, isFloating = false, size = types_1.ButtonIconSize.Md, style, ...props }, ref) => {
+exports.ButtonIcon = (0, react_1.forwardRef)(({ className, iconName, iconProps, ariaLabel, isDisabled = false, variant = types_1.ButtonIconVariant.Default, size = types_1.ButtonIconSize.Md, style, ...props }, ref) => {
     const isInteractive = !isDisabled;
     const mergedClassName = (0, tw_merge_1.twMerge)(
     // Base styles
     'inline-flex items-center justify-center p-0', 
     // Size styles
     ButtonIcon_constants_1.TWCLASSMAP_BUTTONICON_SIZE_DIMENSION[size], 
-    // Floating styles
-    isFloating && [
-        'rounded-full',
-        !isInverse && 'bg-icon-default text-background-default',
-        isInverse && 'bg-icon-default text-background-default',
-    ], 
-    // Non-floating styles
-    !isFloating && [
+    // Variant styles
+    variant === types_1.ButtonIconVariant.Default && [
         'rounded-lg bg-transparent',
-        // Only apply hover/active styles when interactive
         isInteractive && 'hover:bg-hover active:bg-pressed',
-        !isInverse && 'text-icon-default',
-        isInverse && 'text-background-default',
+        'text-icon-default',
+    ], variant === types_1.ButtonIconVariant.Floating && [
+        'rounded-full',
+        'bg-icon-default text-background-default',
+    ], variant === types_1.ButtonIconVariant.Filled && [
+        'rounded-full',
+        'bg-muted text-icon-default',
+        isInteractive && 'hover:bg-muted-hover active:bg-muted-pressed',
     ], 
     // Disabled state
     isDisabled && 'cursor-not-allowed opacity-50', className);

package/dist/components/ButtonIcon/ButtonIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonIcon.cjs","sourceRoot":"","sources":["../../../src/components/ButtonIcon/ButtonIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,iDAA6C;AAC7C,uDAA+C;AAC/C,4CAA+B;AAE/B,qEAGgC;AAGnB,QAAA,UAAU,GAAG,IAAA,kBAAU,EAClC,CACE,EACE,SAAS,EACT,QAAQ,EACR,SAAS,EACT,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,KAAK,EAClB,IAAI,GAAG,sBAAc,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,6CAA6C;IAC7C,cAAc;IACd,2DAAoC,CAAC,IAAI,CAAC;IAC1C,kBAAkB;IAClB,UAAU,IAAI;QACZ,cAAc;QACd,CAAC,SAAS,IAAI,yCAAyC;QACvD,SAAS,IAAI,yCAAyC;KACvD;IACD,sBAAsB;IACtB,CAAC,UAAU,IAAI;QACb,2BAA2B;QAC3B,kDAAkD;QAClD,aAAa,IAAI,kCAAkC;QACnD,CAAC,SAAS,IAAI,mBAAmB;QACjC,SAAS,IAAI,yBAAyB;KACvC;IACD,iBAAiB;IACjB,UAAU,IAAI,+BAA+B,EAC7C,SAAS,CACV,CAAC;IAEF,OAAO,CACL,0CACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,eAAe,EAC1B,QAAQ,EAAE,UAAU,gBACR,SAAS,EACrB,KAAK,EAAE,KAAK,KACR,KAAK;QAET,8BAAC,WAAI,IACH,IAAI,EAAE,QAAQ,EACd,IAAI,EAAE,mDAA4B,CAAC,IAAI,CAAC,EACxC,SAAS,EAAE,IAAA,kBAAO,EAAC,cAAc,EAAE,SAAS,EAAE,SAAS,CAAC,KACpD,SAAS,GACb,CACK,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC","sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { ButtonIconSize } from '../../types';\nimport { twMerge } from '../../utils/tw-merge';\nimport { Icon } from '../Icon';\n\nimport {\n  TWCLASSMAP_BUTTONICON_SIZE_DIMENSION,\n  MAP_BUTTONICON_SIZE_ICONSIZE,\n} from './ButtonIcon.constants';\nimport type { ButtonIconProps } from './ButtonIcon.types';\n\nexport const ButtonIcon = 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      'inline-flex items-center justify-center p-0',\n      // Size styles\n      TWCLASSMAP_BUTTONICON_SIZE_DIMENSION[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-lg 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      // Disabled state\n      isDisabled && 'cursor-not-allowed opacity-50',\n      className,\n    );\n\n    return (\n      <button\n        ref={ref}\n        className={mergedClassName}\n        disabled={isDisabled}\n        aria-label={ariaLabel}\n        style={style}\n        {...props}\n      >\n        <Icon\n          name={iconName}\n          size={MAP_BUTTONICON_SIZE_ICONSIZE[size]}\n          className={twMerge('text-inherit', iconProps?.className)}\n          {...iconProps}\n        />\n      </button>\n    );\n  },\n);\n\nButtonIcon.displayName = 'ButtonIcon';\n"]}
+{"version":3,"file":"ButtonIcon.cjs","sourceRoot":"","sources":["../../../src/components/ButtonIcon/ButtonIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,iDAAgE;AAChE,uDAA+C;AAC/C,4CAA+B;AAE/B,qEAGgC;AAGnB,QAAA,UAAU,GAAG,IAAA,kBAAU,EAClC,CACE,EACE,SAAS,EACT,QAAQ,EACR,SAAS,EACT,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,OAAO,GAAG,yBAAiB,CAAC,OAAO,EACnC,IAAI,GAAG,sBAAc,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,6CAA6C;IAC7C,cAAc;IACd,2DAAoC,CAAC,IAAI,CAAC;IAC1C,iBAAiB;IACjB,OAAO,KAAK,yBAAiB,CAAC,OAAO,IAAI;QACvC,2BAA2B;QAC3B,aAAa,IAAI,kCAAkC;QACnD,mBAAmB;KACpB,EACD,OAAO,KAAK,yBAAiB,CAAC,QAAQ,IAAI;QACxC,cAAc;QACd,yCAAyC;KAC1C,EACD,OAAO,KAAK,yBAAiB,CAAC,MAAM,IAAI;QACtC,cAAc;QACd,4BAA4B;QAC5B,aAAa,IAAI,8CAA8C;KAChE;IACD,iBAAiB;IACjB,UAAU,IAAI,+BAA+B,EAC7C,SAAS,CACV,CAAC;IAEF,OAAO,CACL,0CACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,eAAe,EAC1B,QAAQ,EAAE,UAAU,gBACR,SAAS,EACrB,KAAK,EAAE,KAAK,KACR,KAAK;QAET,8BAAC,WAAI,IACH,IAAI,EAAE,QAAQ,EACd,IAAI,EAAE,mDAA4B,CAAC,IAAI,CAAC,EACxC,SAAS,EAAE,IAAA,kBAAO,EAAC,cAAc,EAAE,SAAS,EAAE,SAAS,CAAC,KACpD,SAAS,GACb,CACK,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC","sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { ButtonIconSize, ButtonIconVariant } from '../../types';\nimport { twMerge } from '../../utils/tw-merge';\nimport { Icon } from '../Icon';\n\nimport {\n  TWCLASSMAP_BUTTONICON_SIZE_DIMENSION,\n  MAP_BUTTONICON_SIZE_ICONSIZE,\n} from './ButtonIcon.constants';\nimport type { ButtonIconProps } from './ButtonIcon.types';\n\nexport const ButtonIcon = forwardRef<HTMLButtonElement, ButtonIconProps>(\n  (\n    {\n      className,\n      iconName,\n      iconProps,\n      ariaLabel,\n      isDisabled = false,\n      variant = ButtonIconVariant.Default,\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      'inline-flex items-center justify-center p-0',\n      // Size styles\n      TWCLASSMAP_BUTTONICON_SIZE_DIMENSION[size],\n      // Variant styles\n      variant === ButtonIconVariant.Default && [\n        'rounded-lg bg-transparent',\n        isInteractive && 'hover:bg-hover active:bg-pressed',\n        'text-icon-default',\n      ],\n      variant === ButtonIconVariant.Floating && [\n        'rounded-full',\n        'bg-icon-default text-background-default',\n      ],\n      variant === ButtonIconVariant.Filled && [\n        'rounded-full',\n        'bg-muted text-icon-default',\n        isInteractive && 'hover:bg-muted-hover active:bg-muted-pressed',\n      ],\n      // Disabled state\n      isDisabled && 'cursor-not-allowed opacity-50',\n      className,\n    );\n\n    return (\n      <button\n        ref={ref}\n        className={mergedClassName}\n        disabled={isDisabled}\n        aria-label={ariaLabel}\n        style={style}\n        {...props}\n      >\n        <Icon\n          name={iconName}\n          size={MAP_BUTTONICON_SIZE_ICONSIZE[size]}\n          className={twMerge('text-inherit', iconProps?.className)}\n          {...iconProps}\n        />\n      </button>\n    );\n  },\n);\n\nButtonIcon.displayName = 'ButtonIcon';\n"]}

package/dist/components/ButtonIcon/ButtonIcon.mjs

@@ -6,30 +6,29 @@ function $importDefault(module) {
 }
 import $React, { forwardRef } from "react";
 const React = $importDefault($React);
-import { ButtonIconSize } from "../../types/index.mjs";
+import { ButtonIconSize, ButtonIconVariant } from "../../types/index.mjs";
 import { twMerge } from "../../utils/tw-merge.mjs";
 import { Icon } from "../Icon/index.mjs";
 import { TWCLASSMAP_BUTTONICON_SIZE_DIMENSION, MAP_BUTTONICON_SIZE_ICONSIZE } from "./ButtonIcon.constants.mjs";
-export const ButtonIcon = forwardRef(({ className, iconName, iconProps, ariaLabel, isDisabled = false, isInverse = false, isFloating = false, size = ButtonIconSize.Md, style, ...props }, ref) => {
+export const ButtonIcon = forwardRef(({ className, iconName, iconProps, ariaLabel, isDisabled = false, variant = ButtonIconVariant.Default, size = ButtonIconSize.Md, style, ...props }, ref) => {
     const isInteractive = !isDisabled;
     const mergedClassName = twMerge(
     // Base styles
     'inline-flex items-center justify-center p-0', 
     // Size styles
     TWCLASSMAP_BUTTONICON_SIZE_DIMENSION[size], 
-    // Floating styles
-    isFloating && [
-        'rounded-full',
-        !isInverse && 'bg-icon-default text-background-default',
-        isInverse && 'bg-icon-default text-background-default',
-    ], 
-    // Non-floating styles
-    !isFloating && [
+    // Variant styles
+    variant === ButtonIconVariant.Default && [
         'rounded-lg bg-transparent',
-        // Only apply hover/active styles when interactive
         isInteractive && 'hover:bg-hover active:bg-pressed',
-        !isInverse && 'text-icon-default',
-        isInverse && 'text-background-default',
+        'text-icon-default',
+    ], variant === ButtonIconVariant.Floating && [
+        'rounded-full',
+        'bg-icon-default text-background-default',
+    ], variant === ButtonIconVariant.Filled && [
+        'rounded-full',
+        'bg-muted text-icon-default',
+        isInteractive && 'hover:bg-muted-hover active:bg-muted-pressed',
     ], 
     // Disabled state
     isDisabled && 'cursor-not-allowed opacity-50', className);

package/dist/components/ButtonIcon/ButtonIcon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonIcon.mjs","sourceRoot":"","sources":["../../../src/components/ButtonIcon/ButtonIcon.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,QAAO,EAAE,UAAU,EAAE,cAAc;;AAE1C,OAAO,EAAE,cAAc,EAAE,8BAAoB;AAC7C,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAC/C,OAAO,EAAE,IAAI,EAAE,0BAAgB;AAE/B,OAAO,EACL,oCAAoC,EACpC,4BAA4B,EAC7B,mCAA+B;AAGhC,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAClC,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,6CAA6C;IAC7C,cAAc;IACd,oCAAoC,CAAC,IAAI,CAAC;IAC1C,kBAAkB;IAClB,UAAU,IAAI;QACZ,cAAc;QACd,CAAC,SAAS,IAAI,yCAAyC;QACvD,SAAS,IAAI,yCAAyC;KACvD;IACD,sBAAsB;IACtB,CAAC,UAAU,IAAI;QACb,2BAA2B;QAC3B,kDAAkD;QAClD,aAAa,IAAI,kCAAkC;QACnD,CAAC,SAAS,IAAI,mBAAmB;QACjC,SAAS,IAAI,yBAAyB;KACvC;IACD,iBAAiB;IACjB,UAAU,IAAI,+BAA+B,EAC7C,SAAS,CACV,CAAC;IAEF,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,eAAe,EAC1B,QAAQ,EAAE,UAAU,gBACR,SAAS,EACrB,KAAK,EAAE,KAAK,KACR,KAAK;QAET,oBAAC,IAAI,IACH,IAAI,EAAE,QAAQ,EACd,IAAI,EAAE,4BAA4B,CAAC,IAAI,CAAC,EACxC,SAAS,EAAE,OAAO,CAAC,cAAc,EAAE,SAAS,EAAE,SAAS,CAAC,KACpD,SAAS,GACb,CACK,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC","sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { ButtonIconSize } from '../../types';\nimport { twMerge } from '../../utils/tw-merge';\nimport { Icon } from '../Icon';\n\nimport {\n  TWCLASSMAP_BUTTONICON_SIZE_DIMENSION,\n  MAP_BUTTONICON_SIZE_ICONSIZE,\n} from './ButtonIcon.constants';\nimport type { ButtonIconProps } from './ButtonIcon.types';\n\nexport const ButtonIcon = 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      'inline-flex items-center justify-center p-0',\n      // Size styles\n      TWCLASSMAP_BUTTONICON_SIZE_DIMENSION[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-lg 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      // Disabled state\n      isDisabled && 'cursor-not-allowed opacity-50',\n      className,\n    );\n\n    return (\n      <button\n        ref={ref}\n        className={mergedClassName}\n        disabled={isDisabled}\n        aria-label={ariaLabel}\n        style={style}\n        {...props}\n      >\n        <Icon\n          name={iconName}\n          size={MAP_BUTTONICON_SIZE_ICONSIZE[size]}\n          className={twMerge('text-inherit', iconProps?.className)}\n          {...iconProps}\n        />\n      </button>\n    );\n  },\n);\n\nButtonIcon.displayName = 'ButtonIcon';\n"]}
+{"version":3,"file":"ButtonIcon.mjs","sourceRoot":"","sources":["../../../src/components/ButtonIcon/ButtonIcon.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,QAAO,EAAE,UAAU,EAAE,cAAc;;AAE1C,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,8BAAoB;AAChE,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAC/C,OAAO,EAAE,IAAI,EAAE,0BAAgB;AAE/B,OAAO,EACL,oCAAoC,EACpC,4BAA4B,EAC7B,mCAA+B;AAGhC,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAClC,CACE,EACE,SAAS,EACT,QAAQ,EACR,SAAS,EACT,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,OAAO,GAAG,iBAAiB,CAAC,OAAO,EACnC,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,6CAA6C;IAC7C,cAAc;IACd,oCAAoC,CAAC,IAAI,CAAC;IAC1C,iBAAiB;IACjB,OAAO,KAAK,iBAAiB,CAAC,OAAO,IAAI;QACvC,2BAA2B;QAC3B,aAAa,IAAI,kCAAkC;QACnD,mBAAmB;KACpB,EACD,OAAO,KAAK,iBAAiB,CAAC,QAAQ,IAAI;QACxC,cAAc;QACd,yCAAyC;KAC1C,EACD,OAAO,KAAK,iBAAiB,CAAC,MAAM,IAAI;QACtC,cAAc;QACd,4BAA4B;QAC5B,aAAa,IAAI,8CAA8C;KAChE;IACD,iBAAiB;IACjB,UAAU,IAAI,+BAA+B,EAC7C,SAAS,CACV,CAAC;IAEF,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,eAAe,EAC1B,QAAQ,EAAE,UAAU,gBACR,SAAS,EACrB,KAAK,EAAE,KAAK,KACR,KAAK;QAET,oBAAC,IAAI,IACH,IAAI,EAAE,QAAQ,EACd,IAAI,EAAE,4BAA4B,CAAC,IAAI,CAAC,EACxC,SAAS,EAAE,OAAO,CAAC,cAAc,EAAE,SAAS,EAAE,SAAS,CAAC,KACpD,SAAS,GACb,CACK,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC","sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { ButtonIconSize, ButtonIconVariant } from '../../types';\nimport { twMerge } from '../../utils/tw-merge';\nimport { Icon } from '../Icon';\n\nimport {\n  TWCLASSMAP_BUTTONICON_SIZE_DIMENSION,\n  MAP_BUTTONICON_SIZE_ICONSIZE,\n} from './ButtonIcon.constants';\nimport type { ButtonIconProps } from './ButtonIcon.types';\n\nexport const ButtonIcon = forwardRef<HTMLButtonElement, ButtonIconProps>(\n  (\n    {\n      className,\n      iconName,\n      iconProps,\n      ariaLabel,\n      isDisabled = false,\n      variant = ButtonIconVariant.Default,\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      'inline-flex items-center justify-center p-0',\n      // Size styles\n      TWCLASSMAP_BUTTONICON_SIZE_DIMENSION[size],\n      // Variant styles\n      variant === ButtonIconVariant.Default && [\n        'rounded-lg bg-transparent',\n        isInteractive && 'hover:bg-hover active:bg-pressed',\n        'text-icon-default',\n      ],\n      variant === ButtonIconVariant.Floating && [\n        'rounded-full',\n        'bg-icon-default text-background-default',\n      ],\n      variant === ButtonIconVariant.Filled && [\n        'rounded-full',\n        'bg-muted text-icon-default',\n        isInteractive && 'hover:bg-muted-hover active:bg-muted-pressed',\n      ],\n      // Disabled state\n      isDisabled && 'cursor-not-allowed opacity-50',\n      className,\n    );\n\n    return (\n      <button\n        ref={ref}\n        className={mergedClassName}\n        disabled={isDisabled}\n        aria-label={ariaLabel}\n        style={style}\n        {...props}\n      >\n        <Icon\n          name={iconName}\n          size={MAP_BUTTONICON_SIZE_ICONSIZE[size]}\n          className={twMerge('text-inherit', iconProps?.className)}\n          {...iconProps}\n        />\n      </button>\n    );\n  },\n);\n\nButtonIcon.displayName = 'ButtonIcon';\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonIcon.types.cjs","sourceRoot":"","sources":["../../../src/components/ButtonIcon/ButtonIcon.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps } from 'react';\n\nimport type { ButtonIconSize } from '../../types';\nimport type { IconName, IconProps } from '../Icon';\n\nexport type ButtonIconProps = ComponentProps<'button'> & {\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   *\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Optional prop that when true, applies inverse styling to the button\n   *\n   * @default false\n   */\n  isInverse?: boolean;\n  /**\n   * Optional prop that when true, applies floating/contained styling to the button\n   *\n   * @default false\n   */\n  isFloating?: boolean;\n  /**\n   * Optional prop to control the size of the button\n   *\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"]}
+{"version":3,"file":"ButtonIcon.types.cjs","sourceRoot":"","sources":["../../../src/components/ButtonIcon/ButtonIcon.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps } from 'react';\n\nimport type { ButtonIconSize, ButtonIconVariant } from '../../types';\nimport type { IconName, IconProps } from '../Icon';\n\nexport type ButtonIconProps = ComponentProps<'button'> & {\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   *\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Optional prop to control the visual variant of the button.\n   *\n   * @default ButtonIconVariant.Default\n   */\n  variant?: ButtonIconVariant;\n  /**\n   * Optional prop to control the size of the button\n   *\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/ButtonIcon/ButtonIcon.types.d.cts

@@ -1,5 +1,5 @@
 import type { ComponentProps } from "react";
-import type { ButtonIconSize } from "../../types/index.cjs";
+import type { ButtonIconSize, ButtonIconVariant } from "../../types/index.cjs";
 import type { IconName, IconProps } from "../Icon/index.cjs";
 export type ButtonIconProps = ComponentProps<'button'> & {
     /**
@@ -21,17 +21,11 @@ export type ButtonIconProps = ComponentProps<'button'> & {
      */
     isDisabled?: boolean;
     /**
-     * Optional prop that when true, applies inverse styling to the button
+     * Optional prop to control the visual variant of the button.
      *
-     * @default false
-     */
-    isInverse?: boolean;
-    /**
-     * Optional prop that when true, applies floating/contained styling to the button
-     *
-     * @default false
+     * @default ButtonIconVariant.Default
      */
-    isFloating?: boolean;
+    variant?: ButtonIconVariant;
     /**
      * Optional prop to control the size of the button
      *

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonIcon.types.d.cts","sourceRoot":"","sources":["../../../src/components/ButtonIcon/ButtonIcon.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc;AAE5C,OAAO,KAAK,EAAE,cAAc,EAAE,8BAAoB;AAClD,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,0BAAgB;AAEnD,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG;IACvD;;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;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;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"}
+{"version":3,"file":"ButtonIcon.types.d.cts","sourceRoot":"","sources":["../../../src/components/ButtonIcon/ButtonIcon.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc;AAE5C,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,8BAAoB;AACrE,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,0BAAgB;AAEnD,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG;IACvD;;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;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;;;OAIG;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/ButtonIcon/ButtonIcon.types.d.mts

@@ -1,5 +1,5 @@
 import type { ComponentProps } from "react";
-import type { ButtonIconSize } from "../../types/index.mjs";
+import type { ButtonIconSize, ButtonIconVariant } from "../../types/index.mjs";
 import type { IconName, IconProps } from "../Icon/index.mjs";
 export type ButtonIconProps = ComponentProps<'button'> & {
     /**
@@ -21,17 +21,11 @@ export type ButtonIconProps = ComponentProps<'button'> & {
      */
     isDisabled?: boolean;
     /**
-     * Optional prop that when true, applies inverse styling to the button
+     * Optional prop to control the visual variant of the button.
      *
-     * @default false
-     */
-    isInverse?: boolean;
-    /**
-     * Optional prop that when true, applies floating/contained styling to the button
-     *
-     * @default false
+     * @default ButtonIconVariant.Default
      */
-    isFloating?: boolean;
+    variant?: ButtonIconVariant;
     /**
      * Optional prop to control the size of the button
      *

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonIcon.types.d.mts","sourceRoot":"","sources":["../../../src/components/ButtonIcon/ButtonIcon.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc;AAE5C,OAAO,KAAK,EAAE,cAAc,EAAE,8BAAoB;AAClD,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,0BAAgB;AAEnD,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG;IACvD;;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;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;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"}
+{"version":3,"file":"ButtonIcon.types.d.mts","sourceRoot":"","sources":["../../../src/components/ButtonIcon/ButtonIcon.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc;AAE5C,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,8BAAoB;AACrE,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,0BAAgB;AAEnD,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG;IACvD;;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;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;;;OAIG;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/ButtonIcon/ButtonIcon.types.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonIcon.types.mjs","sourceRoot":"","sources":["../../../src/components/ButtonIcon/ButtonIcon.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps } from 'react';\n\nimport type { ButtonIconSize } from '../../types';\nimport type { IconName, IconProps } from '../Icon';\n\nexport type ButtonIconProps = ComponentProps<'button'> & {\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   *\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Optional prop that when true, applies inverse styling to the button\n   *\n   * @default false\n   */\n  isInverse?: boolean;\n  /**\n   * Optional prop that when true, applies floating/contained styling to the button\n   *\n   * @default false\n   */\n  isFloating?: boolean;\n  /**\n   * Optional prop to control the size of the button\n   *\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"]}
+{"version":3,"file":"ButtonIcon.types.mjs","sourceRoot":"","sources":["../../../src/components/ButtonIcon/ButtonIcon.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps } from 'react';\n\nimport type { ButtonIconSize, ButtonIconVariant } from '../../types';\nimport type { IconName, IconProps } from '../Icon';\n\nexport type ButtonIconProps = ComponentProps<'button'> & {\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   *\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Optional prop to control the visual variant of the button.\n   *\n   * @default ButtonIconVariant.Default\n   */\n  variant?: ButtonIconVariant;\n  /**\n   * Optional prop to control the size of the button\n   *\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/ButtonIcon/index.cjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/ButtonIcon/index.ts"],"names":[],"mappings":";;;AAAA,+CAA6C;AAApC,uGAAA,cAAc,OAAA;AACvB,+CAA0C;AAAjC,wGAAA,UAAU,OAAA","sourcesContent":["export { ButtonIconSize } from '../../types';\nexport { ButtonIcon } from './ButtonIcon';\nexport type { ButtonIconProps } from './ButtonIcon.types';\n"]}
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/ButtonIcon/index.ts"],"names":[],"mappings":";;;AAAA,+CAAgE;AAAvD,uGAAA,cAAc,OAAA;AAAE,0GAAA,iBAAiB,OAAA;AAC1C,+CAA0C;AAAjC,wGAAA,UAAU,OAAA","sourcesContent":["export { ButtonIconSize, ButtonIconVariant } from '../../types';\nexport { ButtonIcon } from './ButtonIcon';\nexport type { ButtonIconProps } from './ButtonIcon.types';\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/ButtonIcon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,8BAAoB;AAC7C,OAAO,EAAE,UAAU,EAAE,yBAAqB;AAC1C,YAAY,EAAE,eAAe,EAAE,+BAA2B"}
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/ButtonIcon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,8BAAoB;AAChE,OAAO,EAAE,UAAU,EAAE,yBAAqB;AAC1C,YAAY,EAAE,eAAe,EAAE,+BAA2B"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/ButtonIcon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,8BAAoB;AAC7C,OAAO,EAAE,UAAU,EAAE,yBAAqB;AAC1C,YAAY,EAAE,eAAe,EAAE,+BAA2B"}
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/ButtonIcon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,8BAAoB;AAChE,OAAO,EAAE,UAAU,EAAE,yBAAqB;AAC1C,YAAY,EAAE,eAAe,EAAE,+BAA2B"}

package/dist/components/ButtonIcon/index.mjs

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

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

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

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

@@ -27,7 +27,7 @@ const React = __importStar(require("react"));
 const react_1 = require("react");
 const SvgAi = (props, ref) => React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ref: ref, ...props },
     React.createElement("g", { fillRule: "evenodd", clipRule: "evenodd" },
-        React.createElement("path", { d: "M17.714 3A4.86 4.86 0 0 0 22 7.304a4.86 4.86 0 0 0-4.286 4.305 4.86 4.86 0 0 0-4.285-4.305A4.86 4.86 0 0 0 17.714 3M16.46 14.913a3.44 3.44 0 0 0 3.03 3.044A3.44 3.44 0 0 0 16.46 21a3.44 3.44 0 0 0-3.03-3.043 3.44 3.44 0 0 0 3.03-3.044M9.143 4.87a8.12 8.12 0 0 1-4.383 6.349 8 8 0 0 1-2.76.824c.985.11 1.915.396 2.76.826a8.12 8.12 0 0 1 4.383 6.348 8.12 8.12 0 0 1 4.383-6.349 8 8 0 0 1 2.76-.825 8 8 0 0 1-2.76-.825A8.12 8.12 0 0 1 9.143 4.87m0 4.348a9.6 9.6 0 0 1-2.818 2.825 9.6 9.6 0 0 1 2.818 2.826 9.6 9.6 0 0 1 2.818-2.826 9.6 9.6 0 0 1-2.818-2.825" })));
+        React.createElement("path", { d: "M17.714 3A4.86 4.86 0 0 0 22 7.304a4.86 4.86 0 0 0-4.286 4.305 4.86 4.86 0 0 0-4.285-4.305A4.86 4.86 0 0 0 17.714 3M16.46 14.913a3.44 3.44 0 0 0 3.03 3.044A3.44 3.44 0 0 0 16.46 21a3.44 3.44 0 0 0-3.03-3.043 3.44 3.44 0 0 0 3.03-3.044M9.143 4.87a8.12 8.12 0 0 1-4.383 6.349 8 8 0 0 1-2.76.824c.985.11 1.915.396 2.76.826a8.12 8.12 0 0 1 4.383 6.348 8.12 8.12 0 0 1 4.383-6.349 8 8 0 0 1 2.76-.825 8 8 0 0 1-2.76-.825A8.12 8.12 0 0 1 9.143 4.87" })));
 const ForwardRef = (0, react_1.forwardRef)(SvgAi);
 exports.default = ForwardRef;
 //# sourceMappingURL=Ai.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Ai.cjs","sourceRoot":"","sources":["../../../../src/components/Icon/icons/Ai.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,iCAAwC;AACxC,MAAM,KAAK,GAAG,CAAC,KAA8B,EAAE,GAAuB,EAAE,EAAE,CAAC,6BAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,EAAC,GAAG,EAAE,GAAG,KAAM,KAAK;IAAE,2BAAG,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS;QAAC,8BAAM,CAAC,EAAC,4iBAA4iB,GAAG,CAAI,CAAM,CAAC;AAC3xB,MAAM,UAAU,GAAG,IAAA,kBAAU,EAAC,KAAK,CAAC,CAAC;AACrC,kBAAe,UAAU,CAAC","sourcesContent":["import * as React from \"react\";\nimport type { SVGProps } from \"react\";\nimport { Ref, forwardRef } from \"react\";\nconst SvgAi = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" ref={ref} {...props}><g fillRule=\"evenodd\" clipRule=\"evenodd\"><path d=\"M17.714 3A4.86 4.86 0 0 0 22 7.304a4.86 4.86 0 0 0-4.286 4.305 4.86 4.86 0 0 0-4.285-4.305A4.86 4.86 0 0 0 17.714 3M16.46 14.913a3.44 3.44 0 0 0 3.03 3.044A3.44 3.44 0 0 0 16.46 21a3.44 3.44 0 0 0-3.03-3.043 3.44 3.44 0 0 0 3.03-3.044M9.143 4.87a8.12 8.12 0 0 1-4.383 6.349 8 8 0 0 1-2.76.824c.985.11 1.915.396 2.76.826a8.12 8.12 0 0 1 4.383 6.348 8.12 8.12 0 0 1 4.383-6.349 8 8 0 0 1 2.76-.825 8 8 0 0 1-2.76-.825A8.12 8.12 0 0 1 9.143 4.87m0 4.348a9.6 9.6 0 0 1-2.818 2.825 9.6 9.6 0 0 1 2.818 2.826 9.6 9.6 0 0 1 2.818-2.826 9.6 9.6 0 0 1-2.818-2.825\" /></g></svg>;\nconst ForwardRef = forwardRef(SvgAi);\nexport default ForwardRef;"]}
+{"version":3,"file":"Ai.cjs","sourceRoot":"","sources":["../../../../src/components/Icon/icons/Ai.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,iCAAwC;AACxC,MAAM,KAAK,GAAG,CAAC,KAA8B,EAAE,GAAuB,EAAE,EAAE,CAAC,6BAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,EAAC,GAAG,EAAE,GAAG,KAAM,KAAK;IAAE,2BAAG,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS;QAAC,8BAAM,CAAC,EAAC,4bAA4b,GAAG,CAAI,CAAM,CAAC;AAC3qB,MAAM,UAAU,GAAG,IAAA,kBAAU,EAAC,KAAK,CAAC,CAAC;AACrC,kBAAe,UAAU,CAAC","sourcesContent":["import * as React from \"react\";\nimport type { SVGProps } from \"react\";\nimport { Ref, forwardRef } from \"react\";\nconst SvgAi = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" ref={ref} {...props}><g fillRule=\"evenodd\" clipRule=\"evenodd\"><path d=\"M17.714 3A4.86 4.86 0 0 0 22 7.304a4.86 4.86 0 0 0-4.286 4.305 4.86 4.86 0 0 0-4.285-4.305A4.86 4.86 0 0 0 17.714 3M16.46 14.913a3.44 3.44 0 0 0 3.03 3.044A3.44 3.44 0 0 0 16.46 21a3.44 3.44 0 0 0-3.03-3.043 3.44 3.44 0 0 0 3.03-3.044M9.143 4.87a8.12 8.12 0 0 1-4.383 6.349 8 8 0 0 1-2.76.824c.985.11 1.915.396 2.76.826a8.12 8.12 0 0 1 4.383 6.348 8.12 8.12 0 0 1 4.383-6.349 8 8 0 0 1 2.76-.825 8 8 0 0 1-2.76-.825A8.12 8.12 0 0 1 9.143 4.87\" /></g></svg>;\nconst ForwardRef = forwardRef(SvgAi);\nexport default ForwardRef;"]}

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

@@ -2,7 +2,7 @@ import * as React from "react";
 import { forwardRef } from "react";
 const SvgAi = (props, ref) => React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ref: ref, ...props },
     React.createElement("g", { fillRule: "evenodd", clipRule: "evenodd" },
-        React.createElement("path", { d: "M17.714 3A4.86 4.86 0 0 0 22 7.304a4.86 4.86 0 0 0-4.286 4.305 4.86 4.86 0 0 0-4.285-4.305A4.86 4.86 0 0 0 17.714 3M16.46 14.913a3.44 3.44 0 0 0 3.03 3.044A3.44 3.44 0 0 0 16.46 21a3.44 3.44 0 0 0-3.03-3.043 3.44 3.44 0 0 0 3.03-3.044M9.143 4.87a8.12 8.12 0 0 1-4.383 6.349 8 8 0 0 1-2.76.824c.985.11 1.915.396 2.76.826a8.12 8.12 0 0 1 4.383 6.348 8.12 8.12 0 0 1 4.383-6.349 8 8 0 0 1 2.76-.825 8 8 0 0 1-2.76-.825A8.12 8.12 0 0 1 9.143 4.87m0 4.348a9.6 9.6 0 0 1-2.818 2.825 9.6 9.6 0 0 1 2.818 2.826 9.6 9.6 0 0 1 2.818-2.826 9.6 9.6 0 0 1-2.818-2.825" })));
+        React.createElement("path", { d: "M17.714 3A4.86 4.86 0 0 0 22 7.304a4.86 4.86 0 0 0-4.286 4.305 4.86 4.86 0 0 0-4.285-4.305A4.86 4.86 0 0 0 17.714 3M16.46 14.913a3.44 3.44 0 0 0 3.03 3.044A3.44 3.44 0 0 0 16.46 21a3.44 3.44 0 0 0-3.03-3.043 3.44 3.44 0 0 0 3.03-3.044M9.143 4.87a8.12 8.12 0 0 1-4.383 6.349 8 8 0 0 1-2.76.824c.985.11 1.915.396 2.76.826a8.12 8.12 0 0 1 4.383 6.348 8.12 8.12 0 0 1 4.383-6.349 8 8 0 0 1 2.76-.825 8 8 0 0 1-2.76-.825A8.12 8.12 0 0 1 9.143 4.87" })));
 const ForwardRef = forwardRef(SvgAi);
 export default ForwardRef;
 //# sourceMappingURL=Ai.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Ai.mjs","sourceRoot":"","sources":["../../../../src/components/Icon/icons/Ai.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,cAAc;AAE/B,OAAO,EAAO,UAAU,EAAE,cAAc;AACxC,MAAM,KAAK,GAAG,CAAC,KAA8B,EAAE,GAAuB,EAAE,EAAE,CAAC,6BAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,EAAC,GAAG,EAAE,GAAG,KAAM,KAAK;IAAE,2BAAG,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS;QAAC,8BAAM,CAAC,EAAC,4iBAA4iB,GAAG,CAAI,CAAM,CAAC;AAC3xB,MAAM,UAAU,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;AACrC,eAAe,UAAU,CAAC","sourcesContent":["import * as React from \"react\";\nimport type { SVGProps } from \"react\";\nimport { Ref, forwardRef } from \"react\";\nconst SvgAi = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" ref={ref} {...props}><g fillRule=\"evenodd\" clipRule=\"evenodd\"><path d=\"M17.714 3A4.86 4.86 0 0 0 22 7.304a4.86 4.86 0 0 0-4.286 4.305 4.86 4.86 0 0 0-4.285-4.305A4.86 4.86 0 0 0 17.714 3M16.46 14.913a3.44 3.44 0 0 0 3.03 3.044A3.44 3.44 0 0 0 16.46 21a3.44 3.44 0 0 0-3.03-3.043 3.44 3.44 0 0 0 3.03-3.044M9.143 4.87a8.12 8.12 0 0 1-4.383 6.349 8 8 0 0 1-2.76.824c.985.11 1.915.396 2.76.826a8.12 8.12 0 0 1 4.383 6.348 8.12 8.12 0 0 1 4.383-6.349 8 8 0 0 1 2.76-.825 8 8 0 0 1-2.76-.825A8.12 8.12 0 0 1 9.143 4.87m0 4.348a9.6 9.6 0 0 1-2.818 2.825 9.6 9.6 0 0 1 2.818 2.826 9.6 9.6 0 0 1 2.818-2.826 9.6 9.6 0 0 1-2.818-2.825\" /></g></svg>;\nconst ForwardRef = forwardRef(SvgAi);\nexport default ForwardRef;"]}
+{"version":3,"file":"Ai.mjs","sourceRoot":"","sources":["../../../../src/components/Icon/icons/Ai.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,cAAc;AAE/B,OAAO,EAAO,UAAU,EAAE,cAAc;AACxC,MAAM,KAAK,GAAG,CAAC,KAA8B,EAAE,GAAuB,EAAE,EAAE,CAAC,6BAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,EAAC,GAAG,EAAE,GAAG,KAAM,KAAK;IAAE,2BAAG,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS;QAAC,8BAAM,CAAC,EAAC,4bAA4b,GAAG,CAAI,CAAM,CAAC;AAC3qB,MAAM,UAAU,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;AACrC,eAAe,UAAU,CAAC","sourcesContent":["import * as React from \"react\";\nimport type { SVGProps } from \"react\";\nimport { Ref, forwardRef } from \"react\";\nconst SvgAi = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" ref={ref} {...props}><g fillRule=\"evenodd\" clipRule=\"evenodd\"><path d=\"M17.714 3A4.86 4.86 0 0 0 22 7.304a4.86 4.86 0 0 0-4.286 4.305 4.86 4.86 0 0 0-4.285-4.305A4.86 4.86 0 0 0 17.714 3M16.46 14.913a3.44 3.44 0 0 0 3.03 3.044A3.44 3.44 0 0 0 16.46 21a3.44 3.44 0 0 0-3.03-3.043 3.44 3.44 0 0 0 3.03-3.044M9.143 4.87a8.12 8.12 0 0 1-4.383 6.349 8 8 0 0 1-2.76.824c.985.11 1.915.396 2.76.826a8.12 8.12 0 0 1 4.383 6.348 8.12 8.12 0 0 1 4.383-6.349 8 8 0 0 1 2.76-.825 8 8 0 0 1-2.76-.825A8.12 8.12 0 0 1 9.143 4.87\" /></g></svg>;\nconst ForwardRef = forwardRef(SvgAi);\nexport default ForwardRef;"]}

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

@@ -0,0 +1,32 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const react_1 = require("react");
+const SvgCorporateFare = (props, ref) => React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ref: ref, ...props },
+    React.createElement("path", { d: "M2 21V3h10v4h10v14zm2-2h6v-2H4zm0-4h6v-2H4zm0-4h6V9H4zm0-4h6V5H4zm8 12h8V9h-8zm2-6v-2h4v2zm0 4v-2h4v2z" }));
+const ForwardRef = (0, react_1.forwardRef)(SvgCorporateFare);
+exports.default = ForwardRef;
+//# sourceMappingURL=CorporateFare.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CorporateFare.cjs","sourceRoot":"","sources":["../../../../src/components/Icon/icons/CorporateFare.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,iCAAwC;AACxC,MAAM,gBAAgB,GAAG,CAAC,KAA8B,EAAE,GAAuB,EAAE,EAAE,CAAC,6BAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,EAAC,GAAG,EAAE,GAAG,KAAM,KAAK;IAAE,8BAAM,CAAC,EAAC,wGAAwG,GAAG,CAAM,CAAC;AACrT,MAAM,UAAU,GAAG,IAAA,kBAAU,EAAC,gBAAgB,CAAC,CAAC;AAChD,kBAAe,UAAU,CAAC","sourcesContent":["import * as React from \"react\";\nimport type { SVGProps } from \"react\";\nimport { Ref, forwardRef } from \"react\";\nconst SvgCorporateFare = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" ref={ref} {...props}><path d=\"M2 21V3h10v4h10v14zm2-2h6v-2H4zm0-4h6v-2H4zm0-4h6V9H4zm0-4h6V5H4zm8 12h8V9h-8zm2-6v-2h4v2zm0 4v-2h4v2z\" /></svg>;\nconst ForwardRef = forwardRef(SvgCorporateFare);\nexport default ForwardRef;"]}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { forwardRef } from "react";
+const SvgCorporateFare = (props, ref) => React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ref: ref, ...props },
+    React.createElement("path", { d: "M2 21V3h10v4h10v14zm2-2h6v-2H4zm0-4h6v-2H4zm0-4h6V9H4zm0-4h6V5H4zm8 12h8V9h-8zm2-6v-2h4v2zm0 4v-2h4v2z" }));
+const ForwardRef = forwardRef(SvgCorporateFare);
+export default ForwardRef;
+//# sourceMappingURL=CorporateFare.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CorporateFare.mjs","sourceRoot":"","sources":["../../../../src/components/Icon/icons/CorporateFare.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,cAAc;AAE/B,OAAO,EAAO,UAAU,EAAE,cAAc;AACxC,MAAM,gBAAgB,GAAG,CAAC,KAA8B,EAAE,GAAuB,EAAE,EAAE,CAAC,6BAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,EAAC,GAAG,EAAE,GAAG,KAAM,KAAK;IAAE,8BAAM,CAAC,EAAC,wGAAwG,GAAG,CAAM,CAAC;AACrT,MAAM,UAAU,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC","sourcesContent":["import * as React from \"react\";\nimport type { SVGProps } from \"react\";\nimport { Ref, forwardRef } from \"react\";\nconst SvgCorporateFare = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" ref={ref} {...props}><path d=\"M2 21V3h10v4h10v14zm2-2h6v-2H4zm0-4h6v-2H4zm0-4h6V9H4zm0-4h6V5H4zm8 12h8V9h-8zm2-6v-2h4v2zm0 4v-2h4v2z\" /></svg>;\nconst ForwardRef = forwardRef(SvgCorporateFare);\nexport default ForwardRef;"]}

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

@@ -72,6 +72,7 @@ const Confirmation_1 = __importDefault(require("./Confirmation.cjs"));
 const Connect_1 = __importDefault(require("./Connect.cjs"));
 const Copy_1 = __importDefault(require("./Copy.cjs"));
 const CopySuccess_1 = __importDefault(require("./CopySuccess.cjs"));
+const CorporateFare_1 = __importDefault(require("./CorporateFare.cjs"));
 const CreditCheck_1 = __importDefault(require("./CreditCheck.cjs"));
 const CurrencyFranc_1 = __importDefault(require("./CurrencyFranc.cjs"));
 const CurrencyLira_1 = __importDefault(require("./CurrencyLira.cjs"));
@@ -352,6 +353,7 @@ exports.Icons = {
     Connect: Connect_1.default,
     Copy: Copy_1.default,
     CopySuccess: CopySuccess_1.default,
+    CorporateFare: CorporateFare_1.default,
     CreditCheck: CreditCheck_1.default,
     CurrencyFranc: CurrencyFranc_1.default,
     CurrencyLira: CurrencyLira_1.default,