@fuf-stack/pixels 1.10.2 → 1.11.1

package/dist/Breadcrumb/Breadcrumb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.d.ts","names":[],"sources":["../../src/Breadcrumb/Breadcrumb.tsx"],"mappings":";;;;cAYa,kBAAA,8BAAkB,YAAA;EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAiBd,mBAAA;EAAmB;EAElC,QAAA,EAAU,SAAA;EAAA;EAEV,QAAA;EAIa;EAFb,YAAA,GAAe,SAAA;EAEO;EAAtB,UAAA,GAAa,SAAA;AAAA;AAAA,KAGV,YAAA,GAAe,OAAO,QAAQ,kBAAA;AAAA,KAC9B,SAAA,GAAY,WAAW,QAAQ,kBAAA;AAAA,UAEnB,eAAA,SAAwB,YAAA;EANvC;EAQA,eAAA,EAAiB,mBAAA;EARK;EAUtB,SAAA,GAAY,SAAA;EAPT;EASH,KAAA;;EAQA,gBAAA;EAjBmD;EAmBnD,aAAA;EAlBY;EAoBZ,QAAA;EApBe;EAsBf,QAAA;EApBe;EAsBf,MAAA;;EAEA,SAAA,GAAY,SAAA;EApBA;EAsBZ,IAAA;EA1BuC;EA4BvC,SAAA;EA5BmD;EA8BnD,OAAA;AAAA;;;;cAMI,UAAA;EAAc,eAAA;EAAA,SAAA,EAAA,UAAA;EAAA,KAAA;EAAA,gBAAA;EAAA,QAAA;EAAA,aAAA;EAAA,QAAA;EAAA,MAAA;EAAA,SAAA;EAAA,IAAA;EAAA,SAAA;EAAA;AAAA,GAajB,eAAA,iCAAe,GAAA,CAAA,OAAA"}
+{"version":3,"file":"Breadcrumb.d.ts","names":[],"sources":["../../src/Breadcrumb/Breadcrumb.tsx"],"mappings":";;;;cAYa,kBAAA,IAAkB,KAAA;EAAA;;;gbAe7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gbAf6B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sbAmBnB;EAAA;kbAMG;;;;sbANH;EAAA;;;;;kbAMY;;;;sbAGG;EAAA;IAAA;;;kbACC;;;;sbAEK;EAAA;IAAA;;;kbAAQ;;;;sbAEvC;EAAA;IAAA;;;kbAYA;;;;sbAQA;EAAA;IAAA;;;kbAQA;;;;sbA2DD;EAAA;kbArDmB;;;;sbAAA;EAAA;AAAA;;kbAAA;;;;sbAajB;EAAA;;obAbiB;;;;wbAAA;IAAA;;obAAA;;;;wbAAA;IAAA;;obAAA;;;;wbAAA;IAAA;;obAAA;;;;wbAaF;IAAA;;obAwCjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAvGgB,mBAAA;;EAEf,QAAA,EAAU,SAAA;;EAEV,QAAA;;EAEA,YAAA,GAAe,SAAA;;EAEf,UAAA,GAAa,SAAA;AAAA;AAAA,KAGV,YAAA,GAAe,OAAO,QAAQ,kBAAA;AAAA,KAC9B,SAAA,GAAY,WAAW,QAAQ,kBAAA;AAAA,UAEnB,eAAA,SAAwB,YAAA;;EAEvC,eAAA,EAAiB,mBAAA;;EAEjB,SAAA,GAAY,SAAA;;EAEZ,KAAA;;EAQA,gBAAA;;EAEA,aAAA;;EAEA,QAAA;;EAEA,QAAA;;EAEA,MAAA;;EAEA,SAAA,GAAY,SAAA;;EAEZ,IAAA;;EAEA,SAAA;;EAEA,OAAA;AAAA;;;;cAMI,UAAA;EAAc,eAAA;EAAA,SAAA,EAAA,UAAA;EAAA,KAAA;EAAA,gBAAA;EAAA,QAAA;EAAA,aAAA;EAAA,QAAA;EAAA,MAAA;EAAA,SAAA;EAAA,IAAA;EAAA,SAAA;EAAA;AAAA,GAajB,eAAA,iCAAe,GAAA,CAAA,OAAA"}

package/dist/Button/Button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.cjs","names":["heroButtonVariants","HeroButton","LoadingSpinner"],"sources":["../../src/Button/Button.tsx"],"sourcesContent":["import type { TVProps } from '@fuf-stack/pixel-utils';\nimport type { ButtonProps as HeroButtonProps } from '@heroui/button';\nimport type { ReactNode } from 'react';\n\nimport { forwardRef } from 'react';\n\nimport { Button as HeroButton } from '@heroui/button';\nimport { button as heroButtonVariants } from '@heroui/theme';\n\nimport { tv } from '@fuf-stack/pixel-utils';\n\nimport LoadingSpinner from './subcomponents/LoadingSpinner';\n\nexport const buttonVariants = tv({\n  extend: heroButtonVariants,\n  variants: {\n    color: {\n      ...heroButtonVariants.variants.color,\n      // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/button.ts\n      info: '',\n    },\n    variant: heroButtonVariants.variants.variant,\n    size: heroButtonVariants.variants.size,\n  },\n  compoundVariants: [\n    // white text on solid / shadow success button\n    {\n      color: 'success',\n      variant: 'solid',\n      class: 'text-white',\n    },\n    {\n      color: 'success',\n      variant: 'shadow',\n      class: 'text-white',\n    },\n    // white text on solid / shadow warning button\n    {\n      color: 'warning',\n      variant: 'solid',\n      class: 'text-white',\n    },\n    {\n      color: 'warning',\n      variant: 'shadow',\n      class: 'text-white',\n    },\n    {\n      color: 'info',\n      variant: 'solid',\n      class: 'bg-info text-info-foreground',\n    },\n    {\n      color: 'info',\n      variant: 'shadow',\n      class: 'shadow-info/40 bg-info text-info-foreground shadow-lg',\n    },\n    {\n      color: 'info',\n      variant: 'bordered',\n      class: 'border-medium border-info bg-transparent text-info',\n    },\n    {\n      color: 'info',\n      variant: 'flat',\n      class: 'bg-info/20 text-info-600',\n    },\n    {\n      color: 'info',\n      variant: 'faded',\n      class: 'border-default bg-default-100 text-info',\n    },\n    {\n      color: 'info',\n      variant: 'light',\n      class: 'bg-transparent text-info data-[hover=true]:bg-info-100',\n    },\n    {\n      color: 'info',\n      variant: 'ghost',\n      class:\n        'border-info text-info data-[hover=true]:!bg-info data-[hover=true]:!text-info-foreground',\n    },\n  ],\n});\n\ntype VariantProps = TVProps<typeof buttonVariants>;\n\n/* eslint-disable react/require-default-props -- not working with forwardRef */\nexport interface ButtonProps extends VariantProps {\n  /** sets HTML aria-label attribute */\n  ariaLabel?: string;\n  /** content of the button */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string;\n  /** color of the button */\n  color?: VariantProps['color'];\n  /** disables the button */\n  disabled?: boolean;\n  /** disables all animations */\n  disableAnimation?: boolean;\n  /** shows loading animation */\n  loading?: boolean;\n  /** optional icon */\n  icon?: ReactNode;\n  /** blur event handler */\n  onBlur?: HeroButtonProps['onBlur'];\n  /** click event handler */\n  onClick?: HeroButtonProps['onPress'];\n  /** focus event handler */\n  onFocus?: HeroButtonProps['onFocus'];\n  /** border radius size */\n  radius?: VariantProps['radius'];\n  /** enable ripple animation effect on click */\n  ripple?: boolean;\n  /** size options */\n  size?: VariantProps['size'];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** HTML button type attribute */\n  type?: 'button' | 'submit' | 'reset' | undefined;\n  /** visual style variant */\n  variant?: VariantProps['variant'];\n}\n/* eslint-enable react/require-default-props */\n\n/**\n * Button component based on [HeroUI Button](https://www.heroui.com//docs/components/button)\n */\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      ariaLabel = undefined,\n      children = undefined,\n      className: _className = undefined,\n      color = 'default',\n      disableAnimation = false,\n      disabled = false,\n      icon = undefined,\n      loading = false,\n      onBlur = undefined,\n      onClick = undefined,\n      onFocus = undefined,\n      radius = undefined,\n      ripple = false,\n      size = undefined,\n      testId = undefined,\n      type = undefined,\n      variant = 'solid',\n    },\n    ref,\n  ) => {\n    const className = buttonVariants({\n      className: _className,\n      disableAnimation,\n      isDisabled: disabled,\n      color,\n      size,\n      variant,\n      isIconOnly: !!(icon && !children),\n      radius,\n    });\n\n    return (\n      <HeroButton\n        ref={ref}\n        aria-label={ariaLabel}\n        className={className}\n        data-testid={testId}\n        disableRipple={disableAnimation || !ripple}\n        isDisabled={disabled}\n        isLoading={loading}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onPress={onClick}\n        spinner={<LoadingSpinner />}\n        type={type}\n      >\n        {icon}\n        {children}\n      </HeroButton>\n    );\n  },\n);\n\nButton.displayName = 'Button';\n\nexport default Button;\n"],"mappings":";;;;;;;;AAaA,MAAa,kBAAA,GAAA,uBAAA,IAAoB;CAC/B,QAAQA,cAAAA;CACR,UAAU;EACR,OAAO;GACL,GAAGA,cAAAA,OAAmB,SAAS;GAE/B,MAAM;EACR;EACA,SAASA,cAAAA,OAAmB,SAAS;EACrC,MAAMA,cAAAA,OAAmB,SAAS;CACpC;CACA,kBAAkB;EAEhB;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EACA;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EAEA;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EACA;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EACA;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EACA;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EACA;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EACA;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EACA;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EACA;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EACA;GACE,OAAO;GACP,SAAS;GACT,OACE;EACJ;CACF;AACF,CAAC;;;;AA8CD,MAAM,UAAA,GAAA,MAAA,aAEF,EACE,YAAY,KAAA,GACZ,WAAW,KAAA,GACX,WAAW,aAAa,KAAA,GACxB,QAAQ,WACR,mBAAmB,OACnB,WAAW,OACX,OAAO,KAAA,GACP,UAAU,OACV,SAAS,KAAA,GACT,UAAU,KAAA,GACV,UAAU,KAAA,GACV,SAAS,KAAA,GACT,SAAS,OACT,OAAO,KAAA,GACP,SAAS,KAAA,GACT,OAAO,KAAA,GACP,UAAU,WAEZ,QACG;CAYH,OACE,iBAAA,GAAA,kBAAA,MAACC,eAAAA,QAAD;EACO;EACL,cAAY;EACZ,WAfc,eAAe;GAC/B,WAAW;GACX;GACA,YAAY;GACZ;GACA;GACA;GACA,YAAY,CAAC,EAAE,QAAQ,CAAC;GACxB;EACF,CAMuB;EACnB,eAAa;EACb,eAAe,oBAAoB,CAAC;EACpC,YAAY;EACZ,WAAW;EACH;EACC;EACT,SAAS;EACT,SAAS,iBAAA,GAAA,kBAAA,KAACC,uBAAAA,SAAD,CAAiB,CAAA;EACpB;YAZR,CAcG,MACA,QACS;;AAEhB,CACF;AAEA,OAAO,cAAc"}
+{"version":3,"file":"Button.cjs","names":["heroButtonVariants","HeroButton","LoadingSpinner"],"sources":["../../src/Button/Button.tsx"],"sourcesContent":["import type { TVProps } from '@fuf-stack/pixel-utils';\nimport type { ButtonProps as HeroButtonProps } from '@heroui/button';\nimport type { ReactNode } from 'react';\n\nimport { forwardRef } from 'react';\n\nimport { Button as HeroButton } from '@heroui/button';\nimport { button as heroButtonVariants } from '@heroui/theme';\n\nimport { tv } from '@fuf-stack/pixel-utils';\n\nimport LoadingSpinner from './subcomponents/LoadingSpinner';\n\n// TODO: `tv(...)` inference here triggers TS2742/TS2883 during declaration emit\n// (non-portable `tailwind-variants` type path). Keep this explicit annotation\n// until we have a portable `tv` return type strategy.\nexport const buttonVariants: ReturnType<typeof tv> = tv({\n  extend: heroButtonVariants,\n  variants: {\n    color: {\n      ...heroButtonVariants.variants.color,\n      // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/button.ts\n      info: '',\n    },\n    variant: heroButtonVariants.variants.variant,\n    size: heroButtonVariants.variants.size,\n  },\n  compoundVariants: [\n    // white text on solid / shadow success button\n    {\n      color: 'success',\n      variant: 'solid',\n      class: 'text-white',\n    },\n    {\n      color: 'success',\n      variant: 'shadow',\n      class: 'text-white',\n    },\n    // white text on solid / shadow warning button\n    {\n      color: 'warning',\n      variant: 'solid',\n      class: 'text-white',\n    },\n    {\n      color: 'warning',\n      variant: 'shadow',\n      class: 'text-white',\n    },\n    {\n      color: 'info',\n      variant: 'solid',\n      class: 'bg-info text-info-foreground',\n    },\n    {\n      color: 'info',\n      variant: 'shadow',\n      class: 'shadow-info/40 bg-info text-info-foreground shadow-lg',\n    },\n    {\n      color: 'info',\n      variant: 'bordered',\n      class: 'border-medium border-info bg-transparent text-info',\n    },\n    {\n      color: 'info',\n      variant: 'flat',\n      class: 'bg-info/20 text-info-600',\n    },\n    {\n      color: 'info',\n      variant: 'faded',\n      class: 'border-default bg-default-100 text-info',\n    },\n    {\n      color: 'info',\n      variant: 'light',\n      class: 'bg-transparent text-info data-[hover=true]:bg-info-100',\n    },\n    {\n      color: 'info',\n      variant: 'ghost',\n      class:\n        'border-info text-info data-[hover=true]:!bg-info data-[hover=true]:!text-info-foreground',\n    },\n  ],\n});\n\ntype VariantProps = TVProps<typeof buttonVariants>;\n\n/* eslint-disable react/require-default-props -- not working with forwardRef */\nexport interface ButtonProps extends VariantProps {\n  /** sets HTML aria-label attribute */\n  ariaLabel?: string;\n  /** content of the button */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string;\n  /** color of the button */\n  color?: VariantProps['color'];\n  /** disables the button */\n  disabled?: boolean;\n  /** disables all animations */\n  disableAnimation?: boolean;\n  /** shows loading animation */\n  loading?: boolean;\n  /** optional icon */\n  icon?: ReactNode;\n  /** blur event handler */\n  onBlur?: HeroButtonProps['onBlur'];\n  /** click event handler */\n  onClick?: HeroButtonProps['onPress'];\n  /** focus event handler */\n  onFocus?: HeroButtonProps['onFocus'];\n  /** border radius size */\n  radius?: VariantProps['radius'];\n  /** enable ripple animation effect on click */\n  ripple?: boolean;\n  /** size options */\n  size?: VariantProps['size'];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** HTML button type attribute */\n  type?: 'button' | 'submit' | 'reset' | undefined;\n  /** visual style variant */\n  variant?: VariantProps['variant'];\n}\n/* eslint-enable react/require-default-props */\n\n/**\n * Button component based on [HeroUI Button](https://www.heroui.com//docs/components/button)\n */\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      ariaLabel = undefined,\n      children = undefined,\n      className: _className = undefined,\n      color = 'default',\n      disableAnimation = false,\n      disabled = false,\n      icon = undefined,\n      loading = false,\n      onBlur = undefined,\n      onClick = undefined,\n      onFocus = undefined,\n      radius = undefined,\n      ripple = false,\n      size = undefined,\n      testId = undefined,\n      type = undefined,\n      variant = 'solid',\n    },\n    ref,\n  ) => {\n    const className = buttonVariants({\n      className: _className,\n      disableAnimation,\n      isDisabled: disabled,\n      color,\n      size,\n      variant,\n      isIconOnly: !!(icon && !children),\n      radius,\n    });\n\n    return (\n      <HeroButton\n        ref={ref}\n        aria-label={ariaLabel}\n        className={className}\n        data-testid={testId}\n        disableRipple={disableAnimation || !ripple}\n        isDisabled={disabled}\n        isLoading={loading}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onPress={onClick}\n        spinner={<LoadingSpinner />}\n        type={type}\n      >\n        {icon}\n        {children}\n      </HeroButton>\n    );\n  },\n);\n\nButton.displayName = 'Button';\n\nexport default Button;\n"],"mappings":";;;;;;;;AAgBA,MAAa,kBAAA,GAAA,uBAAA,IAA2C;CACtD,QAAQA,cAAAA;CACR,UAAU;EACR,OAAO;GACL,GAAGA,cAAAA,OAAmB,SAAS;GAE/B,MAAM;EACR;EACA,SAASA,cAAAA,OAAmB,SAAS;EACrC,MAAMA,cAAAA,OAAmB,SAAS;CACpC;CACA,kBAAkB;EAEhB;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EACA;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EAEA;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EACA;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EACA;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EACA;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EACA;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EACA;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EACA;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EACA;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EACA;GACE,OAAO;GACP,SAAS;GACT,OACE;EACJ;CACF;AACF,CAAC;;;;AA8CD,MAAM,UAAA,GAAA,MAAA,aAEF,EACE,YAAY,KAAA,GACZ,WAAW,KAAA,GACX,WAAW,aAAa,KAAA,GACxB,QAAQ,WACR,mBAAmB,OACnB,WAAW,OACX,OAAO,KAAA,GACP,UAAU,OACV,SAAS,KAAA,GACT,UAAU,KAAA,GACV,UAAU,KAAA,GACV,SAAS,KAAA,GACT,SAAS,OACT,OAAO,KAAA,GACP,SAAS,KAAA,GACT,OAAO,KAAA,GACP,UAAU,WAEZ,QACG;CAYH,OACE,iBAAA,GAAA,kBAAA,MAACC,eAAAA,QAAD;EACO;EACL,cAAY;EACZ,WAfc,eAAe;GAC/B,WAAW;GACX;GACA,YAAY;GACZ;GACA;GACA;GACA,YAAY,CAAC,EAAE,QAAQ,CAAC;GACxB;EACF,CAMuB;EACnB,eAAa;EACb,eAAe,oBAAoB,CAAC;EACpC,YAAY;EACZ,WAAW;EACH;EACC;EACT,SAAS;EACT,SAAS,iBAAA,GAAA,kBAAA,KAACC,uBAAAA,SAAD,CAAiB,CAAA;EACpB;YAZR,CAcG,MACA,QACS;;AAEhB,CACF;AAEA,OAAO,cAAc"}

package/dist/Button/Button.d.cts

@@ -1,221 +1,9 @@
-import { TVProps } from "@fuf-stack/pixel-utils";
+import { TVProps, tv } from "@fuf-stack/pixel-utils";
 import { ReactNode } from "react";
 import { ButtonProps } from "@heroui/button";
 
 //#region src/Button/Button.d.ts
-declare const buttonVariants: import("tailwind-variants").TVReturnType<{
-  color: {
-    info: string;
-    default: string;
-    primary: string;
-    secondary: string;
-    success: string;
-    warning: string;
-    danger: string;
-  };
-  variant: {
-    solid: string;
-    bordered: string;
-    light: string;
-    flat: string;
-    faded: string;
-    shadow: string;
-    ghost: string;
-  };
-  size: {
-    sm: string;
-    md: string;
-    lg: string;
-  };
-}, undefined, undefined, {
-  variant: {
-    solid: string;
-    bordered: string;
-    light: string;
-    flat: string;
-    faded: string;
-    shadow: string;
-    ghost: string;
-  };
-  size: {
-    sm: string;
-    md: string;
-    lg: string;
-  };
-  color: {
-    default: string;
-    primary: string;
-    secondary: string;
-    success: string;
-    warning: string;
-    danger: string;
-  };
-  radius: {
-    none: string;
-    sm: string;
-    md: string;
-    lg: string;
-    full: string;
-  };
-  fullWidth: {
-    true: string;
-  };
-  isDisabled: {
-    true: string;
-  };
-  isInGroup: {
-    true: string;
-  };
-  isIconOnly: {
-    true: string;
-    false: string;
-  };
-  disableAnimation: {
-    true: string;
-    false: string;
-  };
-}, undefined, import("tailwind-variants").TVReturnType<{
-  variant: {
-    solid: string;
-    bordered: string;
-    light: string;
-    flat: string;
-    faded: string;
-    shadow: string;
-    ghost: string;
-  };
-  size: {
-    sm: string;
-    md: string;
-    lg: string;
-  };
-  color: {
-    default: string;
-    primary: string;
-    secondary: string;
-    success: string;
-    warning: string;
-    danger: string;
-  };
-  radius: {
-    none: string;
-    sm: string;
-    md: string;
-    lg: string;
-    full: string;
-  };
-  fullWidth: {
-    true: string;
-  };
-  isDisabled: {
-    true: string;
-  };
-  isInGroup: {
-    true: string;
-  };
-  isIconOnly: {
-    true: string;
-    false: string;
-  };
-  disableAnimation: {
-    true: string;
-    false: string;
-  };
-}, undefined, string[], {
-  variant: {
-    solid: string;
-    bordered: string;
-    light: string;
-    flat: string;
-    faded: string;
-    shadow: string;
-    ghost: string;
-  };
-  size: {
-    sm: string;
-    md: string;
-    lg: string;
-  };
-  color: {
-    default: string;
-    primary: string;
-    secondary: string;
-    success: string;
-    warning: string;
-    danger: string;
-  };
-  radius: {
-    none: string;
-    sm: string;
-    md: string;
-    lg: string;
-    full: string;
-  };
-  fullWidth: {
-    true: string;
-  };
-  isDisabled: {
-    true: string;
-  };
-  isInGroup: {
-    true: string;
-  };
-  isIconOnly: {
-    true: string;
-    false: string;
-  };
-  disableAnimation: {
-    true: string;
-    false: string;
-  };
-}, undefined, import("tailwind-variants").TVReturnType<{
-  variant: {
-    solid: string;
-    bordered: string;
-    light: string;
-    flat: string;
-    faded: string;
-    shadow: string;
-    ghost: string;
-  };
-  size: {
-    sm: string;
-    md: string;
-    lg: string;
-  };
-  color: {
-    default: string;
-    primary: string;
-    secondary: string;
-    success: string;
-    warning: string;
-    danger: string;
-  };
-  radius: {
-    none: string;
-    sm: string;
-    md: string;
-    lg: string;
-    full: string;
-  };
-  fullWidth: {
-    true: string;
-  };
-  isDisabled: {
-    true: string;
-  };
-  isInGroup: {
-    true: string;
-  };
-  isIconOnly: {
-    true: string;
-    false: string;
-  };
-  disableAnimation: {
-    true: string;
-    false: string;
-  };
-}, undefined, string[], unknown, unknown, undefined>>>;
+declare const buttonVariants: ReturnType<typeof tv>;
 type VariantProps = TVProps<typeof buttonVariants>;
 interface ButtonProps$1 extends VariantProps {
   /** sets HTML aria-label attribute */
@@ -256,7 +44,7 @@ interface ButtonProps$1 extends VariantProps {
 /**
  * Button component based on [HeroUI Button](https://www.heroui.com//docs/components/button)
  */
-declare const Button: import("react").ForwardRefExoticComponent<ButtonProps$1 & import("react").RefAttributes<HTMLButtonElement>>;
+declare const Button: import("react").ForwardRefExoticComponent<Omit<ButtonProps$1, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 //#endregion
 export { Button, ButtonProps$1 as ButtonProps, buttonVariants };
 //# sourceMappingURL=Button.d.cts.map

package/dist/Button/Button.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.cts","names":[],"sources":["../../src/Button/Button.tsx"],"mappings":";;;;;cAaa,cAAA,8BAAc,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyEtB,YAAA,GAAe,OAAO,QAAQ,cAAA;AAAA,UAGlB,aAAA,SAAoB,YAAA;EAsBnC;EApBA,SAAA;EAsBA;EApBA,QAAA,GAAW,SAAA;EAsBX;EApBA,SAAA;EAsBO;EApBP,KAAA,GAAQ,YAAA;EAwBR;EAtBA,QAAA;EAwBU;EAtBV,gBAAA;EAsBsB;EApBtB,OAAA;EAiFD;EA/EC,IAAA,GAAO,SAAA;EAyBG;EAvBV,MAAA,GAAS,WAAA;EAuBC;EArBV,OAAA,GAAU,WAAA;EAqBA;EAnBV,OAAA,GAAU,WAAA;EAmBA;EAjBV,MAAA,GAAS,YAAA;;EAET,MAAA;;EAEA,IAAA,GAAO,YAAA;;EAEP,MAAA;;EAEA,IAAA;;EAEA,OAAA,GAAU,YAAA;AAAA;;;;cAON,MAAA,kBAAM,yBAAA,CAAA,aAAA,mBAAA,aAAA,CAAA,iBAAA"}
+{"version":3,"file":"Button.d.cts","names":[],"sources":["../../src/Button/Button.tsx"],"mappings":";;;;;cAgBa,cAAA,EAAgB,UAAU,QAAQ,EAAA;AAAA,KAyE1C,YAAA,GAAe,OAAO,QAAQ,cAAA;AAAA,UAGlB,aAAA,SAAoB,YAAA;;EAEnC,SAAA;EA9E+C;EAgF/C,QAAA,GAAW,SAAA;EAPI;EASf,SAAA;EATkB;EAWlB,KAAA,GAAQ,YAAA;EARO;EAUf,QAAA;;EAEA,gBAAA;EAJQ;EAMR,OAAA;EAIS;EAFT,IAAA,GAAO,SAAA;EAMG;EAJV,MAAA,GAAS,WAAA;EAUF;EARP,OAAA,GAAU,WAAA;EApByB;EAsBnC,OAAA,GAAU,WAAA;EAtBqC;EAwB/C,MAAA,GAAS,YAAA;EAtBT;EAwBA,MAAA;EAtBW;EAwBX,IAAA,GAAO,YAAA;EApBP;EAsBA,MAAA;EApBA;EAsBA,IAAA;EAlBA;EAoBA,OAAA,GAAU,YAAA;AAAA;;;;cAON,MAAA,kBAAM,yBAAA,CAAA,IAAA,CAAA,aAAA,2BAAA,aAAA,CAAA,iBAAA"}

package/dist/Button/Button.d.ts

@@ -1,221 +1,9 @@
-import { TVProps } from "@fuf-stack/pixel-utils";
+import { TVProps, tv } from "@fuf-stack/pixel-utils";
 import { ReactNode } from "react";
 import { ButtonProps } from "@heroui/button";
 
 //#region src/Button/Button.d.ts
-declare const buttonVariants: import("tailwind-variants").TVReturnType<{
-  color: {
-    info: string;
-    default: string;
-    primary: string;
-    secondary: string;
-    success: string;
-    warning: string;
-    danger: string;
-  };
-  variant: {
-    solid: string;
-    bordered: string;
-    light: string;
-    flat: string;
-    faded: string;
-    shadow: string;
-    ghost: string;
-  };
-  size: {
-    sm: string;
-    md: string;
-    lg: string;
-  };
-}, undefined, undefined, {
-  variant: {
-    solid: string;
-    bordered: string;
-    light: string;
-    flat: string;
-    faded: string;
-    shadow: string;
-    ghost: string;
-  };
-  size: {
-    sm: string;
-    md: string;
-    lg: string;
-  };
-  color: {
-    default: string;
-    primary: string;
-    secondary: string;
-    success: string;
-    warning: string;
-    danger: string;
-  };
-  radius: {
-    none: string;
-    sm: string;
-    md: string;
-    lg: string;
-    full: string;
-  };
-  fullWidth: {
-    true: string;
-  };
-  isDisabled: {
-    true: string;
-  };
-  isInGroup: {
-    true: string;
-  };
-  isIconOnly: {
-    true: string;
-    false: string;
-  };
-  disableAnimation: {
-    true: string;
-    false: string;
-  };
-}, undefined, import("tailwind-variants").TVReturnType<{
-  variant: {
-    solid: string;
-    bordered: string;
-    light: string;
-    flat: string;
-    faded: string;
-    shadow: string;
-    ghost: string;
-  };
-  size: {
-    sm: string;
-    md: string;
-    lg: string;
-  };
-  color: {
-    default: string;
-    primary: string;
-    secondary: string;
-    success: string;
-    warning: string;
-    danger: string;
-  };
-  radius: {
-    none: string;
-    sm: string;
-    md: string;
-    lg: string;
-    full: string;
-  };
-  fullWidth: {
-    true: string;
-  };
-  isDisabled: {
-    true: string;
-  };
-  isInGroup: {
-    true: string;
-  };
-  isIconOnly: {
-    true: string;
-    false: string;
-  };
-  disableAnimation: {
-    true: string;
-    false: string;
-  };
-}, undefined, string[], {
-  variant: {
-    solid: string;
-    bordered: string;
-    light: string;
-    flat: string;
-    faded: string;
-    shadow: string;
-    ghost: string;
-  };
-  size: {
-    sm: string;
-    md: string;
-    lg: string;
-  };
-  color: {
-    default: string;
-    primary: string;
-    secondary: string;
-    success: string;
-    warning: string;
-    danger: string;
-  };
-  radius: {
-    none: string;
-    sm: string;
-    md: string;
-    lg: string;
-    full: string;
-  };
-  fullWidth: {
-    true: string;
-  };
-  isDisabled: {
-    true: string;
-  };
-  isInGroup: {
-    true: string;
-  };
-  isIconOnly: {
-    true: string;
-    false: string;
-  };
-  disableAnimation: {
-    true: string;
-    false: string;
-  };
-}, undefined, import("tailwind-variants").TVReturnType<{
-  variant: {
-    solid: string;
-    bordered: string;
-    light: string;
-    flat: string;
-    faded: string;
-    shadow: string;
-    ghost: string;
-  };
-  size: {
-    sm: string;
-    md: string;
-    lg: string;
-  };
-  color: {
-    default: string;
-    primary: string;
-    secondary: string;
-    success: string;
-    warning: string;
-    danger: string;
-  };
-  radius: {
-    none: string;
-    sm: string;
-    md: string;
-    lg: string;
-    full: string;
-  };
-  fullWidth: {
-    true: string;
-  };
-  isDisabled: {
-    true: string;
-  };
-  isInGroup: {
-    true: string;
-  };
-  isIconOnly: {
-    true: string;
-    false: string;
-  };
-  disableAnimation: {
-    true: string;
-    false: string;
-  };
-}, undefined, string[], unknown, unknown, undefined>>>;
+declare const buttonVariants: ReturnType<typeof tv>;
 type VariantProps = TVProps<typeof buttonVariants>;
 interface ButtonProps$1 extends VariantProps {
   /** sets HTML aria-label attribute */
@@ -256,7 +44,7 @@ interface ButtonProps$1 extends VariantProps {
 /**
  * Button component based on [HeroUI Button](https://www.heroui.com//docs/components/button)
  */
-declare const Button$1: import("react").ForwardRefExoticComponent<ButtonProps$1 & import("react").RefAttributes<HTMLButtonElement>>;
+declare const Button$1: import("react").ForwardRefExoticComponent<Omit<ButtonProps$1, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 //#endregion
 export { Button$1 as Button, ButtonProps$1 as ButtonProps, buttonVariants };
 //# sourceMappingURL=Button.d.ts.map

package/dist/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","names":[],"sources":["../../src/Button/Button.tsx"],"mappings":";;;;;cAaa,cAAA,8BAAc,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyEtB,YAAA,GAAe,OAAO,QAAQ,cAAA;AAAA,UAGlB,aAAA,SAAoB,YAAA;EAsBnC;EApBA,SAAA;EAsBA;EApBA,QAAA,GAAW,SAAA;EAsBX;EApBA,SAAA;EAsBO;EApBP,KAAA,GAAQ,YAAA;EAwBR;EAtBA,QAAA;EAwBU;EAtBV,gBAAA;EAsBsB;EApBtB,OAAA;EAiFD;EA/EC,IAAA,GAAO,SAAA;EAyBG;EAvBV,MAAA,GAAS,WAAA;EAuBC;EArBV,OAAA,GAAU,WAAA;EAqBA;EAnBV,OAAA,GAAU,WAAA;EAmBA;EAjBV,MAAA,GAAS,YAAA;;EAET,MAAA;;EAEA,IAAA,GAAO,YAAA;;EAEP,MAAA;;EAEA,IAAA;;EAEA,OAAA,GAAU,YAAA;AAAA;;;;cAON,QAAA,kBAAM,yBAAA,CAAA,aAAA,mBAAA,aAAA,CAAA,iBAAA"}
+{"version":3,"file":"Button.d.ts","names":[],"sources":["../../src/Button/Button.tsx"],"mappings":";;;;;cAgBa,cAAA,EAAgB,UAAU,QAAQ,EAAA;AAAA,KAyE1C,YAAA,GAAe,OAAO,QAAQ,cAAA;AAAA,UAGlB,aAAA,SAAoB,YAAA;;EAEnC,SAAA;EA9E+C;EAgF/C,QAAA,GAAW,SAAA;EAPI;EASf,SAAA;EATkB;EAWlB,KAAA,GAAQ,YAAA;EARO;EAUf,QAAA;;EAEA,gBAAA;EAJQ;EAMR,OAAA;EAIS;EAFT,IAAA,GAAO,SAAA;EAMG;EAJV,MAAA,GAAS,WAAA;EAUF;EARP,OAAA,GAAU,WAAA;EApByB;EAsBnC,OAAA,GAAU,WAAA;EAtBqC;EAwB/C,MAAA,GAAS,YAAA;EAtBT;EAwBA,MAAA;EAtBW;EAwBX,IAAA,GAAO,YAAA;EApBP;EAsBA,MAAA;EApBA;EAsBA,IAAA;EAlBA;EAoBA,OAAA,GAAU,YAAA;AAAA;;;;cAON,QAAA,kBAAM,yBAAA,CAAA,IAAA,CAAA,aAAA,2BAAA,aAAA,CAAA,iBAAA"}

package/dist/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":["heroButtonVariants","Button","HeroButton"],"sources":["../../src/Button/Button.tsx"],"sourcesContent":["import type { TVProps } from '@fuf-stack/pixel-utils';\nimport type { ButtonProps as HeroButtonProps } from '@heroui/button';\nimport type { ReactNode } from 'react';\n\nimport { forwardRef } from 'react';\n\nimport { Button as HeroButton } from '@heroui/button';\nimport { button as heroButtonVariants } from '@heroui/theme';\n\nimport { tv } from '@fuf-stack/pixel-utils';\n\nimport LoadingSpinner from './subcomponents/LoadingSpinner';\n\nexport const buttonVariants = tv({\n  extend: heroButtonVariants,\n  variants: {\n    color: {\n      ...heroButtonVariants.variants.color,\n      // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/button.ts\n      info: '',\n    },\n    variant: heroButtonVariants.variants.variant,\n    size: heroButtonVariants.variants.size,\n  },\n  compoundVariants: [\n    // white text on solid / shadow success button\n    {\n      color: 'success',\n      variant: 'solid',\n      class: 'text-white',\n    },\n    {\n      color: 'success',\n      variant: 'shadow',\n      class: 'text-white',\n    },\n    // white text on solid / shadow warning button\n    {\n      color: 'warning',\n      variant: 'solid',\n      class: 'text-white',\n    },\n    {\n      color: 'warning',\n      variant: 'shadow',\n      class: 'text-white',\n    },\n    {\n      color: 'info',\n      variant: 'solid',\n      class: 'bg-info text-info-foreground',\n    },\n    {\n      color: 'info',\n      variant: 'shadow',\n      class: 'shadow-info/40 bg-info text-info-foreground shadow-lg',\n    },\n    {\n      color: 'info',\n      variant: 'bordered',\n      class: 'border-medium border-info bg-transparent text-info',\n    },\n    {\n      color: 'info',\n      variant: 'flat',\n      class: 'bg-info/20 text-info-600',\n    },\n    {\n      color: 'info',\n      variant: 'faded',\n      class: 'border-default bg-default-100 text-info',\n    },\n    {\n      color: 'info',\n      variant: 'light',\n      class: 'bg-transparent text-info data-[hover=true]:bg-info-100',\n    },\n    {\n      color: 'info',\n      variant: 'ghost',\n      class:\n        'border-info text-info data-[hover=true]:!bg-info data-[hover=true]:!text-info-foreground',\n    },\n  ],\n});\n\ntype VariantProps = TVProps<typeof buttonVariants>;\n\n/* eslint-disable react/require-default-props -- not working with forwardRef */\nexport interface ButtonProps extends VariantProps {\n  /** sets HTML aria-label attribute */\n  ariaLabel?: string;\n  /** content of the button */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string;\n  /** color of the button */\n  color?: VariantProps['color'];\n  /** disables the button */\n  disabled?: boolean;\n  /** disables all animations */\n  disableAnimation?: boolean;\n  /** shows loading animation */\n  loading?: boolean;\n  /** optional icon */\n  icon?: ReactNode;\n  /** blur event handler */\n  onBlur?: HeroButtonProps['onBlur'];\n  /** click event handler */\n  onClick?: HeroButtonProps['onPress'];\n  /** focus event handler */\n  onFocus?: HeroButtonProps['onFocus'];\n  /** border radius size */\n  radius?: VariantProps['radius'];\n  /** enable ripple animation effect on click */\n  ripple?: boolean;\n  /** size options */\n  size?: VariantProps['size'];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** HTML button type attribute */\n  type?: 'button' | 'submit' | 'reset' | undefined;\n  /** visual style variant */\n  variant?: VariantProps['variant'];\n}\n/* eslint-enable react/require-default-props */\n\n/**\n * Button component based on [HeroUI Button](https://www.heroui.com//docs/components/button)\n */\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      ariaLabel = undefined,\n      children = undefined,\n      className: _className = undefined,\n      color = 'default',\n      disableAnimation = false,\n      disabled = false,\n      icon = undefined,\n      loading = false,\n      onBlur = undefined,\n      onClick = undefined,\n      onFocus = undefined,\n      radius = undefined,\n      ripple = false,\n      size = undefined,\n      testId = undefined,\n      type = undefined,\n      variant = 'solid',\n    },\n    ref,\n  ) => {\n    const className = buttonVariants({\n      className: _className,\n      disableAnimation,\n      isDisabled: disabled,\n      color,\n      size,\n      variant,\n      isIconOnly: !!(icon && !children),\n      radius,\n    });\n\n    return (\n      <HeroButton\n        ref={ref}\n        aria-label={ariaLabel}\n        className={className}\n        data-testid={testId}\n        disableRipple={disableAnimation || !ripple}\n        isDisabled={disabled}\n        isLoading={loading}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onPress={onClick}\n        spinner={<LoadingSpinner />}\n        type={type}\n      >\n        {icon}\n        {children}\n      </HeroButton>\n    );\n  },\n);\n\nButton.displayName = 'Button';\n\nexport default Button;\n"],"mappings":";;;;;;;AAaA,MAAa,iBAAiB,GAAG;CAC/B,QAAQA;CACR,UAAU;EACR,OAAO;GACL,GAAGA,OAAmB,SAAS;GAE/B,MAAM;EACR;EACA,SAASA,OAAmB,SAAS;EACrC,MAAMA,OAAmB,SAAS;CACpC;CACA,kBAAkB;EAEhB;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EACA;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EAEA;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EACA;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EACA;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EACA;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EACA;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EACA;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EACA;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EACA;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EACA;GACE,OAAO;GACP,SAAS;GACT,OACE;EACJ;CACF;AACF,CAAC;;;;AA8CD,MAAMC,WAAS,YAEX,EACE,YAAY,KAAA,GACZ,WAAW,KAAA,GACX,WAAW,aAAa,KAAA,GACxB,QAAQ,WACR,mBAAmB,OACnB,WAAW,OACX,OAAO,KAAA,GACP,UAAU,OACV,SAAS,KAAA,GACT,UAAU,KAAA,GACV,UAAU,KAAA,GACV,SAAS,KAAA,GACT,SAAS,OACT,OAAO,KAAA,GACP,SAAS,KAAA,GACT,OAAO,KAAA,GACP,UAAU,WAEZ,QACG;CAYH,OACE,qBAACC,QAAD;EACO;EACL,cAAY;EACZ,WAfc,eAAe;GAC/B,WAAW;GACX;GACA,YAAY;GACZ;GACA;GACA;GACA,YAAY,CAAC,EAAE,QAAQ,CAAC;GACxB;EACF,CAMuB;EACnB,eAAa;EACb,eAAe,oBAAoB,CAAC;EACpC,YAAY;EACZ,WAAW;EACH;EACC;EACT,SAAS;EACT,SAAS,oBAAC,gBAAD,CAAiB,CAAA;EACpB;YAZR,CAcG,MACA,QACS;;AAEhB,CACF;AAEA,SAAO,cAAc"}
+{"version":3,"file":"Button.js","names":["heroButtonVariants","Button","HeroButton"],"sources":["../../src/Button/Button.tsx"],"sourcesContent":["import type { TVProps } from '@fuf-stack/pixel-utils';\nimport type { ButtonProps as HeroButtonProps } from '@heroui/button';\nimport type { ReactNode } from 'react';\n\nimport { forwardRef } from 'react';\n\nimport { Button as HeroButton } from '@heroui/button';\nimport { button as heroButtonVariants } from '@heroui/theme';\n\nimport { tv } from '@fuf-stack/pixel-utils';\n\nimport LoadingSpinner from './subcomponents/LoadingSpinner';\n\n// TODO: `tv(...)` inference here triggers TS2742/TS2883 during declaration emit\n// (non-portable `tailwind-variants` type path). Keep this explicit annotation\n// until we have a portable `tv` return type strategy.\nexport const buttonVariants: ReturnType<typeof tv> = tv({\n  extend: heroButtonVariants,\n  variants: {\n    color: {\n      ...heroButtonVariants.variants.color,\n      // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/button.ts\n      info: '',\n    },\n    variant: heroButtonVariants.variants.variant,\n    size: heroButtonVariants.variants.size,\n  },\n  compoundVariants: [\n    // white text on solid / shadow success button\n    {\n      color: 'success',\n      variant: 'solid',\n      class: 'text-white',\n    },\n    {\n      color: 'success',\n      variant: 'shadow',\n      class: 'text-white',\n    },\n    // white text on solid / shadow warning button\n    {\n      color: 'warning',\n      variant: 'solid',\n      class: 'text-white',\n    },\n    {\n      color: 'warning',\n      variant: 'shadow',\n      class: 'text-white',\n    },\n    {\n      color: 'info',\n      variant: 'solid',\n      class: 'bg-info text-info-foreground',\n    },\n    {\n      color: 'info',\n      variant: 'shadow',\n      class: 'shadow-info/40 bg-info text-info-foreground shadow-lg',\n    },\n    {\n      color: 'info',\n      variant: 'bordered',\n      class: 'border-medium border-info bg-transparent text-info',\n    },\n    {\n      color: 'info',\n      variant: 'flat',\n      class: 'bg-info/20 text-info-600',\n    },\n    {\n      color: 'info',\n      variant: 'faded',\n      class: 'border-default bg-default-100 text-info',\n    },\n    {\n      color: 'info',\n      variant: 'light',\n      class: 'bg-transparent text-info data-[hover=true]:bg-info-100',\n    },\n    {\n      color: 'info',\n      variant: 'ghost',\n      class:\n        'border-info text-info data-[hover=true]:!bg-info data-[hover=true]:!text-info-foreground',\n    },\n  ],\n});\n\ntype VariantProps = TVProps<typeof buttonVariants>;\n\n/* eslint-disable react/require-default-props -- not working with forwardRef */\nexport interface ButtonProps extends VariantProps {\n  /** sets HTML aria-label attribute */\n  ariaLabel?: string;\n  /** content of the button */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string;\n  /** color of the button */\n  color?: VariantProps['color'];\n  /** disables the button */\n  disabled?: boolean;\n  /** disables all animations */\n  disableAnimation?: boolean;\n  /** shows loading animation */\n  loading?: boolean;\n  /** optional icon */\n  icon?: ReactNode;\n  /** blur event handler */\n  onBlur?: HeroButtonProps['onBlur'];\n  /** click event handler */\n  onClick?: HeroButtonProps['onPress'];\n  /** focus event handler */\n  onFocus?: HeroButtonProps['onFocus'];\n  /** border radius size */\n  radius?: VariantProps['radius'];\n  /** enable ripple animation effect on click */\n  ripple?: boolean;\n  /** size options */\n  size?: VariantProps['size'];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** HTML button type attribute */\n  type?: 'button' | 'submit' | 'reset' | undefined;\n  /** visual style variant */\n  variant?: VariantProps['variant'];\n}\n/* eslint-enable react/require-default-props */\n\n/**\n * Button component based on [HeroUI Button](https://www.heroui.com//docs/components/button)\n */\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      ariaLabel = undefined,\n      children = undefined,\n      className: _className = undefined,\n      color = 'default',\n      disableAnimation = false,\n      disabled = false,\n      icon = undefined,\n      loading = false,\n      onBlur = undefined,\n      onClick = undefined,\n      onFocus = undefined,\n      radius = undefined,\n      ripple = false,\n      size = undefined,\n      testId = undefined,\n      type = undefined,\n      variant = 'solid',\n    },\n    ref,\n  ) => {\n    const className = buttonVariants({\n      className: _className,\n      disableAnimation,\n      isDisabled: disabled,\n      color,\n      size,\n      variant,\n      isIconOnly: !!(icon && !children),\n      radius,\n    });\n\n    return (\n      <HeroButton\n        ref={ref}\n        aria-label={ariaLabel}\n        className={className}\n        data-testid={testId}\n        disableRipple={disableAnimation || !ripple}\n        isDisabled={disabled}\n        isLoading={loading}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onPress={onClick}\n        spinner={<LoadingSpinner />}\n        type={type}\n      >\n        {icon}\n        {children}\n      </HeroButton>\n    );\n  },\n);\n\nButton.displayName = 'Button';\n\nexport default Button;\n"],"mappings":";;;;;;;AAgBA,MAAa,iBAAwC,GAAG;CACtD,QAAQA;CACR,UAAU;EACR,OAAO;GACL,GAAGA,OAAmB,SAAS;GAE/B,MAAM;EACR;EACA,SAASA,OAAmB,SAAS;EACrC,MAAMA,OAAmB,SAAS;CACpC;CACA,kBAAkB;EAEhB;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EACA;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EAEA;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EACA;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EACA;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EACA;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EACA;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EACA;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EACA;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EACA;GACE,OAAO;GACP,SAAS;GACT,OAAO;EACT;EACA;GACE,OAAO;GACP,SAAS;GACT,OACE;EACJ;CACF;AACF,CAAC;;;;AA8CD,MAAMC,WAAS,YAEX,EACE,YAAY,KAAA,GACZ,WAAW,KAAA,GACX,WAAW,aAAa,KAAA,GACxB,QAAQ,WACR,mBAAmB,OACnB,WAAW,OACX,OAAO,KAAA,GACP,UAAU,OACV,SAAS,KAAA,GACT,UAAU,KAAA,GACV,UAAU,KAAA,GACV,SAAS,KAAA,GACT,SAAS,OACT,OAAO,KAAA,GACP,SAAS,KAAA,GACT,OAAO,KAAA,GACP,UAAU,WAEZ,QACG;CAYH,OACE,qBAACC,QAAD;EACO;EACL,cAAY;EACZ,WAfc,eAAe;GAC/B,WAAW;GACX;GACA,YAAY;GACZ;GACA;GACA;GACA,YAAY,CAAC,EAAE,QAAQ,CAAC;GACxB;EACF,CAMuB;EACnB,eAAa;EACb,eAAe,oBAAoB,CAAC;EACpC,YAAY;EACZ,WAAW;EACH;EACC;EACT,SAAS;EACT,SAAS,oBAAC,gBAAD,CAAiB,CAAA;EACpB;YAZR,CAcG,MACA,QACS;;AAEhB,CACF;AAEA,SAAO,cAAc"}