@fuf-stack/pixels 0.9.2 → 0.9.3

package/dist/Accordion/index.cjs

@@ -2,12 +2,12 @@
 
 
 
-var _chunkL2DCXJCRcjs = require('../chunk-L2DCXJCR.cjs');
-require('../chunk-B36YERUR.cjs');
+var _chunk6ZVROKDFcjs = require('../chunk-6ZVROKDF.cjs');
+require('../chunk-2XGUY3UF.cjs');
 require('../chunk-DZUJEN5N.cjs');
 
 
 
 
-exports.Accordion = _chunkL2DCXJCRcjs.Accordion_default; exports.accordionVariants = _chunkL2DCXJCRcjs.accordionVariants; exports.default = _chunkL2DCXJCRcjs.Accordion_default2;
+exports.Accordion = _chunk6ZVROKDFcjs.Accordion_default; exports.accordionVariants = _chunk6ZVROKDFcjs.accordionVariants; exports.default = _chunk6ZVROKDFcjs.Accordion_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Accordion/index.d.cts

@@ -1,11 +1,12 @@
-import { A as Accordion } from '../Accordion-DG6pcI_Q.cjs';
-export { c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from '../Accordion-DG6pcI_Q.cjs';
+import { A as Accordion } from '../Accordion-DDUtWsfw.cjs';
+export { c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from '../Accordion-DDUtWsfw.cjs';
 import 'react/jsx-runtime';
 import 'tailwind-variants';
 import 'tailwind-variants/dist/config.js';
 import '@nextui-org/divider';
-import '@nextui-org/theme';
 import 'react';
+import '../utils/index.cjs';
+import '@nextui-org/theme';
 
 
 

package/dist/Accordion/index.d.ts

@@ -1,11 +1,12 @@
-import { A as Accordion } from '../Accordion-DG6pcI_Q.js';
-export { c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from '../Accordion-DG6pcI_Q.js';
+import { A as Accordion } from '../Accordion-Dv-zolQr.js';
+export { c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from '../Accordion-Dv-zolQr.js';
 import 'react/jsx-runtime';
 import 'tailwind-variants';
 import 'tailwind-variants/dist/config.js';
 import '@nextui-org/divider';
-import '@nextui-org/theme';
 import 'react';
+import '../utils/index.js';
+import '@nextui-org/theme';
 
 
 

package/dist/Accordion/index.js

@@ -2,8 +2,8 @@ import {
   Accordion_default,
   Accordion_default2,
   accordionVariants
-} from "../chunk-DZJ4ACWV.js";
-import "../chunk-X7YCEBNX.js";
+} from "../chunk-PVCGQSAN.js";
+import "../chunk-OOBT7L2Z.js";
 import "../chunk-5WRI5ZAA.js";
 export {
   Accordion_default as Accordion,

package/dist/{Accordion-DG6pcI_Q.d.cts → Accordion-DDUtWsfw.d.cts}

@@ -2,8 +2,8 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as tailwind_variants from 'tailwind-variants';
 import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
 import { DividerProps } from '@nextui-org/divider';
-import { VariantProps } from '@nextui-org/theme';
 import { ReactNode } from 'react';
+import { TVProps, TVClassName } from './utils/index.cjs';
 
 declare const accordionVariants: tailwind_variants.TVReturnType<{
     indicatorLeft: {
@@ -105,13 +105,13 @@ interface AccordionItemProps {
     /** Accordion item subtitle */
     subtitle?: ReactNode;
 }
-type AccordionVariantProps = VariantProps<typeof accordionVariants>;
-type AccordionVariantSlots = Partial<Record<keyof ReturnType<typeof accordionVariants>, string>>;
-interface AccordionProps extends AccordionVariantProps {
+type VariantProps = TVProps<typeof accordionVariants>;
+type ClassName = TVClassName<typeof accordionVariants>;
+interface AccordionProps extends VariantProps {
     /** Props for AccordionItems, will render the accordion items programmatically */
     accordionItems?: AccordionItemProps[];
     /** CSS class name */
-    className?: string | AccordionVariantSlots;
+    className?: ClassName;
     /** Array of keys for the AccordionItem(s) to be expanded by default */
     defaultSelectedKeys?: undefined | 'all' | Iterable<number | string>;
     /** Disables the Accordion */

package/dist/{Accordion-DG6pcI_Q.d.ts → Accordion-Dv-zolQr.d.ts}

@@ -2,8 +2,8 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as tailwind_variants from 'tailwind-variants';
 import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
 import { DividerProps } from '@nextui-org/divider';
-import { VariantProps } from '@nextui-org/theme';
 import { ReactNode } from 'react';
+import { TVProps, TVClassName } from './utils/index.js';
 
 declare const accordionVariants: tailwind_variants.TVReturnType<{
     indicatorLeft: {
@@ -105,13 +105,13 @@ interface AccordionItemProps {
     /** Accordion item subtitle */
     subtitle?: ReactNode;
 }
-type AccordionVariantProps = VariantProps<typeof accordionVariants>;
-type AccordionVariantSlots = Partial<Record<keyof ReturnType<typeof accordionVariants>, string>>;
-interface AccordionProps extends AccordionVariantProps {
+type VariantProps = TVProps<typeof accordionVariants>;
+type ClassName = TVClassName<typeof accordionVariants>;
+interface AccordionProps extends VariantProps {
     /** Props for AccordionItems, will render the accordion items programmatically */
     accordionItems?: AccordionItemProps[];
     /** CSS class name */
-    className?: string | AccordionVariantSlots;
+    className?: ClassName;
     /** Array of keys for the AccordionItem(s) to be expanded by default */
     defaultSelectedKeys?: undefined | 'all' | Iterable<number | string>;
     /** Disables the Accordion */

package/dist/Button/index.cjs

@@ -2,12 +2,12 @@
 
 
 
-var _chunkL5FAQ6D4cjs = require('../chunk-L5FAQ6D4.cjs');
-require('../chunk-B36YERUR.cjs');
+var _chunkJCSGY4CUcjs = require('../chunk-JCSGY4CU.cjs');
+require('../chunk-2XGUY3UF.cjs');
 require('../chunk-DZUJEN5N.cjs');
 
 
 
 
-exports.Button = _chunkL5FAQ6D4cjs.Button_default; exports.buttonVariants = _chunkL5FAQ6D4cjs.buttonVariants; exports.default = _chunkL5FAQ6D4cjs.Button_default2;
+exports.Button = _chunkJCSGY4CUcjs.Button_default; exports.buttonVariants = _chunkJCSGY4CUcjs.buttonVariants; exports.default = _chunkJCSGY4CUcjs.Button_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Button/index.d.cts

@@ -1,10 +1,12 @@
-import { B as Button } from '../Button-DS4qK4Lf.cjs';
-export { a as ButtonProps, b as buttonVariants } from '../Button-DS4qK4Lf.cjs';
+import { B as Button } from '../Button-B9f84IPN.cjs';
+export { a as ButtonProps, b as buttonVariants } from '../Button-B9f84IPN.cjs';
 import 'react/jsx-runtime';
 import 'tailwind-variants';
 import 'tailwind-variants/dist/config.js';
 import '@nextui-org/button';
 import 'react';
+import '../utils/index.cjs';
+import '@nextui-org/theme';
 
 
 

package/dist/Button/index.d.ts

@@ -1,10 +1,12 @@
-import { B as Button } from '../Button-DS4qK4Lf.js';
-export { a as ButtonProps, b as buttonVariants } from '../Button-DS4qK4Lf.js';
+import { B as Button } from '../Button-B9f7IDnm.js';
+export { a as ButtonProps, b as buttonVariants } from '../Button-B9f7IDnm.js';
 import 'react/jsx-runtime';
 import 'tailwind-variants';
 import 'tailwind-variants/dist/config.js';
 import '@nextui-org/button';
 import 'react';
+import '../utils/index.js';
+import '@nextui-org/theme';
 
 
 

package/dist/Button/index.js

@@ -2,8 +2,8 @@ import {
   Button_default,
   Button_default2,
   buttonVariants
-} from "../chunk-IZ4GIYPV.js";
-import "../chunk-X7YCEBNX.js";
+} from "../chunk-4UDBXGTR.js";
+import "../chunk-OOBT7L2Z.js";
 import "../chunk-5WRI5ZAA.js";
 export {
   Button_default as Button,

package/dist/{Button-DS4qK4Lf.d.cts → Button-B9f7IDnm.d.ts}

@@ -1,9 +1,9 @@
 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';
+import { TVProps } from './utils/index.js';
 
 declare const buttonVariants: tailwind_variants.TVReturnType<{
     color: {
@@ -132,14 +132,14 @@ declare const buttonVariants: tailwind_variants.TVReturnType<{
         ghost: string;
     };
 }>, unknown, unknown, undefined>>;
-type ButtonVariantProps = VariantProps<typeof buttonVariants>;
-interface ButtonProps extends ButtonVariantProps {
+type VariantProps = TVProps<typeof buttonVariants>;
+interface ButtonProps extends VariantProps {
     /** sets HTML aria-label attribute */
     ariaLabel?: string;
     /** child components */
     children?: ReactNode;
     /** CSS class name */
-    className?: string | string[];
+    className?: string;
     /** next ui button color  */
     color?: ButtonProps$1['color'];
     /** disables function of the button. */

package/dist/{Button-DS4qK4Lf.d.ts → Button-B9f84IPN.d.cts}

@@ -1,9 +1,9 @@
 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';
+import { TVProps } from './utils/index.cjs';
 
 declare const buttonVariants: tailwind_variants.TVReturnType<{
     color: {
@@ -132,14 +132,14 @@ declare const buttonVariants: tailwind_variants.TVReturnType<{
         ghost: string;
     };
 }>, unknown, unknown, undefined>>;
-type ButtonVariantProps = VariantProps<typeof buttonVariants>;
-interface ButtonProps extends ButtonVariantProps {
+type VariantProps = TVProps<typeof buttonVariants>;
+interface ButtonProps extends VariantProps {
     /** sets HTML aria-label attribute */
     ariaLabel?: string;
     /** child components */
     children?: ReactNode;
     /** CSS class name */
-    className?: string | string[];
+    className?: string;
     /** next ui button color  */
     color?: ButtonProps$1['color'];
     /** disables function of the button. */

package/dist/Card/index.cjs

@@ -2,12 +2,12 @@
 
 
 
-var _chunkCE745SSPcjs = require('../chunk-CE745SSP.cjs');
-require('../chunk-B36YERUR.cjs');
+var _chunkIOZ4D2BYcjs = require('../chunk-IOZ4D2BY.cjs');
+require('../chunk-2XGUY3UF.cjs');
 require('../chunk-DZUJEN5N.cjs');
 
 
 
 
-exports.Card = _chunkCE745SSPcjs.Card_default; exports.cardVariants = _chunkCE745SSPcjs.cardVariants; exports.default = _chunkCE745SSPcjs.Card_default2;
+exports.Card = _chunkIOZ4D2BYcjs.Card_default; exports.cardVariants = _chunkIOZ4D2BYcjs.cardVariants; exports.default = _chunkIOZ4D2BYcjs.Card_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Card/index.d.cts

@@ -1,9 +1,11 @@
-import { C as Card } from '../Card-D5kspciY.cjs';
-export { a as CardProps, c as cardVariants } from '../Card-D5kspciY.cjs';
+import { C as Card } from '../Card-CcLRSJuE.cjs';
+export { a as CardProps, c as cardVariants } from '../Card-CcLRSJuE.cjs';
 import 'react/jsx-runtime';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';
 import 'react';
+import '../utils/index.cjs';
+import '@nextui-org/theme';
 
 
 

package/dist/Card/index.d.ts

@@ -1,9 +1,11 @@
-import { C as Card } from '../Card-D5kspciY.js';
-export { a as CardProps, c as cardVariants } from '../Card-D5kspciY.js';
+import { C as Card } from '../Card-C656HOc1.js';
+export { a as CardProps, c as cardVariants } from '../Card-C656HOc1.js';
 import 'react/jsx-runtime';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';
 import 'react';
+import '../utils/index.js';
+import '@nextui-org/theme';
 
 
 

package/dist/Card/index.js

@@ -2,8 +2,8 @@ import {
   Card_default,
   Card_default2,
   cardVariants
-} from "../chunk-WWAUBTWI.js";
-import "../chunk-X7YCEBNX.js";
+} from "../chunk-6VMKAUMC.js";
+import "../chunk-OOBT7L2Z.js";
 import "../chunk-5WRI5ZAA.js";
 export {
   Card_default as Card,

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

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
 import * as tailwind_variants from 'tailwind-variants';
-import { VariantProps } from 'tailwind-variants';
 import { ReactNode } from 'react';
+import { TVProps, TVClassName } from './utils/index.js';
 
 declare const cardVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
@@ -73,13 +73,13 @@ declare const cardVariants: tailwind_variants.TVReturnType<{
         };
     };
 } | {}>, unknown, unknown, undefined>>;
-type CardVariantProps = VariantProps<typeof cardVariants>;
-type CardVariantSlots = Partial<Record<keyof ReturnType<typeof cardVariants>, string>>;
-interface CardProps extends CardVariantProps {
+type VariantProps = TVProps<typeof cardVariants>;
+type ClassName = TVClassName<typeof cardVariants>;
+interface CardProps extends VariantProps {
     /** card body content */
     children?: ReactNode;
     /** CSS class name */
-    className?: string | CardVariantSlots;
+    className?: ClassName;
     /** footer content */
     footer?: ReactNode;
     /** header content */

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

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
 import * as tailwind_variants from 'tailwind-variants';
-import { VariantProps } from 'tailwind-variants';
 import { ReactNode } from 'react';
+import { TVProps, TVClassName } from './utils/index.cjs';
 
 declare const cardVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
@@ -73,13 +73,13 @@ declare const cardVariants: tailwind_variants.TVReturnType<{
         };
     };
 } | {}>, unknown, unknown, undefined>>;
-type CardVariantProps = VariantProps<typeof cardVariants>;
-type CardVariantSlots = Partial<Record<keyof ReturnType<typeof cardVariants>, string>>;
-interface CardProps extends CardVariantProps {
+type VariantProps = TVProps<typeof cardVariants>;
+type ClassName = TVClassName<typeof cardVariants>;
+interface CardProps extends VariantProps {
     /** card body content */
     children?: ReactNode;
     /** CSS class name */
-    className?: string | CardVariantSlots;
+    className?: ClassName;
     /** footer content */
     footer?: ReactNode;
     /** header content */

package/dist/Json/index.cjs

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkWJ4VZ2CMcjs = require('../chunk-WJ4VZ2CM.cjs');
-require('../chunk-L5FAQ6D4.cjs');
-require('../chunk-B36YERUR.cjs');
+var _chunkXMEOYOKYcjs = require('../chunk-XMEOYOKY.cjs');
+require('../chunk-JCSGY4CU.cjs');
+require('../chunk-2XGUY3UF.cjs');
 require('../chunk-DZUJEN5N.cjs');
 
 
 
-exports.Json = _chunkWJ4VZ2CMcjs.Json_default; exports.default = _chunkWJ4VZ2CMcjs.Json_default2;
+exports.Json = _chunkXMEOYOKYcjs.Json_default; exports.default = _chunkXMEOYOKYcjs.Json_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Json/index.js

@@ -1,9 +1,9 @@
 import {
   Json_default,
   Json_default2
-} from "../chunk-TUCU3GGJ.js";
-import "../chunk-IZ4GIYPV.js";
-import "../chunk-X7YCEBNX.js";
+} from "../chunk-DJNPSUNK.js";
+import "../chunk-4UDBXGTR.js";
+import "../chunk-OOBT7L2Z.js";
 import "../chunk-5WRI5ZAA.js";
 export {
   Json_default as Json,

package/dist/Modal/index.cjs

@@ -2,12 +2,12 @@
 
 
 
-var _chunk66VDLQF4cjs = require('../chunk-66VDLQF4.cjs');
-require('../chunk-B36YERUR.cjs');
+var _chunkXSQOSEWGcjs = require('../chunk-XSQOSEWG.cjs');
+require('../chunk-2XGUY3UF.cjs');
 require('../chunk-DZUJEN5N.cjs');
 
 
 
 
-exports.Modal = _chunk66VDLQF4cjs.Modal_default; exports.default = _chunk66VDLQF4cjs.Modal_default2; exports.modalVariants = _chunk66VDLQF4cjs.modalVariants;
+exports.Modal = _chunkXSQOSEWGcjs.Modal_default; exports.default = _chunkXSQOSEWGcjs.Modal_default2; exports.modalVariants = _chunkXSQOSEWGcjs.modalVariants;
 //# sourceMappingURL=index.cjs.map

package/dist/Modal/index.d.cts

@@ -1,9 +1,11 @@
-import { M as Modal } from '../Modal-Ck13vTaf.cjs';
-export { a as ModalProps, m as modalVariants } from '../Modal-Ck13vTaf.cjs';
+import { M as Modal } from '../Modal-7xA_lXvH.cjs';
+export { a as ModalProps, m as modalVariants } from '../Modal-7xA_lXvH.cjs';
 import 'react/jsx-runtime';
 import 'tailwind-variants';
 import 'tailwind-variants/dist/config.js';
 import 'react';
+import '../utils/index.cjs';
+import '@nextui-org/theme';
 
 
 

package/dist/Modal/index.d.ts

@@ -1,9 +1,11 @@
-import { M as Modal } from '../Modal-Ck13vTaf.js';
-export { a as ModalProps, m as modalVariants } from '../Modal-Ck13vTaf.js';
+import { M as Modal } from '../Modal-BNYlVV9i.js';
+export { a as ModalProps, m as modalVariants } from '../Modal-BNYlVV9i.js';
 import 'react/jsx-runtime';
 import 'tailwind-variants';
 import 'tailwind-variants/dist/config.js';
 import 'react';
+import '../utils/index.js';
+import '@nextui-org/theme';
 
 
 

package/dist/Modal/index.js

@@ -2,8 +2,8 @@ import {
   Modal_default,
   Modal_default2,
   modalVariants
-} from "../chunk-Y7E62HGE.js";
-import "../chunk-X7YCEBNX.js";
+} from "../chunk-2FKNKEKZ.js";
+import "../chunk-OOBT7L2Z.js";
 import "../chunk-5WRI5ZAA.js";
 export {
   Modal_default as Modal,

package/dist/{Modal-Ck13vTaf.d.cts → Modal-7xA_lXvH.d.cts}

@@ -1,8 +1,8 @@
 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 { ReactNode } from 'react';
+import { TVProps, TVClassName } from './utils/index.cjs';
 
 declare const modalVariants: tailwind_variants.TVReturnType<{
     size: {
@@ -155,13 +155,13 @@ declare const modalVariants: tailwind_variants.TVReturnType<{
         };
     };
 }>, unknown, unknown, undefined>>;
-type ModalVariantProps = VariantProps<typeof modalVariants>;
-type ModalVariantSlots = Partial<Record<keyof ReturnType<typeof modalVariants>, string>>;
-interface ModalProps extends ModalVariantProps {
+type VariantProps = TVProps<typeof modalVariants>;
+type ClassName = TVClassName<typeof modalVariants>;
+interface ModalProps extends VariantProps {
     /** modal body content */
     children?: ReactNode;
     /** CSS class name */
-    className?: string | ModalVariantSlots;
+    className?: ClassName;
     /** modal footer */
     footer?: ReactNode;
     /** modal header */
@@ -171,7 +171,7 @@ interface ModalProps extends ModalVariantProps {
     /** close event handler */
     onClose: () => void;
     /** modal size */
-    size?: ModalVariantProps['size'];
+    size?: VariantProps['size'];
     /** HTML data-testid attribute used in e2e tests */
     testId?: string;
 }

package/dist/{Modal-Ck13vTaf.d.ts → Modal-BNYlVV9i.d.ts}

@@ -1,8 +1,8 @@
 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 { ReactNode } from 'react';
+import { TVProps, TVClassName } from './utils/index.js';
 
 declare const modalVariants: tailwind_variants.TVReturnType<{
     size: {
@@ -155,13 +155,13 @@ declare const modalVariants: tailwind_variants.TVReturnType<{
         };
     };
 }>, unknown, unknown, undefined>>;
-type ModalVariantProps = VariantProps<typeof modalVariants>;
-type ModalVariantSlots = Partial<Record<keyof ReturnType<typeof modalVariants>, string>>;
-interface ModalProps extends ModalVariantProps {
+type VariantProps = TVProps<typeof modalVariants>;
+type ClassName = TVClassName<typeof modalVariants>;
+interface ModalProps extends VariantProps {
     /** modal body content */
     children?: ReactNode;
     /** CSS class name */
-    className?: string | ModalVariantSlots;
+    className?: ClassName;
     /** modal footer */
     footer?: ReactNode;
     /** modal header */
@@ -171,7 +171,7 @@ interface ModalProps extends ModalVariantProps {
     /** close event handler */
     onClose: () => void;
     /** modal size */
-    size?: ModalVariantProps['size'];
+    size?: VariantProps['size'];
     /** HTML data-testid attribute used in e2e tests */
     testId?: string;
 }

package/dist/{chunk-Y7E62HGE.js → chunk-2FKNKEKZ.js}

@@ -1,7 +1,7 @@
 import {
   tv,
   variantsToClassNames
-} from "./chunk-X7YCEBNX.js";
+} from "./chunk-OOBT7L2Z.js";
 
 // src/Modal/Modal.tsx
 import {
@@ -72,4 +72,4 @@ export {
   Modal_default,
   Modal_default2
 };
-//# sourceMappingURL=chunk-Y7E62HGE.js.map
+//# sourceMappingURL=chunk-2FKNKEKZ.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Modal/Modal.tsx","../src/Modal/index.ts"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type { TVClassName, TVProps } from '../utils';\n\nimport {\n  Modal as NextModal,\n  ModalBody as NextModalBody,\n  ModalContent as NextModalContent,\n  ModalFooter as NextModalFooter,\n  ModalHeader as NextModalHeader,\n} from '@nextui-org/modal';\n\nimport { tv, variantsToClassNames } from '../utils';\n\n// modal variants\nexport const modalVariants = tv({\n  slots: {\n    backdrop: '',\n    base: '',\n    body: '',\n    closeButton: '',\n    footer: '',\n    header: '',\n    wrapper: '',\n  },\n  variants: {\n    size: {\n      sm: { base: 'max-w-sm' },\n      md: { base: 'max-w-md' },\n      lg: { base: 'max-w-lg' },\n      xl: { base: 'max-w-5xl' },\n      full: { base: 'h-[80dvh] max-w-full' },\n    },\n  },\n});\n\ntype VariantProps = TVProps<typeof modalVariants>;\ntype ClassName = TVClassName<typeof modalVariants>;\n\nexport interface ModalProps extends VariantProps {\n  /** modal body content */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** modal footer */\n  footer?: ReactNode;\n  /** modal header */\n  header?: ReactNode;\n  /** open state (controlled) */\n  isOpen: boolean;\n  /** close event handler */\n  onClose: () => void;\n  /** modal size */\n  size?: VariantProps['size'];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * Modal component based on [NextUI Modal](https://nextui.org/docs/components/modal)\n */\nconst Modal = ({\n  children = null,\n  className = undefined,\n  footer = undefined,\n  header = undefined,\n  isOpen,\n  onClose,\n  size = 'md',\n  testId = undefined,\n}: ModalProps) => {\n  // classNames from slots\n  const variants = modalVariants({ size });\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  return (\n    <NextModal\n      backdrop=\"opaque\"\n      classNames={classNames}\n      data-testid={testId}\n      isOpen={isOpen}\n      onClose={onClose}\n      placement=\"center\"\n      scrollBehavior=\"inside\"\n    >\n      <NextModalContent data-testid={testId ? `modal_${testId}` : 'modal'}>\n        {() => (\n          <>\n            {header && <NextModalHeader>{header}</NextModalHeader>}\n            <NextModalBody id=\"modal_body\">{children}</NextModalBody>\n            {footer && <NextModalFooter>{footer}</NextModalFooter>}\n          </>\n        )}\n      </NextModalContent>\n    </NextModal>\n  );\n};\n\nexport default Modal;\n","import Modal, { modalVariants } from './Modal';\n\nexport type { ModalProps } from './Modal';\n\nexport { Modal, modalVariants };\n\nexport default Modal;\n"],"mappings":";;;;;;AAGA;AAAA,EACE,SAAS;AAAA,EACT,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,eAAe;AAAA,OACV;AA6EG,mBACa,KADb;AAxEH,IAAM,gBAAgB,GAAG;AAAA,EAC9B,OAAO;AAAA,IACL,UAAU;AAAA,IACV,MAAM;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI,EAAE,MAAM,WAAW;AAAA,MACvB,IAAI,EAAE,MAAM,WAAW;AAAA,MACvB,IAAI,EAAE,MAAM,WAAW;AAAA,MACvB,IAAI,EAAE,MAAM,YAAY;AAAA,MACxB,MAAM,EAAE,MAAM,uBAAuB;AAAA,IACvC;AAAA,EACF;AACF,CAAC;AA2BD,IAAM,QAAQ,CAAC;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,SAAS;AACX,MAAkB;AAEhB,QAAM,WAAW,cAAc,EAAE,KAAK,CAAC;AACvC,QAAM,aAAa,qBAAqB,UAAU,WAAW,MAAM;AAEnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA,WAAU;AAAA,MACV,gBAAe;AAAA,MAEf,8BAAC,oBAAiB,eAAa,SAAS,SAAS,MAAM,KAAK,SACzD,gBACC,iCACG;AAAA,kBAAU,oBAAC,mBAAiB,kBAAO;AAAA,QACpC,oBAAC,iBAAc,IAAG,cAAc,UAAS;AAAA,QACxC,UAAU,oBAAC,mBAAiB,kBAAO;AAAA,SACtC,GAEJ;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,gBAAQ;;;AC3Ff,IAAOA,iBAAQ;","names":["Modal_default"]}

package/dist/{chunk-B36YERUR.cjs → chunk-2XGUY3UF.cjs}

@@ -26,4 +26,4 @@ var variantsToClassNames = (variants, className, baseSlot) => {
 
 
 exports.nextui = _theme.nextui; exports.variantsToClassNames = variantsToClassNames; exports.tv = _tailwindvariants.tv;
-//# sourceMappingURL=chunk-B36YERUR.cjs.map
+//# sourceMappingURL=chunk-2XGUY3UF.cjs.map

package/dist/chunk-2XGUY3UF.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/theme.ts","../src/utils/tv.ts"],"names":[],"mappings":";AACA,SAAS,cAAc;;;ACCvB,SAAS,UAAU;AAYZ,IAAM,uBAAuB,CAClC,UACA,WACA,aAC4B;AAC5B,QAAM,eAAgB,OAAO,cAAc,YAAY,aAAc,CAAC;AAEtE,SAAO,OAAO;AAAA,IACZ,OAAO,QAAQ,QAAQ,EAAE,IAAI,CAAC,CAAC,MAAM,SAAS,MAAM;AAAA,MAClD;AAAA,MACA,YAAY,SAAS;AAAA;AAAA,QAEhB,UAAU;AAAA,UACT,WACE,OAAO,cAAc,WAAW,YAAY,aAAa,IAAI;AAAA,QACjE,CAAC;AAAA;AAAA;AAAA,QAEA,UAAU,EAAE,WAAW,aAAa,IAAI,EAAE,CAAC;AAAA;AAAA,IAClD,CAAC;AAAA,EACH;AACF","sourcesContent":["/* eslint-disable import/prefer-default-export */\nexport { nextui } from '@nextui-org/theme';\n","import type { VariantProps } from '@nextui-org/theme';\n\nexport { tv } from 'tailwind-variants';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type TVProps<Component extends (...args: any) => any> =\n  VariantProps<Component>;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type TVClassName<Component extends (...args: any) => any> =\n  | Partial<Record<keyof ReturnType<Component>, string>>\n  | string;\n\n// converts tailwind-variants slots instance to actual classnames object\nexport const variantsToClassNames = <T extends Record<string, unknown>>(\n  variants: T,\n  className?: string | Record<string, string>,\n  baseSlot?: keyof T,\n): Record<keyof T, string> => {\n  const classNameObj = (typeof className === 'object' && className) || {};\n  // @ts-expect-error could be improved\n  return Object.fromEntries(\n    Object.entries(variants).map(([slot, variantFn]) => [\n      slot as keyof T,\n      baseSlot && slot === baseSlot\n        ? // @ts-expect-error could be improved\n          (variantFn({\n            className:\n              typeof className === 'string' ? className : classNameObj[slot],\n          }) as string)\n        : // @ts-expect-error could be improved\n          (variantFn({ className: classNameObj[slot] }) as string),\n    ]),\n  );\n};\n"]}

package/dist/{chunk-IZ4GIYPV.js → chunk-4UDBXGTR.js}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-X7YCEBNX.js";
+} from "./chunk-OOBT7L2Z.js";
 
 // src/Button/Button.tsx
 import { Button as NextButton } from "@nextui-org/button";
@@ -125,4 +125,4 @@ export {
   Button_default,
   Button_default2
 };
-//# sourceMappingURL=chunk-IZ4GIYPV.js.map
+//# sourceMappingURL=chunk-4UDBXGTR.js.map

package/dist/chunk-4UDBXGTR.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 { TVProps } from '../utils';\n\nimport { Button as NextButton } from '@nextui-org/button';\n\nimport { tv } from '../utils';\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 VariantProps = TVProps<typeof buttonVariants>;\n\nexport interface ButtonProps extends VariantProps {\n  /** sets HTML aria-label attribute */\n  ariaLabel?: string;\n  /** child components */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: 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;;;ACCnC,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-WWAUBTWI.js → chunk-6VMKAUMC.js}

@@ -1,7 +1,7 @@
 import {
   tv,
   variantsToClassNames
-} from "./chunk-X7YCEBNX.js";
+} from "./chunk-OOBT7L2Z.js";
 
 // src/Card/Card.tsx
 import {
@@ -67,4 +67,4 @@ export {
   Card_default,
   Card_default2
 };
-//# sourceMappingURL=chunk-WWAUBTWI.js.map
+//# sourceMappingURL=chunk-6VMKAUMC.js.map

package/dist/chunk-6VMKAUMC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Card/Card.tsx","../src/Card/index.ts"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type { TVClassName, TVProps } from '../utils';\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';\n\nimport { tv, variantsToClassNames } from '../utils';\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 VariantProps = TVProps<typeof cardVariants>;\ntype ClassName = TVClassName<typeof cardVariants>;\n\nexport interface CardProps extends VariantProps {\n  /** card body content */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\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 { divider: dividerClassName, ...classNames } = variantsToClassNames(\n    variants,\n    className,\n    'base',\n  );\n\n  const divider = <NextDivider className={dividerClassName} />;\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;AAiDrB,SAWV,UAXU,KAWV,YAXU;AA5CX,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;AAqBD,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,EAAE,SAAS,kBAAkB,GAAG,WAAW,IAAI;AAAA,IACnD;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,UAAU,oBAAC,eAAY,WAAW,kBAAkB;AAE1D,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;;;ACrFf,IAAOA,gBAAQ;","names":["Card_default"]}