@fuf-stack/pixels 0.39.1 → 0.39.2

package/dist/Label/index.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunk2XYKRMUNcjs = require('../chunk-2XYKRMUN.cjs');
+var _chunkYCVYLEC5cjs = require('../chunk-YCVYLEC5.cjs');
 require('../chunk-D4TLDLEX.cjs');
 
 
 
-exports.Label = _chunk2XYKRMUNcjs.Label_default; exports.default = _chunk2XYKRMUNcjs.Label_default2;
+exports.Label = _chunkYCVYLEC5cjs.Label_default; exports.default = _chunkYCVYLEC5cjs.Label_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Label/index.d.cts

@@ -1,8 +1,8 @@
-import { L as Label } from '../Label-BH0taC2T.cjs';
-export { a as LabelProps } from '../Label-BH0taC2T.cjs';
+import { L as Label } from '../Label-Do4CCE7E.cjs';
+export { a as LabelProps } from '../Label-Do4CCE7E.cjs';
 import 'react/jsx-runtime';
-import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';
+import 'tailwind-variants/dist/config.js';
 import '@fuf-stack/pixel-utils';
 import '@heroui/chip';
 import 'react';

package/dist/Label/index.d.ts

@@ -1,8 +1,8 @@
-import { L as Label } from '../Label-BH0taC2T.js';
-export { a as LabelProps } from '../Label-BH0taC2T.js';
+import { L as Label } from '../Label-Do4CCE7E.js';
+export { a as LabelProps } from '../Label-Do4CCE7E.js';
 import 'react/jsx-runtime';
-import 'tailwind-variants/dist/config.js';
 import 'tailwind-variants';
+import 'tailwind-variants/dist/config.js';
 import '@fuf-stack/pixel-utils';
 import '@heroui/chip';
 import 'react';

package/dist/Label/index.js

@@ -1,7 +1,7 @@
 import {
   Label_default,
   Label_default2
-} from "../chunk-NQVSANDI.js";
+} from "../chunk-COETB4MT.js";
 import "../chunk-J7N2552D.js";
 export {
   Label_default as Label,

package/dist/Label-Do4CCE7E.d.cts

@@ -0,0 +1,152 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as tailwind_variants from 'tailwind-variants';
+import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
+import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
+import { ChipProps } from '@heroui/chip';
+import { ReactNode } from 'react';
+
+declare const labelVariants: tailwind_variants.TVReturnType<{
+    isIconOnly: {
+        true: {
+            content: string;
+        };
+        false: {
+            content: string;
+        };
+    };
+    hasEndContent: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    closeButton: string;
+    content: string;
+    dot: string;
+    icon: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    isIconOnly: {
+        true: {
+            content: string;
+        };
+        false: {
+            content: string;
+        };
+    };
+    hasEndContent: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    isIconOnly: {
+        true: {
+            content: string;
+        };
+        false: {
+            content: string;
+        };
+    };
+    hasEndContent: {
+        true: {
+            base: string;
+        };
+    };
+}>, {
+    isIconOnly: {
+        true: {
+            content: string;
+        };
+        false: {
+            content: string;
+        };
+    };
+    hasEndContent: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    closeButton: string;
+    content: string;
+    dot: string;
+    icon: string;
+}, tailwind_variants.TVReturnType<{
+    isIconOnly: {
+        true: {
+            content: string;
+        };
+        false: {
+            content: string;
+        };
+    };
+    hasEndContent: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    closeButton: string;
+    content: string;
+    dot: string;
+    icon: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    isIconOnly: {
+        true: {
+            content: string;
+        };
+        false: {
+            content: string;
+        };
+    };
+    hasEndContent: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    isIconOnly: {
+        true: {
+            content: string;
+        };
+        false: {
+            content: string;
+        };
+    };
+    hasEndContent: {
+        true: {
+            base: string;
+        };
+    };
+}>, 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'];
+    /** optional label icon, when only icon provided without children and endContent  */
+    icon?: ReactNode;
+    /** add close button to endContent */
+    onClose?: ChipProps['onClose'];
+    /** radius of the label */
+    radius?: ChipProps['radius'];
+    /** size of the label */
+    size?: ChipProps['size'];
+    /** style variant of the label */
+    variant?: 'solid' | 'bordered' | 'light' | 'flat' | 'faded' | 'dot';
+}
+/**
+ * Label component based on [HeroUI Chip](https://www.heroui.com//docs/components/chip)
+ */
+declare const Label: ({ children, className: _className, color, endContent, icon, onClose, radius, size, variant, }: LabelProps) => react_jsx_runtime.JSX.Element;
+
+export { Label as L, type LabelProps as a };

package/dist/Label-Do4CCE7E.d.ts

@@ -0,0 +1,152 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as tailwind_variants from 'tailwind-variants';
+import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
+import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
+import { ChipProps } from '@heroui/chip';
+import { ReactNode } from 'react';
+
+declare const labelVariants: tailwind_variants.TVReturnType<{
+    isIconOnly: {
+        true: {
+            content: string;
+        };
+        false: {
+            content: string;
+        };
+    };
+    hasEndContent: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    closeButton: string;
+    content: string;
+    dot: string;
+    icon: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    isIconOnly: {
+        true: {
+            content: string;
+        };
+        false: {
+            content: string;
+        };
+    };
+    hasEndContent: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    isIconOnly: {
+        true: {
+            content: string;
+        };
+        false: {
+            content: string;
+        };
+    };
+    hasEndContent: {
+        true: {
+            base: string;
+        };
+    };
+}>, {
+    isIconOnly: {
+        true: {
+            content: string;
+        };
+        false: {
+            content: string;
+        };
+    };
+    hasEndContent: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    closeButton: string;
+    content: string;
+    dot: string;
+    icon: string;
+}, tailwind_variants.TVReturnType<{
+    isIconOnly: {
+        true: {
+            content: string;
+        };
+        false: {
+            content: string;
+        };
+    };
+    hasEndContent: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    closeButton: string;
+    content: string;
+    dot: string;
+    icon: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    isIconOnly: {
+        true: {
+            content: string;
+        };
+        false: {
+            content: string;
+        };
+    };
+    hasEndContent: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    isIconOnly: {
+        true: {
+            content: string;
+        };
+        false: {
+            content: string;
+        };
+    };
+    hasEndContent: {
+        true: {
+            base: string;
+        };
+    };
+}>, 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'];
+    /** optional label icon, when only icon provided without children and endContent  */
+    icon?: ReactNode;
+    /** add close button to endContent */
+    onClose?: ChipProps['onClose'];
+    /** radius of the label */
+    radius?: ChipProps['radius'];
+    /** size of the label */
+    size?: ChipProps['size'];
+    /** style variant of the label */
+    variant?: 'solid' | 'bordered' | 'light' | 'flat' | 'faded' | 'dot';
+}
+/**
+ * Label component based on [HeroUI Chip](https://www.heroui.com//docs/components/chip)
+ */
+declare const Label: ({ children, className: _className, color, endContent, icon, onClose, radius, size, variant, }: LabelProps) => react_jsx_runtime.JSX.Element;
+
+export { Label as L, type LabelProps as a };

package/dist/{chunk-NQVSANDI.js → chunk-COETB4MT.js}

@@ -1,14 +1,29 @@
 // src/Label/Label.tsx
 import { Chip as HeroLabel } from "@heroui/chip";
 import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 var labelVariants = tv({
   slots: {
-    avatar: "",
     base: "",
     closeButton: "",
     content: "",
-    dot: ""
+    dot: "",
+    icon: ""
+  },
+  variants: {
+    isIconOnly: {
+      true: {
+        content: "px-1"
+      },
+      false: {
+        content: "flex items-center gap-2"
+      }
+    },
+    hasEndContent: {
+      true: {
+        base: "pr-2"
+      }
+    }
   }
 });
 var Label = ({
@@ -16,24 +31,30 @@ var Label = ({
   className: _className = void 0,
   color = "default",
   endContent = void 0,
+  icon = void 0,
+  onClose = void 0,
   radius = "full",
   size = "md",
-  startContent = void 0,
   variant = "solid"
 }) => {
-  const variants = labelVariants();
+  const isIconOnly = !!icon && !children && !endContent;
+  const hasEndContent = !!endContent;
+  const variants = labelVariants({ isIconOnly, hasEndContent });
   const classNames = variantsToClassNames(variants, _className, "base");
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(
     HeroLabel,
     {
       classNames,
       color,
       endContent,
       radius,
+      onClose,
       size,
-      startContent,
       variant,
-      children
+      children: [
+        icon && /* @__PURE__ */ jsx("span", { className: classNames.icon, children: icon }),
+        children
+      ]
     }
   );
 };
@@ -46,4 +67,4 @@ export {
   Label_default,
   Label_default2
 };
-//# sourceMappingURL=chunk-NQVSANDI.js.map
+//# sourceMappingURL=chunk-COETB4MT.js.map

package/dist/chunk-COETB4MT.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 '@heroui/chip';\nimport type { ReactNode } from 'react';\n\nimport { Chip as HeroLabel } from '@heroui/chip';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// label variants\nexport const labelVariants = tv({\n  slots: {\n    base: '',\n    closeButton: '',\n    content: '',\n    dot: '',\n    icon: '',\n  },\n  variants: {\n    isIconOnly: {\n      true: {\n        content: 'px-1',\n      },\n      false: {\n        content: 'flex items-center gap-2',\n      },\n    },\n    hasEndContent: {\n      true: {\n        base: 'pr-2',\n      },\n    },\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  /** optional label icon, when only icon provided without children and endContent  */\n  icon?: ReactNode;\n  /** add close button to endContent */\n  onClose?: ChipProps['onClose'];\n  /** radius of the label */\n  radius?: ChipProps['radius'];\n  /** size of the label */\n  size?: ChipProps['size'];\n  /** style variant of the label */\n  variant?: 'solid' | 'bordered' | 'light' | 'flat' | 'faded' | 'dot';\n}\n\n/**\n * Label component based on [HeroUI Chip](https://www.heroui.com//docs/components/chip)\n */\nconst Label = ({\n  children,\n  className: _className = undefined,\n  color = 'default',\n  endContent = undefined,\n  icon = undefined,\n  onClose = undefined,\n  radius = 'full',\n  size = 'md',\n  variant = 'solid',\n}: LabelProps) => {\n  // determine variants based on props\n  const isIconOnly = !!icon && !children && !endContent;\n  const hasEndContent = !!endContent;\n\n  // classNames from slots\n  const variants = labelVariants({ isIconOnly, hasEndContent });\n  const classNames = variantsToClassNames(variants, _className, 'base');\n\n  return (\n    <HeroLabel\n      classNames={classNames}\n      color={color}\n      endContent={endContent}\n      radius={radius}\n      onClose={onClose}\n      size={size}\n      variant={variant}\n    >\n      {icon && <span className={classNames.icon}>{icon}</span>}\n      {children}\n    </HeroLabel>\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;AA2ErC,SASW,KATX;AAxEG,IAAM,gBAAgB,GAAG;AAAA,EAC9B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,aAAa;AAAA,IACb,SAAS;AAAA,IACT,KAAK;AAAA,IACL,MAAM;AAAA,EACR;AAAA,EACA,UAAU;AAAA,IACR,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,eAAe;AAAA,MACb,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACF,CAAC;AA6BD,IAAM,QAAQ,CAAC;AAAA,EACb;AAAA,EACA,WAAW,aAAa;AAAA,EACxB,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,OAAO;AAAA,EACP,UAAU;AAAA,EACV,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AACZ,MAAkB;AAEhB,QAAM,aAAa,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC;AAC3C,QAAM,gBAAgB,CAAC,CAAC;AAGxB,QAAM,WAAW,cAAc,EAAE,YAAY,cAAc,CAAC;AAC5D,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,gBAAQ,oBAAC,UAAK,WAAW,WAAW,MAAO,gBAAK;AAAA,QAChD;AAAA;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,gBAAQ;;;AC1Ff,IAAOA,iBAAQ;","names":["Label_default"]}

package/dist/{chunk-2XYKRMUN.cjs → chunk-YCVYLEC5.cjs}

@@ -4,11 +4,26 @@ var _pixelutils = require('@fuf-stack/pixel-utils');
 var _jsxruntime = require('react/jsx-runtime');
 var labelVariants = _pixelutils.tv.call(void 0, {
   slots: {
-    avatar: "",
     base: "",
     closeButton: "",
     content: "",
-    dot: ""
+    dot: "",
+    icon: ""
+  },
+  variants: {
+    isIconOnly: {
+      true: {
+        content: "px-1"
+      },
+      false: {
+        content: "flex items-center gap-2"
+      }
+    },
+    hasEndContent: {
+      true: {
+        base: "pr-2"
+      }
+    }
   }
 });
 var Label = ({
@@ -16,24 +31,30 @@ var Label = ({
   className: _className = void 0,
   color = "default",
   endContent = void 0,
+  icon = void 0,
+  onClose = void 0,
   radius = "full",
   size = "md",
-  startContent = void 0,
   variant = "solid"
 }) => {
-  const variants = labelVariants();
+  const isIconOnly = !!icon && !children && !endContent;
+  const hasEndContent = !!endContent;
+  const variants = labelVariants({ isIconOnly, hasEndContent });
   const classNames = _pixelutils.variantsToClassNames.call(void 0, variants, _className, "base");
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     _chip.Chip,
     {
       classNames,
       color,
       endContent,
       radius,
+      onClose,
       size,
-      startContent,
       variant,
-      children
+      children: [
+        icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: classNames.icon, children: icon }),
+        children
+      ]
     }
   );
 };
@@ -46,4 +67,4 @@ var Label_default2 = Label_default;
 
 
 exports.Label_default = Label_default; exports.Label_default2 = Label_default2;
-//# sourceMappingURL=chunk-2XYKRMUN.cjs.map
+//# sourceMappingURL=chunk-YCVYLEC5.cjs.map

package/dist/chunk-YCVYLEC5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-YCVYLEC5.cjs","../src/Label/Label.tsx","../src/Label/index.ts"],"names":["Label_default"],"mappings":"AAAA;ACIA,oCAAkC;AAElC,oDAAyC;AA2ErC,+CAAA;AAxEG,IAAM,cAAA,EAAgB,4BAAA;AAAG,EAC9B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,EAAA;AAAA,IACN,WAAA,EAAa,EAAA;AAAA,IACb,OAAA,EAAS,EAAA;AAAA,IACT,GAAA,EAAK,EAAA;AAAA,IACL,IAAA,EAAM;AAAA,EACR,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS;AAAA,MACX,CAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,OAAA,EAAS;AAAA,MACX;AAAA,IACF,CAAA;AAAA,IACA,aAAA,EAAe;AAAA,MACb,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACF,CAAC,CAAA;AA6BD,IAAM,MAAA,EAAQ,CAAC;AAAA,EACb,QAAA;AAAA,EACA,SAAA,EAAW,WAAA,EAAa,KAAA,CAAA;AAAA,EACxB,MAAA,EAAQ,SAAA;AAAA,EACR,WAAA,EAAa,KAAA,CAAA;AAAA,EACb,KAAA,EAAO,KAAA,CAAA;AAAA,EACP,QAAA,EAAU,KAAA,CAAA;AAAA,EACV,OAAA,EAAS,MAAA;AAAA,EACT,KAAA,EAAO,IAAA;AAAA,EACP,QAAA,EAAU;AACZ,CAAA,EAAA,GAAkB;AAEhB,EAAA,MAAM,WAAA,EAAa,CAAC,CAAC,KAAA,GAAQ,CAAC,SAAA,GAAY,CAAC,UAAA;AAC3C,EAAA,MAAM,cAAA,EAAgB,CAAC,CAAC,UAAA;AAGxB,EAAA,MAAM,SAAA,EAAW,aAAA,CAAc,EAAE,UAAA,EAAY,cAAc,CAAC,CAAA;AAC5D,EAAA,MAAM,WAAA,EAAa,8CAAA,QAAqB,EAAU,UAAA,EAAY,MAAM,CAAA;AAEpE,EAAA,uBACE,8BAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,UAAA;AAAA,MACA,KAAA;AAAA,MACA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,OAAA;AAAA,MACA,IAAA;AAAA,MACA,OAAA;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,KAAA,mBAAQ,6BAAA,MAAC,EAAA,EAAK,SAAA,EAAW,UAAA,CAAW,IAAA,EAAO,QAAA,EAAA,KAAA,CAAK,CAAA;AAAA,QAChD;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,CAAA;AAEJ,CAAA;AAEA,IAAO,cAAA,EAAQ,KAAA;ADnCf;AACA;AExDA,IAAOA,eAAAA,EAAQ,aAAA;AF0Df;AACA;AACE;AACA;AACF,+EAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-YCVYLEC5.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ChipProps } from '@heroui/chip';\nimport type { ReactNode } from 'react';\n\nimport { Chip as HeroLabel } from '@heroui/chip';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// label variants\nexport const labelVariants = tv({\n  slots: {\n    base: '',\n    closeButton: '',\n    content: '',\n    dot: '',\n    icon: '',\n  },\n  variants: {\n    isIconOnly: {\n      true: {\n        content: 'px-1',\n      },\n      false: {\n        content: 'flex items-center gap-2',\n      },\n    },\n    hasEndContent: {\n      true: {\n        base: 'pr-2',\n      },\n    },\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  /** optional label icon, when only icon provided without children and endContent  */\n  icon?: ReactNode;\n  /** add close button to endContent */\n  onClose?: ChipProps['onClose'];\n  /** radius of the label */\n  radius?: ChipProps['radius'];\n  /** size of the label */\n  size?: ChipProps['size'];\n  /** style variant of the label */\n  variant?: 'solid' | 'bordered' | 'light' | 'flat' | 'faded' | 'dot';\n}\n\n/**\n * Label component based on [HeroUI Chip](https://www.heroui.com//docs/components/chip)\n */\nconst Label = ({\n  children,\n  className: _className = undefined,\n  color = 'default',\n  endContent = undefined,\n  icon = undefined,\n  onClose = undefined,\n  radius = 'full',\n  size = 'md',\n  variant = 'solid',\n}: LabelProps) => {\n  // determine variants based on props\n  const isIconOnly = !!icon && !children && !endContent;\n  const hasEndContent = !!endContent;\n\n  // classNames from slots\n  const variants = labelVariants({ isIconOnly, hasEndContent });\n  const classNames = variantsToClassNames(variants, _className, 'base');\n\n  return (\n    <HeroLabel\n      classNames={classNames}\n      color={color}\n      endContent={endContent}\n      radius={radius}\n      onClose={onClose}\n      size={size}\n      variant={variant}\n    >\n      {icon && <span className={classNames.icon}>{icon}</span>}\n      {children}\n    </HeroLabel>\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

@@ -33,7 +33,7 @@ var _chunk7RVUB6I5cjs = require('./chunk-7RVUB6I5.cjs');
 var _chunkZASS525Kcjs = require('./chunk-ZASS525K.cjs');
 
 
-var _chunk2XYKRMUNcjs = require('./chunk-2XYKRMUN.cjs');
+var _chunkYCVYLEC5cjs = require('./chunk-YCVYLEC5.cjs');
 
 
 var _chunkXHOAZB2Zcjs = require('./chunk-XHOAZB2Z.cjs');
@@ -270,5 +270,5 @@ var ToastProvider_default = ToastProvider;
 
 
 
-exports.Accordion = _chunk2P5WWVQ6cjs.Accordion_default; exports.Alert = _chunkYVPRFCWIcjs.Alert_default; exports.Avatar = _chunk77J7NZYBcjs.Avatar_default; exports.AvatarGroup = _chunkLIZGYO24cjs.AvatarGroup_default; exports.Badge = _chunkJSANDW3Wcjs.Badge_default; exports.Breadcrumb = _chunkZZOEFQWQcjs.Breadcrumb_default; exports.Button = _chunk4X43AGXEcjs.Button_default; exports.ButtonGroup = _chunkY3RSI2KVcjs.ButtonGroup_default; exports.Card = _chunkMHZAWSFJcjs.Card_default; exports.Drawer = _chunk7RVUB6I5cjs.Drawer_default; exports.Json = _chunkZASS525Kcjs.Json_default; exports.Label = _chunk2XYKRMUNcjs.Label_default; exports.Menu = _chunkXHOAZB2Zcjs.Menu_default; exports.Modal = _chunkPEUUQMJScjs.Modal_default; exports.Popover = _chunkEAX5J2I2cjs.Popover_default; exports.Table = _chunkAJCAIA6Hcjs.Table_default; exports.Tabs = _chunkJUHSESWBcjs.Tabs_default; exports.ToastProvider = ToastProvider_default; exports.Tooltip = _chunk25AJSW5Ecjs.Tooltip_default; exports.accordionVariants = _chunk2P5WWVQ6cjs.accordionVariants; exports.addToast = addToast; exports.alertVariants = _chunkYVPRFCWIcjs.alertVariants; exports.breadcrumbVariants = _chunkZZOEFQWQcjs.breadcrumbVariants; exports.buttonVariants = _chunk4X43AGXEcjs.buttonVariants; exports.cardVariants = _chunkMHZAWSFJcjs.cardVariants; exports.drawerBackdrops = _chunk7RVUB6I5cjs.drawerBackdrops; exports.drawerPlacements = _chunk7RVUB6I5cjs.drawerPlacements; exports.drawerRadii = _chunk7RVUB6I5cjs.drawerRadii; exports.drawerSizes = _chunk7RVUB6I5cjs.drawerSizes; exports.drawerVariants = _chunk7RVUB6I5cjs.drawerVariants; exports.modalVariants = _chunkPEUUQMJScjs.modalVariants; exports.tableVariants = _chunkAJCAIA6Hcjs.tableVariants; exports.tabsVariants = _chunkJUHSESWBcjs.tabsVariants; exports.toastVariants = toastVariants; exports.useDebounce = _chunkMWNBYTRNcjs.useDebounce; exports.useLocalStorage = _chunkMWNBYTRNcjs.useLocalStorage;
+exports.Accordion = _chunk2P5WWVQ6cjs.Accordion_default; exports.Alert = _chunkYVPRFCWIcjs.Alert_default; exports.Avatar = _chunk77J7NZYBcjs.Avatar_default; exports.AvatarGroup = _chunkLIZGYO24cjs.AvatarGroup_default; exports.Badge = _chunkJSANDW3Wcjs.Badge_default; exports.Breadcrumb = _chunkZZOEFQWQcjs.Breadcrumb_default; exports.Button = _chunk4X43AGXEcjs.Button_default; exports.ButtonGroup = _chunkY3RSI2KVcjs.ButtonGroup_default; exports.Card = _chunkMHZAWSFJcjs.Card_default; exports.Drawer = _chunk7RVUB6I5cjs.Drawer_default; exports.Json = _chunkZASS525Kcjs.Json_default; exports.Label = _chunkYCVYLEC5cjs.Label_default; exports.Menu = _chunkXHOAZB2Zcjs.Menu_default; exports.Modal = _chunkPEUUQMJScjs.Modal_default; exports.Popover = _chunkEAX5J2I2cjs.Popover_default; exports.Table = _chunkAJCAIA6Hcjs.Table_default; exports.Tabs = _chunkJUHSESWBcjs.Tabs_default; exports.ToastProvider = ToastProvider_default; exports.Tooltip = _chunk25AJSW5Ecjs.Tooltip_default; exports.accordionVariants = _chunk2P5WWVQ6cjs.accordionVariants; exports.addToast = addToast; exports.alertVariants = _chunkYVPRFCWIcjs.alertVariants; exports.breadcrumbVariants = _chunkZZOEFQWQcjs.breadcrumbVariants; exports.buttonVariants = _chunk4X43AGXEcjs.buttonVariants; exports.cardVariants = _chunkMHZAWSFJcjs.cardVariants; exports.drawerBackdrops = _chunk7RVUB6I5cjs.drawerBackdrops; exports.drawerPlacements = _chunk7RVUB6I5cjs.drawerPlacements; exports.drawerRadii = _chunk7RVUB6I5cjs.drawerRadii; exports.drawerSizes = _chunk7RVUB6I5cjs.drawerSizes; exports.drawerVariants = _chunk7RVUB6I5cjs.drawerVariants; exports.modalVariants = _chunkPEUUQMJScjs.modalVariants; exports.tableVariants = _chunkAJCAIA6Hcjs.tableVariants; exports.tabsVariants = _chunkJUHSESWBcjs.tabsVariants; exports.toastVariants = toastVariants; exports.useDebounce = _chunkMWNBYTRNcjs.useDebounce; exports.useLocalStorage = _chunkMWNBYTRNcjs.useLocalStorage;
 //# sourceMappingURL=index.cjs.map

package/dist/index.d.cts

@@ -9,7 +9,7 @@ export { B as ButtonGroup } from './ButtonGroup-CUxpALRo.cjs';
 export { C as Card, a as CardProps, c as cardVariants } from './Card-BdciRqJz.cjs';
 export { D as Drawer, f as DrawerProps, d as drawerBackdrops, a as drawerPlacements, b as drawerRadii, c as drawerSizes, e as drawerVariants } from './Drawer-BnV9qxPA.cjs';
 export { J as Json, a as JsonProps } from './Json-ngM0f9n2.cjs';
-export { L as Label, a as LabelProps } from './Label-BH0taC2T.cjs';
+export { L as Label, a as LabelProps } from './Label-Do4CCE7E.cjs';
 export { M as Menu, b as MenuItem, a as MenuProps, c as MenuSection } from './Menu-DYi8oagz.cjs';
 export { M as Modal, a as ModalProps, m as modalVariants } from './Modal-DI5ZdS_3.cjs';
 export { _ as Popover, P as PopoverProps } from './Popover-BXyk9y8I.cjs';

package/dist/index.d.ts

@@ -9,7 +9,7 @@ export { B as ButtonGroup } from './ButtonGroup-CUxpALRo.js';
 export { C as Card, a as CardProps, c as cardVariants } from './Card-BdciRqJz.js';
 export { D as Drawer, f as DrawerProps, d as drawerBackdrops, a as drawerPlacements, b as drawerRadii, c as drawerSizes, e as drawerVariants } from './Drawer-BnV9qxPA.js';
 export { J as Json, a as JsonProps } from './Json-ngM0f9n2.js';
-export { L as Label, a as LabelProps } from './Label-BH0taC2T.js';
+export { L as Label, a as LabelProps } from './Label-Do4CCE7E.js';
 export { M as Menu, b as MenuItem, a as MenuProps, c as MenuSection } from './Menu-DYi8oagz.js';
 export { M as Modal, a as ModalProps, m as modalVariants } from './Modal-DI5ZdS_3.js';
 export { _ as Popover, P as PopoverProps } from './Popover-BHPrdRy6.js';

package/dist/index.js

@@ -33,7 +33,7 @@ import {
 } from "./chunk-3JUTQREC.js";
 import {
   Label_default
-} from "./chunk-NQVSANDI.js";
+} from "./chunk-COETB4MT.js";
 import {
   Menu_default
 } from "./chunk-OP5W7BXY.js";

package/package.json

@@ -2,7 +2,7 @@
   "name": "@fuf-stack/pixels",
   "description": "fuf core react component library",
   "author": "Hannes Tiede",
-  "version": "0.39.1",
+  "version": "0.39.2",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -166,10 +166,10 @@
     "@heroui/tabs": "2.2.13",
     "@heroui/toast": "2.0.6",
     "@heroui/tooltip": "2.2.13",
-    "framer-motion": "12.6.0",
+    "framer-motion": "12.6.3",
     "next-themes": "0.4.6",
     "react-icons": "5.5.0",
-    "@fuf-stack/pixel-utils": "0.5.1"
+    "@fuf-stack/pixel-utils": "0.5.2"
   },
   "devDependencies": {
     "@types/debug": "4.1.12",
@@ -179,8 +179,8 @@
     "react": "19.0.0",
     "react-dom": "19.0.0",
     "@repo/storybook-config": "0.0.1",
-    "@repo/tsup-config": "0.0.1",
     "@repo/tailwind-config": "0.0.1",
+    "@repo/tsup-config": "0.0.1",
     "@repo/vite-config": "0.0.1"
   },
   "scripts": {

package/dist/Label-BH0taC2T.d.cts

@@ -1,102 +0,0 @@
-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 '@heroui/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;
-            closeButton?: tailwind_variants.ClassValue;
-            dot?: tailwind_variants.ClassValue;
-            avatar?: tailwind_variants.ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            content?: tailwind_variants.ClassValue;
-            closeButton?: tailwind_variants.ClassValue;
-            dot?: tailwind_variants.ClassValue;
-            avatar?: 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 | {
-            base?: tailwind_variants.ClassValue;
-            content?: tailwind_variants.ClassValue;
-            closeButton?: tailwind_variants.ClassValue;
-            dot?: tailwind_variants.ClassValue;
-            avatar?: tailwind_variants.ClassValue;
-        };
-    };
-} | {}>, {
-    [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            content?: tailwind_variants.ClassValue;
-            closeButton?: tailwind_variants.ClassValue;
-            dot?: tailwind_variants.ClassValue;
-            avatar?: 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 | {
-            base?: tailwind_variants.ClassValue;
-            content?: tailwind_variants.ClassValue;
-            closeButton?: tailwind_variants.ClassValue;
-            dot?: tailwind_variants.ClassValue;
-            avatar?: 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 [HeroUI Chip](https://www.heroui.com//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-BH0taC2T.d.ts

@@ -1,102 +0,0 @@
-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 '@heroui/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;
-            closeButton?: tailwind_variants.ClassValue;
-            dot?: tailwind_variants.ClassValue;
-            avatar?: tailwind_variants.ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            content?: tailwind_variants.ClassValue;
-            closeButton?: tailwind_variants.ClassValue;
-            dot?: tailwind_variants.ClassValue;
-            avatar?: 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 | {
-            base?: tailwind_variants.ClassValue;
-            content?: tailwind_variants.ClassValue;
-            closeButton?: tailwind_variants.ClassValue;
-            dot?: tailwind_variants.ClassValue;
-            avatar?: tailwind_variants.ClassValue;
-        };
-    };
-} | {}>, {
-    [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
-            content?: tailwind_variants.ClassValue;
-            closeButton?: tailwind_variants.ClassValue;
-            dot?: tailwind_variants.ClassValue;
-            avatar?: 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 | {
-            base?: tailwind_variants.ClassValue;
-            content?: tailwind_variants.ClassValue;
-            closeButton?: tailwind_variants.ClassValue;
-            dot?: tailwind_variants.ClassValue;
-            avatar?: 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 [HeroUI Chip](https://www.heroui.com//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/chunk-2XYKRMUN.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-2XYKRMUN.cjs","../src/Label/Label.tsx","../src/Label/index.ts"],"names":["Label_default"],"mappings":"AAAA;ACIA,oCAAkC;AAElC,oDAAyC;AAqDrC,+CAAA;AAlDG,IAAM,cAAA,EAAgB,4BAAA;AAAG,EAC9B,KAAA,EAAO;AAAA,IACL,MAAA,EAAQ,EAAA;AAAA,IACR,IAAA,EAAM,EAAA;AAAA,IACN,WAAA,EAAa,EAAA;AAAA,IACb,OAAA,EAAS,EAAA;AAAA,IACT,GAAA,EAAK;AAAA,EACP;AACF,CAAC,CAAA;AA2BD,IAAM,MAAA,EAAQ,CAAC;AAAA,EACb,QAAA;AAAA,EACA,SAAA,EAAW,WAAA,EAAa,KAAA,CAAA;AAAA,EACxB,MAAA,EAAQ,SAAA;AAAA,EACR,WAAA,EAAa,KAAA,CAAA;AAAA,EACb,OAAA,EAAS,MAAA;AAAA,EACT,KAAA,EAAO,IAAA;AAAA,EACP,aAAA,EAAe,KAAA,CAAA;AAAA,EACf,QAAA,EAAU;AACZ,CAAA,EAAA,GAAkB;AAEhB,EAAA,MAAM,SAAA,EAAW,aAAA,CAAc,CAAA;AAC/B,EAAA,MAAM,WAAA,EAAa,8CAAA,QAAqB,EAAU,UAAA,EAAY,MAAM,CAAA;AAEpE,EAAA,uBACE,6BAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,UAAA;AAAA,MACA,KAAA;AAAA,MACA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,IAAA;AAAA,MACA,YAAA;AAAA,MACA,OAAA;AAAA,MAEC;AAAA,IAAA;AAAA,EACH,CAAA;AAEJ,CAAA;AAEA,IAAO,cAAA,EAAQ,KAAA;ADjCf;AACA;AEnCA,IAAOA,eAAAA,EAAQ,aAAA;AFqCf;AACA;AACE;AACA;AACF,+EAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-2XYKRMUN.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ChipProps } from '@heroui/chip';\nimport type { ReactNode } from 'react';\n\nimport { Chip as HeroLabel } from '@heroui/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 [HeroUI Chip](https://www.heroui.com//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    <HeroLabel\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    </HeroLabel>\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/chunk-NQVSANDI.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 '@heroui/chip';\nimport type { ReactNode } from 'react';\n\nimport { Chip as HeroLabel } from '@heroui/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 [HeroUI Chip](https://www.heroui.com//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    <HeroLabel\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    </HeroLabel>\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"]}