@fuf-stack/pixels 0.16.0 → 0.16.2

package/dist/Label/index.cjs

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

package/dist/Label/index.d.cts

@@ -1,5 +1,5 @@
-import { L as Label } from '../Label-BpKnEJWi.cjs';
-export { a as LabelProps } from '../Label-BpKnEJWi.cjs';
+import { L as Label } from '../Label-DAK6glI0.cjs';
+export { a as LabelProps } from '../Label-DAK6glI0.cjs';
 import 'react/jsx-runtime';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';

package/dist/Label/index.d.ts

@@ -1,5 +1,5 @@
-import { L as Label } from '../Label-BpKnEJWi.js';
-export { a as LabelProps } from '../Label-BpKnEJWi.js';
+import { L as Label } from '../Label-DAK6glI0.js';
+export { a as LabelProps } from '../Label-DAK6glI0.js';
 import 'react/jsx-runtime';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';

package/dist/Label/index.js

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

package/dist/{Label-BpKnEJWi.d.cts → Label-DAK6glI0.d.cts}

@@ -8,45 +8,69 @@ import { ReactNode } from 'react';
 declare const labelVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
+            avatar?: tailwind_variants.ClassValue;
             base?: tailwind_variants.ClassValue;
+            closeButton?: tailwind_variants.ClassValue;
             content?: tailwind_variants.ClassValue;
+            dot?: tailwind_variants.ClassValue;
         };
     };
 } | {
     [x: string]: {
         [x: string]: tailwind_variants.ClassValue | {
+            avatar?: tailwind_variants.ClassValue;
             base?: tailwind_variants.ClassValue;
+            closeButton?: tailwind_variants.ClassValue;
             content?: tailwind_variants.ClassValue;
+            dot?: tailwind_variants.ClassValue;
         };
     };
 } | {}, {
+    avatar: string;
     base: string;
+    closeButton: string;
     content: string;
+    dot: string;
 }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
+            avatar?: tailwind_variants.ClassValue;
             base?: tailwind_variants.ClassValue;
+            closeButton?: tailwind_variants.ClassValue;
             content?: tailwind_variants.ClassValue;
+            dot?: tailwind_variants.ClassValue;
         };
     };
 } | {}>, {
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
+            avatar?: tailwind_variants.ClassValue;
             base?: tailwind_variants.ClassValue;
+            closeButton?: tailwind_variants.ClassValue;
             content?: tailwind_variants.ClassValue;
+            dot?: tailwind_variants.ClassValue;
         };
     };
 } | {}, {
+    avatar: string;
     base: string;
+    closeButton: string;
     content: string;
+    dot: string;
 }, tailwind_variants.TVReturnType<unknown, {
+    avatar: string;
     base: string;
+    closeButton: string;
     content: string;
+    dot: string;
 }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
+            avatar?: tailwind_variants.ClassValue;
             base?: tailwind_variants.ClassValue;
+            closeButton?: tailwind_variants.ClassValue;
             content?: tailwind_variants.ClassValue;
+            dot?: tailwind_variants.ClassValue;
         };
     };
 } | {}>, unknown, unknown, undefined>>;

package/dist/{Label-BpKnEJWi.d.ts → Label-DAK6glI0.d.ts}

@@ -8,45 +8,69 @@ import { ReactNode } from 'react';
 declare const labelVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
+            avatar?: tailwind_variants.ClassValue;
             base?: tailwind_variants.ClassValue;
+            closeButton?: tailwind_variants.ClassValue;
             content?: tailwind_variants.ClassValue;
+            dot?: tailwind_variants.ClassValue;
         };
     };
 } | {
     [x: string]: {
         [x: string]: tailwind_variants.ClassValue | {
+            avatar?: tailwind_variants.ClassValue;
             base?: tailwind_variants.ClassValue;
+            closeButton?: tailwind_variants.ClassValue;
             content?: tailwind_variants.ClassValue;
+            dot?: tailwind_variants.ClassValue;
         };
     };
 } | {}, {
+    avatar: string;
     base: string;
+    closeButton: string;
     content: string;
+    dot: string;
 }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
+            avatar?: tailwind_variants.ClassValue;
             base?: tailwind_variants.ClassValue;
+            closeButton?: tailwind_variants.ClassValue;
             content?: tailwind_variants.ClassValue;
+            dot?: tailwind_variants.ClassValue;
         };
     };
 } | {}>, {
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
+            avatar?: tailwind_variants.ClassValue;
             base?: tailwind_variants.ClassValue;
+            closeButton?: tailwind_variants.ClassValue;
             content?: tailwind_variants.ClassValue;
+            dot?: tailwind_variants.ClassValue;
         };
     };
 } | {}, {
+    avatar: string;
     base: string;
+    closeButton: string;
     content: string;
+    dot: string;
 }, tailwind_variants.TVReturnType<unknown, {
+    avatar: string;
     base: string;
+    closeButton: string;
     content: string;
+    dot: string;
 }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
+            avatar?: tailwind_variants.ClassValue;
             base?: tailwind_variants.ClassValue;
+            closeButton?: tailwind_variants.ClassValue;
             content?: tailwind_variants.ClassValue;
+            dot?: tailwind_variants.ClassValue;
         };
     };
 } | {}>, unknown, unknown, undefined>>;

package/dist/Tooltip/index.cjs

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

package/dist/Tooltip/index.d.cts

@@ -1,5 +1,5 @@
-import { T as Tooltip } from '../Tooltip-B-1BAE62.cjs';
-export { a as TooltipProps, t as tooltipPlacementOptions } from '../Tooltip-B-1BAE62.cjs';
+import { T as Tooltip } from '../Tooltip-BuPzZLuE.cjs';
+export { a as TooltipProps, t as tooltipPlacementOptions } from '../Tooltip-BuPzZLuE.cjs';
 import 'react/jsx-runtime';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';

package/dist/Tooltip/index.d.ts

@@ -1,5 +1,5 @@
-import { T as Tooltip } from '../Tooltip-B-1BAE62.js';
-export { a as TooltipProps, t as tooltipPlacementOptions } from '../Tooltip-B-1BAE62.js';
+import { T as Tooltip } from '../Tooltip-BuPzZLuE.js';
+export { a as TooltipProps, t as tooltipPlacementOptions } from '../Tooltip-BuPzZLuE.js';
 import 'react/jsx-runtime';
 import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';

package/dist/Tooltip/index.js

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

package/dist/{Tooltip-B-1BAE62.d.cts → Tooltip-BuPzZLuE.d.cts}

@@ -9,6 +9,7 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
             content?: tailwind_variants.ClassValue;
+            wrapper?: tailwind_variants.ClassValue;
         };
     };
 } | {
@@ -16,16 +17,19 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
         [x: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
             content?: tailwind_variants.ClassValue;
+            wrapper?: tailwind_variants.ClassValue;
         };
     };
 } | {}, {
     base: string;
     content: string;
+    wrapper: string;
 }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
             content?: tailwind_variants.ClassValue;
+            wrapper?: tailwind_variants.ClassValue;
         };
     };
 } | {}>, {
@@ -33,19 +37,23 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
             content?: tailwind_variants.ClassValue;
+            wrapper?: tailwind_variants.ClassValue;
         };
     };
 } | {}, {
     base: string;
     content: string;
+    wrapper: string;
 }, tailwind_variants.TVReturnType<unknown, {
     base: string;
     content: string;
+    wrapper: string;
 }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
             content?: tailwind_variants.ClassValue;
+            wrapper?: tailwind_variants.ClassValue;
         };
     };
 } | {}>, unknown, unknown, undefined>>;

package/dist/{Tooltip-B-1BAE62.d.ts → Tooltip-BuPzZLuE.d.ts}

@@ -9,6 +9,7 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
             content?: tailwind_variants.ClassValue;
+            wrapper?: tailwind_variants.ClassValue;
         };
     };
 } | {
@@ -16,16 +17,19 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
         [x: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
             content?: tailwind_variants.ClassValue;
+            wrapper?: tailwind_variants.ClassValue;
         };
     };
 } | {}, {
     base: string;
     content: string;
+    wrapper: string;
 }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
             content?: tailwind_variants.ClassValue;
+            wrapper?: tailwind_variants.ClassValue;
         };
     };
 } | {}>, {
@@ -33,19 +37,23 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
             content?: tailwind_variants.ClassValue;
+            wrapper?: tailwind_variants.ClassValue;
         };
     };
 } | {}, {
     base: string;
     content: string;
+    wrapper: string;
 }, tailwind_variants.TVReturnType<unknown, {
     base: string;
     content: string;
+    wrapper: string;
 }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
             content?: tailwind_variants.ClassValue;
+            wrapper?: tailwind_variants.ClassValue;
         };
     };
 } | {}>, unknown, unknown, undefined>>;

package/dist/{chunk-EFSKM3C4.js → chunk-7IGL67EH.js}

@@ -4,8 +4,11 @@ import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
 import { jsx } from "react/jsx-runtime";
 var labelVariants = tv({
   slots: {
+    avatar: "",
     base: "",
-    content: ""
+    closeButton: "",
+    content: "",
+    dot: ""
   }
 });
 var Label = ({
@@ -43,4 +46,4 @@ export {
   Label_default,
   Label_default2
 };
-//# sourceMappingURL=chunk-EFSKM3C4.js.map
+//# sourceMappingURL=chunk-7IGL67EH.js.map

package/dist/chunk-7IGL67EH.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    avatar: '',\n    base: '',\n    closeButton: '',\n    content: '',\n    dot: '',\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;AAqDrC;AAlDG,IAAM,gBAAgB,GAAG;AAAA,EAC9B,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,aAAa;AAAA,IACb,SAAS;AAAA,IACT,KAAK;AAAA,EACP;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;;;ACnEf,IAAOA,iBAAQ;","names":["Label_default"]}

package/dist/{chunk-62KNHHTT.js → chunk-LK5TIW6E.js}

@@ -5,7 +5,8 @@ import { jsx } from "react/jsx-runtime";
 var tooltipVariants = tv({
   slots: {
     base: "",
-    content: ""
+    content: "",
+    wrapper: "cursor-pointer"
   }
 });
 var tooltipPlacementOptions = [
@@ -25,7 +26,7 @@ var Tooltip = ({
 }) => {
   const variants = tooltipVariants();
   const classNames = variantsToClassNames(variants, _className, "base");
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("span", { className: classNames.wrapper, children: /* @__PURE__ */ jsx(
     NextTooltip,
     {
       classNames,
@@ -37,9 +38,9 @@ var Tooltip = ({
       placement,
       shouldFlip: true,
       showArrow: true,
-      children: /* @__PURE__ */ jsx("span", { className: "cursor-pointer", children })
+      children
     }
-  );
+  ) });
 };
 var Tooltip_default = Tooltip;
 
@@ -51,4 +52,4 @@ export {
   Tooltip_default,
   Tooltip_default2
 };
-//# sourceMappingURL=chunk-62KNHHTT.js.map
+//# sourceMappingURL=chunk-LK5TIW6E.js.map

package/dist/chunk-LK5TIW6E.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    wrapper: 'cursor-pointer',\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    <span className={classNames.wrapper}>\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        {children}\n      </NextTooltip>\n    </span>\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;AAyDnC;AAtDC,IAAM,kBAAkB,GAAG;AAAA,EAChC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,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,oBAAC,UAAK,WAAW,WAAW,SAC1B;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,MAER;AAAA;AAAA,EACH,GACF;AAEJ;AAEA,IAAO,kBAAQ;;;ACzEf,IAAOA,mBAAQ;","names":["Tooltip_default"]}

package/dist/{chunk-73EN2DZB.cjs → chunk-P2OOL7Q2.cjs}

@@ -5,7 +5,8 @@ var _jsxruntime = require('react/jsx-runtime');
 var tooltipVariants = _pixelutils.tv.call(void 0, {
   slots: {
     base: "",
-    content: ""
+    content: "",
+    wrapper: "cursor-pointer"
   }
 });
 var tooltipPlacementOptions = [
@@ -25,7 +26,7 @@ var Tooltip = ({
 }) => {
   const variants = tooltipVariants();
   const classNames = _pixelutils.variantsToClassNames.call(void 0, variants, _className, "base");
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: classNames.wrapper, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _tooltip.Tooltip,
     {
       classNames,
@@ -37,9 +38,9 @@ var Tooltip = ({
       placement,
       shouldFlip: true,
       showArrow: true,
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "cursor-pointer", children })
+      children
     }
-  );
+  ) });
 };
 var Tooltip_default = Tooltip;
 
@@ -51,4 +52,4 @@ var Tooltip_default2 = Tooltip_default;
 
 
 exports.tooltipPlacementOptions = tooltipPlacementOptions; exports.Tooltip_default = Tooltip_default; exports.Tooltip_default2 = Tooltip_default2;
-//# sourceMappingURL=chunk-73EN2DZB.cjs.map
+//# sourceMappingURL=chunk-P2OOL7Q2.cjs.map

package/dist/chunk-P2OOL7Q2.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;AAyDnC;AAtDC,IAAM,kBAAkB,GAAG;AAAA,EAChC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,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,oBAAC,UAAK,WAAW,WAAW,SAC1B;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,MAER;AAAA;AAAA,EACH,GACF;AAEJ;AAEA,IAAO,kBAAQ;;;ACzEf,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    wrapper: 'cursor-pointer',\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    <span className={classNames.wrapper}>\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        {children}\n      </NextTooltip>\n    </span>\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-MMZG5BW3.cjs → chunk-YTQJ6FZK.cjs}

@@ -4,8 +4,11 @@ var _pixelutils = require('@fuf-stack/pixel-utils');
 var _jsxruntime = require('react/jsx-runtime');
 var labelVariants = _pixelutils.tv.call(void 0, {
   slots: {
+    avatar: "",
     base: "",
-    content: ""
+    closeButton: "",
+    content: "",
+    dot: ""
   }
 });
 var Label = ({
@@ -43,4 +46,4 @@ var Label_default2 = Label_default;
 
 
 exports.Label_default = Label_default; exports.Label_default2 = Label_default2;
-//# sourceMappingURL=chunk-MMZG5BW3.cjs.map
+//# sourceMappingURL=chunk-YTQJ6FZK.cjs.map

package/dist/chunk-YTQJ6FZK.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;AAqDrC;AAlDG,IAAM,gBAAgB,GAAG;AAAA,EAC9B,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,aAAa;AAAA,IACb,SAAS;AAAA,IACT,KAAK;AAAA,EACP;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;;;ACnEf,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    avatar: '',\n    base: '',\n    closeButton: '',\n    content: '',\n    dot: '',\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 _chunk73EN2DZBcjs = require('./chunk-73EN2DZB.cjs');
+var _chunkP2OOL7Q2cjs = require('./chunk-P2OOL7Q2.cjs');
 
 
 
@@ -42,7 +42,7 @@ var _chunkULZQ45FScjs = require('./chunk-ULZQ45FS.cjs');
 var _chunkLOFZNVCNcjs = require('./chunk-LOFZNVCN.cjs');
 
 
-var _chunkMMZG5BW3cjs = require('./chunk-MMZG5BW3.cjs');
+var _chunkYTQJ6FZKcjs = require('./chunk-YTQJ6FZK.cjs');
 require('./chunk-DZUJEN5N.cjs');
 
 
@@ -64,5 +64,5 @@ require('./chunk-DZUJEN5N.cjs');
 
 
 
-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;
+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 = _chunkYTQJ6FZKcjs.Label_default; exports.Menu = _chunkMJNISFGXcjs.Menu_default; exports.Modal = _chunkVAJODF7Zcjs.Modal_default; exports.Popover = _chunkZCA555Q7cjs.Popover_default; exports.Tooltip = _chunkP2OOL7Q2cjs.Tooltip_default; exports.accordionVariants = _chunkJ5XN2HATcjs.accordionVariants; exports.buttonVariants = _chunkLOFZNVCNcjs.buttonVariants; exports.cardVariants = _chunkJPALSO5Ecjs.cardVariants; exports.modalVariants = _chunkVAJODF7Zcjs.modalVariants; exports.tooltipPlacementOptions = _chunkP2OOL7Q2cjs.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-BpKnEJWi.cjs';
+export { L as Label, a as LabelProps } from './Label-DAK6glI0.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-B-1BAE62.cjs';
+export { T as Tooltip, a as TooltipProps, t as tooltipPlacementOptions } from './Tooltip-BuPzZLuE.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-BpKnEJWi.js';
+export { L as Label, a as LabelProps } from './Label-DAK6glI0.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-B-1BAE62.js';
+export { T as Tooltip, a as TooltipProps, t as tooltipPlacementOptions } from './Tooltip-BuPzZLuE.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-62KNHHTT.js";
+} from "./chunk-LK5TIW6E.js";
 import {
   useDebounce,
   useLocalStorage
@@ -42,7 +42,7 @@ import {
 } from "./chunk-EVCVBDO5.js";
 import {
   Label_default
-} from "./chunk-EFSKM3C4.js";
+} from "./chunk-7IGL67EH.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.16.0",
+  "version": "0.16.2",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -130,9 +130,9 @@
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "@repo/storybook-config": "0.0.1",
-    "@repo/tailwind-config": "0.0.1",
+    "@repo/vite-config": "0.0.1",
     "@repo/tsup-config": "0.0.1",
-    "@repo/vite-config": "0.0.1"
+    "@repo/tailwind-config": "0.0.1"
   },
   "scripts": {
     "build": "tsup --config node_modules/@repo/tsup-config/config.ts --dts-resolve",

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

@@ -1 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"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-MMZG5BW3.cjs.map

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