@fuf-stack/pixels 1.11.0 → 1.11.2

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/Breadcrumb/Breadcrumb.js

@@ -22,26 +22,26 @@ const breadcrumbVariants = tv({ slots: {
 const Breadcrumb = ({ breadcrumbItems, className: _className = void 0, color = "foreground", disableAnimation = false, disabled = false, hideSeparator = false, maxItems = void 0, radius = "none", separator = void 0, size = "md", underline = "hover", variant = "light" }) => {
 	const classNames = variantsToClassNames(breadcrumbVariants({}), _className, "nav");
 	return /* @__PURE__ */ jsx(Breadcrumbs, {
-		color,
-		disableAnimation,
-		hideSeparator,
-		isDisabled: disabled,
-		maxItems,
-		radius,
-		separator,
-		size,
-		underline,
-		variant,
 		classNames: {
 			base: classNames.nav,
 			ellipsis: classNames.separator,
 			list: classNames.list
 		},
+		color,
+		disableAnimation,
+		hideSeparator,
+		isDisabled: disabled,
 		itemClasses: {
 			base: classNames.itemBase,
 			item: classNames.item,
 			separator: classNames.separator
 		},
+		maxItems,
+		radius,
+		separator,
+		size,
+		underline,
+		variant,
 		children: breadcrumbItems.map((item, index) => {
 			return /* @__PURE__ */ jsx(BreadcrumbItem, {
 				isDisabled: disabled || item?.disabled,

package/dist/Breadcrumb/Breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.js","names":["HeroBreadcrumb","HeroBreadcrumbItem"],"sources":["../../src/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport {\n  Breadcrumbs as HeroBreadcrumb,\n  BreadcrumbItem as HeroBreadcrumbItem,\n} from '@heroui/breadcrumbs';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// breadcrumb styling variants\n// see: https://www.heroui.com//docs/components/breadcrumbs#breadcrumbitem-props\nexport const breadcrumbVariants = tv({\n  slots: {\n    /** ellipsis slot */\n    ellipsis: '',\n    /** li > span slot */\n    item: '',\n    /** li  slot */\n    itemBase: '', // base for item slot\n    /** ol slot */\n    list: '',\n    /** separator slot */\n    separator: '',\n    /** nav slot, breadcrumb base slot in heroui */\n    nav: '',\n  },\n});\n\nexport interface BreadcrumbItemProps {\n  /** Content of the breadcrumb item */\n  children: ReactNode;\n  /** Disables the breadcrumb item */\n  disabled?: boolean;\n  /** content displayed before the children */\n  startContent?: ReactNode;\n  /** content displayed after the children */\n  endContent?: ReactNode;\n}\n\ntype VariantProps = TVProps<typeof breadcrumbVariants>;\ntype ClassName = TVClassName<typeof breadcrumbVariants>;\n\nexport interface BreadcrumbProps extends VariantProps {\n  /** Props for breadcrumbItem, will render the breadcrumb items programmatically */\n  breadcrumbItems: BreadcrumbItemProps[];\n  /** CSS class name */\n  className?: ClassName;\n  /** color of the active BreadcrumbItem */\n  color?:\n    | 'foreground'\n    | 'primary'\n    | 'secondary'\n    | 'success'\n    | 'warning'\n    | 'danger';\n  /** Disables the breadcrumb animation */\n  disableAnimation?: boolean;\n  /** hides the separator between items */\n  hideSeparator?: boolean;\n  /** disables all items */\n  disabled?: boolean;\n  /** Maximum number of items to show without \"...\" in between */\n  maxItems?: number;\n  /** Radius of the breadcrumb */\n  radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';\n  /** Separator between items */\n  separator?: ReactNode;\n  /** Size of the breadcrumb */\n  size?: 'sm' | 'md' | 'lg';\n  /** Adjust when the breadcrumb items should be underlined */\n  underline?: 'none' | 'active' | 'hover' | 'focus' | 'always';\n  /** Style variant of the breadcrumb */\n  variant?: 'solid' | 'bordered' | 'light';\n}\n\n/**\n * Breadcrumb component based on [HeroUI Breadcrumbs](https://www.heroui.com//docs/components/breadcrumbs)\n */\nconst Breadcrumb = ({\n  breadcrumbItems,\n  className: _className = undefined,\n  color = 'foreground',\n  disableAnimation = false,\n  disabled = false,\n  hideSeparator = false,\n  maxItems = undefined,\n  radius = 'none',\n  separator = undefined,\n  size = 'md',\n  underline = 'hover',\n  variant = 'light',\n}: BreadcrumbProps) => {\n  // itemClasses from className slots\n  const variants = breadcrumbVariants({});\n  const classNames = variantsToClassNames(variants, _className, 'nav');\n\n  return (\n    <HeroBreadcrumb\n      color={color}\n      disableAnimation={disableAnimation}\n      hideSeparator={hideSeparator}\n      isDisabled={disabled}\n      maxItems={maxItems}\n      radius={radius}\n      separator={separator}\n      size={size}\n      underline={underline}\n      variant={variant}\n      classNames={{\n        base: classNames.nav,\n        ellipsis: classNames.separator,\n        list: classNames.list,\n      }}\n      itemClasses={{\n        base: classNames.itemBase,\n        item: classNames.item,\n        separator: classNames.separator,\n      }}\n    >\n      {breadcrumbItems.map((item, index) => {\n        return (\n          <HeroBreadcrumbItem\n            // eslint-disable-next-line react/no-array-index-key\n            key={index}\n            isDisabled={disabled || item?.disabled}\n            {...item}\n          />\n        );\n      })}\n    </HeroBreadcrumb>\n  );\n};\n\nexport default Breadcrumb;\n"],"mappings":";;;;AAYA,MAAa,qBAAqB,GAAG,EACnC,OAAO;;CAEL,UAAU;;CAEV,MAAM;;CAEN,UAAU;;CAEV,MAAM;;CAEN,WAAW;;CAEX,KAAK;AACP,EACF,CAAC;;;;AAoDD,MAAM,cAAc,EAClB,iBACA,WAAW,aAAa,KAAA,GACxB,QAAQ,cACR,mBAAmB,OACnB,WAAW,OACX,gBAAgB,OAChB,WAAW,KAAA,GACX,SAAS,QACT,YAAY,KAAA,GACZ,OAAO,MACP,YAAY,SACZ,UAAU,cACW;CAGrB,MAAM,aAAa,qBADF,mBAAmB,CAAC,CACU,GAAG,YAAY,KAAK;CAEnE,OACE,oBAACA,aAAD;EACS;EACW;EACH;EACf,YAAY;EACF;EACF;EACG;EACL;EACK;EACF;EACT,YAAY;GACV,MAAM,WAAW;GACjB,UAAU,WAAW;GACrB,MAAM,WAAW;EACnB;EACA,aAAa;GACX,MAAM,WAAW;GACjB,MAAM,WAAW;GACjB,WAAW,WAAW;EACxB;YAEC,gBAAgB,KAAK,MAAM,UAAU;GACpC,OACE,oBAACC,gBAAD;IAGE,YAAY,YAAY,MAAM;IAC9B,GAAI;GACL,GAHM,KAGN;EAEL,CAAC;CACa,CAAA;AAEpB"}
+{"version":3,"file":"Breadcrumb.js","names":["HeroBreadcrumb","HeroBreadcrumbItem"],"sources":["../../src/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport {\n  Breadcrumbs as HeroBreadcrumb,\n  BreadcrumbItem as HeroBreadcrumbItem,\n} from '@heroui/breadcrumbs';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// breadcrumb styling variants\n// see: https://www.heroui.com//docs/components/breadcrumbs#breadcrumbitem-props\nexport const breadcrumbVariants = tv({\n  slots: {\n    /** ellipsis slot */\n    ellipsis: '',\n    /** li > span slot */\n    item: '',\n    /** li  slot */\n    itemBase: '', // base for item slot\n    /** ol slot */\n    list: '',\n    /** separator slot */\n    separator: '',\n    /** nav slot, breadcrumb base slot in heroui */\n    nav: '',\n  },\n});\n\nexport interface BreadcrumbItemProps {\n  /** Content of the breadcrumb item */\n  children: ReactNode;\n  /** Disables the breadcrumb item */\n  disabled?: boolean;\n  /** content displayed before the children */\n  startContent?: ReactNode;\n  /** content displayed after the children */\n  endContent?: ReactNode;\n}\n\ntype VariantProps = TVProps<typeof breadcrumbVariants>;\ntype ClassName = TVClassName<typeof breadcrumbVariants>;\n\nexport interface BreadcrumbProps extends VariantProps {\n  /** Props for breadcrumbItem, will render the breadcrumb items programmatically */\n  breadcrumbItems: BreadcrumbItemProps[];\n  /** CSS class name */\n  className?: ClassName;\n  /** color of the active BreadcrumbItem */\n  color?:\n    | 'foreground'\n    | 'primary'\n    | 'secondary'\n    | 'success'\n    | 'warning'\n    | 'danger';\n  /** Disables the breadcrumb animation */\n  disableAnimation?: boolean;\n  /** hides the separator between items */\n  hideSeparator?: boolean;\n  /** disables all items */\n  disabled?: boolean;\n  /** Maximum number of items to show without \"...\" in between */\n  maxItems?: number;\n  /** Radius of the breadcrumb */\n  radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';\n  /** Separator between items */\n  separator?: ReactNode;\n  /** Size of the breadcrumb */\n  size?: 'sm' | 'md' | 'lg';\n  /** Adjust when the breadcrumb items should be underlined */\n  underline?: 'none' | 'active' | 'hover' | 'focus' | 'always';\n  /** Style variant of the breadcrumb */\n  variant?: 'solid' | 'bordered' | 'light';\n}\n\n/**\n * Breadcrumb component based on [HeroUI Breadcrumbs](https://www.heroui.com//docs/components/breadcrumbs)\n */\nconst Breadcrumb = ({\n  breadcrumbItems,\n  className: _className = undefined,\n  color = 'foreground',\n  disableAnimation = false,\n  disabled = false,\n  hideSeparator = false,\n  maxItems = undefined,\n  radius = 'none',\n  separator = undefined,\n  size = 'md',\n  underline = 'hover',\n  variant = 'light',\n}: BreadcrumbProps) => {\n  // itemClasses from className slots\n  const variants = breadcrumbVariants({});\n  const classNames = variantsToClassNames(variants, _className, 'nav');\n\n  return (\n    <HeroBreadcrumb\n      classNames={{\n        base: classNames.nav,\n        ellipsis: classNames.separator,\n        list: classNames.list,\n      }}\n      color={color}\n      disableAnimation={disableAnimation}\n      hideSeparator={hideSeparator}\n      isDisabled={disabled}\n      itemClasses={{\n        base: classNames.itemBase,\n        item: classNames.item,\n        separator: classNames.separator,\n      }}\n      maxItems={maxItems}\n      radius={radius}\n      separator={separator}\n      size={size}\n      underline={underline}\n      variant={variant}\n    >\n      {breadcrumbItems.map((item, index) => {\n        return (\n          <HeroBreadcrumbItem\n            // eslint-disable-next-line react/no-array-index-key\n            key={index}\n            isDisabled={disabled || item?.disabled}\n            {...item}\n          />\n        );\n      })}\n    </HeroBreadcrumb>\n  );\n};\n\nexport default Breadcrumb;\n"],"mappings":";;;;AAYA,MAAa,qBAAqB,GAAG,EACnC,OAAO;;CAEL,UAAU;;CAEV,MAAM;;CAEN,UAAU;;CAEV,MAAM;;CAEN,WAAW;;CAEX,KAAK;AACP,EACF,CAAC;;;;AAoDD,MAAM,cAAc,EAClB,iBACA,WAAW,aAAa,KAAA,GACxB,QAAQ,cACR,mBAAmB,OACnB,WAAW,OACX,gBAAgB,OAChB,WAAW,KAAA,GACX,SAAS,QACT,YAAY,KAAA,GACZ,OAAO,MACP,YAAY,SACZ,UAAU,cACW;CAGrB,MAAM,aAAa,qBADF,mBAAmB,CAAC,CACU,GAAG,YAAY,KAAK;CAEnE,OACE,oBAACA,aAAD;EACE,YAAY;GACV,MAAM,WAAW;GACjB,UAAU,WAAW;GACrB,MAAM,WAAW;EACnB;EACO;EACW;EACH;EACf,YAAY;EACZ,aAAa;GACX,MAAM,WAAW;GACjB,MAAM,WAAW;GACjB,WAAW,WAAW;EACxB;EACU;EACF;EACG;EACL;EACK;EACF;YAER,gBAAgB,KAAK,MAAM,UAAU;GACpC,OACE,oBAACC,gBAAD;IAGE,YAAY,YAAY,MAAM;IAC9B,GAAI;GACL,GAHM,KAGN;EAEL,CAAC;CACa,CAAA;AAEpB"}

package/dist/Button/Button.cjs

@@ -1,4 +1,3 @@
-require("../_virtual/_rolldown/runtime.cjs");
 const require_LoadingSpinner = require("./subcomponents/LoadingSpinner.cjs");
 let _fuf_stack_pixel_utils = require("@fuf-stack/pixel-utils");
 let react_jsx_runtime = require("react/jsx-runtime");

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"}

package/dist/Button/subcomponents/LoadingSpinner.cjs

@@ -1,4 +1,3 @@
-require("../../_virtual/_rolldown/runtime.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/Button/subcomponents/LoadingSpinner.tsx
 /**

package/dist/Button/subcomponents/LoadingSpinner.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingSpinner.cjs","names":[],"sources":["../../../src/Button/subcomponents/LoadingSpinner.tsx"],"sourcesContent":["/**\n * svg loading spinner for button\n * @see https://www.heroui.com//docs/components/button#loading\n * */\nconst LoadingSpinner = () => {\n  return (\n    <svg\n      className=\"h-5 w-5 animate-spin text-current\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <circle\n        className=\"opacity-25\"\n        cx=\"12\"\n        cy=\"12\"\n        r=\"10\"\n        stroke=\"currentColor\"\n        strokeWidth=\"4\"\n      />\n      <path\n        className=\"opacity-75\"\n        d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n\nexport default LoadingSpinner;\n"],"mappings":";;;;;;;AAIA,MAAM,uBAAuB;CAC3B,OACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EACE,WAAU;EACV,MAAK;EACL,SAAQ;EACR,OAAM;YAJR,CAME,iBAAA,GAAA,kBAAA,KAAC,UAAD;GACE,WAAU;GACV,IAAG;GACH,IAAG;GACH,GAAE;GACF,QAAO;GACP,aAAY;EACb,CAAA,GACD,iBAAA,GAAA,kBAAA,KAAC,QAAD;GACE,WAAU;GACV,GAAE;GACF,MAAK;EACN,CAAA,CACE;;AAET"}
+{"version":3,"file":"LoadingSpinner.cjs","names":[],"sources":["../../../src/Button/subcomponents/LoadingSpinner.tsx"],"sourcesContent":["/**\n * svg loading spinner for button\n * @see https://www.heroui.com//docs/components/button#loading\n * */\nconst LoadingSpinner = () => {\n  return (\n    <svg\n      className=\"h-5 w-5 animate-spin text-current\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <circle\n        className=\"opacity-25\"\n        cx=\"12\"\n        cy=\"12\"\n        r=\"10\"\n        stroke=\"currentColor\"\n        strokeWidth=\"4\"\n      />\n      <path\n        className=\"opacity-75\"\n        d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n\nexport default LoadingSpinner;\n"],"mappings":";;;;;;AAIA,MAAM,uBAAuB;CAC3B,OACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EACE,WAAU;EACV,MAAK;EACL,SAAQ;EACR,OAAM;YAJR,CAME,iBAAA,GAAA,kBAAA,KAAC,UAAD;GACE,WAAU;GACV,IAAG;GACH,IAAG;GACH,GAAE;GACF,QAAO;GACP,aAAY;EACb,CAAA,GACD,iBAAA,GAAA,kBAAA,KAAC,QAAD;GACE,WAAU;GACV,GAAE;GACF,MAAK;EACN,CAAA,CACE;;AAET"}

package/dist/ButtonGroup/ButtonGroup.cjs

@@ -1,4 +1,3 @@
-require("../_virtual/_rolldown/runtime.cjs");
 //#region src/ButtonGroup/ButtonGroup.tsx
 /**
 * Button Group based on [HeroUI Button Group](https://www.heroui.com//docs/components/button#button-group)

package/dist/ButtonGroup/ButtonGroup.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.cjs","names":["HeroButtonGroup"],"sources":["../../src/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import { ButtonGroup as HeroButtonGroup } from '@heroui/button';\n\nexport type { ButtonGroupProps } from '@heroui/button';\n\n/**\n * Button Group based on [HeroUI Button Group](https://www.heroui.com//docs/components/button#button-group)\n */\nconst ButtonGroup = HeroButtonGroup;\n\nexport default ButtonGroup;\n"],"mappings":";;;;;AAOA,MAAM,sCAAcA,EAAAA"}
+{"version":3,"file":"ButtonGroup.cjs","names":["HeroButtonGroup"],"sources":["../../src/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import { ButtonGroup as HeroButtonGroup } from '@heroui/button';\n\nexport type { ButtonGroupProps } from '@heroui/button';\n\n/**\n * Button Group based on [HeroUI Button Group](https://www.heroui.com//docs/components/button#button-group)\n */\nconst ButtonGroup = HeroButtonGroup;\n\nexport default ButtonGroup;\n"],"mappings":";;;;AAOA,MAAM,sCAAcA,EAAAA"}