@fuf-stack/pixels 1.9.0 → 1.10.0

package/dist/Button/Button.d.cts

@@ -0,0 +1,262 @@
+import { TVProps } 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>>>;
+type VariantProps = TVProps<typeof buttonVariants>;
+interface ButtonProps$1 extends VariantProps {
+  /** sets HTML aria-label attribute */
+  ariaLabel?: string;
+  /** content of the button */
+  children?: ReactNode;
+  /** CSS class name */
+  className?: string;
+  /** color of the button */
+  color?: VariantProps['color'];
+  /** disables the button */
+  disabled?: boolean;
+  /** disables all animations */
+  disableAnimation?: boolean;
+  /** shows loading animation */
+  loading?: boolean;
+  /** optional icon */
+  icon?: ReactNode;
+  /** blur event handler */
+  onBlur?: ButtonProps['onBlur'];
+  /** click event handler */
+  onClick?: ButtonProps['onPress'];
+  /** focus event handler */
+  onFocus?: ButtonProps['onFocus'];
+  /** border radius size */
+  radius?: VariantProps['radius'];
+  /** enable ripple animation effect on click */
+  ripple?: boolean;
+  /** size options */
+  size?: VariantProps['size'];
+  /** HTML data-testid attribute used in e2e tests */
+  testId?: string;
+  /** HTML button type attribute */
+  type?: 'button' | 'submit' | 'reset' | undefined;
+  /** visual style variant */
+  variant?: VariantProps['variant'];
+}
+/**
+ * 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>>;
+//#endregion
+export { Button, ButtonProps$1 as ButtonProps, buttonVariants };
+//# sourceMappingURL=Button.d.cts.map

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

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

package/dist/Button/Button.d.ts

@@ -0,0 +1,262 @@
+import { TVProps } 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>>>;
+type VariantProps = TVProps<typeof buttonVariants>;
+interface ButtonProps$1 extends VariantProps {
+  /** sets HTML aria-label attribute */
+  ariaLabel?: string;
+  /** content of the button */
+  children?: ReactNode;
+  /** CSS class name */
+  className?: string;
+  /** color of the button */
+  color?: VariantProps['color'];
+  /** disables the button */
+  disabled?: boolean;
+  /** disables all animations */
+  disableAnimation?: boolean;
+  /** shows loading animation */
+  loading?: boolean;
+  /** optional icon */
+  icon?: ReactNode;
+  /** blur event handler */
+  onBlur?: ButtonProps['onBlur'];
+  /** click event handler */
+  onClick?: ButtonProps['onPress'];
+  /** focus event handler */
+  onFocus?: ButtonProps['onFocus'];
+  /** border radius size */
+  radius?: VariantProps['radius'];
+  /** enable ripple animation effect on click */
+  ripple?: boolean;
+  /** size options */
+  size?: VariantProps['size'];
+  /** HTML data-testid attribute used in e2e tests */
+  testId?: string;
+  /** HTML button type attribute */
+  type?: 'button' | 'submit' | 'reset' | undefined;
+  /** visual style variant */
+  variant?: VariantProps['variant'];
+}
+/**
+ * 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>>;
+//#endregion
+export { Button$1 as Button, ButtonProps$1 as ButtonProps, buttonVariants };
+//# sourceMappingURL=Button.d.ts.map

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

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

package/dist/Button/Button.js

@@ -0,0 +1,109 @@
+import LoadingSpinner from "./subcomponents/LoadingSpinner.js";
+import { tv } from "@fuf-stack/pixel-utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { button } from "@heroui/theme";
+import { forwardRef } from "react";
+import { Button } from "@heroui/button";
+//#region src/Button/Button.tsx
+const buttonVariants = tv({
+	extend: button,
+	variants: {
+		color: {
+			...button.variants.color,
+			info: ""
+		},
+		variant: button.variants.variant,
+		size: button.variants.size
+	},
+	compoundVariants: [
+		{
+			color: "success",
+			variant: "solid",
+			class: "text-white"
+		},
+		{
+			color: "success",
+			variant: "shadow",
+			class: "text-white"
+		},
+		{
+			color: "warning",
+			variant: "solid",
+			class: "text-white"
+		},
+		{
+			color: "warning",
+			variant: "shadow",
+			class: "text-white"
+		},
+		{
+			color: "info",
+			variant: "solid",
+			class: "bg-info text-info-foreground"
+		},
+		{
+			color: "info",
+			variant: "shadow",
+			class: "shadow-info/40 bg-info text-info-foreground shadow-lg"
+		},
+		{
+			color: "info",
+			variant: "bordered",
+			class: "border-medium border-info bg-transparent text-info"
+		},
+		{
+			color: "info",
+			variant: "flat",
+			class: "bg-info/20 text-info-600"
+		},
+		{
+			color: "info",
+			variant: "faded",
+			class: "border-default bg-default-100 text-info"
+		},
+		{
+			color: "info",
+			variant: "light",
+			class: "bg-transparent text-info data-[hover=true]:bg-info-100"
+		},
+		{
+			color: "info",
+			variant: "ghost",
+			class: "border-info text-info data-[hover=true]:!bg-info data-[hover=true]:!text-info-foreground"
+		}
+	]
+});
+/**
+* Button component based on [HeroUI Button](https://www.heroui.com//docs/components/button)
+*/
+const Button$1 = forwardRef(({ ariaLabel = void 0, children = void 0, className: _className = void 0, color = "default", disableAnimation = false, disabled = false, icon = void 0, loading = false, onBlur = void 0, onClick = void 0, onFocus = void 0, radius = void 0, ripple = false, size = void 0, testId = void 0, type = void 0, variant = "solid" }, ref) => {
+	return /* @__PURE__ */ jsxs(Button, {
+		ref,
+		"aria-label": ariaLabel,
+		className: buttonVariants({
+			className: _className,
+			disableAnimation,
+			isDisabled: disabled,
+			color,
+			size,
+			variant,
+			isIconOnly: !!(icon && !children),
+			radius
+		}),
+		"data-testid": testId,
+		disableRipple: disableAnimation || !ripple,
+		isDisabled: disabled,
+		isLoading: loading,
+		onBlur,
+		onFocus,
+		onPress: onClick,
+		spinner: /* @__PURE__ */ jsx(LoadingSpinner, {}),
+		type,
+		children: [icon, children]
+	});
+});
+Button$1.displayName = "Button";
+//#endregion
+export { buttonVariants, Button$1 as default };
+
+//# sourceMappingURL=Button.js.map

package/dist/Button/Button.js.map

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

package/dist/Button/index.cjs

@@ -1,12 +1,13 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_Button = require("./Button.cjs");
+//#region src/Button/index.ts
+var Button_default = require_Button.default;
+//#endregion
+exports.Button = require_Button.default;
+exports.buttonVariants = require_Button.buttonVariants;
+exports.default = Button_default;
 
-
-
-var _chunkFVQDVD3Ecjs = require('../chunk-FVQDVD3E.cjs');
-require('../chunk-AHEA4IJV.cjs');
-
-
-
-
-exports.Button = _chunkFVQDVD3Ecjs.Button_default; exports.buttonVariants = _chunkFVQDVD3Ecjs.buttonVariants; exports.default = _chunkFVQDVD3Ecjs.Button_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Button/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/Button/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACA;AACF,kKAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/Button/index.cjs"}
+{"version":3,"file":"index.cjs","names":["Button"],"sources":["../../src/Button/index.ts"],"sourcesContent":["import Button, { buttonVariants } from './Button';\n\nexport type { ButtonProps } from './Button';\n\nexport { Button, buttonVariants };\n\nexport default Button;\n"],"mappings":";;;;;;AAMA,IAAA,iBAAeA,eAAAA"}

package/dist/Button/index.d.cts

@@ -1,10 +1,2 @@
-import { B as Button } from '../Button-nJ22qVMK.cjs';
-export { a as ButtonProps, b as buttonVariants } from '../Button-nJ22qVMK.cjs';
-import 'react';
-import 'tailwind-variants';
-import '@fuf-stack/pixel-utils';
-import '@heroui/button';
-
-
-
-export { Button, Button as default };
+import { Button, ButtonProps, buttonVariants } from "./Button.cjs";
+export { Button, Button as default, type ButtonProps, buttonVariants };