@fuf-stack/pixels 0.5.3 → 0.5.4

package/dist/Button/index.cjs

@@ -1,9 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkIAE5EJ7Zcjs = require('../chunk-IAE5EJ7Z.cjs');
 
+var _chunkND4VZZVUcjs = require('../chunk-ND4VZZVU.cjs');
 
 
-exports.Button = _chunkIAE5EJ7Zcjs.Button_default; exports.default = _chunkIAE5EJ7Zcjs.Button_default2;
+
+
+exports.Button = _chunkND4VZZVUcjs.Button_default; exports.buttonVariants = _chunkND4VZZVUcjs.buttonVariants; exports.default = _chunkND4VZZVUcjs.Button_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Button/index.d.cts

@@ -1,6 +1,8 @@
-import { B as Button } from '../Button-BgDaXYKX.cjs';
-export { a as ButtonProps } from '../Button-BgDaXYKX.cjs';
+import { B as Button } from '../Button-DS4qK4Lf.cjs';
+export { a as ButtonProps, b as buttonVariants } from '../Button-DS4qK4Lf.cjs';
 import 'react/jsx-runtime';
+import 'tailwind-variants';
+import 'tailwind-variants/dist/config.js';
 import '@nextui-org/button';
 import 'react';
 

package/dist/Button/index.d.ts

@@ -1,6 +1,8 @@
-import { B as Button } from '../Button-BgDaXYKX.js';
-export { a as ButtonProps } from '../Button-BgDaXYKX.js';
+import { B as Button } from '../Button-DS4qK4Lf.js';
+export { a as ButtonProps, b as buttonVariants } from '../Button-DS4qK4Lf.js';
 import 'react/jsx-runtime';
+import 'tailwind-variants';
+import 'tailwind-variants/dist/config.js';
 import '@nextui-org/button';
 import 'react';
 

package/dist/Button/index.js

@@ -1,9 +1,11 @@
 import {
   Button_default,
-  Button_default2
-} from "../chunk-2Q6M4DC3.js";
+  Button_default2,
+  buttonVariants
+} from "../chunk-HYXTFS4R.js";
 export {
   Button_default as Button,
+  buttonVariants,
   Button_default2 as default
 };
 //# sourceMappingURL=index.js.map

package/dist/Button-DS4qK4Lf.d.cts

@@ -0,0 +1,169 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
+import { ButtonProps as ButtonProps$1 } from '@nextui-org/button';
+import { ReactNode } from 'react';
+
+declare const buttonVariants: tailwind_variants.TVReturnType<{
+    color: {
+        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;
+    };
+}, undefined, "", tailwind_variants_dist_config_js.TVConfig<{
+    color: {
+        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;
+    };
+}, {
+    color: {
+        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;
+    };
+}>, {
+    color: {
+        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;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    color: {
+        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;
+    };
+}, undefined, "", tailwind_variants_dist_config_js.TVConfig<{
+    color: {
+        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;
+    };
+}, {
+    color: {
+        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;
+    };
+}>, unknown, unknown, undefined>>;
+type ButtonVariantProps = VariantProps<typeof buttonVariants>;
+interface ButtonProps extends ButtonVariantProps {
+    /** sets HTML aria-label attribute */
+    ariaLabel?: string;
+    /** child components */
+    children?: ReactNode;
+    /** CSS class name */
+    className?: string | string[];
+    /** next ui button color  */
+    color?: ButtonProps$1['color'];
+    /** disables function of the button. */
+    disabled?: boolean;
+    /** disables all button animations */
+    disableAnimation?: boolean;
+    /** If set loading animation is shown */
+    loading?: boolean;
+    /** optional icon */
+    icon?: ReactNode;
+    /** on click event */
+    onClick?: ButtonProps$1['onPress'];
+    /** 3 size options */
+    size?: ButtonProps$1['size'];
+    /** HTML data-testid attribute used in e2e tests */
+    testId?: string;
+    /** sets the button type. */
+    type?: 'button' | 'submit' | 'reset' | undefined;
+    /** next ui button variants */
+    variant?: ButtonProps$1['variant'];
+}
+/**
+ * Button component based on [NextUI Button](https://nextui.org/docs/components/button)
+ */
+declare const Button: ({ ariaLabel, children, className, color, disabled, disableAnimation, icon, loading, onClick, size, testId, type, variant, }: ButtonProps) => react_jsx_runtime.JSX.Element;
+
+export { Button as B, type ButtonProps as a, buttonVariants as b };

package/dist/Button-DS4qK4Lf.d.ts

@@ -0,0 +1,169 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
+import { ButtonProps as ButtonProps$1 } from '@nextui-org/button';
+import { ReactNode } from 'react';
+
+declare const buttonVariants: tailwind_variants.TVReturnType<{
+    color: {
+        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;
+    };
+}, undefined, "", tailwind_variants_dist_config_js.TVConfig<{
+    color: {
+        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;
+    };
+}, {
+    color: {
+        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;
+    };
+}>, {
+    color: {
+        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;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    color: {
+        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;
+    };
+}, undefined, "", tailwind_variants_dist_config_js.TVConfig<{
+    color: {
+        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;
+    };
+}, {
+    color: {
+        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;
+    };
+}>, unknown, unknown, undefined>>;
+type ButtonVariantProps = VariantProps<typeof buttonVariants>;
+interface ButtonProps extends ButtonVariantProps {
+    /** sets HTML aria-label attribute */
+    ariaLabel?: string;
+    /** child components */
+    children?: ReactNode;
+    /** CSS class name */
+    className?: string | string[];
+    /** next ui button color  */
+    color?: ButtonProps$1['color'];
+    /** disables function of the button. */
+    disabled?: boolean;
+    /** disables all button animations */
+    disableAnimation?: boolean;
+    /** If set loading animation is shown */
+    loading?: boolean;
+    /** optional icon */
+    icon?: ReactNode;
+    /** on click event */
+    onClick?: ButtonProps$1['onPress'];
+    /** 3 size options */
+    size?: ButtonProps$1['size'];
+    /** HTML data-testid attribute used in e2e tests */
+    testId?: string;
+    /** sets the button type. */
+    type?: 'button' | 'submit' | 'reset' | undefined;
+    /** next ui button variants */
+    variant?: ButtonProps$1['variant'];
+}
+/**
+ * Button component based on [NextUI Button](https://nextui.org/docs/components/button)
+ */
+declare const Button: ({ ariaLabel, children, className, color, disabled, disableAnimation, icon, loading, onClick, size, testId, type, variant, }: ButtonProps) => react_jsx_runtime.JSX.Element;
+
+export { Button as B, type ButtonProps as a, buttonVariants as b };

package/dist/Card/index.cjs

@@ -1,9 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkWL6ENU44cjs = require('../chunk-WL6ENU44.cjs');
 
+var _chunkGIM2W4JHcjs = require('../chunk-GIM2W4JH.cjs');
 
 
-exports.Card = _chunkWL6ENU44cjs.Card_default; exports.default = _chunkWL6ENU44cjs.Card_default2;
+
+
+exports.Card = _chunkGIM2W4JHcjs.Card_default; exports.cardVariants = _chunkGIM2W4JHcjs.cardVariants; exports.default = _chunkGIM2W4JHcjs.Card_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Card/index.d.cts

@@ -1,5 +1,5 @@
-import { C as Card } from '../Card-C3mjLa6d.cjs';
-export { a as CardProps } from '../Card-C3mjLa6d.cjs';
+import { C as Card } from '../Card-D5kspciY.cjs';
+export { a as CardProps, c as cardVariants } from '../Card-D5kspciY.cjs';
 import 'react/jsx-runtime';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';

package/dist/Card/index.d.ts

@@ -1,5 +1,5 @@
-import { C as Card } from '../Card-C3mjLa6d.js';
-export { a as CardProps } from '../Card-C3mjLa6d.js';
+import { C as Card } from '../Card-D5kspciY.js';
+export { a as CardProps, c as cardVariants } from '../Card-D5kspciY.js';
 import 'react/jsx-runtime';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';

package/dist/Card/index.js

@@ -1,9 +1,11 @@
 import {
   Card_default,
-  Card_default2
-} from "../chunk-2BPC6HYE.js";
+  Card_default2,
+  cardVariants
+} from "../chunk-IEZVKZFP.js";
 export {
   Card_default as Card,
+  cardVariants,
   Card_default2 as default
 };
 //# sourceMappingURL=index.js.map

package/dist/{Card-C3mjLa6d.d.cts → Card-D5kspciY.d.cts}

@@ -92,4 +92,4 @@ interface CardProps extends CardVariantProps {
  */
 declare const Card: ({ children, className, testId, header, footer, }: CardProps) => react_jsx_runtime.JSX.Element;
 
-export { Card as C, type CardProps as a };
+export { Card as C, type CardProps as a, cardVariants as c };

package/dist/{Card-C3mjLa6d.d.ts → Card-D5kspciY.d.ts}

@@ -92,4 +92,4 @@ interface CardProps extends CardVariantProps {
  */
 declare const Card: ({ children, className, testId, header, footer, }: CardProps) => react_jsx_runtime.JSX.Element;
 
-export { Card as C, type CardProps as a };
+export { Card as C, type CardProps as a, cardVariants as c };

package/dist/Json/index.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkMBKSGWDJcjs = require('../chunk-MBKSGWDJ.cjs');
-require('../chunk-IAE5EJ7Z.cjs');
+var _chunk7GYTJLD6cjs = require('../chunk-7GYTJLD6.cjs');
+require('../chunk-ND4VZZVU.cjs');
 
 
 
-exports.Json = _chunkMBKSGWDJcjs.Json_default; exports.default = _chunkMBKSGWDJcjs.Json_default2;
+exports.Json = _chunk7GYTJLD6cjs.Json_default; exports.default = _chunk7GYTJLD6cjs.Json_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Json/index.js

@@ -1,8 +1,8 @@
 import {
   Json_default,
   Json_default2
-} from "../chunk-CNELFUYE.js";
-import "../chunk-2Q6M4DC3.js";
+} from "../chunk-BTBF633Q.js";
+import "../chunk-HYXTFS4R.js";
 export {
   Json_default as Json,
   Json_default2 as default

package/dist/Tooltip/index.cjs

@@ -2,10 +2,10 @@
 
 
 
-var _chunk3PQUCG6Pcjs = require('../chunk-3PQUCG6P.cjs');
+var _chunkBSBPQXNGcjs = require('../chunk-BSBPQXNG.cjs');
 
 
 
 
-exports.Tooltip = _chunk3PQUCG6Pcjs.Tooltip_default; exports.default = _chunk3PQUCG6Pcjs.Tooltip_default2; exports.tooltipPlacementOptions = _chunk3PQUCG6Pcjs.tooltipPlacementOptions;
+exports.Tooltip = _chunkBSBPQXNGcjs.Tooltip_default; exports.default = _chunkBSBPQXNGcjs.Tooltip_default2; exports.tooltipPlacementOptions = _chunkBSBPQXNGcjs.tooltipPlacementOptions;
 //# sourceMappingURL=index.cjs.map

package/dist/Tooltip/index.js

@@ -2,7 +2,7 @@ import {
   Tooltip_default,
   Tooltip_default2,
   tooltipPlacementOptions
-} from "../chunk-4Q6KBGE5.js";
+} from "../chunk-236GX7PP.js";
 export {
   Tooltip_default as Tooltip,
   Tooltip_default2 as default,

package/dist/{chunk-4Q6KBGE5.js → chunk-236GX7PP.js}

@@ -23,9 +23,7 @@ var Tooltip = ({
     containerPadding,
     content,
     defaultOpen,
-    onClick: (e) => {
-      e.preventDefault();
-    },
+    onClick: (e) => e.preventDefault(),
     onOpenChange,
     placement,
     shouldFlip: true,
@@ -43,4 +41,4 @@ export {
   Tooltip_default,
   Tooltip_default2
 };
-//# sourceMappingURL=chunk-4Q6KBGE5.js.map
+//# sourceMappingURL=chunk-236GX7PP.js.map

package/dist/{chunk-4Q6KBGE5.js.map → chunk-236GX7PP.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/Tooltip/Tooltip.tsx","../src/Tooltip/index.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Tooltip as NextTooltip } from '@nextui-org/tooltip';\nimport cn from 'classnames';\n\nexport const tooltipPlacementOptions = [\n  'top',\n  'bottom',\n  'left',\n  'right',\n] as const;\nexport type TooltipPlacement = (typeof tooltipPlacementOptions)[number];\n\nexport interface TooltipProps {\n  /** trigger child components */\n  children: ReactNode;\n  /** CSS class name */\n  className?: string;\n  /** placement padding in px */\n  containerPadding?: number;\n  /** content displayed in the tooltip */\n  content: ReactNode;\n  /** open overlay initially when uncontrolled */\n  defaultOpen?: boolean;\n  /** handler that is called when the overlay's open state changes */\n  onOpenChange?: (isOpen: boolean) => void;\n  /** placement if the tooltip */\n  placement?: TooltipPlacement;\n}\n\n/**\n * Tooltip component based on [NextUI Tooltip](https://nextui.org/docs/components/tooltip)\n */\nconst Tooltip = ({\n  children,\n  className = undefined,\n  content,\n  placement = 'top',\n  defaultOpen = false,\n  onOpenChange = undefined,\n  containerPadding = 0,\n}: TooltipProps) => (\n  <NextTooltip\n    className={cn(className)}\n    containerPadding={containerPadding}\n    content={content}\n    defaultOpen={defaultOpen}\n    onClick={(e) => {\n      e.preventDefault();\n    }}\n    onOpenChange={onOpenChange}\n    placement={placement}\n    shouldFlip\n    showArrow\n  >\n    <span className=\"cursor-pointer\">{children}</span>\n  </NextTooltip>\n);\n\nexport default Tooltip;\n","import Tooltip, { tooltipPlacementOptions } from './Tooltip';\n\nexport type { TooltipProps } from './Tooltip';\n\nexport { Tooltip, tooltipPlacementOptions };\n\nexport default Tooltip;\n"],"mappings":";AAEA,SAAS,WAAW,mBAAmB;AACvC,OAAO,QAAQ;AAoDX;AAlDG,IAAM,0BAA0B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAuBA,IAAM,UAAU,CAAC;AAAA,EACf;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,eAAe;AAAA,EACf,mBAAmB;AACrB,MACE;AAAA,EAAC;AAAA;AAAA,IACC,WAAW,GAAG,SAAS;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,CAAC,MAAM;AACd,QAAE,eAAe;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAU;AAAA,IACV,WAAS;AAAA,IAET,8BAAC,UAAK,WAAU,kBAAkB,UAAS;AAAA;AAC7C;AAGF,IAAO,kBAAQ;;;ACrDf,IAAOA,mBAAQ;","names":["Tooltip_default"]}
+{"version":3,"sources":["../src/Tooltip/Tooltip.tsx","../src/Tooltip/index.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Tooltip as NextTooltip } from '@nextui-org/tooltip';\nimport cn from 'classnames';\n\nexport const tooltipPlacementOptions = [\n  'top',\n  'bottom',\n  'left',\n  'right',\n] as const;\nexport type TooltipPlacement = (typeof tooltipPlacementOptions)[number];\n\nexport interface TooltipProps {\n  /** trigger child components */\n  children: ReactNode;\n  /** CSS class name */\n  className?: string;\n  /** placement padding in px */\n  containerPadding?: number;\n  /** content displayed in the tooltip */\n  content: ReactNode;\n  /** open overlay initially when uncontrolled */\n  defaultOpen?: boolean;\n  /** handler that is called when the overlay's open state changes */\n  onOpenChange?: (isOpen: boolean) => void;\n  /** placement if the tooltip */\n  placement?: TooltipPlacement;\n}\n\n/**\n * Tooltip component based on [NextUI Tooltip](https://nextui.org/docs/components/tooltip)\n */\nconst Tooltip = ({\n  children,\n  className = undefined,\n  content,\n  placement = 'top',\n  defaultOpen = false,\n  onOpenChange = undefined,\n  containerPadding = 0,\n}: TooltipProps) => (\n  <NextTooltip\n    className={cn(className)}\n    containerPadding={containerPadding}\n    content={content}\n    defaultOpen={defaultOpen}\n    onClick={(e) => e.preventDefault()}\n    onOpenChange={onOpenChange}\n    placement={placement}\n    shouldFlip\n    showArrow\n  >\n    <span className=\"cursor-pointer\">{children}</span>\n  </NextTooltip>\n);\n\nexport default Tooltip;\n","import Tooltip, { tooltipPlacementOptions } from './Tooltip';\n\nexport type { TooltipProps } from './Tooltip';\n\nexport { Tooltip, tooltipPlacementOptions };\n\nexport default Tooltip;\n"],"mappings":";AAEA,SAAS,WAAW,mBAAmB;AACvC,OAAO,QAAQ;AAkDX;AAhDG,IAAM,0BAA0B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAuBA,IAAM,UAAU,CAAC;AAAA,EACf;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,eAAe;AAAA,EACf,mBAAmB;AACrB,MACE;AAAA,EAAC;AAAA;AAAA,IACC,WAAW,GAAG,SAAS;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,CAAC,MAAM,EAAE,eAAe;AAAA,IACjC;AAAA,IACA;AAAA,IACA,YAAU;AAAA,IACV,WAAS;AAAA,IAET,8BAAC,UAAK,WAAU,kBAAkB,UAAS;AAAA;AAC7C;AAGF,IAAO,kBAAQ;;;ACnDf,IAAOA,mBAAQ;","names":["Tooltip_default"]}

package/dist/{chunk-MBKSGWDJ.cjs → chunk-7GYTJLD6.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunkIAE5EJ7Zcjs = require('./chunk-IAE5EJ7Z.cjs');
+var _chunkND4VZZVUcjs = require('./chunk-ND4VZZVU.cjs');
 
 // src/Json/Json.tsx
 var _react = require('react');
@@ -79,7 +79,7 @@ var Json = ({ className = null, collapsed = false, value }) => {
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-medium", children: "Failed to parse JSON data" })
             ] }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkIAE5EJ7Zcjs.Button_default2,
+              _chunkND4VZZVUcjs.Button_default2,
               {
                 color: "danger",
                 size: "sm",
@@ -124,4 +124,4 @@ var Json_default2 = Json_default;
 
 
 exports.Json_default = Json_default; exports.Json_default2 = Json_default2;
-//# sourceMappingURL=chunk-MBKSGWDJ.cjs.map
+//# sourceMappingURL=chunk-7GYTJLD6.cjs.map

package/dist/{chunk-3PQUCG6P.cjs → chunk-BSBPQXNG.cjs}

@@ -23,9 +23,7 @@ var Tooltip = ({
     containerPadding,
     content,
     defaultOpen,
-    onClick: (e) => {
-      e.preventDefault();
-    },
+    onClick: (e) => e.preventDefault(),
     onOpenChange,
     placement,
     shouldFlip: true,
@@ -43,4 +41,4 @@ var Tooltip_default2 = Tooltip_default;
 
 
 exports.tooltipPlacementOptions = tooltipPlacementOptions; exports.Tooltip_default = Tooltip_default; exports.Tooltip_default2 = Tooltip_default2;
-//# sourceMappingURL=chunk-3PQUCG6P.cjs.map
+//# sourceMappingURL=chunk-BSBPQXNG.cjs.map

package/dist/chunk-BSBPQXNG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Tooltip/Tooltip.tsx","../src/Tooltip/index.ts"],"names":["Tooltip_default"],"mappings":";AAEA,SAAS,WAAW,mBAAmB;AACvC,OAAO,QAAQ;AAkDX;AAhDG,IAAM,0BAA0B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAuBA,IAAM,UAAU,CAAC;AAAA,EACf;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,eAAe;AAAA,EACf,mBAAmB;AACrB,MACE;AAAA,EAAC;AAAA;AAAA,IACC,WAAW,GAAG,SAAS;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,CAAC,MAAM,EAAE,eAAe;AAAA,IACjC;AAAA,IACA;AAAA,IACA,YAAU;AAAA,IACV,WAAS;AAAA,IAET,8BAAC,UAAK,WAAU,kBAAkB,UAAS;AAAA;AAC7C;AAGF,IAAO,kBAAQ;;;ACnDf,IAAOA,mBAAQ","sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Tooltip as NextTooltip } from '@nextui-org/tooltip';\nimport cn from 'classnames';\n\nexport const tooltipPlacementOptions = [\n  'top',\n  'bottom',\n  'left',\n  'right',\n] as const;\nexport type TooltipPlacement = (typeof tooltipPlacementOptions)[number];\n\nexport interface TooltipProps {\n  /** trigger child components */\n  children: ReactNode;\n  /** CSS class name */\n  className?: string;\n  /** placement padding in px */\n  containerPadding?: number;\n  /** content displayed in the tooltip */\n  content: ReactNode;\n  /** open overlay initially when uncontrolled */\n  defaultOpen?: boolean;\n  /** handler that is called when the overlay's open state changes */\n  onOpenChange?: (isOpen: boolean) => void;\n  /** placement if the tooltip */\n  placement?: TooltipPlacement;\n}\n\n/**\n * Tooltip component based on [NextUI Tooltip](https://nextui.org/docs/components/tooltip)\n */\nconst Tooltip = ({\n  children,\n  className = undefined,\n  content,\n  placement = 'top',\n  defaultOpen = false,\n  onOpenChange = undefined,\n  containerPadding = 0,\n}: TooltipProps) => (\n  <NextTooltip\n    className={cn(className)}\n    containerPadding={containerPadding}\n    content={content}\n    defaultOpen={defaultOpen}\n    onClick={(e) => e.preventDefault()}\n    onOpenChange={onOpenChange}\n    placement={placement}\n    shouldFlip\n    showArrow\n  >\n    <span className=\"cursor-pointer\">{children}</span>\n  </NextTooltip>\n);\n\nexport default Tooltip;\n","import Tooltip, { tooltipPlacementOptions } from './Tooltip';\n\nexport type { TooltipProps } from './Tooltip';\n\nexport { Tooltip, tooltipPlacementOptions };\n\nexport default Tooltip;\n"]}

package/dist/{chunk-CNELFUYE.js → chunk-BTBF633Q.js}

@@ -1,6 +1,6 @@
 import {
   Button_default2 as Button_default
-} from "./chunk-2Q6M4DC3.js";
+} from "./chunk-HYXTFS4R.js";
 
 // src/Json/Json.tsx
 import { useState } from "react";
@@ -124,4 +124,4 @@ export {
   Json_default,
   Json_default2
 };
-//# sourceMappingURL=chunk-CNELFUYE.js.map
+//# sourceMappingURL=chunk-BTBF633Q.js.map

package/dist/{chunk-WL6ENU44.cjs → chunk-GIM2W4JH.cjs}

@@ -70,5 +70,6 @@ var Card_default2 = Card_default;
 
 
 
-exports.Card_default = Card_default; exports.Card_default2 = Card_default2;
-//# sourceMappingURL=chunk-WL6ENU44.cjs.map
+
+exports.cardVariants = cardVariants; exports.Card_default = Card_default; exports.Card_default2 = Card_default2;
+//# sourceMappingURL=chunk-GIM2W4JH.cjs.map

package/dist/{chunk-WL6ENU44.cjs.map → chunk-GIM2W4JH.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/Card/Card.tsx","../src/Card/index.ts"],"names":["Card_default"],"mappings":";AAGA;AAAA,EACE,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,cAAc;AAAA,OACT;AACP,SAAS,WAAW,mBAAmB;AACvC,SAAS,UAAU;AAsDf,SAcI,UAdJ,KAcI,YAdJ;AAnDG,IAAM,eAAe,GAAG;AAAA,EAC7B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV;AACF,CAAC;AAuBD,IAAM,OAAO,CAAC;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX,MAAiB;AAEf,QAAM,WAAW,aAAa;AAC9B,QAAM,eAAgB,OAAO,cAAc,YAAY,aAAc,CAAC;AACtE,QAAM,aAAa;AAAA,IACjB,MAAM,SAAS,KAAK;AAAA,MAClB,WAAW,aAAa,QAAS;AAAA,IACnC,CAAC;AAAA,IACD,QAAQ,SAAS,OAAO,EAAE,WAAW,aAAa,OAAO,CAAC;AAAA,IAC1D,MAAM,SAAS,KAAK,EAAE,WAAW,aAAa,KAAK,CAAC;AAAA,IACpD,QAAQ,SAAS,OAAO,EAAE,WAAW,aAAa,OAAO,CAAC;AAAA,EAC5D;AAEA,QAAM,UACJ;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,SAAS,QAAQ,EAAE,WAAW,aAAa,QAAQ,CAAC;AAAA;AAAA,EACjE;AAGF,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa,UAAU,QAAQ,MAAM;AAAA,MACrC,WAAS;AAAA,MACT,QAAO;AAAA,MACP,QAAO;AAAA,MAEN;AAAA,kBACC,iCACE;AAAA,8BAAC,kBAAe,eAAa,UAAU,eAAe,MAAM,IACzD,kBACH;AAAA,UACC;AAAA,WACH;AAAA,QAEF,oBAAC,gBAAa,eAAa,UAAU,aAAa,MAAM,IACrD,UACH;AAAA,QACC,UACC,iCACG;AAAA;AAAA,UACD,oBAAC,kBAAe,eAAa,UAAU,eAAe,MAAM,IACzD,kBACH;AAAA,WACF;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,eAAQ;;;AC9Ff,IAAOA,gBAAQ","sourcesContent":["import type { ReactNode } from 'react';\nimport type { VariantProps } from 'tailwind-variants';\n\nimport {\n  Card as NextCard,\n  CardBody as NextCardBody,\n  CardFooter as NextCardFooter,\n  CardHeader as NextCardHeader,\n} from '@nextui-org/card';\nimport { Divider as NextDivider } from '@nextui-org/divider';\nimport { tv } from 'tailwind-variants';\n\n// card styling variants\nexport const cardVariants = tv({\n  slots: {\n    base: 'border border-divider',\n    body: '',\n    divider: 'my-0 border-divider',\n    footer: '',\n    header: 'text-base font-semibold',\n  },\n});\n\ntype CardVariantProps = VariantProps<typeof cardVariants>;\ntype CardVariantSlots = Partial<\n  Record<keyof ReturnType<typeof cardVariants>, string>\n>;\n\nexport interface CardProps extends CardVariantProps {\n  /** card body content */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string | CardVariantSlots;\n  /** footer content */\n  footer?: ReactNode;\n  /** header content */\n  header?: ReactNode;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * Card component based on [NextUI Card](https://nextui.org/docs/components/card)\n */\nconst Card = ({\n  children = null,\n  className = undefined,\n  testId = undefined,\n  header = undefined,\n  footer = undefined,\n}: CardProps) => {\n  // classNames from slots\n  const variants = cardVariants();\n  const classNameObj = (typeof className === 'object' && className) || {};\n  const classNames = {\n    base: variants.base({\n      className: classNameObj.base || (className as string),\n    }),\n    header: variants.header({ className: classNameObj.header }),\n    body: variants.body({ className: classNameObj.body }),\n    footer: variants.footer({ className: classNameObj.footer }),\n  };\n\n  const divider = (\n    <NextDivider\n      className={variants.divider({ className: classNameObj.divider })}\n    />\n  );\n\n  return (\n    <NextCard\n      classNames={classNames}\n      data-testid={testId && `card_${testId}`}\n      fullWidth\n      radius=\"sm\"\n      shadow=\"none\"\n    >\n      {header && (\n        <>\n          <NextCardHeader data-testid={testId && `card_header_${testId}`}>\n            {header}\n          </NextCardHeader>\n          {divider}\n        </>\n      )}\n      <NextCardBody data-testid={testId && `card_body_${testId}`}>\n        {children}\n      </NextCardBody>\n      {footer && (\n        <>\n          {divider}\n          <NextCardFooter data-testid={testId && `card_footer_${testId}`}>\n            {footer}\n          </NextCardFooter>\n        </>\n      )}\n    </NextCard>\n  );\n};\n\nexport default Card;\n","import Card from './Card';\n\nexport type { CardProps } from './Card';\n\nexport { Card };\n\nexport default Card;\n"]}
+{"version":3,"sources":["../src/Card/Card.tsx","../src/Card/index.ts"],"names":["Card_default"],"mappings":";AAGA;AAAA,EACE,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,cAAc;AAAA,OACT;AACP,SAAS,WAAW,mBAAmB;AACvC,SAAS,UAAU;AAsDf,SAcI,UAdJ,KAcI,YAdJ;AAnDG,IAAM,eAAe,GAAG;AAAA,EAC7B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV;AACF,CAAC;AAuBD,IAAM,OAAO,CAAC;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX,MAAiB;AAEf,QAAM,WAAW,aAAa;AAC9B,QAAM,eAAgB,OAAO,cAAc,YAAY,aAAc,CAAC;AACtE,QAAM,aAAa;AAAA,IACjB,MAAM,SAAS,KAAK;AAAA,MAClB,WAAW,aAAa,QAAS;AAAA,IACnC,CAAC;AAAA,IACD,QAAQ,SAAS,OAAO,EAAE,WAAW,aAAa,OAAO,CAAC;AAAA,IAC1D,MAAM,SAAS,KAAK,EAAE,WAAW,aAAa,KAAK,CAAC;AAAA,IACpD,QAAQ,SAAS,OAAO,EAAE,WAAW,aAAa,OAAO,CAAC;AAAA,EAC5D;AAEA,QAAM,UACJ;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,SAAS,QAAQ,EAAE,WAAW,aAAa,QAAQ,CAAC;AAAA;AAAA,EACjE;AAGF,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa,UAAU,QAAQ,MAAM;AAAA,MACrC,WAAS;AAAA,MACT,QAAO;AAAA,MACP,QAAO;AAAA,MAEN;AAAA,kBACC,iCACE;AAAA,8BAAC,kBAAe,eAAa,UAAU,eAAe,MAAM,IACzD,kBACH;AAAA,UACC;AAAA,WACH;AAAA,QAEF,oBAAC,gBAAa,eAAa,UAAU,aAAa,MAAM,IACrD,UACH;AAAA,QACC,UACC,iCACG;AAAA;AAAA,UACD,oBAAC,kBAAe,eAAa,UAAU,eAAe,MAAM,IACzD,kBACH;AAAA,WACF;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,eAAQ;;;AC9Ff,IAAOA,gBAAQ","sourcesContent":["import type { ReactNode } from 'react';\nimport type { VariantProps } from 'tailwind-variants';\n\nimport {\n  Card as NextCard,\n  CardBody as NextCardBody,\n  CardFooter as NextCardFooter,\n  CardHeader as NextCardHeader,\n} from '@nextui-org/card';\nimport { Divider as NextDivider } from '@nextui-org/divider';\nimport { tv } from 'tailwind-variants';\n\n// card styling variants\nexport const cardVariants = tv({\n  slots: {\n    base: 'border border-divider',\n    body: '',\n    divider: 'my-0 border-divider',\n    footer: '',\n    header: 'text-base font-semibold',\n  },\n});\n\ntype CardVariantProps = VariantProps<typeof cardVariants>;\ntype CardVariantSlots = Partial<\n  Record<keyof ReturnType<typeof cardVariants>, string>\n>;\n\nexport interface CardProps extends CardVariantProps {\n  /** card body content */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string | CardVariantSlots;\n  /** footer content */\n  footer?: ReactNode;\n  /** header content */\n  header?: ReactNode;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * Card component based on [NextUI Card](https://nextui.org/docs/components/card)\n */\nconst Card = ({\n  children = null,\n  className = undefined,\n  testId = undefined,\n  header = undefined,\n  footer = undefined,\n}: CardProps) => {\n  // classNames from slots\n  const variants = cardVariants();\n  const classNameObj = (typeof className === 'object' && className) || {};\n  const classNames = {\n    base: variants.base({\n      className: classNameObj.base || (className as string),\n    }),\n    header: variants.header({ className: classNameObj.header }),\n    body: variants.body({ className: classNameObj.body }),\n    footer: variants.footer({ className: classNameObj.footer }),\n  };\n\n  const divider = (\n    <NextDivider\n      className={variants.divider({ className: classNameObj.divider })}\n    />\n  );\n\n  return (\n    <NextCard\n      classNames={classNames}\n      data-testid={testId && `card_${testId}`}\n      fullWidth\n      radius=\"sm\"\n      shadow=\"none\"\n    >\n      {header && (\n        <>\n          <NextCardHeader data-testid={testId && `card_header_${testId}`}>\n            {header}\n          </NextCardHeader>\n          {divider}\n        </>\n      )}\n      <NextCardBody data-testid={testId && `card_body_${testId}`}>\n        {children}\n      </NextCardBody>\n      {footer && (\n        <>\n          {divider}\n          <NextCardFooter data-testid={testId && `card_footer_${testId}`}>\n            {footer}\n          </NextCardFooter>\n        </>\n      )}\n    </NextCard>\n  );\n};\n\nexport default Card;\n","import Card, { cardVariants } from './Card';\n\nexport type { CardProps } from './Card';\n\nexport { Card, cardVariants };\n\nexport default Card;\n"]}

package/dist/{chunk-2Q6M4DC3.js → chunk-HYXTFS4R.js}

@@ -1,6 +1,6 @@
 // src/Button/Button.tsx
 import { Button as NextButton } from "@nextui-org/button";
-import cn from "classnames";
+import { tv } from "tailwind-variants";
 
 // src/Button/subcomponents/LoadingSpinner.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -37,6 +37,42 @@ var LoadingSpinner_default = () => /* @__PURE__ */ jsxs(
 
 // src/Button/Button.tsx
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var buttonVariants = tv({
+  base: "",
+  variants: {
+    color: {
+      default: "",
+      primary: "",
+      secondary: "",
+      success: "",
+      warning: "",
+      danger: ""
+    },
+    variant: {
+      solid: "",
+      bordered: "",
+      light: "",
+      flat: "",
+      faded: "",
+      shadow: "",
+      ghost: ""
+    }
+  },
+  compoundVariants: [
+    // white text on solid / shadow success button
+    {
+      color: "success",
+      variant: ["solid", "shadow"],
+      class: "text-white"
+    },
+    // white text on solid / shadow warning button
+    {
+      color: "warning",
+      variant: ["solid", "shadow"],
+      class: "text-white"
+    }
+  ]
+});
 var Button = ({
   ariaLabel = void 0,
   children = void 0,
@@ -56,7 +92,7 @@ var Button = ({
     NextButton,
     {
       "aria-label": ariaLabel,
-      className: cn(className),
+      className: buttonVariants({ color, variant, className }),
       color,
       "data-testid": testId,
       disableAnimation,
@@ -82,7 +118,8 @@ var Button_default = Button;
 var Button_default2 = Button_default;
 
 export {
+  buttonVariants,
   Button_default,
   Button_default2
 };
-//# sourceMappingURL=chunk-2Q6M4DC3.js.map
+//# sourceMappingURL=chunk-HYXTFS4R.js.map

package/dist/chunk-HYXTFS4R.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Button/Button.tsx","../src/Button/subcomponents/LoadingSpinner.tsx","../src/Button/index.ts"],"sourcesContent":["import type { ButtonProps as NextButtonProps } from '@nextui-org/button';\nimport type { ReactNode } from 'react';\nimport type { VariantProps } from 'tailwind-variants';\n\nimport { Button as NextButton } from '@nextui-org/button';\nimport { tv } from 'tailwind-variants';\n\nimport LoadingSpinner from './subcomponents/LoadingSpinner';\n\nexport const buttonVariants = tv({\n  base: '',\n  variants: {\n    color: {\n      default: '',\n      primary: '',\n      secondary: '',\n      success: '',\n      warning: '',\n      danger: '',\n    },\n    variant: {\n      solid: '',\n      bordered: '',\n      light: '',\n      flat: '',\n      faded: '',\n      shadow: '',\n      ghost: '',\n    },\n  },\n  compoundVariants: [\n    // white text on solid / shadow success button\n    {\n      color: 'success',\n      variant: ['solid', 'shadow'],\n      class: 'text-white',\n    },\n    // white text on solid / shadow warning button\n    {\n      color: 'warning',\n      variant: ['solid', 'shadow'],\n      class: 'text-white',\n    },\n  ],\n});\n\ntype ButtonVariantProps = VariantProps<typeof buttonVariants>;\n\nexport interface ButtonProps extends ButtonVariantProps {\n  /** sets HTML aria-label attribute */\n  ariaLabel?: string;\n  /** child components */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string | string[];\n  /** next ui button color  */\n  color?: NextButtonProps['color'];\n  /** disables function of the button. */\n  disabled?: boolean;\n  /** disables all button animations */\n  disableAnimation?: boolean;\n  /** If set loading animation is shown */\n  loading?: boolean;\n  /** optional icon */\n  icon?: ReactNode;\n  /** on click event */\n  onClick?: NextButtonProps['onPress'];\n  /** 3 size options */\n  size?: NextButtonProps['size'];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** sets the button type. */\n  type?: 'button' | 'submit' | 'reset' | undefined;\n  /** next ui button variants */\n  variant?: NextButtonProps['variant'];\n}\n\n/**\n * Button component based on [NextUI Button](https://nextui.org/docs/components/button)\n */\nconst Button = ({\n  ariaLabel = undefined,\n  children = undefined,\n  className = undefined,\n  color = 'default',\n  disabled = false,\n  disableAnimation = false,\n  icon = undefined,\n  loading = false,\n  onClick = undefined,\n  size = undefined,\n  testId = undefined,\n  type = undefined,\n  variant = 'solid',\n}: ButtonProps) => {\n  return (\n    <NextButton\n      aria-label={ariaLabel}\n      className={buttonVariants({ color, variant, className })}\n      color={color}\n      data-testid={testId}\n      disableAnimation={disableAnimation}\n      disableRipple={disableAnimation}\n      isDisabled={disabled}\n      isIconOnly={!!(icon && !children)}\n      isLoading={loading}\n      onPress={onClick}\n      size={size}\n      spinner={<LoadingSpinner />}\n      type={type}\n      variant={variant}\n    >\n      {icon}\n      {children}\n    </NextButton>\n  );\n};\n\nexport default Button;\n","/**\n * svg loading spinner for button\n * @see https://nextui.org/docs/components/button#loading\n * */\nexport default () => (\n  <svg\n    className=\"animate-spin h-5 w-5 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","import Button, { buttonVariants } from './Button';\n\nexport type { ButtonProps } from './Button';\n\nexport { Button, buttonVariants };\n\nexport default Button;\n"],"mappings":";AAIA,SAAS,UAAU,kBAAkB;AACrC,SAAS,UAAU;;;ACAjB,SAME,KANF;AADF,IAAO,yBAAQ,MACb;AAAA,EAAC;AAAA;AAAA,IACC,WAAU;AAAA,IACV,MAAK;AAAA,IACL,SAAQ;AAAA,IACR,OAAM;AAAA,IAEN;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,IAAG;AAAA,UACH,IAAG;AAAA,UACH,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA;AAAA,MACd;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACP;AAAA;AAAA;AACF;;;ADwEE,SAYW,OAAAA,MAZX,QAAAC,aAAA;AAvFG,IAAM,iBAAiB,GAAG;AAAA,EAC/B,MAAM;AAAA,EACN,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS;AAAA,MACT,SAAS;AAAA,MACT,WAAW;AAAA,MACX,SAAS;AAAA,MACT,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,SAAS;AAAA,MACP,OAAO;AAAA,MACP,UAAU;AAAA,MACV,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA;AAAA,IAEhB;AAAA,MACE,OAAO;AAAA,MACP,SAAS,CAAC,SAAS,QAAQ;AAAA,MAC3B,OAAO;AAAA,IACT;AAAA;AAAA,IAEA;AAAA,MACE,OAAO;AAAA,MACP,SAAS,CAAC,SAAS,QAAQ;AAAA,MAC3B,OAAO;AAAA,IACT;AAAA,EACF;AACF,CAAC;AAoCD,IAAM,SAAS,CAAC;AAAA,EACd,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AACZ,MAAmB;AACjB,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,cAAY;AAAA,MACZ,WAAW,eAAe,EAAE,OAAO,SAAS,UAAU,CAAC;AAAA,MACvD;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,YAAY,CAAC,EAAE,QAAQ,CAAC;AAAA,MACxB,WAAW;AAAA,MACX,SAAS;AAAA,MACT;AAAA,MACA,SAAS,gBAAAD,KAAC,0BAAe;AAAA,MACzB;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,QACA;AAAA;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,iBAAQ;;;AEhHf,IAAOE,kBAAQ;","names":["jsx","jsxs","Button_default"]}

package/dist/{chunk-2BPC6HYE.js → chunk-IEZVKZFP.js}

@@ -68,7 +68,8 @@ var Card_default = Card;
 var Card_default2 = Card_default;
 
 export {
+  cardVariants,
   Card_default,
   Card_default2
 };
-//# sourceMappingURL=chunk-2BPC6HYE.js.map
+//# sourceMappingURL=chunk-IEZVKZFP.js.map

package/dist/{chunk-2BPC6HYE.js.map → chunk-IEZVKZFP.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/Card/Card.tsx","../src/Card/index.ts"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type { VariantProps } from 'tailwind-variants';\n\nimport {\n  Card as NextCard,\n  CardBody as NextCardBody,\n  CardFooter as NextCardFooter,\n  CardHeader as NextCardHeader,\n} from '@nextui-org/card';\nimport { Divider as NextDivider } from '@nextui-org/divider';\nimport { tv } from 'tailwind-variants';\n\n// card styling variants\nexport const cardVariants = tv({\n  slots: {\n    base: 'border border-divider',\n    body: '',\n    divider: 'my-0 border-divider',\n    footer: '',\n    header: 'text-base font-semibold',\n  },\n});\n\ntype CardVariantProps = VariantProps<typeof cardVariants>;\ntype CardVariantSlots = Partial<\n  Record<keyof ReturnType<typeof cardVariants>, string>\n>;\n\nexport interface CardProps extends CardVariantProps {\n  /** card body content */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string | CardVariantSlots;\n  /** footer content */\n  footer?: ReactNode;\n  /** header content */\n  header?: ReactNode;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * Card component based on [NextUI Card](https://nextui.org/docs/components/card)\n */\nconst Card = ({\n  children = null,\n  className = undefined,\n  testId = undefined,\n  header = undefined,\n  footer = undefined,\n}: CardProps) => {\n  // classNames from slots\n  const variants = cardVariants();\n  const classNameObj = (typeof className === 'object' && className) || {};\n  const classNames = {\n    base: variants.base({\n      className: classNameObj.base || (className as string),\n    }),\n    header: variants.header({ className: classNameObj.header }),\n    body: variants.body({ className: classNameObj.body }),\n    footer: variants.footer({ className: classNameObj.footer }),\n  };\n\n  const divider = (\n    <NextDivider\n      className={variants.divider({ className: classNameObj.divider })}\n    />\n  );\n\n  return (\n    <NextCard\n      classNames={classNames}\n      data-testid={testId && `card_${testId}`}\n      fullWidth\n      radius=\"sm\"\n      shadow=\"none\"\n    >\n      {header && (\n        <>\n          <NextCardHeader data-testid={testId && `card_header_${testId}`}>\n            {header}\n          </NextCardHeader>\n          {divider}\n        </>\n      )}\n      <NextCardBody data-testid={testId && `card_body_${testId}`}>\n        {children}\n      </NextCardBody>\n      {footer && (\n        <>\n          {divider}\n          <NextCardFooter data-testid={testId && `card_footer_${testId}`}>\n            {footer}\n          </NextCardFooter>\n        </>\n      )}\n    </NextCard>\n  );\n};\n\nexport default Card;\n","import Card from './Card';\n\nexport type { CardProps } from './Card';\n\nexport { Card };\n\nexport default Card;\n"],"mappings":";AAGA;AAAA,EACE,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,cAAc;AAAA,OACT;AACP,SAAS,WAAW,mBAAmB;AACvC,SAAS,UAAU;AAsDf,SAcI,UAdJ,KAcI,YAdJ;AAnDG,IAAM,eAAe,GAAG;AAAA,EAC7B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV;AACF,CAAC;AAuBD,IAAM,OAAO,CAAC;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX,MAAiB;AAEf,QAAM,WAAW,aAAa;AAC9B,QAAM,eAAgB,OAAO,cAAc,YAAY,aAAc,CAAC;AACtE,QAAM,aAAa;AAAA,IACjB,MAAM,SAAS,KAAK;AAAA,MAClB,WAAW,aAAa,QAAS;AAAA,IACnC,CAAC;AAAA,IACD,QAAQ,SAAS,OAAO,EAAE,WAAW,aAAa,OAAO,CAAC;AAAA,IAC1D,MAAM,SAAS,KAAK,EAAE,WAAW,aAAa,KAAK,CAAC;AAAA,IACpD,QAAQ,SAAS,OAAO,EAAE,WAAW,aAAa,OAAO,CAAC;AAAA,EAC5D;AAEA,QAAM,UACJ;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,SAAS,QAAQ,EAAE,WAAW,aAAa,QAAQ,CAAC;AAAA;AAAA,EACjE;AAGF,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa,UAAU,QAAQ,MAAM;AAAA,MACrC,WAAS;AAAA,MACT,QAAO;AAAA,MACP,QAAO;AAAA,MAEN;AAAA,kBACC,iCACE;AAAA,8BAAC,kBAAe,eAAa,UAAU,eAAe,MAAM,IACzD,kBACH;AAAA,UACC;AAAA,WACH;AAAA,QAEF,oBAAC,gBAAa,eAAa,UAAU,aAAa,MAAM,IACrD,UACH;AAAA,QACC,UACC,iCACG;AAAA;AAAA,UACD,oBAAC,kBAAe,eAAa,UAAU,eAAe,MAAM,IACzD,kBACH;AAAA,WACF;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,eAAQ;;;AC9Ff,IAAOA,gBAAQ;","names":["Card_default"]}
+{"version":3,"sources":["../src/Card/Card.tsx","../src/Card/index.ts"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type { VariantProps } from 'tailwind-variants';\n\nimport {\n  Card as NextCard,\n  CardBody as NextCardBody,\n  CardFooter as NextCardFooter,\n  CardHeader as NextCardHeader,\n} from '@nextui-org/card';\nimport { Divider as NextDivider } from '@nextui-org/divider';\nimport { tv } from 'tailwind-variants';\n\n// card styling variants\nexport const cardVariants = tv({\n  slots: {\n    base: 'border border-divider',\n    body: '',\n    divider: 'my-0 border-divider',\n    footer: '',\n    header: 'text-base font-semibold',\n  },\n});\n\ntype CardVariantProps = VariantProps<typeof cardVariants>;\ntype CardVariantSlots = Partial<\n  Record<keyof ReturnType<typeof cardVariants>, string>\n>;\n\nexport interface CardProps extends CardVariantProps {\n  /** card body content */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string | CardVariantSlots;\n  /** footer content */\n  footer?: ReactNode;\n  /** header content */\n  header?: ReactNode;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * Card component based on [NextUI Card](https://nextui.org/docs/components/card)\n */\nconst Card = ({\n  children = null,\n  className = undefined,\n  testId = undefined,\n  header = undefined,\n  footer = undefined,\n}: CardProps) => {\n  // classNames from slots\n  const variants = cardVariants();\n  const classNameObj = (typeof className === 'object' && className) || {};\n  const classNames = {\n    base: variants.base({\n      className: classNameObj.base || (className as string),\n    }),\n    header: variants.header({ className: classNameObj.header }),\n    body: variants.body({ className: classNameObj.body }),\n    footer: variants.footer({ className: classNameObj.footer }),\n  };\n\n  const divider = (\n    <NextDivider\n      className={variants.divider({ className: classNameObj.divider })}\n    />\n  );\n\n  return (\n    <NextCard\n      classNames={classNames}\n      data-testid={testId && `card_${testId}`}\n      fullWidth\n      radius=\"sm\"\n      shadow=\"none\"\n    >\n      {header && (\n        <>\n          <NextCardHeader data-testid={testId && `card_header_${testId}`}>\n            {header}\n          </NextCardHeader>\n          {divider}\n        </>\n      )}\n      <NextCardBody data-testid={testId && `card_body_${testId}`}>\n        {children}\n      </NextCardBody>\n      {footer && (\n        <>\n          {divider}\n          <NextCardFooter data-testid={testId && `card_footer_${testId}`}>\n            {footer}\n          </NextCardFooter>\n        </>\n      )}\n    </NextCard>\n  );\n};\n\nexport default Card;\n","import Card, { cardVariants } from './Card';\n\nexport type { CardProps } from './Card';\n\nexport { Card, cardVariants };\n\nexport default Card;\n"],"mappings":";AAGA;AAAA,EACE,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,cAAc;AAAA,OACT;AACP,SAAS,WAAW,mBAAmB;AACvC,SAAS,UAAU;AAsDf,SAcI,UAdJ,KAcI,YAdJ;AAnDG,IAAM,eAAe,GAAG;AAAA,EAC7B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV;AACF,CAAC;AAuBD,IAAM,OAAO,CAAC;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX,MAAiB;AAEf,QAAM,WAAW,aAAa;AAC9B,QAAM,eAAgB,OAAO,cAAc,YAAY,aAAc,CAAC;AACtE,QAAM,aAAa;AAAA,IACjB,MAAM,SAAS,KAAK;AAAA,MAClB,WAAW,aAAa,QAAS;AAAA,IACnC,CAAC;AAAA,IACD,QAAQ,SAAS,OAAO,EAAE,WAAW,aAAa,OAAO,CAAC;AAAA,IAC1D,MAAM,SAAS,KAAK,EAAE,WAAW,aAAa,KAAK,CAAC;AAAA,IACpD,QAAQ,SAAS,OAAO,EAAE,WAAW,aAAa,OAAO,CAAC;AAAA,EAC5D;AAEA,QAAM,UACJ;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,SAAS,QAAQ,EAAE,WAAW,aAAa,QAAQ,CAAC;AAAA;AAAA,EACjE;AAGF,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa,UAAU,QAAQ,MAAM;AAAA,MACrC,WAAS;AAAA,MACT,QAAO;AAAA,MACP,QAAO;AAAA,MAEN;AAAA,kBACC,iCACE;AAAA,8BAAC,kBAAe,eAAa,UAAU,eAAe,MAAM,IACzD,kBACH;AAAA,UACC;AAAA,WACH;AAAA,QAEF,oBAAC,gBAAa,eAAa,UAAU,aAAa,MAAM,IACrD,UACH;AAAA,QACC,UACC,iCACG;AAAA;AAAA,UACD,oBAAC,kBAAe,eAAa,UAAU,eAAe,MAAM,IACzD,kBACH;AAAA,WACF;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,eAAQ;;;AC9Ff,IAAOA,gBAAQ;","names":["Card_default"]}

package/dist/{chunk-IAE5EJ7Z.cjs → chunk-ND4VZZVU.cjs}

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }// src/Button/Button.tsx
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/Button/Button.tsx
 var _button = require('@nextui-org/button');
-var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
+var _tailwindvariants = require('tailwind-variants');
 
 // src/Button/subcomponents/LoadingSpinner.tsx
 var _jsxruntime = require('react/jsx-runtime');
@@ -37,6 +37,42 @@ var LoadingSpinner_default = () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
 
 // src/Button/Button.tsx
 
+var buttonVariants = _tailwindvariants.tv.call(void 0, {
+  base: "",
+  variants: {
+    color: {
+      default: "",
+      primary: "",
+      secondary: "",
+      success: "",
+      warning: "",
+      danger: ""
+    },
+    variant: {
+      solid: "",
+      bordered: "",
+      light: "",
+      flat: "",
+      faded: "",
+      shadow: "",
+      ghost: ""
+    }
+  },
+  compoundVariants: [
+    // white text on solid / shadow success button
+    {
+      color: "success",
+      variant: ["solid", "shadow"],
+      class: "text-white"
+    },
+    // white text on solid / shadow warning button
+    {
+      color: "warning",
+      variant: ["solid", "shadow"],
+      class: "text-white"
+    }
+  ]
+});
 var Button = ({
   ariaLabel = void 0,
   children = void 0,
@@ -56,7 +92,7 @@ var Button = ({
     _button.Button,
     {
       "aria-label": ariaLabel,
-      className: _classnames2.default.call(void 0, className),
+      className: buttonVariants({ color, variant, className }),
       color,
       "data-testid": testId,
       disableAnimation,
@@ -84,5 +120,6 @@ var Button_default2 = Button_default;
 
 
 
-exports.Button_default = Button_default; exports.Button_default2 = Button_default2;
-//# sourceMappingURL=chunk-IAE5EJ7Z.cjs.map
+
+exports.buttonVariants = buttonVariants; exports.Button_default = Button_default; exports.Button_default2 = Button_default2;
+//# sourceMappingURL=chunk-ND4VZZVU.cjs.map

package/dist/chunk-ND4VZZVU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Button/Button.tsx","../src/Button/subcomponents/LoadingSpinner.tsx","../src/Button/index.ts"],"names":["jsx","jsxs","Button_default"],"mappings":";AAIA,SAAS,UAAU,kBAAkB;AACrC,SAAS,UAAU;;;ACAjB,SAME,KANF;AADF,IAAO,yBAAQ,MACb;AAAA,EAAC;AAAA;AAAA,IACC,WAAU;AAAA,IACV,MAAK;AAAA,IACL,SAAQ;AAAA,IACR,OAAM;AAAA,IAEN;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,IAAG;AAAA,UACH,IAAG;AAAA,UACH,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA;AAAA,MACd;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACP;AAAA;AAAA;AACF;;;ADwEE,SAYW,OAAAA,MAZX,QAAAC,aAAA;AAvFG,IAAM,iBAAiB,GAAG;AAAA,EAC/B,MAAM;AAAA,EACN,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS;AAAA,MACT,SAAS;AAAA,MACT,WAAW;AAAA,MACX,SAAS;AAAA,MACT,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,SAAS;AAAA,MACP,OAAO;AAAA,MACP,UAAU;AAAA,MACV,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA;AAAA,IAEhB;AAAA,MACE,OAAO;AAAA,MACP,SAAS,CAAC,SAAS,QAAQ;AAAA,MAC3B,OAAO;AAAA,IACT;AAAA;AAAA,IAEA;AAAA,MACE,OAAO;AAAA,MACP,SAAS,CAAC,SAAS,QAAQ;AAAA,MAC3B,OAAO;AAAA,IACT;AAAA,EACF;AACF,CAAC;AAoCD,IAAM,SAAS,CAAC;AAAA,EACd,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AACZ,MAAmB;AACjB,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,cAAY;AAAA,MACZ,WAAW,eAAe,EAAE,OAAO,SAAS,UAAU,CAAC;AAAA,MACvD;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,YAAY,CAAC,EAAE,QAAQ,CAAC;AAAA,MACxB,WAAW;AAAA,MACX,SAAS;AAAA,MACT;AAAA,MACA,SAAS,gBAAAD,KAAC,0BAAe;AAAA,MACzB;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,QACA;AAAA;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,iBAAQ;;;AEhHf,IAAOE,kBAAQ","sourcesContent":["import type { ButtonProps as NextButtonProps } from '@nextui-org/button';\nimport type { ReactNode } from 'react';\nimport type { VariantProps } from 'tailwind-variants';\n\nimport { Button as NextButton } from '@nextui-org/button';\nimport { tv } from 'tailwind-variants';\n\nimport LoadingSpinner from './subcomponents/LoadingSpinner';\n\nexport const buttonVariants = tv({\n  base: '',\n  variants: {\n    color: {\n      default: '',\n      primary: '',\n      secondary: '',\n      success: '',\n      warning: '',\n      danger: '',\n    },\n    variant: {\n      solid: '',\n      bordered: '',\n      light: '',\n      flat: '',\n      faded: '',\n      shadow: '',\n      ghost: '',\n    },\n  },\n  compoundVariants: [\n    // white text on solid / shadow success button\n    {\n      color: 'success',\n      variant: ['solid', 'shadow'],\n      class: 'text-white',\n    },\n    // white text on solid / shadow warning button\n    {\n      color: 'warning',\n      variant: ['solid', 'shadow'],\n      class: 'text-white',\n    },\n  ],\n});\n\ntype ButtonVariantProps = VariantProps<typeof buttonVariants>;\n\nexport interface ButtonProps extends ButtonVariantProps {\n  /** sets HTML aria-label attribute */\n  ariaLabel?: string;\n  /** child components */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string | string[];\n  /** next ui button color  */\n  color?: NextButtonProps['color'];\n  /** disables function of the button. */\n  disabled?: boolean;\n  /** disables all button animations */\n  disableAnimation?: boolean;\n  /** If set loading animation is shown */\n  loading?: boolean;\n  /** optional icon */\n  icon?: ReactNode;\n  /** on click event */\n  onClick?: NextButtonProps['onPress'];\n  /** 3 size options */\n  size?: NextButtonProps['size'];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** sets the button type. */\n  type?: 'button' | 'submit' | 'reset' | undefined;\n  /** next ui button variants */\n  variant?: NextButtonProps['variant'];\n}\n\n/**\n * Button component based on [NextUI Button](https://nextui.org/docs/components/button)\n */\nconst Button = ({\n  ariaLabel = undefined,\n  children = undefined,\n  className = undefined,\n  color = 'default',\n  disabled = false,\n  disableAnimation = false,\n  icon = undefined,\n  loading = false,\n  onClick = undefined,\n  size = undefined,\n  testId = undefined,\n  type = undefined,\n  variant = 'solid',\n}: ButtonProps) => {\n  return (\n    <NextButton\n      aria-label={ariaLabel}\n      className={buttonVariants({ color, variant, className })}\n      color={color}\n      data-testid={testId}\n      disableAnimation={disableAnimation}\n      disableRipple={disableAnimation}\n      isDisabled={disabled}\n      isIconOnly={!!(icon && !children)}\n      isLoading={loading}\n      onPress={onClick}\n      size={size}\n      spinner={<LoadingSpinner />}\n      type={type}\n      variant={variant}\n    >\n      {icon}\n      {children}\n    </NextButton>\n  );\n};\n\nexport default Button;\n","/**\n * svg loading spinner for button\n * @see https://nextui.org/docs/components/button#loading\n * */\nexport default () => (\n  <svg\n    className=\"animate-spin h-5 w-5 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","import Button, { buttonVariants } from './Button';\n\nexport type { ButtonProps } from './Button';\n\nexport { Button, buttonVariants };\n\nexport default Button;\n"]}

package/dist/index.cjs

@@ -1,12 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkWL6ENU44cjs = require('./chunk-WL6ENU44.cjs');
 
+var _chunkGIM2W4JHcjs = require('./chunk-GIM2W4JH.cjs');
 
-var _chunkMBKSGWDJcjs = require('./chunk-MBKSGWDJ.cjs');
 
+var _chunk7GYTJLD6cjs = require('./chunk-7GYTJLD6.cjs');
 
-var _chunkIAE5EJ7Zcjs = require('./chunk-IAE5EJ7Z.cjs');
+
+
+var _chunkND4VZZVUcjs = require('./chunk-ND4VZZVU.cjs');
 
 
 var _chunkBMKGS5PKcjs = require('./chunk-BMKGS5PK.cjs');
@@ -23,7 +25,7 @@ var _chunkB35F4645cjs = require('./chunk-B35F4645.cjs');
 
 
 
-var _chunk3PQUCG6Pcjs = require('./chunk-3PQUCG6P.cjs');
+var _chunkBSBPQXNGcjs = require('./chunk-BSBPQXNG.cjs');
 
 // src/hooks/useDebounce.ts
 var _react = require('react');
@@ -105,5 +107,7 @@ var useLocalStorage_default = useLocalStorage;
 
 
 
-exports.Button = _chunkIAE5EJ7Zcjs.Button_default; exports.Card = _chunkWL6ENU44cjs.Card_default; exports.Json = _chunkMBKSGWDJcjs.Json_default; exports.Label = _chunkBMKGS5PKcjs.Label_default; exports.Menu = _chunkHHTTNYDCcjs.Menu_default; exports.Modal = _chunkYO6VJ2OUcjs.Modal_default; exports.Popover = _chunkB35F4645cjs.Popover_default; exports.Tooltip = _chunk3PQUCG6Pcjs.Tooltip_default; exports.modalVariants = _chunkYO6VJ2OUcjs.modalVariants; exports.tooltipPlacementOptions = _chunk3PQUCG6Pcjs.tooltipPlacementOptions; exports.useDebounce = useDebounce_default; exports.useLocalStorage = useLocalStorage_default;
+
+
+exports.Button = _chunkND4VZZVUcjs.Button_default; exports.Card = _chunkGIM2W4JHcjs.Card_default; exports.Json = _chunk7GYTJLD6cjs.Json_default; exports.Label = _chunkBMKGS5PKcjs.Label_default; exports.Menu = _chunkHHTTNYDCcjs.Menu_default; exports.Modal = _chunkYO6VJ2OUcjs.Modal_default; exports.Popover = _chunkB35F4645cjs.Popover_default; exports.Tooltip = _chunkBSBPQXNGcjs.Tooltip_default; exports.buttonVariants = _chunkND4VZZVUcjs.buttonVariants; exports.cardVariants = _chunkGIM2W4JHcjs.cardVariants; exports.modalVariants = _chunkYO6VJ2OUcjs.modalVariants; exports.tooltipPlacementOptions = _chunkBSBPQXNGcjs.tooltipPlacementOptions; exports.useDebounce = useDebounce_default; exports.useLocalStorage = useLocalStorage_default;
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/hooks/useDebounce.ts","../src/hooks/useLocalStorage.ts"],"names":["useEffect","useState"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,WAAW,gBAAgB;AAEpC,IAAO,sBAAQ,CAAQ,OAAc,UAAkB;AAErD,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,KAAK;AAC1D;AAAA,IACE,MAAM;AAEJ,YAAM,UAAU,WAAW,MAAM;AAC/B,0BAAkB,KAAK;AAAA,MACzB,GAAG,KAAK;AAIR,aAAO,MAAM;AACX,qBAAa,OAAO;AAAA,MACtB;AAAA,IACF;AAAA,IACA,CAAC,OAAO,KAAK;AAAA;AAAA,EACf;AACA,SAAO;AACT;;;ACnBA,SAAS,aAAAA,YAAW,YAAAC,iBAAgB;AAEpC,IAAM,kBAAkB,CACtB,KACA,iBACqC;AAGrC,QAAM,YAAY,MAAM;AAEtB,QAAI,OAAO,WAAW,aAAa;AACjC,aAAO;AAAA,IACT;AAEA,QAAI;AACF,YAAM,OAAO,OAAO,aAAa,QAAQ,GAAG;AAC5C,aAAO,OAAO,KAAK,MAAM,IAAI,IAAI;AAAA,IACnC,SAAS,OAAO;AACd,cAAQ,KAAK,wCAAmC,GAAG,WAAM,KAAK;AAC9D,aAAO;AAAA,IACT;AAAA,EACF;AAIA,QAAM,CAAC,aAAa,cAAc,IAAIA,UAAY,SAAS;AAI3D,QAAM,WAAwC,CAAC,UAAU;AAEvD,QAAI,OAAO,WAAW,aAAa;AACjC,cAAQ;AAAA,QACN,wCAAmC,GAAG;AAAA,MACxC;AAAA,IACF;AAEA,QAAI;AAEF,YAAM,WAAW,iBAAiB,WAAW,MAAM,WAAW,IAAI;AAGlE,aAAO,aAAa,QAAQ,KAAK,KAAK,UAAU,QAAQ,CAAC;AAGzD,qBAAe,QAAQ;AAGvB,aAAO,cAAc,IAAI,MAAM,eAAe,CAAC;AAAA,IACjD,SAAS,OAAO;AACd,cAAQ,KAAK,wCAAmC,GAAG,WAAM,KAAK;AAAA,IAChE;AAAA,EACF;AAEA,EAAAD,WAAU,MAAM;AACd,mBAAe,UAAU,CAAC;AAAA,EAE5B,GAAG,CAAC,CAAC;AAEL,EAAAA,WAAU,MAAM;AACd,UAAM,sBAAsB,MAAM;AAChC,qBAAe,UAAU,CAAC;AAAA,IAC5B;AAGA,WAAO,iBAAiB,WAAW,mBAAmB;AAGtD,WAAO,iBAAiB,iBAAiB,mBAAmB;AAE5D,WAAO,MAAM;AACX,aAAO,oBAAoB,WAAW,mBAAmB;AACzD,aAAO,oBAAoB,iBAAiB,mBAAmB;AAAA,IACjE;AAAA,EAEF,GAAG,CAAC,CAAC;AAEL,SAAO,CAAC,aAAa,QAAQ;AAC/B;AAEA,IAAO,0BAAQ","sourcesContent":["import { useEffect, useState } from 'react';\n\nexport default <Value>(value: Value, delay: number) => {\n  // State and setters for debounced value\n  const [debouncedValue, setDebouncedValue] = useState(value);\n  useEffect(\n    () => {\n      // Update debounced value after delay\n      const handler = setTimeout(() => {\n        setDebouncedValue(value);\n      }, delay);\n      // Cancel the timeout if value changes (also on delay change or unmount)\n      // This is how we prevent debounced value from updating if value is changed ...\n      // .. within the delay period. Timeout gets cleared and restarted.\n      return () => {\n        clearTimeout(handler);\n      };\n    },\n    [value, delay], // Only re-call effect if value or delay changes\n  );\n  return debouncedValue;\n};\n","import type { Dispatch, SetStateAction } from 'react';\n\nimport { useEffect, useState } from 'react';\n\nconst useLocalStorage = <T>(\n  key: string,\n  initialValue: T | (() => T),\n): [T, Dispatch<SetStateAction<T>>] => {\n  // Get from local storage then\n  // parse stored json or return initialValue\n  const readValue = () => {\n    // Prevent build error \"window is undefined\" but keep keep working\n    if (typeof window === 'undefined') {\n      return initialValue;\n    }\n\n    try {\n      const item = window.localStorage.getItem(key);\n      return item ? JSON.parse(item) : initialValue;\n    } catch (error) {\n      console.warn(`Error reading localStorage key “${key}”:`, error);\n      return initialValue;\n    }\n  };\n\n  // State to store our value\n  // Pass initial state function to useState so logic is only executed once\n  const [storedValue, setStoredValue] = useState<T>(readValue);\n\n  // Return a wrapped version of useState's setter function that ...\n  // ... persists the new value to localStorage.\n  const setValue: Dispatch<SetStateAction<T>> = (value) => {\n    // Prevent build error \"window is undefined\" but keeps working\n    if (typeof window === 'undefined') {\n      console.warn(\n        `Tried setting localStorage key “${key}” even though environment is not a client`,\n      );\n    }\n\n    try {\n      // Allow value to be a function so we have the same API as useState\n      const newValue = value instanceof Function ? value(storedValue) : value;\n\n      // Save to local storage\n      window.localStorage.setItem(key, JSON.stringify(newValue));\n\n      // Save state\n      setStoredValue(newValue);\n\n      // We dispatch a custom event so every useLocalStorage hook are notified\n      window.dispatchEvent(new Event('local-storage'));\n    } catch (error) {\n      console.warn(`Error setting localStorage key “${key}”:`, error);\n    }\n  };\n\n  useEffect(() => {\n    setStoredValue(readValue());\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    const handleStorageChange = () => {\n      setStoredValue(readValue());\n    };\n\n    // this only works for other documents, not the current one\n    window.addEventListener('storage', handleStorageChange);\n\n    // this is a custom event, triggered in writeValueToLocalStorage\n    window.addEventListener('local-storage', handleStorageChange);\n\n    return () => {\n      window.removeEventListener('storage', handleStorageChange);\n      window.removeEventListener('local-storage', handleStorageChange);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return [storedValue, setValue];\n};\n\nexport default useLocalStorage;\n"]}
+{"version":3,"sources":["../src/hooks/useDebounce.ts","../src/hooks/useLocalStorage.ts"],"names":["useEffect","useState"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,WAAW,gBAAgB;AAEpC,IAAO,sBAAQ,CAAQ,OAAc,UAAkB;AAErD,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,KAAK;AAC1D;AAAA,IACE,MAAM;AAEJ,YAAM,UAAU,WAAW,MAAM;AAC/B,0BAAkB,KAAK;AAAA,MACzB,GAAG,KAAK;AAIR,aAAO,MAAM;AACX,qBAAa,OAAO;AAAA,MACtB;AAAA,IACF;AAAA,IACA,CAAC,OAAO,KAAK;AAAA;AAAA,EACf;AACA,SAAO;AACT;;;ACnBA,SAAS,aAAAA,YAAW,YAAAC,iBAAgB;AAEpC,IAAM,kBAAkB,CACtB,KACA,iBACqC;AAGrC,QAAM,YAAY,MAAM;AAEtB,QAAI,OAAO,WAAW,aAAa;AACjC,aAAO;AAAA,IACT;AAEA,QAAI;AACF,YAAM,OAAO,OAAO,aAAa,QAAQ,GAAG;AAC5C,aAAO,OAAO,KAAK,MAAM,IAAI,IAAI;AAAA,IACnC,SAAS,OAAO;AACd,cAAQ,KAAK,wCAAmC,GAAG,WAAM,KAAK;AAC9D,aAAO;AAAA,IACT;AAAA,EACF;AAIA,QAAM,CAAC,aAAa,cAAc,IAAIA,UAAY,SAAS;AAI3D,QAAM,WAAwC,CAAC,UAAU;AAEvD,QAAI,OAAO,WAAW,aAAa;AACjC,cAAQ;AAAA,QACN,wCAAmC,GAAG;AAAA,MACxC;AAAA,IACF;AAEA,QAAI;AAEF,YAAM,WAAW,iBAAiB,WAAW,MAAM,WAAW,IAAI;AAGlE,aAAO,aAAa,QAAQ,KAAK,KAAK,UAAU,QAAQ,CAAC;AAGzD,qBAAe,QAAQ;AAGvB,aAAO,cAAc,IAAI,MAAM,eAAe,CAAC;AAAA,IACjD,SAAS,OAAO;AACd,cAAQ,KAAK,wCAAmC,GAAG,WAAM,KAAK;AAAA,IAChE;AAAA,EACF;AAEA,EAAAD,WAAU,MAAM;AACd,mBAAe,UAAU,CAAC;AAAA,EAE5B,GAAG,CAAC,CAAC;AAEL,EAAAA,WAAU,MAAM;AACd,UAAM,sBAAsB,MAAM;AAChC,qBAAe,UAAU,CAAC;AAAA,IAC5B;AAGA,WAAO,iBAAiB,WAAW,mBAAmB;AAGtD,WAAO,iBAAiB,iBAAiB,mBAAmB;AAE5D,WAAO,MAAM;AACX,aAAO,oBAAoB,WAAW,mBAAmB;AACzD,aAAO,oBAAoB,iBAAiB,mBAAmB;AAAA,IACjE;AAAA,EAEF,GAAG,CAAC,CAAC;AAEL,SAAO,CAAC,aAAa,QAAQ;AAC/B;AAEA,IAAO,0BAAQ","sourcesContent":["import { useEffect, useState } from 'react';\n\nexport default <Value>(value: Value, delay: number) => {\n  // State and setters for debounced value\n  const [debouncedValue, setDebouncedValue] = useState(value);\n  useEffect(\n    () => {\n      // Update debounced value after delay\n      const handler = setTimeout(() => {\n        setDebouncedValue(value);\n      }, delay);\n      // Cancel the timeout if value changes (also on delay change or unmount)\n      // This is how we prevent debounced value from updating if value is changed ...\n      // .. within the delay period. Timeout gets cleared and restarted.\n      return () => {\n        clearTimeout(handler);\n      };\n    },\n    [value, delay], // Only re-call effect if value or delay changes\n  );\n  return debouncedValue;\n};\n","import type { Dispatch, SetStateAction } from 'react';\n\nimport { useEffect, useState } from 'react';\n\nconst useLocalStorage = <T>(\n  key: string,\n  initialValue: T | (() => T),\n): [T, Dispatch<SetStateAction<T>>] => {\n  // Get from local storage then\n  // parse stored json or return initialValue\n  const readValue = () => {\n    // Prevent build error \"window is undefined\" but keep keep working\n    if (typeof window === 'undefined') {\n      return initialValue;\n    }\n\n    try {\n      const item = window.localStorage.getItem(key);\n      return item ? JSON.parse(item) : initialValue;\n    } catch (error) {\n      console.warn(`Error reading localStorage key “${key}”:`, error);\n      return initialValue;\n    }\n  };\n\n  // State to store our value\n  // Pass initial state function to useState so logic is only executed once\n  const [storedValue, setStoredValue] = useState<T>(readValue);\n\n  // Return a wrapped version of useState's setter function that ...\n  // ... persists the new value to localStorage.\n  const setValue: Dispatch<SetStateAction<T>> = (value) => {\n    // Prevent build error \"window is undefined\" but keeps working\n    if (typeof window === 'undefined') {\n      console.warn(\n        `Tried setting localStorage key “${key}” even though environment is not a client`,\n      );\n    }\n\n    try {\n      // Allow value to be a function so we have the same API as useState\n      const newValue = value instanceof Function ? value(storedValue) : value;\n\n      // Save to local storage\n      window.localStorage.setItem(key, JSON.stringify(newValue));\n\n      // Save state\n      setStoredValue(newValue);\n\n      // We dispatch a custom event so every useLocalStorage hook are notified\n      window.dispatchEvent(new Event('local-storage'));\n    } catch (error) {\n      console.warn(`Error setting localStorage key “${key}”:`, error);\n    }\n  };\n\n  useEffect(() => {\n    setStoredValue(readValue());\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    const handleStorageChange = () => {\n      setStoredValue(readValue());\n    };\n\n    // this only works for other documents, not the current one\n    window.addEventListener('storage', handleStorageChange);\n\n    // this is a custom event, triggered in writeValueToLocalStorage\n    window.addEventListener('local-storage', handleStorageChange);\n\n    return () => {\n      window.removeEventListener('storage', handleStorageChange);\n      window.removeEventListener('local-storage', handleStorageChange);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return [storedValue, setValue];\n};\n\nexport default useLocalStorage;\n"]}

package/dist/index.d.cts

@@ -1,6 +1,6 @@
 import { Dispatch, SetStateAction } from 'react';
-export { B as Button, a as ButtonProps } from './Button-BgDaXYKX.cjs';
-export { C as Card, a as CardProps } from './Card-C3mjLa6d.cjs';
+export { B as Button, a as ButtonProps, b as buttonVariants } from './Button-DS4qK4Lf.cjs';
+export { C as Card, a as CardProps, c as cardVariants } from './Card-D5kspciY.cjs';
 export { J as Json, a as JsonProps } from './Json-ClGDcbcp.cjs';
 export { L as Label, a as LabelProps } from './Label-DzZDW95M.cjs';
 export { M as Menu, b as MenuItem, a as MenuProps, c as MenuSection } from './Menu-CG5mVVnv.cjs';
@@ -8,9 +8,9 @@ export { M as Modal, a as ModalProps, m as modalVariants } from './Modal-Ck13vTa
 export { _ as Popover, P as PopoverProps } from './Popover-DbTTk7_N.cjs';
 export { T as Tooltip, a as TooltipProps, t as tooltipPlacementOptions } from './Tooltip-D4znH2L3.cjs';
 import 'react/jsx-runtime';
-import '@nextui-org/button';
-import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';
+import 'tailwind-variants/dist/config.js';
+import '@nextui-org/button';
 import '@nextui-org/chip';
 import '@nextui-org/popover';
 

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { Dispatch, SetStateAction } from 'react';
-export { B as Button, a as ButtonProps } from './Button-BgDaXYKX.js';
-export { C as Card, a as CardProps } from './Card-C3mjLa6d.js';
+export { B as Button, a as ButtonProps, b as buttonVariants } from './Button-DS4qK4Lf.js';
+export { C as Card, a as CardProps, c as cardVariants } from './Card-D5kspciY.js';
 export { J as Json, a as JsonProps } from './Json-ClGDcbcp.js';
 export { L as Label, a as LabelProps } from './Label-DzZDW95M.js';
 export { M as Menu, b as MenuItem, a as MenuProps, c as MenuSection } from './Menu-CG5mVVnv.js';
@@ -8,9 +8,9 @@ export { M as Modal, a as ModalProps, m as modalVariants } from './Modal-Ck13vTa
 export { _ as Popover, P as PopoverProps } from './Popover-DbTTk7_N.js';
 export { T as Tooltip, a as TooltipProps, t as tooltipPlacementOptions } from './Tooltip-D4znH2L3.js';
 import 'react/jsx-runtime';
-import '@nextui-org/button';
-import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';
+import 'tailwind-variants/dist/config.js';
+import '@nextui-org/button';
 import '@nextui-org/chip';
 import '@nextui-org/popover';
 

package/dist/index.js

@@ -1,12 +1,14 @@
 import {
-  Card_default
-} from "./chunk-2BPC6HYE.js";
+  Card_default,
+  cardVariants
+} from "./chunk-IEZVKZFP.js";
 import {
   Json_default
-} from "./chunk-CNELFUYE.js";
+} from "./chunk-BTBF633Q.js";
 import {
-  Button_default
-} from "./chunk-2Q6M4DC3.js";
+  Button_default,
+  buttonVariants
+} from "./chunk-HYXTFS4R.js";
 import {
   Label_default
 } from "./chunk-S2WOGSQV.js";
@@ -23,7 +25,7 @@ import {
 import {
   Tooltip_default,
   tooltipPlacementOptions
-} from "./chunk-4Q6KBGE5.js";
+} from "./chunk-236GX7PP.js";
 
 // src/hooks/useDebounce.ts
 import { useEffect, useState } from "react";
@@ -101,6 +103,8 @@ export {
   Modal_default as Modal,
   Popover_default as Popover,
   Tooltip_default as Tooltip,
+  buttonVariants,
+  cardVariants,
   modalVariants,
   tooltipPlacementOptions,
   useDebounce_default as useDebounce,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/hooks/useDebounce.ts","../src/hooks/useLocalStorage.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport default <Value>(value: Value, delay: number) => {\n  // State and setters for debounced value\n  const [debouncedValue, setDebouncedValue] = useState(value);\n  useEffect(\n    () => {\n      // Update debounced value after delay\n      const handler = setTimeout(() => {\n        setDebouncedValue(value);\n      }, delay);\n      // Cancel the timeout if value changes (also on delay change or unmount)\n      // This is how we prevent debounced value from updating if value is changed ...\n      // .. within the delay period. Timeout gets cleared and restarted.\n      return () => {\n        clearTimeout(handler);\n      };\n    },\n    [value, delay], // Only re-call effect if value or delay changes\n  );\n  return debouncedValue;\n};\n","import type { Dispatch, SetStateAction } from 'react';\n\nimport { useEffect, useState } from 'react';\n\nconst useLocalStorage = <T>(\n  key: string,\n  initialValue: T | (() => T),\n): [T, Dispatch<SetStateAction<T>>] => {\n  // Get from local storage then\n  // parse stored json or return initialValue\n  const readValue = () => {\n    // Prevent build error \"window is undefined\" but keep keep working\n    if (typeof window === 'undefined') {\n      return initialValue;\n    }\n\n    try {\n      const item = window.localStorage.getItem(key);\n      return item ? JSON.parse(item) : initialValue;\n    } catch (error) {\n      console.warn(`Error reading localStorage key “${key}”:`, error);\n      return initialValue;\n    }\n  };\n\n  // State to store our value\n  // Pass initial state function to useState so logic is only executed once\n  const [storedValue, setStoredValue] = useState<T>(readValue);\n\n  // Return a wrapped version of useState's setter function that ...\n  // ... persists the new value to localStorage.\n  const setValue: Dispatch<SetStateAction<T>> = (value) => {\n    // Prevent build error \"window is undefined\" but keeps working\n    if (typeof window === 'undefined') {\n      console.warn(\n        `Tried setting localStorage key “${key}” even though environment is not a client`,\n      );\n    }\n\n    try {\n      // Allow value to be a function so we have the same API as useState\n      const newValue = value instanceof Function ? value(storedValue) : value;\n\n      // Save to local storage\n      window.localStorage.setItem(key, JSON.stringify(newValue));\n\n      // Save state\n      setStoredValue(newValue);\n\n      // We dispatch a custom event so every useLocalStorage hook are notified\n      window.dispatchEvent(new Event('local-storage'));\n    } catch (error) {\n      console.warn(`Error setting localStorage key “${key}”:`, error);\n    }\n  };\n\n  useEffect(() => {\n    setStoredValue(readValue());\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    const handleStorageChange = () => {\n      setStoredValue(readValue());\n    };\n\n    // this only works for other documents, not the current one\n    window.addEventListener('storage', handleStorageChange);\n\n    // this is a custom event, triggered in writeValueToLocalStorage\n    window.addEventListener('local-storage', handleStorageChange);\n\n    return () => {\n      window.removeEventListener('storage', handleStorageChange);\n      window.removeEventListener('local-storage', handleStorageChange);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return [storedValue, setValue];\n};\n\nexport default useLocalStorage;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,WAAW,gBAAgB;AAEpC,IAAO,sBAAQ,CAAQ,OAAc,UAAkB;AAErD,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,KAAK;AAC1D;AAAA,IACE,MAAM;AAEJ,YAAM,UAAU,WAAW,MAAM;AAC/B,0BAAkB,KAAK;AAAA,MACzB,GAAG,KAAK;AAIR,aAAO,MAAM;AACX,qBAAa,OAAO;AAAA,MACtB;AAAA,IACF;AAAA,IACA,CAAC,OAAO,KAAK;AAAA;AAAA,EACf;AACA,SAAO;AACT;;;ACnBA,SAAS,aAAAA,YAAW,YAAAC,iBAAgB;AAEpC,IAAM,kBAAkB,CACtB,KACA,iBACqC;AAGrC,QAAM,YAAY,MAAM;AAEtB,QAAI,OAAO,WAAW,aAAa;AACjC,aAAO;AAAA,IACT;AAEA,QAAI;AACF,YAAM,OAAO,OAAO,aAAa,QAAQ,GAAG;AAC5C,aAAO,OAAO,KAAK,MAAM,IAAI,IAAI;AAAA,IACnC,SAAS,OAAO;AACd,cAAQ,KAAK,wCAAmC,GAAG,WAAM,KAAK;AAC9D,aAAO;AAAA,IACT;AAAA,EACF;AAIA,QAAM,CAAC,aAAa,cAAc,IAAIA,UAAY,SAAS;AAI3D,QAAM,WAAwC,CAAC,UAAU;AAEvD,QAAI,OAAO,WAAW,aAAa;AACjC,cAAQ;AAAA,QACN,wCAAmC,GAAG;AAAA,MACxC;AAAA,IACF;AAEA,QAAI;AAEF,YAAM,WAAW,iBAAiB,WAAW,MAAM,WAAW,IAAI;AAGlE,aAAO,aAAa,QAAQ,KAAK,KAAK,UAAU,QAAQ,CAAC;AAGzD,qBAAe,QAAQ;AAGvB,aAAO,cAAc,IAAI,MAAM,eAAe,CAAC;AAAA,IACjD,SAAS,OAAO;AACd,cAAQ,KAAK,wCAAmC,GAAG,WAAM,KAAK;AAAA,IAChE;AAAA,EACF;AAEA,EAAAD,WAAU,MAAM;AACd,mBAAe,UAAU,CAAC;AAAA,EAE5B,GAAG,CAAC,CAAC;AAEL,EAAAA,WAAU,MAAM;AACd,UAAM,sBAAsB,MAAM;AAChC,qBAAe,UAAU,CAAC;AAAA,IAC5B;AAGA,WAAO,iBAAiB,WAAW,mBAAmB;AAGtD,WAAO,iBAAiB,iBAAiB,mBAAmB;AAE5D,WAAO,MAAM;AACX,aAAO,oBAAoB,WAAW,mBAAmB;AACzD,aAAO,oBAAoB,iBAAiB,mBAAmB;AAAA,IACjE;AAAA,EAEF,GAAG,CAAC,CAAC;AAEL,SAAO,CAAC,aAAa,QAAQ;AAC/B;AAEA,IAAO,0BAAQ;","names":["useEffect","useState"]}
+{"version":3,"sources":["../src/hooks/useDebounce.ts","../src/hooks/useLocalStorage.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport default <Value>(value: Value, delay: number) => {\n  // State and setters for debounced value\n  const [debouncedValue, setDebouncedValue] = useState(value);\n  useEffect(\n    () => {\n      // Update debounced value after delay\n      const handler = setTimeout(() => {\n        setDebouncedValue(value);\n      }, delay);\n      // Cancel the timeout if value changes (also on delay change or unmount)\n      // This is how we prevent debounced value from updating if value is changed ...\n      // .. within the delay period. Timeout gets cleared and restarted.\n      return () => {\n        clearTimeout(handler);\n      };\n    },\n    [value, delay], // Only re-call effect if value or delay changes\n  );\n  return debouncedValue;\n};\n","import type { Dispatch, SetStateAction } from 'react';\n\nimport { useEffect, useState } from 'react';\n\nconst useLocalStorage = <T>(\n  key: string,\n  initialValue: T | (() => T),\n): [T, Dispatch<SetStateAction<T>>] => {\n  // Get from local storage then\n  // parse stored json or return initialValue\n  const readValue = () => {\n    // Prevent build error \"window is undefined\" but keep keep working\n    if (typeof window === 'undefined') {\n      return initialValue;\n    }\n\n    try {\n      const item = window.localStorage.getItem(key);\n      return item ? JSON.parse(item) : initialValue;\n    } catch (error) {\n      console.warn(`Error reading localStorage key “${key}”:`, error);\n      return initialValue;\n    }\n  };\n\n  // State to store our value\n  // Pass initial state function to useState so logic is only executed once\n  const [storedValue, setStoredValue] = useState<T>(readValue);\n\n  // Return a wrapped version of useState's setter function that ...\n  // ... persists the new value to localStorage.\n  const setValue: Dispatch<SetStateAction<T>> = (value) => {\n    // Prevent build error \"window is undefined\" but keeps working\n    if (typeof window === 'undefined') {\n      console.warn(\n        `Tried setting localStorage key “${key}” even though environment is not a client`,\n      );\n    }\n\n    try {\n      // Allow value to be a function so we have the same API as useState\n      const newValue = value instanceof Function ? value(storedValue) : value;\n\n      // Save to local storage\n      window.localStorage.setItem(key, JSON.stringify(newValue));\n\n      // Save state\n      setStoredValue(newValue);\n\n      // We dispatch a custom event so every useLocalStorage hook are notified\n      window.dispatchEvent(new Event('local-storage'));\n    } catch (error) {\n      console.warn(`Error setting localStorage key “${key}”:`, error);\n    }\n  };\n\n  useEffect(() => {\n    setStoredValue(readValue());\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    const handleStorageChange = () => {\n      setStoredValue(readValue());\n    };\n\n    // this only works for other documents, not the current one\n    window.addEventListener('storage', handleStorageChange);\n\n    // this is a custom event, triggered in writeValueToLocalStorage\n    window.addEventListener('local-storage', handleStorageChange);\n\n    return () => {\n      window.removeEventListener('storage', handleStorageChange);\n      window.removeEventListener('local-storage', handleStorageChange);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return [storedValue, setValue];\n};\n\nexport default useLocalStorage;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,WAAW,gBAAgB;AAEpC,IAAO,sBAAQ,CAAQ,OAAc,UAAkB;AAErD,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,KAAK;AAC1D;AAAA,IACE,MAAM;AAEJ,YAAM,UAAU,WAAW,MAAM;AAC/B,0BAAkB,KAAK;AAAA,MACzB,GAAG,KAAK;AAIR,aAAO,MAAM;AACX,qBAAa,OAAO;AAAA,MACtB;AAAA,IACF;AAAA,IACA,CAAC,OAAO,KAAK;AAAA;AAAA,EACf;AACA,SAAO;AACT;;;ACnBA,SAAS,aAAAA,YAAW,YAAAC,iBAAgB;AAEpC,IAAM,kBAAkB,CACtB,KACA,iBACqC;AAGrC,QAAM,YAAY,MAAM;AAEtB,QAAI,OAAO,WAAW,aAAa;AACjC,aAAO;AAAA,IACT;AAEA,QAAI;AACF,YAAM,OAAO,OAAO,aAAa,QAAQ,GAAG;AAC5C,aAAO,OAAO,KAAK,MAAM,IAAI,IAAI;AAAA,IACnC,SAAS,OAAO;AACd,cAAQ,KAAK,wCAAmC,GAAG,WAAM,KAAK;AAC9D,aAAO;AAAA,IACT;AAAA,EACF;AAIA,QAAM,CAAC,aAAa,cAAc,IAAIA,UAAY,SAAS;AAI3D,QAAM,WAAwC,CAAC,UAAU;AAEvD,QAAI,OAAO,WAAW,aAAa;AACjC,cAAQ;AAAA,QACN,wCAAmC,GAAG;AAAA,MACxC;AAAA,IACF;AAEA,QAAI;AAEF,YAAM,WAAW,iBAAiB,WAAW,MAAM,WAAW,IAAI;AAGlE,aAAO,aAAa,QAAQ,KAAK,KAAK,UAAU,QAAQ,CAAC;AAGzD,qBAAe,QAAQ;AAGvB,aAAO,cAAc,IAAI,MAAM,eAAe,CAAC;AAAA,IACjD,SAAS,OAAO;AACd,cAAQ,KAAK,wCAAmC,GAAG,WAAM,KAAK;AAAA,IAChE;AAAA,EACF;AAEA,EAAAD,WAAU,MAAM;AACd,mBAAe,UAAU,CAAC;AAAA,EAE5B,GAAG,CAAC,CAAC;AAEL,EAAAA,WAAU,MAAM;AACd,UAAM,sBAAsB,MAAM;AAChC,qBAAe,UAAU,CAAC;AAAA,IAC5B;AAGA,WAAO,iBAAiB,WAAW,mBAAmB;AAGtD,WAAO,iBAAiB,iBAAiB,mBAAmB;AAE5D,WAAO,MAAM;AACX,aAAO,oBAAoB,WAAW,mBAAmB;AACzD,aAAO,oBAAoB,iBAAiB,mBAAmB;AAAA,IACjE;AAAA,EAEF,GAAG,CAAC,CAAC;AAEL,SAAO,CAAC,aAAa,QAAQ;AAC/B;AAEA,IAAO,0BAAQ;","names":["useEffect","useState"]}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@fuf-stack/pixels",
   "description": "fuf react component library",
   "author": "Hannes Tiede",
-  "version": "0.5.3",
+  "version": "0.5.4",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.cjs",
@@ -99,8 +99,8 @@
     "@types/react-dom": "18.2.25",
     "@repo/storybook-config": "0.0.1",
     "@repo/tailwind-config": "0.0.1",
-    "@repo/vite-config": "0.0.1",
-    "@repo/tsup-config": "0.0.1"
+    "@repo/tsup-config": "0.0.1",
+    "@repo/vite-config": "0.0.1"
   },
   "scripts": {
     "build": "tsup --config node_modules/@repo/tsup-config/config.ts",

package/dist/Button-BgDaXYKX.d.cts

@@ -1,38 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ButtonProps as ButtonProps$1 } from '@nextui-org/button';
-import { ReactNode } from 'react';
-
-interface ButtonProps {
-    /** sets HTML aria-label attribute */
-    ariaLabel?: string;
-    /** child components */
-    children?: ReactNode;
-    /** CSS class name */
-    className?: string | string[];
-    /** next ui button color  */
-    color?: ButtonProps$1['color'];
-    /** disables function of the button. */
-    disabled?: boolean;
-    /** disables all button animations */
-    disableAnimation?: boolean;
-    /** If set loading animation is shown */
-    loading?: boolean;
-    /** optional icon */
-    icon?: ReactNode;
-    /** on click event */
-    onClick?: ButtonProps$1['onPress'];
-    /** 3 size options */
-    size?: ButtonProps$1['size'];
-    /** HTML data-testid attribute used in e2e tests */
-    testId?: string;
-    /** sets the button type. */
-    type?: 'button' | 'submit' | 'reset' | undefined;
-    /** next ui button variants */
-    variant?: ButtonProps$1['variant'];
-}
-/**
- * Button component based on [NextUI Button](https://nextui.org/docs/components/button)
- */
-declare const Button: ({ ariaLabel, children, className, color, disabled, disableAnimation, icon, loading, onClick, size, testId, type, variant, }: ButtonProps) => react_jsx_runtime.JSX.Element;
-
-export { Button as B, type ButtonProps as a };

package/dist/Button-BgDaXYKX.d.ts

@@ -1,38 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ButtonProps as ButtonProps$1 } from '@nextui-org/button';
-import { ReactNode } from 'react';
-
-interface ButtonProps {
-    /** sets HTML aria-label attribute */
-    ariaLabel?: string;
-    /** child components */
-    children?: ReactNode;
-    /** CSS class name */
-    className?: string | string[];
-    /** next ui button color  */
-    color?: ButtonProps$1['color'];
-    /** disables function of the button. */
-    disabled?: boolean;
-    /** disables all button animations */
-    disableAnimation?: boolean;
-    /** If set loading animation is shown */
-    loading?: boolean;
-    /** optional icon */
-    icon?: ReactNode;
-    /** on click event */
-    onClick?: ButtonProps$1['onPress'];
-    /** 3 size options */
-    size?: ButtonProps$1['size'];
-    /** HTML data-testid attribute used in e2e tests */
-    testId?: string;
-    /** sets the button type. */
-    type?: 'button' | 'submit' | 'reset' | undefined;
-    /** next ui button variants */
-    variant?: ButtonProps$1['variant'];
-}
-/**
- * Button component based on [NextUI Button](https://nextui.org/docs/components/button)
- */
-declare const Button: ({ ariaLabel, children, className, color, disabled, disableAnimation, icon, loading, onClick, size, testId, type, variant, }: ButtonProps) => react_jsx_runtime.JSX.Element;
-
-export { Button as B, type ButtonProps as a };

package/dist/chunk-2Q6M4DC3.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Button/Button.tsx","../src/Button/subcomponents/LoadingSpinner.tsx","../src/Button/index.ts"],"sourcesContent":["import type { ButtonProps as NextButtonProps } from '@nextui-org/button';\nimport type { ReactNode } from 'react';\n\nimport { Button as NextButton } from '@nextui-org/button';\nimport cn from 'classnames';\n\nimport LoadingSpinner from './subcomponents/LoadingSpinner';\n\nexport interface ButtonProps {\n  /** sets HTML aria-label attribute */\n  ariaLabel?: string;\n  /** child components */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string | string[];\n  /** next ui button color  */\n  color?: NextButtonProps['color'];\n  /** disables function of the button. */\n  disabled?: boolean;\n  /** disables all button animations */\n  disableAnimation?: boolean;\n  /** If set loading animation is shown */\n  loading?: boolean;\n  /** optional icon */\n  icon?: ReactNode;\n  /** on click event */\n  onClick?: NextButtonProps['onPress'];\n  /** 3 size options */\n  size?: NextButtonProps['size'];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** sets the button type. */\n  type?: 'button' | 'submit' | 'reset' | undefined;\n  /** next ui button variants */\n  variant?: NextButtonProps['variant'];\n}\n\n/**\n * Button component based on [NextUI Button](https://nextui.org/docs/components/button)\n */\nconst Button = ({\n  ariaLabel = undefined,\n  children = undefined,\n  className = undefined,\n  color = 'default',\n  disabled = false,\n  disableAnimation = false,\n  icon = undefined,\n  loading = false,\n  onClick = undefined,\n  size = undefined,\n  testId = undefined,\n  type = undefined,\n  variant = 'solid',\n}: ButtonProps) => {\n  return (\n    <NextButton\n      aria-label={ariaLabel}\n      className={cn(className)}\n      color={color}\n      data-testid={testId}\n      disableAnimation={disableAnimation}\n      disableRipple={disableAnimation}\n      isDisabled={disabled}\n      isIconOnly={!!(icon && !children)}\n      isLoading={loading}\n      onPress={onClick}\n      size={size}\n      spinner={<LoadingSpinner />}\n      type={type}\n      variant={variant}\n    >\n      {icon}\n      {children}\n    </NextButton>\n  );\n};\n\nexport default Button;\n","/**\n * svg loading spinner for button\n * @see https://nextui.org/docs/components/button#loading\n * */\nexport default () => (\n  <svg\n    className=\"animate-spin h-5 w-5 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","import Button from './Button';\n\nexport type { ButtonProps } from './Button';\n\nexport { Button };\n\nexport default Button;\n"],"mappings":";AAGA,SAAS,UAAU,kBAAkB;AACrC,OAAO,QAAQ;;;ACCb,SAME,KANF;AADF,IAAO,yBAAQ,MACb;AAAA,EAAC;AAAA;AAAA,IACC,WAAU;AAAA,IACV,MAAK;AAAA,IACL,SAAQ;AAAA,IACR,OAAM;AAAA,IAEN;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,IAAG;AAAA,UACH,IAAG;AAAA,UACH,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA;AAAA,MACd;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACP;AAAA;AAAA;AACF;;;ADgCE,SAYW,OAAAA,MAZX,QAAAC,aAAA;AAhBJ,IAAM,SAAS,CAAC;AAAA,EACd,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AACZ,MAAmB;AACjB,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,cAAY;AAAA,MACZ,WAAW,GAAG,SAAS;AAAA,MACvB;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,YAAY,CAAC,EAAE,QAAQ,CAAC;AAAA,MACxB,WAAW;AAAA,MACX,SAAS;AAAA,MACT;AAAA,MACA,SAAS,gBAAAD,KAAC,0BAAe;AAAA,MACzB;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,QACA;AAAA;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,iBAAQ;;;AExEf,IAAOE,kBAAQ;","names":["jsx","jsxs","Button_default"]}

package/dist/chunk-3PQUCG6P.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Tooltip/Tooltip.tsx","../src/Tooltip/index.ts"],"names":["Tooltip_default"],"mappings":";AAEA,SAAS,WAAW,mBAAmB;AACvC,OAAO,QAAQ;AAoDX;AAlDG,IAAM,0BAA0B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAuBA,IAAM,UAAU,CAAC;AAAA,EACf;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,eAAe;AAAA,EACf,mBAAmB;AACrB,MACE;AAAA,EAAC;AAAA;AAAA,IACC,WAAW,GAAG,SAAS;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,CAAC,MAAM;AACd,QAAE,eAAe;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAU;AAAA,IACV,WAAS;AAAA,IAET,8BAAC,UAAK,WAAU,kBAAkB,UAAS;AAAA;AAC7C;AAGF,IAAO,kBAAQ;;;ACrDf,IAAOA,mBAAQ","sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Tooltip as NextTooltip } from '@nextui-org/tooltip';\nimport cn from 'classnames';\n\nexport const tooltipPlacementOptions = [\n  'top',\n  'bottom',\n  'left',\n  'right',\n] as const;\nexport type TooltipPlacement = (typeof tooltipPlacementOptions)[number];\n\nexport interface TooltipProps {\n  /** trigger child components */\n  children: ReactNode;\n  /** CSS class name */\n  className?: string;\n  /** placement padding in px */\n  containerPadding?: number;\n  /** content displayed in the tooltip */\n  content: ReactNode;\n  /** open overlay initially when uncontrolled */\n  defaultOpen?: boolean;\n  /** handler that is called when the overlay's open state changes */\n  onOpenChange?: (isOpen: boolean) => void;\n  /** placement if the tooltip */\n  placement?: TooltipPlacement;\n}\n\n/**\n * Tooltip component based on [NextUI Tooltip](https://nextui.org/docs/components/tooltip)\n */\nconst Tooltip = ({\n  children,\n  className = undefined,\n  content,\n  placement = 'top',\n  defaultOpen = false,\n  onOpenChange = undefined,\n  containerPadding = 0,\n}: TooltipProps) => (\n  <NextTooltip\n    className={cn(className)}\n    containerPadding={containerPadding}\n    content={content}\n    defaultOpen={defaultOpen}\n    onClick={(e) => {\n      e.preventDefault();\n    }}\n    onOpenChange={onOpenChange}\n    placement={placement}\n    shouldFlip\n    showArrow\n  >\n    <span className=\"cursor-pointer\">{children}</span>\n  </NextTooltip>\n);\n\nexport default Tooltip;\n","import Tooltip, { tooltipPlacementOptions } from './Tooltip';\n\nexport type { TooltipProps } from './Tooltip';\n\nexport { Tooltip, tooltipPlacementOptions };\n\nexport default Tooltip;\n"]}

package/dist/chunk-IAE5EJ7Z.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Button/Button.tsx","../src/Button/subcomponents/LoadingSpinner.tsx","../src/Button/index.ts"],"names":["jsx","jsxs","Button_default"],"mappings":";AAGA,SAAS,UAAU,kBAAkB;AACrC,OAAO,QAAQ;;;ACCb,SAME,KANF;AADF,IAAO,yBAAQ,MACb;AAAA,EAAC;AAAA;AAAA,IACC,WAAU;AAAA,IACV,MAAK;AAAA,IACL,SAAQ;AAAA,IACR,OAAM;AAAA,IAEN;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,IAAG;AAAA,UACH,IAAG;AAAA,UACH,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA;AAAA,MACd;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACP;AAAA;AAAA;AACF;;;ADgCE,SAYW,OAAAA,MAZX,QAAAC,aAAA;AAhBJ,IAAM,SAAS,CAAC;AAAA,EACd,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AACZ,MAAmB;AACjB,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,cAAY;AAAA,MACZ,WAAW,GAAG,SAAS;AAAA,MACvB;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,YAAY,CAAC,EAAE,QAAQ,CAAC;AAAA,MACxB,WAAW;AAAA,MACX,SAAS;AAAA,MACT;AAAA,MACA,SAAS,gBAAAD,KAAC,0BAAe;AAAA,MACzB;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,QACA;AAAA;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,iBAAQ;;;AExEf,IAAOE,kBAAQ","sourcesContent":["import type { ButtonProps as NextButtonProps } from '@nextui-org/button';\nimport type { ReactNode } from 'react';\n\nimport { Button as NextButton } from '@nextui-org/button';\nimport cn from 'classnames';\n\nimport LoadingSpinner from './subcomponents/LoadingSpinner';\n\nexport interface ButtonProps {\n  /** sets HTML aria-label attribute */\n  ariaLabel?: string;\n  /** child components */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string | string[];\n  /** next ui button color  */\n  color?: NextButtonProps['color'];\n  /** disables function of the button. */\n  disabled?: boolean;\n  /** disables all button animations */\n  disableAnimation?: boolean;\n  /** If set loading animation is shown */\n  loading?: boolean;\n  /** optional icon */\n  icon?: ReactNode;\n  /** on click event */\n  onClick?: NextButtonProps['onPress'];\n  /** 3 size options */\n  size?: NextButtonProps['size'];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** sets the button type. */\n  type?: 'button' | 'submit' | 'reset' | undefined;\n  /** next ui button variants */\n  variant?: NextButtonProps['variant'];\n}\n\n/**\n * Button component based on [NextUI Button](https://nextui.org/docs/components/button)\n */\nconst Button = ({\n  ariaLabel = undefined,\n  children = undefined,\n  className = undefined,\n  color = 'default',\n  disabled = false,\n  disableAnimation = false,\n  icon = undefined,\n  loading = false,\n  onClick = undefined,\n  size = undefined,\n  testId = undefined,\n  type = undefined,\n  variant = 'solid',\n}: ButtonProps) => {\n  return (\n    <NextButton\n      aria-label={ariaLabel}\n      className={cn(className)}\n      color={color}\n      data-testid={testId}\n      disableAnimation={disableAnimation}\n      disableRipple={disableAnimation}\n      isDisabled={disabled}\n      isIconOnly={!!(icon && !children)}\n      isLoading={loading}\n      onPress={onClick}\n      size={size}\n      spinner={<LoadingSpinner />}\n      type={type}\n      variant={variant}\n    >\n      {icon}\n      {children}\n    </NextButton>\n  );\n};\n\nexport default Button;\n","/**\n * svg loading spinner for button\n * @see https://nextui.org/docs/components/button#loading\n * */\nexport default () => (\n  <svg\n    className=\"animate-spin h-5 w-5 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","import Button from './Button';\n\nexport type { ButtonProps } from './Button';\n\nexport { Button };\n\nexport default Button;\n"]}