@fuf-stack/pixels 0.15.3 → 0.16.0

package/dist/Accordion/index.cjs

@@ -2,11 +2,11 @@
 
 
 
-var _chunkD5ZDLGL6cjs = require('../chunk-D5ZDLGL6.cjs');
+var _chunkJ5XN2HATcjs = require('../chunk-J5XN2HAT.cjs');
 require('../chunk-DZUJEN5N.cjs');
 
 
 
 
-exports.Accordion = _chunkD5ZDLGL6cjs.Accordion_default; exports.accordionVariants = _chunkD5ZDLGL6cjs.accordionVariants; exports.default = _chunkD5ZDLGL6cjs.Accordion_default2;
+exports.Accordion = _chunkJ5XN2HATcjs.Accordion_default; exports.accordionVariants = _chunkJ5XN2HATcjs.accordionVariants; exports.default = _chunkJ5XN2HATcjs.Accordion_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Accordion/index.js

@@ -2,7 +2,7 @@ import {
   Accordion_default,
   Accordion_default2,
   accordionVariants
-} from "../chunk-ZP5MUJHH.js";
+} from "../chunk-G5YPY6KS.js";
 import "../chunk-5WRI5ZAA.js";
 export {
   Accordion_default as Accordion,

package/dist/Label/index.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkDN2BMTWIcjs = require('../chunk-DN2BMTWI.cjs');
+var _chunkMMZG5BW3cjs = require('../chunk-MMZG5BW3.cjs');
 require('../chunk-DZUJEN5N.cjs');
 
 
 
-exports.Label = _chunkDN2BMTWIcjs.Label_default; exports.default = _chunkDN2BMTWIcjs.Label_default2;
+exports.Label = _chunkMMZG5BW3cjs.Label_default; exports.default = _chunkMMZG5BW3cjs.Label_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Label/index.d.cts

@@ -1,6 +1,9 @@
-import { L as Label } from '../Label-BGMbtZK_.cjs';
-export { a as LabelProps } from '../Label-BGMbtZK_.cjs';
+import { L as Label } from '../Label-BpKnEJWi.cjs';
+export { a as LabelProps } from '../Label-BpKnEJWi.cjs';
 import 'react/jsx-runtime';
+import 'tailwind-variants/dist/config.js';
+import 'tailwind-variants';
+import '@fuf-stack/pixel-utils';
 import '@nextui-org/chip';
 import 'react';
 

package/dist/Label/index.d.ts

@@ -1,6 +1,9 @@
-import { L as Label } from '../Label-BGMbtZK_.js';
-export { a as LabelProps } from '../Label-BGMbtZK_.js';
+import { L as Label } from '../Label-BpKnEJWi.js';
+export { a as LabelProps } from '../Label-BpKnEJWi.js';
 import 'react/jsx-runtime';
+import 'tailwind-variants/dist/config.js';
+import 'tailwind-variants';
+import '@fuf-stack/pixel-utils';
 import '@nextui-org/chip';
 import 'react';
 

package/dist/Label/index.js

@@ -1,7 +1,7 @@
 import {
   Label_default,
   Label_default2
-} from "../chunk-Q5NSBKHR.js";
+} from "../chunk-EFSKM3C4.js";
 import "../chunk-5WRI5ZAA.js";
 export {
   Label_default as Label,

package/dist/Label-BpKnEJWi.d.cts

@@ -0,0 +1,78 @@
+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 { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
+import { ChipProps } from '@nextui-org/chip';
+import { ReactNode } from 'react';
+
+declare const labelVariants: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            content?: tailwind_variants.ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            content?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    base: string;
+    content: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            content?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            content?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    base: string;
+    content: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    base: string;
+    content: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            content?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;
+type VariantProps = TVProps<typeof labelVariants>;
+type ClassName = TVClassName<typeof labelVariants>;
+interface LabelProps extends VariantProps {
+    /** content of the label */
+    children: ReactNode;
+    /** CSS class name */
+    className?: ClassName;
+    /** color of the label */
+    color?: ChipProps['color'];
+    /** element to be rendered in the right side of the label */
+    endContent?: ChipProps['endContent'];
+    /** radius of the label */
+    radius?: ChipProps['radius'];
+    /** size of the label */
+    size?: ChipProps['size'];
+    /** element to be rendered in the left side of the label */
+    startContent?: ChipProps['startContent'];
+    /** style variant of the label */
+    variant?: 'solid' | 'bordered' | 'light' | 'flat' | 'faded' | 'dot';
+}
+/**
+ * Label component based on [NextUI Chip](https://nextui.org/docs/components/chip)
+ */
+declare const Label: ({ children, className: _className, color, endContent, radius, size, startContent, variant, }: LabelProps) => react_jsx_runtime.JSX.Element;
+
+export { Label as L, type LabelProps as a };

package/dist/Label-BpKnEJWi.d.ts

@@ -0,0 +1,78 @@
+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 { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
+import { ChipProps } from '@nextui-org/chip';
+import { ReactNode } from 'react';
+
+declare const labelVariants: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            content?: tailwind_variants.ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            content?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    base: string;
+    content: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            content?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            content?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    base: string;
+    content: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    base: string;
+    content: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            content?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;
+type VariantProps = TVProps<typeof labelVariants>;
+type ClassName = TVClassName<typeof labelVariants>;
+interface LabelProps extends VariantProps {
+    /** content of the label */
+    children: ReactNode;
+    /** CSS class name */
+    className?: ClassName;
+    /** color of the label */
+    color?: ChipProps['color'];
+    /** element to be rendered in the right side of the label */
+    endContent?: ChipProps['endContent'];
+    /** radius of the label */
+    radius?: ChipProps['radius'];
+    /** size of the label */
+    size?: ChipProps['size'];
+    /** element to be rendered in the left side of the label */
+    startContent?: ChipProps['startContent'];
+    /** style variant of the label */
+    variant?: 'solid' | 'bordered' | 'light' | 'flat' | 'faded' | 'dot';
+}
+/**
+ * Label component based on [NextUI Chip](https://nextui.org/docs/components/chip)
+ */
+declare const Label: ({ children, className: _className, color, endContent, radius, size, startContent, variant, }: LabelProps) => react_jsx_runtime.JSX.Element;
+
+export { Label as L, type LabelProps as a };

package/dist/Tooltip/index.cjs

@@ -2,11 +2,11 @@
 
 
 
-var _chunkRS7HBBUFcjs = require('../chunk-RS7HBBUF.cjs');
+var _chunk73EN2DZBcjs = require('../chunk-73EN2DZB.cjs');
 require('../chunk-DZUJEN5N.cjs');
 
 
 
 
-exports.Tooltip = _chunkRS7HBBUFcjs.Tooltip_default; exports.default = _chunkRS7HBBUFcjs.Tooltip_default2; exports.tooltipPlacementOptions = _chunkRS7HBBUFcjs.tooltipPlacementOptions;
+exports.Tooltip = _chunk73EN2DZBcjs.Tooltip_default; exports.default = _chunk73EN2DZBcjs.Tooltip_default2; exports.tooltipPlacementOptions = _chunk73EN2DZBcjs.tooltipPlacementOptions;
 //# sourceMappingURL=index.cjs.map

package/dist/Tooltip/index.d.cts

@@ -1,6 +1,9 @@
-import { T as Tooltip } from '../Tooltip-D4znH2L3.cjs';
-export { a as TooltipProps, t as tooltipPlacementOptions } from '../Tooltip-D4znH2L3.cjs';
+import { T as Tooltip } from '../Tooltip-B-1BAE62.cjs';
+export { a as TooltipProps, t as tooltipPlacementOptions } from '../Tooltip-B-1BAE62.cjs';
 import 'react/jsx-runtime';
+import 'tailwind-variants/dist/config.js';
+import 'tailwind-variants';
+import '@fuf-stack/pixel-utils';
 import 'react';
 
 

package/dist/Tooltip/index.d.ts

@@ -1,6 +1,9 @@
-import { T as Tooltip } from '../Tooltip-D4znH2L3.js';
-export { a as TooltipProps, t as tooltipPlacementOptions } from '../Tooltip-D4znH2L3.js';
+import { T as Tooltip } from '../Tooltip-B-1BAE62.js';
+export { a as TooltipProps, t as tooltipPlacementOptions } from '../Tooltip-B-1BAE62.js';
 import 'react/jsx-runtime';
+import 'tailwind-variants/dist/config.js';
+import 'tailwind-variants';
+import '@fuf-stack/pixel-utils';
 import 'react';
 
 

package/dist/Tooltip/index.js

@@ -2,7 +2,7 @@ import {
   Tooltip_default,
   Tooltip_default2,
   tooltipPlacementOptions
-} from "../chunk-ZN6DLACS.js";
+} from "../chunk-62KNHHTT.js";
 import "../chunk-5WRI5ZAA.js";
 export {
   Tooltip_default as Tooltip,

package/dist/Tooltip-B-1BAE62.d.cts

@@ -0,0 +1,77 @@
+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 { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
+import { ReactNode } from 'react';
+
+declare const tooltipVariants: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            content?: tailwind_variants.ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            content?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    base: string;
+    content: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            content?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            content?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    base: string;
+    content: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    base: string;
+    content: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            content?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;
+type VariantProps = TVProps<typeof tooltipVariants>;
+type ClassName = TVClassName<typeof tooltipVariants>;
+declare const tooltipPlacementOptions: readonly ["top", "bottom", "left", "right"];
+type TooltipPlacement = (typeof tooltipPlacementOptions)[number];
+interface TooltipProps extends VariantProps {
+    /** trigger child components */
+    children: ReactNode;
+    /** CSS class name */
+    className?: ClassName;
+    /** placement padding in px */
+    containerPadding?: number;
+    /** content displayed in the tooltip */
+    content: ReactNode;
+    /** open overlay initially when uncontrolled */
+    defaultOpen?: boolean;
+    /** handler that is called when the overlay's open state changes */
+    onOpenChange?: (isOpen: boolean) => void;
+    /** placement if the tooltip */
+    placement?: TooltipPlacement;
+}
+/**
+ * Tooltip component based on [NextUI Tooltip](https://nextui.org/docs/components/tooltip)
+ */
+declare const Tooltip: ({ children, className: _className, content, placement, defaultOpen, onOpenChange, containerPadding, }: TooltipProps) => react_jsx_runtime.JSX.Element;
+
+export { Tooltip as T, type TooltipProps as a, tooltipPlacementOptions as t };

package/dist/Tooltip-B-1BAE62.d.ts

@@ -0,0 +1,77 @@
+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 { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
+import { ReactNode } from 'react';
+
+declare const tooltipVariants: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            content?: tailwind_variants.ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            content?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    base: string;
+    content: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            content?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            content?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    base: string;
+    content: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    base: string;
+    content: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            content?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;
+type VariantProps = TVProps<typeof tooltipVariants>;
+type ClassName = TVClassName<typeof tooltipVariants>;
+declare const tooltipPlacementOptions: readonly ["top", "bottom", "left", "right"];
+type TooltipPlacement = (typeof tooltipPlacementOptions)[number];
+interface TooltipProps extends VariantProps {
+    /** trigger child components */
+    children: ReactNode;
+    /** CSS class name */
+    className?: ClassName;
+    /** placement padding in px */
+    containerPadding?: number;
+    /** content displayed in the tooltip */
+    content: ReactNode;
+    /** open overlay initially when uncontrolled */
+    defaultOpen?: boolean;
+    /** handler that is called when the overlay's open state changes */
+    onOpenChange?: (isOpen: boolean) => void;
+    /** placement if the tooltip */
+    placement?: TooltipPlacement;
+}
+/**
+ * Tooltip component based on [NextUI Tooltip](https://nextui.org/docs/components/tooltip)
+ */
+declare const Tooltip: ({ children, className: _className, content, placement, defaultOpen, onOpenChange, containerPadding, }: TooltipProps) => react_jsx_runtime.JSX.Element;
+
+export { Tooltip as T, type TooltipProps as a, tooltipPlacementOptions as t };

package/dist/chunk-62KNHHTT.js

@@ -0,0 +1,54 @@
+// src/Tooltip/Tooltip.tsx
+import { Tooltip as NextTooltip } from "@nextui-org/tooltip";
+import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
+import { jsx } from "react/jsx-runtime";
+var tooltipVariants = tv({
+  slots: {
+    base: "",
+    content: ""
+  }
+});
+var tooltipPlacementOptions = [
+  "top",
+  "bottom",
+  "left",
+  "right"
+];
+var Tooltip = ({
+  children,
+  className: _className = void 0,
+  content,
+  placement = "top",
+  defaultOpen = false,
+  onOpenChange = void 0,
+  containerPadding = 0
+}) => {
+  const variants = tooltipVariants();
+  const classNames = variantsToClassNames(variants, _className, "base");
+  return /* @__PURE__ */ jsx(
+    NextTooltip,
+    {
+      classNames,
+      containerPadding,
+      content,
+      defaultOpen,
+      onClick: (e) => e.preventDefault(),
+      onOpenChange,
+      placement,
+      shouldFlip: true,
+      showArrow: true,
+      children: /* @__PURE__ */ jsx("span", { className: "cursor-pointer", children })
+    }
+  );
+};
+var Tooltip_default = Tooltip;
+
+// src/Tooltip/index.ts
+var Tooltip_default2 = Tooltip_default;
+
+export {
+  tooltipPlacementOptions,
+  Tooltip_default,
+  Tooltip_default2
+};
+//# sourceMappingURL=chunk-62KNHHTT.js.map

package/dist/chunk-62KNHHTT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Tooltip/Tooltip.tsx","../src/Tooltip/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport { Tooltip as NextTooltip } from '@nextui-org/tooltip';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// tooltip variants\nexport const tooltipVariants = tv({\n  slots: {\n    base: '',\n    content: '',\n  },\n});\n\ntype VariantProps = TVProps<typeof tooltipVariants>;\ntype ClassName = TVClassName<typeof tooltipVariants>;\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 extends VariantProps {\n  /** trigger child components */\n  children: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\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: _className = undefined,\n  content,\n  placement = 'top',\n  defaultOpen = false,\n  onOpenChange = undefined,\n  containerPadding = 0,\n}: TooltipProps) => {\n  // classNames from slots\n  const variants = tooltipVariants();\n  const classNames = variantsToClassNames(variants, _className, 'base');\n\n  return (\n    <NextTooltip\n      classNames={classNames}\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};\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":";AAGA,SAAS,WAAW,mBAAmB;AAEvC,SAAS,IAAI,4BAA4B;AAkEnC;AA/DC,IAAM,kBAAkB,GAAG;AAAA,EAChC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAC;AAKM,IAAM,0BAA0B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAuBA,IAAM,UAAU,CAAC;AAAA,EACf;AAAA,EACA,WAAW,aAAa;AAAA,EACxB;AAAA,EACA,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,eAAe;AAAA,EACf,mBAAmB;AACrB,MAAoB;AAElB,QAAM,WAAW,gBAAgB;AACjC,QAAM,aAAa,qBAAqB,UAAU,YAAY,MAAM;AAEpE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,CAAC,MAAM,EAAE,eAAe;AAAA,MACjC;AAAA,MACA;AAAA,MACA,YAAU;AAAA,MACV,WAAS;AAAA,MAET,8BAAC,UAAK,WAAU,kBAAkB,UAAS;AAAA;AAAA,EAC7C;AAEJ;AAEA,IAAO,kBAAQ;;;ACtEf,IAAOA,mBAAQ;","names":["Tooltip_default"]}

package/dist/chunk-73EN2DZB.cjs

@@ -0,0 +1,54 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/Tooltip/Tooltip.tsx
+var _tooltip = require('@nextui-org/tooltip');
+var _pixelutils = require('@fuf-stack/pixel-utils');
+var _jsxruntime = require('react/jsx-runtime');
+var tooltipVariants = _pixelutils.tv.call(void 0, {
+  slots: {
+    base: "",
+    content: ""
+  }
+});
+var tooltipPlacementOptions = [
+  "top",
+  "bottom",
+  "left",
+  "right"
+];
+var Tooltip = ({
+  children,
+  className: _className = void 0,
+  content,
+  placement = "top",
+  defaultOpen = false,
+  onOpenChange = void 0,
+  containerPadding = 0
+}) => {
+  const variants = tooltipVariants();
+  const classNames = _pixelutils.variantsToClassNames.call(void 0, variants, _className, "base");
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _tooltip.Tooltip,
+    {
+      classNames,
+      containerPadding,
+      content,
+      defaultOpen,
+      onClick: (e) => e.preventDefault(),
+      onOpenChange,
+      placement,
+      shouldFlip: true,
+      showArrow: true,
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "cursor-pointer", children })
+    }
+  );
+};
+var Tooltip_default = Tooltip;
+
+// src/Tooltip/index.ts
+var Tooltip_default2 = Tooltip_default;
+
+
+
+
+
+exports.tooltipPlacementOptions = tooltipPlacementOptions; exports.Tooltip_default = Tooltip_default; exports.Tooltip_default2 = Tooltip_default2;
+//# sourceMappingURL=chunk-73EN2DZB.cjs.map

package/dist/chunk-73EN2DZB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Tooltip/Tooltip.tsx","../src/Tooltip/index.ts"],"names":["Tooltip_default"],"mappings":";AAGA,SAAS,WAAW,mBAAmB;AAEvC,SAAS,IAAI,4BAA4B;AAkEnC;AA/DC,IAAM,kBAAkB,GAAG;AAAA,EAChC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAC;AAKM,IAAM,0BAA0B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAuBA,IAAM,UAAU,CAAC;AAAA,EACf;AAAA,EACA,WAAW,aAAa;AAAA,EACxB;AAAA,EACA,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,eAAe;AAAA,EACf,mBAAmB;AACrB,MAAoB;AAElB,QAAM,WAAW,gBAAgB;AACjC,QAAM,aAAa,qBAAqB,UAAU,YAAY,MAAM;AAEpE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,CAAC,MAAM,EAAE,eAAe;AAAA,MACjC;AAAA,MACA;AAAA,MACA,YAAU;AAAA,MACV,WAAS;AAAA,MAET,8BAAC,UAAK,WAAU,kBAAkB,UAAS;AAAA;AAAA,EAC7C;AAEJ;AAEA,IAAO,kBAAQ;;;ACtEf,IAAOA,mBAAQ","sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport { Tooltip as NextTooltip } from '@nextui-org/tooltip';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// tooltip variants\nexport const tooltipVariants = tv({\n  slots: {\n    base: '',\n    content: '',\n  },\n});\n\ntype VariantProps = TVProps<typeof tooltipVariants>;\ntype ClassName = TVClassName<typeof tooltipVariants>;\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 extends VariantProps {\n  /** trigger child components */\n  children: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\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: _className = undefined,\n  content,\n  placement = 'top',\n  defaultOpen = false,\n  onOpenChange = undefined,\n  containerPadding = 0,\n}: TooltipProps) => {\n  // classNames from slots\n  const variants = tooltipVariants();\n  const classNames = variantsToClassNames(variants, _className, 'base');\n\n  return (\n    <NextTooltip\n      classNames={classNames}\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};\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-EFSKM3C4.js

@@ -0,0 +1,46 @@
+// src/Label/Label.tsx
+import { Chip as NextLabel } from "@nextui-org/chip";
+import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
+import { jsx } from "react/jsx-runtime";
+var labelVariants = tv({
+  slots: {
+    base: "",
+    content: ""
+  }
+});
+var Label = ({
+  children,
+  className: _className = void 0,
+  color = "default",
+  endContent = void 0,
+  radius = "full",
+  size = "md",
+  startContent = void 0,
+  variant = "solid"
+}) => {
+  const variants = labelVariants();
+  const classNames = variantsToClassNames(variants, _className, "base");
+  return /* @__PURE__ */ jsx(
+    NextLabel,
+    {
+      classNames,
+      color,
+      endContent,
+      radius,
+      size,
+      startContent,
+      variant,
+      children
+    }
+  );
+};
+var Label_default = Label;
+
+// src/Label/index.ts
+var Label_default2 = Label_default;
+
+export {
+  Label_default,
+  Label_default2
+};
+//# sourceMappingURL=chunk-EFSKM3C4.js.map

package/dist/chunk-EFSKM3C4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Label/Label.tsx","../src/Label/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ChipProps } from '@nextui-org/chip';\nimport type { ReactNode } from 'react';\n\nimport { Chip as NextLabel } from '@nextui-org/chip';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// label variants\nexport const labelVariants = tv({\n  slots: {\n    base: '',\n    content: '',\n  },\n});\n\ntype VariantProps = TVProps<typeof labelVariants>;\ntype ClassName = TVClassName<typeof labelVariants>;\n\nexport interface LabelProps extends VariantProps {\n  /** content of the label */\n  children: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** color of the label */\n  color?: ChipProps['color'];\n  /** element to be rendered in the right side of the label */\n  endContent?: ChipProps['endContent'];\n  /** radius of the label */\n  radius?: ChipProps['radius'];\n  /** size of the label */\n  size?: ChipProps['size'];\n  /** element to be rendered in the left side of the label */\n  startContent?: ChipProps['startContent'];\n  /** style variant of the label */\n  variant?: 'solid' | 'bordered' | 'light' | 'flat' | 'faded' | 'dot';\n}\n\n/**\n * Label component based on [NextUI Chip](https://nextui.org/docs/components/chip)\n */\nconst Label = ({\n  children,\n  className: _className = undefined,\n  color = 'default',\n  endContent = undefined,\n  radius = 'full',\n  size = 'md',\n  startContent = undefined,\n  variant = 'solid',\n}: LabelProps) => {\n  // classNames from slots\n  const variants = labelVariants();\n  const classNames = variantsToClassNames(variants, _className, 'base');\n\n  return (\n    <NextLabel\n      classNames={classNames}\n      color={color}\n      endContent={endContent}\n      radius={radius}\n      size={size}\n      startContent={startContent}\n      variant={variant}\n    >\n      {children}\n    </NextLabel>\n  );\n};\n\nexport default Label;\n","import Label from './Label';\n\nexport type { LabelProps } from './Label';\n\nexport { Label };\n\nexport default Label;\n"],"mappings":";AAIA,SAAS,QAAQ,iBAAiB;AAElC,SAAS,IAAI,4BAA4B;AAkDrC;AA/CG,IAAM,gBAAgB,GAAG;AAAA,EAC9B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAC;AA2BD,IAAM,QAAQ,CAAC;AAAA,EACb;AAAA,EACA,WAAW,aAAa;AAAA,EACxB,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,SAAS;AAAA,EACT,OAAO;AAAA,EACP,eAAe;AAAA,EACf,UAAU;AACZ,MAAkB;AAEhB,QAAM,WAAW,cAAc;AAC/B,QAAM,aAAa,qBAAqB,UAAU,YAAY,MAAM;AAEpE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,gBAAQ;;;AChEf,IAAOA,iBAAQ;","names":["Label_default"]}

package/dist/{chunk-ZP5MUJHH.js → chunk-G5YPY6KS.js}

@@ -8,8 +8,8 @@ import { jsx } from "react/jsx-runtime";
 var accordionVariants = tv({
   slots: {
     base: "",
-    content: "",
-    heading: "",
+    content: "px-4",
+    heading: "px-4",
     indicator: "",
     startContent: "",
     subtitle: "",
@@ -17,7 +17,7 @@ var accordionVariants = tv({
     titleWrapper: "",
     trigger: "",
     // outer accordion wrapper
-    wrapper: ""
+    wrapper: "px-0"
   },
   variants: {
     indicatorLeft: {
@@ -88,4 +88,4 @@ export {
   Accordion_default,
   Accordion_default2
 };
-//# sourceMappingURL=chunk-ZP5MUJHH.js.map
+//# sourceMappingURL=chunk-G5YPY6KS.js.map

package/dist/chunk-G5YPY6KS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Accordion/Accordion.tsx","../src/Accordion/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { DividerProps } from '@nextui-org/divider';\nimport type { ReactNode } from 'react';\n\nimport {\n  Accordion as NextAccordion,\n  AccordionItem as NextAccordionItem,\n} from '@nextui-org/accordion';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// accordion styling variants\n// see: https://nextui.org/docs/components/accordion#accordion-item-slots\nexport const accordionVariants = tv({\n  slots: {\n    base: '',\n    content: 'px-4',\n    heading: 'px-4',\n    indicator: '',\n    startContent: '',\n    subtitle: '',\n    title: '',\n    titleWrapper: '',\n    trigger: '',\n    // outer accordion wrapper\n    wrapper: 'px-0',\n  },\n  variants: {\n    indicatorLeft: {\n      true: {\n        content: 'pl-7',\n        indicator: '-rotate-180 data-[open=true]:-rotate-90',\n        trigger: 'flex-row-reverse',\n      },\n    },\n    showDivider: {\n      true: {\n        wrapper: 'divide-y divide-solid divide-divider',\n      },\n    },\n  },\n});\n\nexport interface AccordionItemProps {\n  /** Content of the accordion item */\n  children: ReactNode;\n  /** Disables the accordion item */\n  disabled?: boolean;\n  /** Accordion item title */\n  title: ReactNode;\n  /** Accordion item subtitle */\n  subtitle?: ReactNode;\n}\n\ntype VariantProps = TVProps<typeof accordionVariants>;\ntype ClassName = TVClassName<typeof accordionVariants>;\n\nexport interface AccordionProps extends VariantProps {\n  /** Props for AccordionItems, will render the accordion items programmatically */\n  accordionItems?: AccordionItemProps[];\n  /** CSS class name */\n  className?: ClassName;\n  /** Array of keys for the AccordionItem(s) to be expanded by default */\n  defaultSelectedKeys?: undefined | 'all' | Iterable<number | string>;\n  /** Disables the Accordion */\n  disabled?: boolean;\n  /** Array of keys for the AccordionItems to disable */\n  disabledKeys?: Iterable<number | string>;\n  /** Force always one AccordionItem to be open. */\n  disallowEmptySelection?: boolean;\n  /** props for styling the Divider */\n  dividerProps?: DividerProps;\n  /** Hide the expanded/collapsed indicator icon */\n  hideIndicator?: boolean;\n  /** Callback function for when a Accordion Item is expanded or collapsed */\n  onSelectionChange?: (keys: 'all' | Iterable<number | string>) => unknown;\n  /** Set whether multiple or only a single AccordionItems can be expanded */\n  selectionMode?: 'single' | 'multiple';\n  /** Enable or disable the divider between each AccordionItem */\n  showDivider?: boolean;\n  /** Style variant of the Accordion */\n  variant?: 'light' | 'shadow' | 'bordered' | 'splitted';\n}\n\n/**\n * Accordion component based on [NextUI Accordion](https://nextui.org/docs/components/accordion)\n */\nconst Accordion = ({\n  accordionItems = [],\n  className: _className = undefined,\n  defaultSelectedKeys = [],\n  disabled = false,\n  disabledKeys = [],\n  disallowEmptySelection = false,\n  dividerProps = {},\n  indicatorLeft = false,\n  onSelectionChange = undefined,\n  selectionMode = 'multiple',\n  showDivider = true,\n  variant = 'light',\n}: AccordionProps) => {\n  // itemClasses from className slots\n  const variants = accordionVariants({\n    indicatorLeft,\n    showDivider: showDivider && variant !== 'splitted',\n  });\n  const classNames = variantsToClassNames(variants, _className, 'wrapper');\n\n  return (\n    <NextAccordion\n      className={classNames.wrapper}\n      defaultSelectedKeys={defaultSelectedKeys}\n      disabledKeys={disabledKeys}\n      disallowEmptySelection={disallowEmptySelection}\n      dividerProps={dividerProps}\n      isDisabled={disabled}\n      itemClasses={classNames}\n      onSelectionChange={onSelectionChange}\n      selectionMode={selectionMode}\n      showDivider={false}\n      variant={variant}\n    >\n      {accordionItems.map((item, index) => (\n        <NextAccordionItem\n          // eslint-disable-next-line react/no-array-index-key\n          key={index}\n          isDisabled={disabled || item?.disabled}\n          // eslint-disable-next-line react/jsx-props-no-spreading\n          {...item}\n        />\n      ))}\n    </NextAccordion>\n  );\n};\n\nexport default Accordion;\n","import Accordion, { accordionVariants } from './Accordion';\n\nexport type { AccordionProps, AccordionItemProps } from './Accordion';\n\nexport { Accordion, accordionVariants };\n\nexport default Accordion;\n"],"mappings":";AAIA;AAAA,EACE,aAAa;AAAA,EACb,iBAAiB;AAAA,OACZ;AAEP,SAAS,IAAI,4BAA4B;AAkHjC;AA9GD,IAAM,oBAAoB,GAAG;AAAA,EAClC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,WAAW;AAAA,IACX,cAAc;AAAA,IACd,UAAU;AAAA,IACV,OAAO;AAAA,IACP,cAAc;AAAA,IACd,SAAS;AAAA;AAAA,IAET,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,eAAe;AAAA,MACb,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,WAAW;AAAA,QACX,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,aAAa;AAAA,MACX,MAAM;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF,CAAC;AA8CD,IAAM,YAAY,CAAC;AAAA,EACjB,iBAAiB,CAAC;AAAA,EAClB,WAAW,aAAa;AAAA,EACxB,sBAAsB,CAAC;AAAA,EACvB,WAAW;AAAA,EACX,eAAe,CAAC;AAAA,EAChB,yBAAyB;AAAA,EACzB,eAAe,CAAC;AAAA,EAChB,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,UAAU;AACZ,MAAsB;AAEpB,QAAM,WAAW,kBAAkB;AAAA,IACjC;AAAA,IACA,aAAa,eAAe,YAAY;AAAA,EAC1C,CAAC;AACD,QAAM,aAAa,qBAAqB,UAAU,YAAY,SAAS;AAEvE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,WAAW;AAAA,MACtB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MAEC,yBAAe,IAAI,CAAC,MAAM,UACzB;AAAA,QAAC;AAAA;AAAA,UAGC,YAAY,YAAY,MAAM;AAAA,UAE7B,GAAG;AAAA;AAAA,QAHC;AAAA,MAIP,CACD;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,oBAAQ;;;ACjIf,IAAOA,qBAAQ;","names":["Accordion_default"]}

package/dist/{chunk-D5ZDLGL6.cjs → chunk-J5XN2HAT.cjs}

@@ -8,8 +8,8 @@ var _jsxruntime = require('react/jsx-runtime');
 var accordionVariants = _pixelutils.tv.call(void 0, {
   slots: {
     base: "",
-    content: "",
-    heading: "",
+    content: "px-4",
+    heading: "px-4",
     indicator: "",
     startContent: "",
     subtitle: "",
@@ -17,7 +17,7 @@ var accordionVariants = _pixelutils.tv.call(void 0, {
     titleWrapper: "",
     trigger: "",
     // outer accordion wrapper
-    wrapper: ""
+    wrapper: "px-0"
   },
   variants: {
     indicatorLeft: {
@@ -88,4 +88,4 @@ var Accordion_default2 = Accordion_default;
 
 
 exports.accordionVariants = accordionVariants; exports.Accordion_default = Accordion_default; exports.Accordion_default2 = Accordion_default2;
-//# sourceMappingURL=chunk-D5ZDLGL6.cjs.map
+//# sourceMappingURL=chunk-J5XN2HAT.cjs.map

package/dist/chunk-J5XN2HAT.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Accordion/Accordion.tsx","../src/Accordion/index.ts"],"names":["Accordion_default"],"mappings":";AAIA;AAAA,EACE,aAAa;AAAA,EACb,iBAAiB;AAAA,OACZ;AAEP,SAAS,IAAI,4BAA4B;AAkHjC;AA9GD,IAAM,oBAAoB,GAAG;AAAA,EAClC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,WAAW;AAAA,IACX,cAAc;AAAA,IACd,UAAU;AAAA,IACV,OAAO;AAAA,IACP,cAAc;AAAA,IACd,SAAS;AAAA;AAAA,IAET,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,eAAe;AAAA,MACb,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,WAAW;AAAA,QACX,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,aAAa;AAAA,MACX,MAAM;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF,CAAC;AA8CD,IAAM,YAAY,CAAC;AAAA,EACjB,iBAAiB,CAAC;AAAA,EAClB,WAAW,aAAa;AAAA,EACxB,sBAAsB,CAAC;AAAA,EACvB,WAAW;AAAA,EACX,eAAe,CAAC;AAAA,EAChB,yBAAyB;AAAA,EACzB,eAAe,CAAC;AAAA,EAChB,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,UAAU;AACZ,MAAsB;AAEpB,QAAM,WAAW,kBAAkB;AAAA,IACjC;AAAA,IACA,aAAa,eAAe,YAAY;AAAA,EAC1C,CAAC;AACD,QAAM,aAAa,qBAAqB,UAAU,YAAY,SAAS;AAEvE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,WAAW;AAAA,MACtB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MAEC,yBAAe,IAAI,CAAC,MAAM,UACzB;AAAA,QAAC;AAAA;AAAA,UAGC,YAAY,YAAY,MAAM;AAAA,UAE7B,GAAG;AAAA;AAAA,QAHC;AAAA,MAIP,CACD;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,oBAAQ;;;ACjIf,IAAOA,qBAAQ","sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { DividerProps } from '@nextui-org/divider';\nimport type { ReactNode } from 'react';\n\nimport {\n  Accordion as NextAccordion,\n  AccordionItem as NextAccordionItem,\n} from '@nextui-org/accordion';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// accordion styling variants\n// see: https://nextui.org/docs/components/accordion#accordion-item-slots\nexport const accordionVariants = tv({\n  slots: {\n    base: '',\n    content: 'px-4',\n    heading: 'px-4',\n    indicator: '',\n    startContent: '',\n    subtitle: '',\n    title: '',\n    titleWrapper: '',\n    trigger: '',\n    // outer accordion wrapper\n    wrapper: 'px-0',\n  },\n  variants: {\n    indicatorLeft: {\n      true: {\n        content: 'pl-7',\n        indicator: '-rotate-180 data-[open=true]:-rotate-90',\n        trigger: 'flex-row-reverse',\n      },\n    },\n    showDivider: {\n      true: {\n        wrapper: 'divide-y divide-solid divide-divider',\n      },\n    },\n  },\n});\n\nexport interface AccordionItemProps {\n  /** Content of the accordion item */\n  children: ReactNode;\n  /** Disables the accordion item */\n  disabled?: boolean;\n  /** Accordion item title */\n  title: ReactNode;\n  /** Accordion item subtitle */\n  subtitle?: ReactNode;\n}\n\ntype VariantProps = TVProps<typeof accordionVariants>;\ntype ClassName = TVClassName<typeof accordionVariants>;\n\nexport interface AccordionProps extends VariantProps {\n  /** Props for AccordionItems, will render the accordion items programmatically */\n  accordionItems?: AccordionItemProps[];\n  /** CSS class name */\n  className?: ClassName;\n  /** Array of keys for the AccordionItem(s) to be expanded by default */\n  defaultSelectedKeys?: undefined | 'all' | Iterable<number | string>;\n  /** Disables the Accordion */\n  disabled?: boolean;\n  /** Array of keys for the AccordionItems to disable */\n  disabledKeys?: Iterable<number | string>;\n  /** Force always one AccordionItem to be open. */\n  disallowEmptySelection?: boolean;\n  /** props for styling the Divider */\n  dividerProps?: DividerProps;\n  /** Hide the expanded/collapsed indicator icon */\n  hideIndicator?: boolean;\n  /** Callback function for when a Accordion Item is expanded or collapsed */\n  onSelectionChange?: (keys: 'all' | Iterable<number | string>) => unknown;\n  /** Set whether multiple or only a single AccordionItems can be expanded */\n  selectionMode?: 'single' | 'multiple';\n  /** Enable or disable the divider between each AccordionItem */\n  showDivider?: boolean;\n  /** Style variant of the Accordion */\n  variant?: 'light' | 'shadow' | 'bordered' | 'splitted';\n}\n\n/**\n * Accordion component based on [NextUI Accordion](https://nextui.org/docs/components/accordion)\n */\nconst Accordion = ({\n  accordionItems = [],\n  className: _className = undefined,\n  defaultSelectedKeys = [],\n  disabled = false,\n  disabledKeys = [],\n  disallowEmptySelection = false,\n  dividerProps = {},\n  indicatorLeft = false,\n  onSelectionChange = undefined,\n  selectionMode = 'multiple',\n  showDivider = true,\n  variant = 'light',\n}: AccordionProps) => {\n  // itemClasses from className slots\n  const variants = accordionVariants({\n    indicatorLeft,\n    showDivider: showDivider && variant !== 'splitted',\n  });\n  const classNames = variantsToClassNames(variants, _className, 'wrapper');\n\n  return (\n    <NextAccordion\n      className={classNames.wrapper}\n      defaultSelectedKeys={defaultSelectedKeys}\n      disabledKeys={disabledKeys}\n      disallowEmptySelection={disallowEmptySelection}\n      dividerProps={dividerProps}\n      isDisabled={disabled}\n      itemClasses={classNames}\n      onSelectionChange={onSelectionChange}\n      selectionMode={selectionMode}\n      showDivider={false}\n      variant={variant}\n    >\n      {accordionItems.map((item, index) => (\n        <NextAccordionItem\n          // eslint-disable-next-line react/no-array-index-key\n          key={index}\n          isDisabled={disabled || item?.disabled}\n          // eslint-disable-next-line react/jsx-props-no-spreading\n          {...item}\n        />\n      ))}\n    </NextAccordion>\n  );\n};\n\nexport default Accordion;\n","import Accordion, { accordionVariants } from './Accordion';\n\nexport type { AccordionProps, AccordionItemProps } from './Accordion';\n\nexport { Accordion, accordionVariants };\n\nexport default Accordion;\n"]}

package/dist/{chunk-DN2BMTWI.cjs → chunk-MMZG5BW3.cjs}

@@ -2,28 +2,38 @@
 var _chip = require('@nextui-org/chip');
 var _pixelutils = require('@fuf-stack/pixel-utils');
 var _jsxruntime = require('react/jsx-runtime');
+var labelVariants = _pixelutils.tv.call(void 0, {
+  slots: {
+    base: "",
+    content: ""
+  }
+});
 var Label = ({
   children,
-  className = void 0,
+  className: _className = void 0,
   color = "default",
   endContent = void 0,
   radius = "full",
   size = "md",
   startContent = void 0,
   variant = "solid"
-}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  _chip.Chip,
-  {
-    className: _pixelutils.cn.call(void 0, className),
-    color,
-    endContent,
-    radius,
-    size,
-    startContent,
-    variant,
-    children
-  }
-);
+}) => {
+  const variants = labelVariants();
+  const classNames = _pixelutils.variantsToClassNames.call(void 0, variants, _className, "base");
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chip.Chip,
+    {
+      classNames,
+      color,
+      endContent,
+      radius,
+      size,
+      startContent,
+      variant,
+      children
+    }
+  );
+};
 var Label_default = Label;
 
 // src/Label/index.ts
@@ -33,4 +43,4 @@ var Label_default2 = Label_default;
 
 
 exports.Label_default = Label_default; exports.Label_default2 = Label_default2;
-//# sourceMappingURL=chunk-DN2BMTWI.cjs.map
+//# sourceMappingURL=chunk-MMZG5BW3.cjs.map

package/dist/chunk-MMZG5BW3.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Label/Label.tsx","../src/Label/index.ts"],"names":["Label_default"],"mappings":";AAIA,SAAS,QAAQ,iBAAiB;AAElC,SAAS,IAAI,4BAA4B;AAkDrC;AA/CG,IAAM,gBAAgB,GAAG;AAAA,EAC9B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAC;AA2BD,IAAM,QAAQ,CAAC;AAAA,EACb;AAAA,EACA,WAAW,aAAa;AAAA,EACxB,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,SAAS;AAAA,EACT,OAAO;AAAA,EACP,eAAe;AAAA,EACf,UAAU;AACZ,MAAkB;AAEhB,QAAM,WAAW,cAAc;AAC/B,QAAM,aAAa,qBAAqB,UAAU,YAAY,MAAM;AAEpE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,gBAAQ;;;AChEf,IAAOA,iBAAQ","sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ChipProps } from '@nextui-org/chip';\nimport type { ReactNode } from 'react';\n\nimport { Chip as NextLabel } from '@nextui-org/chip';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// label variants\nexport const labelVariants = tv({\n  slots: {\n    base: '',\n    content: '',\n  },\n});\n\ntype VariantProps = TVProps<typeof labelVariants>;\ntype ClassName = TVClassName<typeof labelVariants>;\n\nexport interface LabelProps extends VariantProps {\n  /** content of the label */\n  children: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** color of the label */\n  color?: ChipProps['color'];\n  /** element to be rendered in the right side of the label */\n  endContent?: ChipProps['endContent'];\n  /** radius of the label */\n  radius?: ChipProps['radius'];\n  /** size of the label */\n  size?: ChipProps['size'];\n  /** element to be rendered in the left side of the label */\n  startContent?: ChipProps['startContent'];\n  /** style variant of the label */\n  variant?: 'solid' | 'bordered' | 'light' | 'flat' | 'faded' | 'dot';\n}\n\n/**\n * Label component based on [NextUI Chip](https://nextui.org/docs/components/chip)\n */\nconst Label = ({\n  children,\n  className: _className = undefined,\n  color = 'default',\n  endContent = undefined,\n  radius = 'full',\n  size = 'md',\n  startContent = undefined,\n  variant = 'solid',\n}: LabelProps) => {\n  // classNames from slots\n  const variants = labelVariants();\n  const classNames = variantsToClassNames(variants, _className, 'base');\n\n  return (\n    <NextLabel\n      classNames={classNames}\n      color={color}\n      endContent={endContent}\n      radius={radius}\n      size={size}\n      startContent={startContent}\n      variant={variant}\n    >\n      {children}\n    </NextLabel>\n  );\n};\n\nexport default Label;\n","import Label from './Label';\n\nexport type { LabelProps } from './Label';\n\nexport { Label };\n\nexport default Label;\n"]}

package/dist/index.cjs

@@ -11,7 +11,7 @@ var _chunkZCA555Q7cjs = require('./chunk-ZCA555Q7.cjs');
 
 
 
-var _chunkRS7HBBUFcjs = require('./chunk-RS7HBBUF.cjs');
+var _chunk73EN2DZBcjs = require('./chunk-73EN2DZB.cjs');
 
 
 
@@ -19,7 +19,7 @@ var _chunkMWNBYTRNcjs = require('./chunk-MWNBYTRN.cjs');
 
 
 
-var _chunkD5ZDLGL6cjs = require('./chunk-D5ZDLGL6.cjs');
+var _chunkJ5XN2HATcjs = require('./chunk-J5XN2HAT.cjs');
 
 
 var _chunkIDGXOP6Ecjs = require('./chunk-IDGXOP6E.cjs');
@@ -42,7 +42,7 @@ var _chunkULZQ45FScjs = require('./chunk-ULZQ45FS.cjs');
 var _chunkLOFZNVCNcjs = require('./chunk-LOFZNVCN.cjs');
 
 
-var _chunkDN2BMTWIcjs = require('./chunk-DN2BMTWI.cjs');
+var _chunkMMZG5BW3cjs = require('./chunk-MMZG5BW3.cjs');
 require('./chunk-DZUJEN5N.cjs');
 
 
@@ -64,5 +64,5 @@ require('./chunk-DZUJEN5N.cjs');
 
 
 
-exports.Accordion = _chunkD5ZDLGL6cjs.Accordion_default; exports.Avatar = _chunkHVLEV6BGcjs.Avatar_default; exports.AvatarGroup = _chunkIDGXOP6Ecjs.AvatarGroup_default; exports.Badge = _chunkU2JEMXXJcjs.Badge_default; exports.Button = _chunkLOFZNVCNcjs.Button_default; exports.Card = _chunkJPALSO5Ecjs.Card_default; exports.Json = _chunkULZQ45FScjs.Json_default; exports.Label = _chunkDN2BMTWIcjs.Label_default; exports.Menu = _chunkMJNISFGXcjs.Menu_default; exports.Modal = _chunkVAJODF7Zcjs.Modal_default; exports.Popover = _chunkZCA555Q7cjs.Popover_default; exports.Tooltip = _chunkRS7HBBUFcjs.Tooltip_default; exports.accordionVariants = _chunkD5ZDLGL6cjs.accordionVariants; exports.buttonVariants = _chunkLOFZNVCNcjs.buttonVariants; exports.cardVariants = _chunkJPALSO5Ecjs.cardVariants; exports.modalVariants = _chunkVAJODF7Zcjs.modalVariants; exports.tooltipPlacementOptions = _chunkRS7HBBUFcjs.tooltipPlacementOptions; exports.useDebounce = _chunkMWNBYTRNcjs.useDebounce; exports.useLocalStorage = _chunkMWNBYTRNcjs.useLocalStorage;
+exports.Accordion = _chunkJ5XN2HATcjs.Accordion_default; exports.Avatar = _chunkHVLEV6BGcjs.Avatar_default; exports.AvatarGroup = _chunkIDGXOP6Ecjs.AvatarGroup_default; exports.Badge = _chunkU2JEMXXJcjs.Badge_default; exports.Button = _chunkLOFZNVCNcjs.Button_default; exports.Card = _chunkJPALSO5Ecjs.Card_default; exports.Json = _chunkULZQ45FScjs.Json_default; exports.Label = _chunkMMZG5BW3cjs.Label_default; exports.Menu = _chunkMJNISFGXcjs.Menu_default; exports.Modal = _chunkVAJODF7Zcjs.Modal_default; exports.Popover = _chunkZCA555Q7cjs.Popover_default; exports.Tooltip = _chunk73EN2DZBcjs.Tooltip_default; exports.accordionVariants = _chunkJ5XN2HATcjs.accordionVariants; exports.buttonVariants = _chunkLOFZNVCNcjs.buttonVariants; exports.cardVariants = _chunkJPALSO5Ecjs.cardVariants; exports.modalVariants = _chunkVAJODF7Zcjs.modalVariants; exports.tooltipPlacementOptions = _chunk73EN2DZBcjs.tooltipPlacementOptions; exports.useDebounce = _chunkMWNBYTRNcjs.useDebounce; exports.useLocalStorage = _chunkMWNBYTRNcjs.useLocalStorage;
 //# sourceMappingURL=index.cjs.map

package/dist/index.d.cts

@@ -5,11 +5,11 @@ export { A as Badge, B as BadgeProps } from './Badge-2JMThgzp.cjs';
 export { B as Button, a as ButtonProps, b as buttonVariants } from './Button-8uTuwTxM.cjs';
 export { C as Card, a as CardProps, c as cardVariants } from './Card-B3zN1NrH.cjs';
 export { J as Json, a as JsonProps } from './Json-ClGDcbcp.cjs';
-export { L as Label, a as LabelProps } from './Label-BGMbtZK_.cjs';
+export { L as Label, a as LabelProps } from './Label-BpKnEJWi.cjs';
 export { M as Menu, b as MenuItem, a as MenuProps, c as MenuSection } from './Menu-CG5mVVnv.cjs';
 export { M as Modal, a as ModalProps, m as modalVariants } from './Modal-DZHeIvQc.cjs';
 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';
+export { T as Tooltip, a as TooltipProps, t as tooltipPlacementOptions } from './Tooltip-B-1BAE62.cjs';
 export { useDebounce, useLocalStorage } from './hooks/index.cjs';
 import 'react/jsx-runtime';
 import 'tailwind-variants';

package/dist/index.d.ts

@@ -5,11 +5,11 @@ export { A as Badge, B as BadgeProps } from './Badge-2JMThgzp.js';
 export { B as Button, a as ButtonProps, b as buttonVariants } from './Button-8uTuwTxM.js';
 export { C as Card, a as CardProps, c as cardVariants } from './Card-B3zN1NrH.js';
 export { J as Json, a as JsonProps } from './Json-ClGDcbcp.js';
-export { L as Label, a as LabelProps } from './Label-BGMbtZK_.js';
+export { L as Label, a as LabelProps } from './Label-BpKnEJWi.js';
 export { M as Menu, b as MenuItem, a as MenuProps, c as MenuSection } from './Menu-CG5mVVnv.js';
 export { M as Modal, a as ModalProps, m as modalVariants } from './Modal-DZHeIvQc.js';
 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';
+export { T as Tooltip, a as TooltipProps, t as tooltipPlacementOptions } from './Tooltip-B-1BAE62.js';
 export { useDebounce, useLocalStorage } from './hooks/index.js';
 import 'react/jsx-runtime';
 import 'tailwind-variants';

package/dist/index.js

@@ -11,7 +11,7 @@ import {
 import {
   Tooltip_default,
   tooltipPlacementOptions
-} from "./chunk-ZN6DLACS.js";
+} from "./chunk-62KNHHTT.js";
 import {
   useDebounce,
   useLocalStorage
@@ -19,7 +19,7 @@ import {
 import {
   Accordion_default,
   accordionVariants
-} from "./chunk-ZP5MUJHH.js";
+} from "./chunk-G5YPY6KS.js";
 import {
   AvatarGroup_default
 } from "./chunk-4X4NFZAM.js";
@@ -42,7 +42,7 @@ import {
 } from "./chunk-EVCVBDO5.js";
 import {
   Label_default
-} from "./chunk-Q5NSBKHR.js";
+} from "./chunk-EFSKM3C4.js";
 import "./chunk-5WRI5ZAA.js";
 export {
   Accordion_default as Accordion,

package/package.json

@@ -2,7 +2,7 @@
   "name": "@fuf-stack/pixels",
   "description": "fuf core react component library",
   "author": "Hannes Tiede",
-  "version": "0.15.3",
+  "version": "0.16.0",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -120,7 +120,7 @@
     "@nextui-org/tooltip": "2.0.35",
     "react-icons": "5.2.1",
     "react-json-view": "1.21.3",
-    "@fuf-stack/pixel-utils": "0.0.1"
+    "@fuf-stack/pixel-utils": "0.0.2"
   },
   "devDependencies": {
     "@types/debug": "4.1.12",
@@ -129,8 +129,8 @@
     "@uiw/react-json-view": "2.0.0-alpha.24",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "@repo/tailwind-config": "0.0.1",
     "@repo/storybook-config": "0.0.1",
+    "@repo/tailwind-config": "0.0.1",
     "@repo/tsup-config": "0.0.1",
     "@repo/vite-config": "0.0.1"
   },

package/dist/Label-BGMbtZK_.d.cts

@@ -1,28 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ChipProps } from '@nextui-org/chip';
-import { ReactNode } from 'react';
-
-interface LabelProps {
-    /** content of the label */
-    children: ReactNode;
-    /** CSS class name */
-    className?: string;
-    /** color of the label */
-    color?: ChipProps['color'];
-    /** element to be rendered in the right side of the label */
-    endContent?: ChipProps['endContent'];
-    /** radius of the label */
-    radius?: ChipProps['radius'];
-    /** size of the label */
-    size?: ChipProps['size'];
-    /** element to be rendered in the left side of the label */
-    startContent?: ChipProps['startContent'];
-    /** style variant of the label */
-    variant?: 'solid' | 'bordered' | 'light' | 'flat' | 'faded' | 'dot';
-}
-/**
- * Label component based on [NextUI Chip](https://nextui.org/docs/components/chip)
- */
-declare const Label: ({ children, className, color, endContent, radius, size, startContent, variant, }: LabelProps) => react_jsx_runtime.JSX.Element;
-
-export { Label as L, type LabelProps as a };

package/dist/Label-BGMbtZK_.d.ts

@@ -1,28 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ChipProps } from '@nextui-org/chip';
-import { ReactNode } from 'react';
-
-interface LabelProps {
-    /** content of the label */
-    children: ReactNode;
-    /** CSS class name */
-    className?: string;
-    /** color of the label */
-    color?: ChipProps['color'];
-    /** element to be rendered in the right side of the label */
-    endContent?: ChipProps['endContent'];
-    /** radius of the label */
-    radius?: ChipProps['radius'];
-    /** size of the label */
-    size?: ChipProps['size'];
-    /** element to be rendered in the left side of the label */
-    startContent?: ChipProps['startContent'];
-    /** style variant of the label */
-    variant?: 'solid' | 'bordered' | 'light' | 'flat' | 'faded' | 'dot';
-}
-/**
- * Label component based on [NextUI Chip](https://nextui.org/docs/components/chip)
- */
-declare const Label: ({ children, className, color, endContent, radius, size, startContent, variant, }: LabelProps) => react_jsx_runtime.JSX.Element;
-
-export { Label as L, type LabelProps as a };

package/dist/Tooltip-D4znH2L3.d.cts

@@ -1,27 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
-
-declare const tooltipPlacementOptions: readonly ["top", "bottom", "left", "right"];
-type TooltipPlacement = (typeof tooltipPlacementOptions)[number];
-interface TooltipProps {
-    /** trigger child components */
-    children: ReactNode;
-    /** CSS class name */
-    className?: string;
-    /** placement padding in px */
-    containerPadding?: number;
-    /** content displayed in the tooltip */
-    content: ReactNode;
-    /** open overlay initially when uncontrolled */
-    defaultOpen?: boolean;
-    /** handler that is called when the overlay's open state changes */
-    onOpenChange?: (isOpen: boolean) => void;
-    /** placement if the tooltip */
-    placement?: TooltipPlacement;
-}
-/**
- * Tooltip component based on [NextUI Tooltip](https://nextui.org/docs/components/tooltip)
- */
-declare const Tooltip: ({ children, className, content, placement, defaultOpen, onOpenChange, containerPadding, }: TooltipProps) => react_jsx_runtime.JSX.Element;
-
-export { Tooltip as T, type TooltipProps as a, tooltipPlacementOptions as t };

package/dist/Tooltip-D4znH2L3.d.ts

@@ -1,27 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
-
-declare const tooltipPlacementOptions: readonly ["top", "bottom", "left", "right"];
-type TooltipPlacement = (typeof tooltipPlacementOptions)[number];
-interface TooltipProps {
-    /** trigger child components */
-    children: ReactNode;
-    /** CSS class name */
-    className?: string;
-    /** placement padding in px */
-    containerPadding?: number;
-    /** content displayed in the tooltip */
-    content: ReactNode;
-    /** open overlay initially when uncontrolled */
-    defaultOpen?: boolean;
-    /** handler that is called when the overlay's open state changes */
-    onOpenChange?: (isOpen: boolean) => void;
-    /** placement if the tooltip */
-    placement?: TooltipPlacement;
-}
-/**
- * Tooltip component based on [NextUI Tooltip](https://nextui.org/docs/components/tooltip)
- */
-declare const Tooltip: ({ children, className, content, placement, defaultOpen, onOpenChange, containerPadding, }: TooltipProps) => react_jsx_runtime.JSX.Element;
-
-export { Tooltip as T, type TooltipProps as a, tooltipPlacementOptions as t };

package/dist/chunk-D5ZDLGL6.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Accordion/Accordion.tsx","../src/Accordion/index.ts"],"names":["Accordion_default"],"mappings":";AAIA;AAAA,EACE,aAAa;AAAA,EACb,iBAAiB;AAAA,OACZ;AAEP,SAAS,IAAI,4BAA4B;AAkHjC;AA9GD,IAAM,oBAAoB,GAAG;AAAA,EAClC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,WAAW;AAAA,IACX,cAAc;AAAA,IACd,UAAU;AAAA,IACV,OAAO;AAAA,IACP,cAAc;AAAA,IACd,SAAS;AAAA;AAAA,IAET,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,eAAe;AAAA,MACb,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,WAAW;AAAA,QACX,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,aAAa;AAAA,MACX,MAAM;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF,CAAC;AA8CD,IAAM,YAAY,CAAC;AAAA,EACjB,iBAAiB,CAAC;AAAA,EAClB,WAAW,aAAa;AAAA,EACxB,sBAAsB,CAAC;AAAA,EACvB,WAAW;AAAA,EACX,eAAe,CAAC;AAAA,EAChB,yBAAyB;AAAA,EACzB,eAAe,CAAC;AAAA,EAChB,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,UAAU;AACZ,MAAsB;AAEpB,QAAM,WAAW,kBAAkB;AAAA,IACjC;AAAA,IACA,aAAa,eAAe,YAAY;AAAA,EAC1C,CAAC;AACD,QAAM,aAAa,qBAAqB,UAAU,YAAY,SAAS;AAEvE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,WAAW;AAAA,MACtB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MAEC,yBAAe,IAAI,CAAC,MAAM,UACzB;AAAA,QAAC;AAAA;AAAA,UAGC,YAAY,YAAY,MAAM;AAAA,UAE7B,GAAG;AAAA;AAAA,QAHC;AAAA,MAIP,CACD;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,oBAAQ;;;ACjIf,IAAOA,qBAAQ","sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { DividerProps } from '@nextui-org/divider';\nimport type { ReactNode } from 'react';\n\nimport {\n  Accordion as NextAccordion,\n  AccordionItem as NextAccordionItem,\n} from '@nextui-org/accordion';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// accordion styling variants\n// see: https://nextui.org/docs/components/accordion#accordion-item-slots\nexport const accordionVariants = tv({\n  slots: {\n    base: '',\n    content: '',\n    heading: '',\n    indicator: '',\n    startContent: '',\n    subtitle: '',\n    title: '',\n    titleWrapper: '',\n    trigger: '',\n    // outer accordion wrapper\n    wrapper: '',\n  },\n  variants: {\n    indicatorLeft: {\n      true: {\n        content: 'pl-7',\n        indicator: '-rotate-180 data-[open=true]:-rotate-90',\n        trigger: 'flex-row-reverse',\n      },\n    },\n    showDivider: {\n      true: {\n        wrapper: 'divide-y divide-solid divide-divider',\n      },\n    },\n  },\n});\n\nexport interface AccordionItemProps {\n  /** Content of the accordion item */\n  children: ReactNode;\n  /** Disables the accordion item */\n  disabled?: boolean;\n  /** Accordion item title */\n  title: ReactNode;\n  /** Accordion item subtitle */\n  subtitle?: ReactNode;\n}\n\ntype VariantProps = TVProps<typeof accordionVariants>;\ntype ClassName = TVClassName<typeof accordionVariants>;\n\nexport interface AccordionProps extends VariantProps {\n  /** Props for AccordionItems, will render the accordion items programmatically */\n  accordionItems?: AccordionItemProps[];\n  /** CSS class name */\n  className?: ClassName;\n  /** Array of keys for the AccordionItem(s) to be expanded by default */\n  defaultSelectedKeys?: undefined | 'all' | Iterable<number | string>;\n  /** Disables the Accordion */\n  disabled?: boolean;\n  /** Array of keys for the AccordionItems to disable */\n  disabledKeys?: Iterable<number | string>;\n  /** Force always one AccordionItem to be open. */\n  disallowEmptySelection?: boolean;\n  /** props for styling the Divider */\n  dividerProps?: DividerProps;\n  /** Hide the expanded/collapsed indicator icon */\n  hideIndicator?: boolean;\n  /** Callback function for when a Accordion Item is expanded or collapsed */\n  onSelectionChange?: (keys: 'all' | Iterable<number | string>) => unknown;\n  /** Set whether multiple or only a single AccordionItems can be expanded */\n  selectionMode?: 'single' | 'multiple';\n  /** Enable or disable the divider between each AccordionItem */\n  showDivider?: boolean;\n  /** Style variant of the Accordion */\n  variant?: 'light' | 'shadow' | 'bordered' | 'splitted';\n}\n\n/**\n * Accordion component based on [NextUI Accordion](https://nextui.org/docs/components/accordion)\n */\nconst Accordion = ({\n  accordionItems = [],\n  className: _className = undefined,\n  defaultSelectedKeys = [],\n  disabled = false,\n  disabledKeys = [],\n  disallowEmptySelection = false,\n  dividerProps = {},\n  indicatorLeft = false,\n  onSelectionChange = undefined,\n  selectionMode = 'multiple',\n  showDivider = true,\n  variant = 'light',\n}: AccordionProps) => {\n  // itemClasses from className slots\n  const variants = accordionVariants({\n    indicatorLeft,\n    showDivider: showDivider && variant !== 'splitted',\n  });\n  const classNames = variantsToClassNames(variants, _className, 'wrapper');\n\n  return (\n    <NextAccordion\n      className={classNames.wrapper}\n      defaultSelectedKeys={defaultSelectedKeys}\n      disabledKeys={disabledKeys}\n      disallowEmptySelection={disallowEmptySelection}\n      dividerProps={dividerProps}\n      isDisabled={disabled}\n      itemClasses={classNames}\n      onSelectionChange={onSelectionChange}\n      selectionMode={selectionMode}\n      showDivider={false}\n      variant={variant}\n    >\n      {accordionItems.map((item, index) => (\n        <NextAccordionItem\n          // eslint-disable-next-line react/no-array-index-key\n          key={index}\n          isDisabled={disabled || item?.disabled}\n          // eslint-disable-next-line react/jsx-props-no-spreading\n          {...item}\n        />\n      ))}\n    </NextAccordion>\n  );\n};\n\nexport default Accordion;\n","import Accordion, { accordionVariants } from './Accordion';\n\nexport type { AccordionProps, AccordionItemProps } from './Accordion';\n\nexport { Accordion, accordionVariants };\n\nexport default Accordion;\n"]}

package/dist/chunk-DN2BMTWI.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Label/Label.tsx","../src/Label/index.ts"],"names":["Label_default"],"mappings":";AAGA,SAAS,QAAQ,iBAAiB;AAElC,SAAS,UAAU;AAkCjB;AAVF,IAAM,QAAQ,CAAC;AAAA,EACb;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,SAAS;AAAA,EACT,OAAO;AAAA,EACP,eAAe;AAAA,EACf,UAAU;AACZ,MACE;AAAA,EAAC;AAAA;AAAA,IACC,WAAW,GAAG,SAAS;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEC;AAAA;AACH;AAGF,IAAO,gBAAQ;;;AC9Cf,IAAOA,iBAAQ","sourcesContent":["import type { ChipProps } from '@nextui-org/chip';\nimport type { ReactNode } from 'react';\n\nimport { Chip as NextLabel } from '@nextui-org/chip';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\nexport interface LabelProps {\n  /** content of the label */\n  children: ReactNode;\n  /** CSS class name */\n  className?: string;\n  /** color of the label */\n  color?: ChipProps['color'];\n  /** element to be rendered in the right side of the label */\n  endContent?: ChipProps['endContent'];\n  /** radius of the label */\n  radius?: ChipProps['radius'];\n  /** size of the label */\n  size?: ChipProps['size'];\n  /** element to be rendered in the left side of the label */\n  startContent?: ChipProps['startContent'];\n  /** style variant of the label */\n  variant?: 'solid' | 'bordered' | 'light' | 'flat' | 'faded' | 'dot';\n}\n\n/**\n * Label component based on [NextUI Chip](https://nextui.org/docs/components/chip)\n */\nconst Label = ({\n  children,\n  className = undefined,\n  color = 'default',\n  endContent = undefined,\n  radius = 'full',\n  size = 'md',\n  startContent = undefined,\n  variant = 'solid',\n}: LabelProps) => (\n  <NextLabel\n    className={cn(className)}\n    color={color}\n    endContent={endContent}\n    radius={radius}\n    size={size}\n    startContent={startContent}\n    variant={variant}\n  >\n    {children}\n  </NextLabel>\n);\n\nexport default Label;\n","import Label from './Label';\n\nexport type { LabelProps } from './Label';\n\nexport { Label };\n\nexport default Label;\n"]}

package/dist/chunk-Q5NSBKHR.js

@@ -1,36 +0,0 @@
-// src/Label/Label.tsx
-import { Chip as NextLabel } from "@nextui-org/chip";
-import { cn } from "@fuf-stack/pixel-utils";
-import { jsx } from "react/jsx-runtime";
-var Label = ({
-  children,
-  className = void 0,
-  color = "default",
-  endContent = void 0,
-  radius = "full",
-  size = "md",
-  startContent = void 0,
-  variant = "solid"
-}) => /* @__PURE__ */ jsx(
-  NextLabel,
-  {
-    className: cn(className),
-    color,
-    endContent,
-    radius,
-    size,
-    startContent,
-    variant,
-    children
-  }
-);
-var Label_default = Label;
-
-// src/Label/index.ts
-var Label_default2 = Label_default;
-
-export {
-  Label_default,
-  Label_default2
-};
-//# sourceMappingURL=chunk-Q5NSBKHR.js.map

package/dist/chunk-Q5NSBKHR.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Label/Label.tsx","../src/Label/index.ts"],"sourcesContent":["import type { ChipProps } from '@nextui-org/chip';\nimport type { ReactNode } from 'react';\n\nimport { Chip as NextLabel } from '@nextui-org/chip';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\nexport interface LabelProps {\n  /** content of the label */\n  children: ReactNode;\n  /** CSS class name */\n  className?: string;\n  /** color of the label */\n  color?: ChipProps['color'];\n  /** element to be rendered in the right side of the label */\n  endContent?: ChipProps['endContent'];\n  /** radius of the label */\n  radius?: ChipProps['radius'];\n  /** size of the label */\n  size?: ChipProps['size'];\n  /** element to be rendered in the left side of the label */\n  startContent?: ChipProps['startContent'];\n  /** style variant of the label */\n  variant?: 'solid' | 'bordered' | 'light' | 'flat' | 'faded' | 'dot';\n}\n\n/**\n * Label component based on [NextUI Chip](https://nextui.org/docs/components/chip)\n */\nconst Label = ({\n  children,\n  className = undefined,\n  color = 'default',\n  endContent = undefined,\n  radius = 'full',\n  size = 'md',\n  startContent = undefined,\n  variant = 'solid',\n}: LabelProps) => (\n  <NextLabel\n    className={cn(className)}\n    color={color}\n    endContent={endContent}\n    radius={radius}\n    size={size}\n    startContent={startContent}\n    variant={variant}\n  >\n    {children}\n  </NextLabel>\n);\n\nexport default Label;\n","import Label from './Label';\n\nexport type { LabelProps } from './Label';\n\nexport { Label };\n\nexport default Label;\n"],"mappings":";AAGA,SAAS,QAAQ,iBAAiB;AAElC,SAAS,UAAU;AAkCjB;AAVF,IAAM,QAAQ,CAAC;AAAA,EACb;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,SAAS;AAAA,EACT,OAAO;AAAA,EACP,eAAe;AAAA,EACf,UAAU;AACZ,MACE;AAAA,EAAC;AAAA;AAAA,IACC,WAAW,GAAG,SAAS;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEC;AAAA;AACH;AAGF,IAAO,gBAAQ;;;AC9Cf,IAAOA,iBAAQ;","names":["Label_default"]}

package/dist/chunk-RS7HBBUF.cjs

@@ -1,44 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/Tooltip/Tooltip.tsx
-var _tooltip = require('@nextui-org/tooltip');
-var _pixelutils = require('@fuf-stack/pixel-utils');
-var _jsxruntime = require('react/jsx-runtime');
-var tooltipPlacementOptions = [
-  "top",
-  "bottom",
-  "left",
-  "right"
-];
-var Tooltip = ({
-  children,
-  className = void 0,
-  content,
-  placement = "top",
-  defaultOpen = false,
-  onOpenChange = void 0,
-  containerPadding = 0
-}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  _tooltip.Tooltip,
-  {
-    className: _pixelutils.cn.call(void 0, className),
-    containerPadding,
-    content,
-    defaultOpen,
-    onClick: (e) => e.preventDefault(),
-    onOpenChange,
-    placement,
-    shouldFlip: true,
-    showArrow: true,
-    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "cursor-pointer", children })
-  }
-);
-var Tooltip_default = Tooltip;
-
-// src/Tooltip/index.ts
-var Tooltip_default2 = Tooltip_default;
-
-
-
-
-
-exports.tooltipPlacementOptions = tooltipPlacementOptions; exports.Tooltip_default = Tooltip_default; exports.Tooltip_default2 = Tooltip_default2;
-//# sourceMappingURL=chunk-RS7HBBUF.cjs.map

package/dist/chunk-RS7HBBUF.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Tooltip/Tooltip.tsx","../src/Tooltip/index.ts"],"names":["Tooltip_default"],"mappings":";AAEA,SAAS,WAAW,mBAAmB;AAEvC,SAAS,UAAU;AAkDf;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;;;ACpDf,IAAOA,mBAAQ","sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Tooltip as NextTooltip } from '@nextui-org/tooltip';\n\nimport { cn } from '@fuf-stack/pixel-utils';\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-ZN6DLACS.js

@@ -1,44 +0,0 @@
-// src/Tooltip/Tooltip.tsx
-import { Tooltip as NextTooltip } from "@nextui-org/tooltip";
-import { cn } from "@fuf-stack/pixel-utils";
-import { jsx } from "react/jsx-runtime";
-var tooltipPlacementOptions = [
-  "top",
-  "bottom",
-  "left",
-  "right"
-];
-var Tooltip = ({
-  children,
-  className = void 0,
-  content,
-  placement = "top",
-  defaultOpen = false,
-  onOpenChange = void 0,
-  containerPadding = 0
-}) => /* @__PURE__ */ jsx(
-  NextTooltip,
-  {
-    className: cn(className),
-    containerPadding,
-    content,
-    defaultOpen,
-    onClick: (e) => e.preventDefault(),
-    onOpenChange,
-    placement,
-    shouldFlip: true,
-    showArrow: true,
-    children: /* @__PURE__ */ jsx("span", { className: "cursor-pointer", children })
-  }
-);
-var Tooltip_default = Tooltip;
-
-// src/Tooltip/index.ts
-var Tooltip_default2 = Tooltip_default;
-
-export {
-  tooltipPlacementOptions,
-  Tooltip_default,
-  Tooltip_default2
-};
-//# sourceMappingURL=chunk-ZN6DLACS.js.map

package/dist/chunk-ZN6DLACS.js.map

@@ -1 +0,0 @@
-{"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';\n\nimport { cn } from '@fuf-stack/pixel-utils';\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;AAEvC,SAAS,UAAU;AAkDf;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;;;ACpDf,IAAOA,mBAAQ;","names":["Tooltip_default"]}

package/dist/chunk-ZP5MUJHH.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Accordion/Accordion.tsx","../src/Accordion/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { DividerProps } from '@nextui-org/divider';\nimport type { ReactNode } from 'react';\n\nimport {\n  Accordion as NextAccordion,\n  AccordionItem as NextAccordionItem,\n} from '@nextui-org/accordion';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// accordion styling variants\n// see: https://nextui.org/docs/components/accordion#accordion-item-slots\nexport const accordionVariants = tv({\n  slots: {\n    base: '',\n    content: '',\n    heading: '',\n    indicator: '',\n    startContent: '',\n    subtitle: '',\n    title: '',\n    titleWrapper: '',\n    trigger: '',\n    // outer accordion wrapper\n    wrapper: '',\n  },\n  variants: {\n    indicatorLeft: {\n      true: {\n        content: 'pl-7',\n        indicator: '-rotate-180 data-[open=true]:-rotate-90',\n        trigger: 'flex-row-reverse',\n      },\n    },\n    showDivider: {\n      true: {\n        wrapper: 'divide-y divide-solid divide-divider',\n      },\n    },\n  },\n});\n\nexport interface AccordionItemProps {\n  /** Content of the accordion item */\n  children: ReactNode;\n  /** Disables the accordion item */\n  disabled?: boolean;\n  /** Accordion item title */\n  title: ReactNode;\n  /** Accordion item subtitle */\n  subtitle?: ReactNode;\n}\n\ntype VariantProps = TVProps<typeof accordionVariants>;\ntype ClassName = TVClassName<typeof accordionVariants>;\n\nexport interface AccordionProps extends VariantProps {\n  /** Props for AccordionItems, will render the accordion items programmatically */\n  accordionItems?: AccordionItemProps[];\n  /** CSS class name */\n  className?: ClassName;\n  /** Array of keys for the AccordionItem(s) to be expanded by default */\n  defaultSelectedKeys?: undefined | 'all' | Iterable<number | string>;\n  /** Disables the Accordion */\n  disabled?: boolean;\n  /** Array of keys for the AccordionItems to disable */\n  disabledKeys?: Iterable<number | string>;\n  /** Force always one AccordionItem to be open. */\n  disallowEmptySelection?: boolean;\n  /** props for styling the Divider */\n  dividerProps?: DividerProps;\n  /** Hide the expanded/collapsed indicator icon */\n  hideIndicator?: boolean;\n  /** Callback function for when a Accordion Item is expanded or collapsed */\n  onSelectionChange?: (keys: 'all' | Iterable<number | string>) => unknown;\n  /** Set whether multiple or only a single AccordionItems can be expanded */\n  selectionMode?: 'single' | 'multiple';\n  /** Enable or disable the divider between each AccordionItem */\n  showDivider?: boolean;\n  /** Style variant of the Accordion */\n  variant?: 'light' | 'shadow' | 'bordered' | 'splitted';\n}\n\n/**\n * Accordion component based on [NextUI Accordion](https://nextui.org/docs/components/accordion)\n */\nconst Accordion = ({\n  accordionItems = [],\n  className: _className = undefined,\n  defaultSelectedKeys = [],\n  disabled = false,\n  disabledKeys = [],\n  disallowEmptySelection = false,\n  dividerProps = {},\n  indicatorLeft = false,\n  onSelectionChange = undefined,\n  selectionMode = 'multiple',\n  showDivider = true,\n  variant = 'light',\n}: AccordionProps) => {\n  // itemClasses from className slots\n  const variants = accordionVariants({\n    indicatorLeft,\n    showDivider: showDivider && variant !== 'splitted',\n  });\n  const classNames = variantsToClassNames(variants, _className, 'wrapper');\n\n  return (\n    <NextAccordion\n      className={classNames.wrapper}\n      defaultSelectedKeys={defaultSelectedKeys}\n      disabledKeys={disabledKeys}\n      disallowEmptySelection={disallowEmptySelection}\n      dividerProps={dividerProps}\n      isDisabled={disabled}\n      itemClasses={classNames}\n      onSelectionChange={onSelectionChange}\n      selectionMode={selectionMode}\n      showDivider={false}\n      variant={variant}\n    >\n      {accordionItems.map((item, index) => (\n        <NextAccordionItem\n          // eslint-disable-next-line react/no-array-index-key\n          key={index}\n          isDisabled={disabled || item?.disabled}\n          // eslint-disable-next-line react/jsx-props-no-spreading\n          {...item}\n        />\n      ))}\n    </NextAccordion>\n  );\n};\n\nexport default Accordion;\n","import Accordion, { accordionVariants } from './Accordion';\n\nexport type { AccordionProps, AccordionItemProps } from './Accordion';\n\nexport { Accordion, accordionVariants };\n\nexport default Accordion;\n"],"mappings":";AAIA;AAAA,EACE,aAAa;AAAA,EACb,iBAAiB;AAAA,OACZ;AAEP,SAAS,IAAI,4BAA4B;AAkHjC;AA9GD,IAAM,oBAAoB,GAAG;AAAA,EAClC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,WAAW;AAAA,IACX,cAAc;AAAA,IACd,UAAU;AAAA,IACV,OAAO;AAAA,IACP,cAAc;AAAA,IACd,SAAS;AAAA;AAAA,IAET,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,eAAe;AAAA,MACb,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,WAAW;AAAA,QACX,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,aAAa;AAAA,MACX,MAAM;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF,CAAC;AA8CD,IAAM,YAAY,CAAC;AAAA,EACjB,iBAAiB,CAAC;AAAA,EAClB,WAAW,aAAa;AAAA,EACxB,sBAAsB,CAAC;AAAA,EACvB,WAAW;AAAA,EACX,eAAe,CAAC;AAAA,EAChB,yBAAyB;AAAA,EACzB,eAAe,CAAC;AAAA,EAChB,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,UAAU;AACZ,MAAsB;AAEpB,QAAM,WAAW,kBAAkB;AAAA,IACjC;AAAA,IACA,aAAa,eAAe,YAAY;AAAA,EAC1C,CAAC;AACD,QAAM,aAAa,qBAAqB,UAAU,YAAY,SAAS;AAEvE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,WAAW;AAAA,MACtB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MAEC,yBAAe,IAAI,CAAC,MAAM,UACzB;AAAA,QAAC;AAAA;AAAA,UAGC,YAAY,YAAY,MAAM;AAAA,UAE7B,GAAG;AAAA;AAAA,QAHC;AAAA,MAIP,CACD;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,oBAAQ;;;ACjIf,IAAOA,qBAAQ;","names":["Accordion_default"]}