@fuf-stack/pixels 0.11.0 → 0.13.0

package/dist/Avatar/index.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkXGHRKDIMcjs = require('../chunk-XGHRKDIM.cjs');
+var _chunkHVLEV6BGcjs = require('../chunk-HVLEV6BG.cjs');
 require('../chunk-DZUJEN5N.cjs');
 
 
 
-exports.Avatar = _chunkXGHRKDIMcjs.Avatar_default; exports.default = _chunkXGHRKDIMcjs.Avatar_default2;
+exports.Avatar = _chunkHVLEV6BGcjs.Avatar_default; exports.default = _chunkHVLEV6BGcjs.Avatar_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Avatar/index.d.cts

@@ -1,6 +1,9 @@
-import { A as Avatar } from '../Avatar-Bl6oBjgb.cjs';
-export { a as AvatarProps } from '../Avatar-Bl6oBjgb.cjs';
+import { A as Avatar } from '../Avatar-D_J7xag8.cjs';
+export { a as AvatarProps } from '../Avatar-D_J7xag8.cjs';
 import 'react/jsx-runtime';
+import 'tailwind-variants/dist/config.js';
+import 'tailwind-variants';
+import '@fuf-stack/pixel-utils';
 import 'react';
 
 

package/dist/Avatar/index.d.ts

@@ -1,6 +1,9 @@
-import { A as Avatar } from '../Avatar-Bl6oBjgb.js';
-export { a as AvatarProps } from '../Avatar-Bl6oBjgb.js';
+import { A as Avatar } from '../Avatar-D_J7xag8.js';
+export { a as AvatarProps } from '../Avatar-D_J7xag8.js';
 import 'react/jsx-runtime';
+import 'tailwind-variants/dist/config.js';
+import 'tailwind-variants';
+import '@fuf-stack/pixel-utils';
 import 'react';
 
 

package/dist/Avatar/index.js

@@ -1,7 +1,7 @@
 import {
   Avatar_default,
   Avatar_default2
-} from "../chunk-SFGC6YVH.js";
+} from "../chunk-N6YMP2DX.js";
 import "../chunk-5WRI5ZAA.js";
 export {
   Avatar_default as Avatar,

package/dist/Avatar-D_J7xag8.d.cts

@@ -0,0 +1,93 @@
+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 React from 'react';
+
+declare const avatarVariants: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            fallback?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
+            img?: tailwind_variants.ClassValue;
+            name?: tailwind_variants.ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            fallback?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
+            img?: tailwind_variants.ClassValue;
+            name?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    base: string;
+    fallback: string;
+    icon: string;
+    img: string;
+    name: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            fallback?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
+            img?: tailwind_variants.ClassValue;
+            name?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            fallback?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
+            img?: tailwind_variants.ClassValue;
+            name?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    base: string;
+    fallback: string;
+    icon: string;
+    img: string;
+    name: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    base: string;
+    fallback: string;
+    icon: string;
+    img: string;
+    name: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            fallback?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
+            img?: tailwind_variants.ClassValue;
+            name?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;
+type VariantProps = TVProps<typeof avatarVariants>;
+type ClassName = TVClassName<typeof avatarVariants>;
+interface AvatarProps extends VariantProps {
+    bordered?: boolean;
+    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';
+    /** CSS class name */
+    className?: ClassName;
+    disabled?: boolean;
+    fallback?: React.ReactNode;
+    size?: 'sm' | 'md' | 'lg';
+    src: string;
+}
+/**
+ * Avatar component based on [NextUI Avatar](https://nextui.org/docs/components/avatar)
+ */
+declare const Avatar: ({ bordered, rounded, className: _className, disabled, fallback, size, src, }: AvatarProps) => react_jsx_runtime.JSX.Element;
+
+export { Avatar as A, type AvatarProps as a };

package/dist/Avatar-D_J7xag8.d.ts

@@ -0,0 +1,93 @@
+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 React from 'react';
+
+declare const avatarVariants: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            fallback?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
+            img?: tailwind_variants.ClassValue;
+            name?: tailwind_variants.ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            fallback?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
+            img?: tailwind_variants.ClassValue;
+            name?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    base: string;
+    fallback: string;
+    icon: string;
+    img: string;
+    name: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            fallback?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
+            img?: tailwind_variants.ClassValue;
+            name?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            fallback?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
+            img?: tailwind_variants.ClassValue;
+            name?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    base: string;
+    fallback: string;
+    icon: string;
+    img: string;
+    name: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    base: string;
+    fallback: string;
+    icon: string;
+    img: string;
+    name: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            fallback?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
+            img?: tailwind_variants.ClassValue;
+            name?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;
+type VariantProps = TVProps<typeof avatarVariants>;
+type ClassName = TVClassName<typeof avatarVariants>;
+interface AvatarProps extends VariantProps {
+    bordered?: boolean;
+    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';
+    /** CSS class name */
+    className?: ClassName;
+    disabled?: boolean;
+    fallback?: React.ReactNode;
+    size?: 'sm' | 'md' | 'lg';
+    src: string;
+}
+/**
+ * Avatar component based on [NextUI Avatar](https://nextui.org/docs/components/avatar)
+ */
+declare const Avatar: ({ bordered, rounded, className: _className, disabled, fallback, size, src, }: AvatarProps) => react_jsx_runtime.JSX.Element;
+
+export { Avatar as A, type AvatarProps as a };

package/dist/AvatarGroup/index.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkEJSTUBPUcjs = require('../chunk-EJSTUBPU.cjs');
-require('../chunk-XGHRKDIM.cjs');
+var _chunkIDGXOP6Ecjs = require('../chunk-IDGXOP6E.cjs');
+require('../chunk-HVLEV6BG.cjs');
 require('../chunk-DZUJEN5N.cjs');
 
 
 
-exports.AvatarGroup = _chunkEJSTUBPUcjs.AvatarGroup_default; exports.default = _chunkEJSTUBPUcjs.AvatarGroup_default2;
+exports.AvatarGroup = _chunkIDGXOP6Ecjs.AvatarGroup_default; exports.default = _chunkIDGXOP6Ecjs.AvatarGroup_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/AvatarGroup/index.d.cts

@@ -1,7 +1,10 @@
-import { A as AvatarGroup } from '../AvatarGroup-BhgTIcSs.cjs';
-export { a as AvatarGroupProps } from '../AvatarGroup-BhgTIcSs.cjs';
+import { A as AvatarGroup } from '../AvatarGroup-DKYNPFbI.cjs';
+export { a as AvatarGroupProps } from '../AvatarGroup-DKYNPFbI.cjs';
 import 'react/jsx-runtime';
-import '../Avatar-Bl6oBjgb.cjs';
+import '../Avatar-D_J7xag8.cjs';
+import 'tailwind-variants/dist/config.js';
+import 'tailwind-variants';
+import '@fuf-stack/pixel-utils';
 import 'react';
 
 

package/dist/AvatarGroup/index.d.ts

@@ -1,7 +1,10 @@
-import { A as AvatarGroup } from '../AvatarGroup-tWe-Vgrz.js';
-export { a as AvatarGroupProps } from '../AvatarGroup-tWe-Vgrz.js';
+import { A as AvatarGroup } from '../AvatarGroup-B34TDUuT.js';
+export { a as AvatarGroupProps } from '../AvatarGroup-B34TDUuT.js';
 import 'react/jsx-runtime';
-import '../Avatar-Bl6oBjgb.js';
+import '../Avatar-D_J7xag8.js';
+import 'tailwind-variants/dist/config.js';
+import 'tailwind-variants';
+import '@fuf-stack/pixel-utils';
 import 'react';
 
 

package/dist/AvatarGroup/index.js

@@ -1,8 +1,8 @@
 import {
   AvatarGroup_default,
   AvatarGroup_default2
-} from "../chunk-LAGUJC5D.js";
-import "../chunk-SFGC6YVH.js";
+} from "../chunk-4X4NFZAM.js";
+import "../chunk-N6YMP2DX.js";
 import "../chunk-5WRI5ZAA.js";
 export {
   AvatarGroup_default as AvatarGroup,

package/dist/{AvatarGroup-tWe-Vgrz.d.ts → AvatarGroup-B34TDUuT.d.ts}

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as AvatarProps } from './Avatar-Bl6oBjgb.js';
+import { a as AvatarProps } from './Avatar-D_J7xag8.js';
 
 interface AvatarGroupProps {
     bordered?: boolean;

package/dist/{AvatarGroup-BhgTIcSs.d.cts → AvatarGroup-DKYNPFbI.d.cts}

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as AvatarProps } from './Avatar-Bl6oBjgb.cjs';
+import { a as AvatarProps } from './Avatar-D_J7xag8.cjs';
 
 interface AvatarGroupProps {
     bordered?: boolean;

package/dist/Label/index.cjs

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

package/dist/Label/index.d.cts

@@ -1,5 +1,5 @@
-import { L as Label } from '../Label-DzZDW95M.cjs';
-export { a as LabelProps } from '../Label-DzZDW95M.cjs';
+import { L as Label } from '../Label-BGMbtZK_.cjs';
+export { a as LabelProps } from '../Label-BGMbtZK_.cjs';
 import 'react/jsx-runtime';
 import '@nextui-org/chip';
 import 'react';

package/dist/Label/index.d.ts

@@ -1,5 +1,5 @@
-import { L as Label } from '../Label-DzZDW95M.js';
-export { a as LabelProps } from '../Label-DzZDW95M.js';
+import { L as Label } from '../Label-BGMbtZK_.js';
+export { a as LabelProps } from '../Label-BGMbtZK_.js';
 import 'react/jsx-runtime';
 import '@nextui-org/chip';
 import 'react';

package/dist/Label/index.js

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

package/dist/{Label-DzZDW95M.d.cts → Label-BGMbtZK_.d.cts}

@@ -11,14 +11,18 @@ interface LabelProps {
     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, size, startContent, }: LabelProps) => react_jsx_runtime.JSX.Element;
+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-DzZDW95M.d.ts → Label-BGMbtZK_.d.ts}

@@ -11,14 +11,18 @@ interface LabelProps {
     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, size, startContent, }: LabelProps) => react_jsx_runtime.JSX.Element;
+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/{chunk-LAGUJC5D.js → chunk-4X4NFZAM.js}

@@ -1,6 +1,6 @@
 import {
   Avatar_default2 as Avatar_default
-} from "./chunk-SFGC6YVH.js";
+} from "./chunk-N6YMP2DX.js";
 
 // src/AvatarGroup/AvatarGroup.tsx
 import { AvatarGroup as NextAvatarGroup } from "@nextui-org/avatar";
@@ -62,4 +62,4 @@ export {
   AvatarGroup_default,
   AvatarGroup_default2
 };
-//# sourceMappingURL=chunk-LAGUJC5D.js.map
+//# sourceMappingURL=chunk-4X4NFZAM.js.map

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

@@ -7,16 +7,20 @@ var Label = ({
   className = void 0,
   color = "default",
   endContent = void 0,
+  radius = "full",
   size = "md",
-  startContent = void 0
+  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
   }
 );
@@ -29,4 +33,4 @@ var Label_default2 = Label_default;
 
 
 exports.Label_default = Label_default; exports.Label_default2 = Label_default2;
-//# sourceMappingURL=chunk-UZZLRGTA.cjs.map
+//# sourceMappingURL=chunk-DN2BMTWI.cjs.map

package/dist/chunk-DN2BMTWI.cjs.map

@@ -0,0 +1 @@
+{"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-XGHRKDIM.cjs → chunk-HVLEV6BG.cjs}

@@ -1,19 +1,31 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/Avatar/Avatar.tsx
 var _avatar = require('@nextui-org/avatar');
+var _pixelutils = require('@fuf-stack/pixel-utils');
 var _jsxruntime = require('react/jsx-runtime');
+var avatarVariants = _pixelutils.tv.call(void 0, {
+  slots: {
+    base: "",
+    fallback: "",
+    icon: "",
+    img: "",
+    name: ""
+  }
+});
 var Avatar = ({
   bordered = false,
   rounded = "full",
-  className = "",
+  className: _className = void 0,
   disabled = false,
   fallback = void 0,
   size = "md",
   src
 }) => {
+  const variants = avatarVariants();
+  const className = _pixelutils.variantsToClassNames.call(void 0, variants, _className, "base");
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _avatar.Avatar,
     {
-      className,
+      classNames: className,
       fallback,
       isBordered: bordered,
       isDisabled: disabled,
@@ -33,4 +45,4 @@ var Avatar_default2 = Avatar_default;
 
 
 exports.Avatar_default = Avatar_default; exports.Avatar_default2 = Avatar_default2;
-//# sourceMappingURL=chunk-XGHRKDIM.cjs.map
+//# sourceMappingURL=chunk-HVLEV6BG.cjs.map

package/dist/chunk-HVLEV6BG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Avatar/Avatar.tsx","../src/Avatar/index.ts"],"names":["Avatar_default"],"mappings":";AAGA,SAAS,UAAU,kBAAkB;AAErC,SAAS,IAAI,4BAA4B;AAiDrC;AA9CG,IAAM,iBAAiB,GAAG;AAAA,EAC/B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,IACV,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,EACR;AACF,CAAC;AAwBD,IAAM,SAAS,CAAC;AAAA,EACd,WAAW;AAAA,EACX,UAAU;AAAA,EACV,WAAW,aAAa;AAAA,EACxB,WAAW;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP;AACF,MAAmB;AAEjB,QAAM,WAAW,eAAe;AAChC,QAAM,YAAY,qBAAqB,UAAU,YAAY,MAAM;AAEnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAY;AAAA,MACZ;AAAA,MACA,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,cAAc,CAAC,CAAC;AAAA,MAChB;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,iBAAQ;;;AC7Df,IAAOA,kBAAQ","sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type React from 'react';\n\nimport { Avatar as NextAvatar } from '@nextui-org/avatar';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// avatar styling variants\nexport const avatarVariants = tv({\n  slots: {\n    base: '',\n    fallback: '',\n    icon: '',\n    img: '',\n    name: '',\n  },\n});\n\ntype VariantProps = TVProps<typeof avatarVariants>;\ntype ClassName = TVClassName<typeof avatarVariants>;\nexport interface AvatarProps extends VariantProps {\n  /* Display a border ring around the Avatar */\n  bordered?: boolean;\n  /* Roundness of the border around the Avatar */\n  rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';\n  /** CSS class name */\n  className?: ClassName;\n  /* Disables the Avatar */\n  disabled?: boolean;\n  /* Fallback content to display if the image fails to load or is not provided */\n  fallback?: React.ReactNode;\n  /* Size of the Avatar */\n  size?: 'sm' | 'md' | 'lg';\n  /* Image source */\n  src: string;\n}\n\n/**\n * Avatar component based on [NextUI Avatar](https://nextui.org/docs/components/avatar)\n */\nconst Avatar = ({\n  bordered = false,\n  rounded = 'full',\n  className: _className = undefined,\n  disabled = false,\n  fallback = undefined,\n  size = 'md',\n  src,\n}: AvatarProps) => {\n  // className from slots\n  const variants = avatarVariants();\n  const className = variantsToClassNames(variants, _className, 'base');\n\n  return (\n    <NextAvatar\n      classNames={className}\n      fallback={fallback}\n      isBordered={bordered}\n      isDisabled={disabled}\n      radius={rounded}\n      showFallback={!!fallback}\n      size={size}\n      src={src}\n    />\n  );\n};\n\nexport default Avatar;\n","import Avatar from './Avatar';\n\nexport type { AvatarProps } from './Avatar';\n\nexport { Avatar };\n\nexport default Avatar;\n"]}

package/dist/{chunk-EJSTUBPU.cjs → chunk-IDGXOP6E.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunkXGHRKDIMcjs = require('./chunk-XGHRKDIM.cjs');
+var _chunkHVLEV6BGcjs = require('./chunk-HVLEV6BG.cjs');
 
 // src/AvatarGroup/AvatarGroup.tsx
 var _avatar = require('@nextui-org/avatar');
@@ -28,7 +28,7 @@ var AvatarGroup = ({
         return AvatarWrapper ? (
           // eslint-disable-next-line react/jsx-props-no-spreading
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AvatarWrapper, { ...avatar.wrapperProps, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkXGHRKDIMcjs.Avatar_default2,
+            _chunkHVLEV6BGcjs.Avatar_default2,
             {
               ...avatar,
               disabled: disabled || _optionalChain([avatar, 'optionalAccess', _3 => _3.disabled]),
@@ -39,7 +39,7 @@ var AvatarGroup = ({
             avatar.src
           ) })
         ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkXGHRKDIMcjs.Avatar_default2,
+          _chunkHVLEV6BGcjs.Avatar_default2,
           {
             ...avatar,
             disabled: disabled || _optionalChain([avatar, 'optionalAccess', _4 => _4.disabled]),
@@ -62,4 +62,4 @@ var AvatarGroup_default2 = AvatarGroup_default;
 
 
 exports.AvatarGroup_default = AvatarGroup_default; exports.AvatarGroup_default2 = AvatarGroup_default2;
-//# sourceMappingURL=chunk-EJSTUBPU.cjs.map
+//# sourceMappingURL=chunk-IDGXOP6E.cjs.map

package/dist/{chunk-SFGC6YVH.js → chunk-N6YMP2DX.js}

@@ -1,19 +1,31 @@
 // src/Avatar/Avatar.tsx
 import { Avatar as NextAvatar } from "@nextui-org/avatar";
+import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
 import { jsx } from "react/jsx-runtime";
+var avatarVariants = tv({
+  slots: {
+    base: "",
+    fallback: "",
+    icon: "",
+    img: "",
+    name: ""
+  }
+});
 var Avatar = ({
   bordered = false,
   rounded = "full",
-  className = "",
+  className: _className = void 0,
   disabled = false,
   fallback = void 0,
   size = "md",
   src
 }) => {
+  const variants = avatarVariants();
+  const className = variantsToClassNames(variants, _className, "base");
   return /* @__PURE__ */ jsx(
     NextAvatar,
     {
-      className,
+      classNames: className,
       fallback,
       isBordered: bordered,
       isDisabled: disabled,
@@ -33,4 +45,4 @@ export {
   Avatar_default,
   Avatar_default2
 };
-//# sourceMappingURL=chunk-SFGC6YVH.js.map
+//# sourceMappingURL=chunk-N6YMP2DX.js.map

package/dist/chunk-N6YMP2DX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Avatar/Avatar.tsx","../src/Avatar/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type React from 'react';\n\nimport { Avatar as NextAvatar } from '@nextui-org/avatar';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// avatar styling variants\nexport const avatarVariants = tv({\n  slots: {\n    base: '',\n    fallback: '',\n    icon: '',\n    img: '',\n    name: '',\n  },\n});\n\ntype VariantProps = TVProps<typeof avatarVariants>;\ntype ClassName = TVClassName<typeof avatarVariants>;\nexport interface AvatarProps extends VariantProps {\n  /* Display a border ring around the Avatar */\n  bordered?: boolean;\n  /* Roundness of the border around the Avatar */\n  rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';\n  /** CSS class name */\n  className?: ClassName;\n  /* Disables the Avatar */\n  disabled?: boolean;\n  /* Fallback content to display if the image fails to load or is not provided */\n  fallback?: React.ReactNode;\n  /* Size of the Avatar */\n  size?: 'sm' | 'md' | 'lg';\n  /* Image source */\n  src: string;\n}\n\n/**\n * Avatar component based on [NextUI Avatar](https://nextui.org/docs/components/avatar)\n */\nconst Avatar = ({\n  bordered = false,\n  rounded = 'full',\n  className: _className = undefined,\n  disabled = false,\n  fallback = undefined,\n  size = 'md',\n  src,\n}: AvatarProps) => {\n  // className from slots\n  const variants = avatarVariants();\n  const className = variantsToClassNames(variants, _className, 'base');\n\n  return (\n    <NextAvatar\n      classNames={className}\n      fallback={fallback}\n      isBordered={bordered}\n      isDisabled={disabled}\n      radius={rounded}\n      showFallback={!!fallback}\n      size={size}\n      src={src}\n    />\n  );\n};\n\nexport default Avatar;\n","import Avatar from './Avatar';\n\nexport type { AvatarProps } from './Avatar';\n\nexport { Avatar };\n\nexport default Avatar;\n"],"mappings":";AAGA,SAAS,UAAU,kBAAkB;AAErC,SAAS,IAAI,4BAA4B;AAiDrC;AA9CG,IAAM,iBAAiB,GAAG;AAAA,EAC/B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,IACV,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,EACR;AACF,CAAC;AAwBD,IAAM,SAAS,CAAC;AAAA,EACd,WAAW;AAAA,EACX,UAAU;AAAA,EACV,WAAW,aAAa;AAAA,EACxB,WAAW;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP;AACF,MAAmB;AAEjB,QAAM,WAAW,eAAe;AAChC,QAAM,YAAY,qBAAqB,UAAU,YAAY,MAAM;AAEnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAY;AAAA,MACZ;AAAA,MACA,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,cAAc,CAAC,CAAC;AAAA,MAChB;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,iBAAQ;;;AC7Df,IAAOA,kBAAQ;","names":["Avatar_default"]}

package/dist/{chunk-32USZJY2.js → chunk-Q5NSBKHR.js}

@@ -7,16 +7,20 @@ var Label = ({
   className = void 0,
   color = "default",
   endContent = void 0,
+  radius = "full",
   size = "md",
-  startContent = void 0
+  startContent = void 0,
+  variant = "solid"
 }) => /* @__PURE__ */ jsx(
   NextLabel,
   {
     className: cn(className),
     color,
     endContent,
+    radius,
     size,
     startContent,
+    variant,
     children
   }
 );
@@ -29,4 +33,4 @@ export {
   Label_default,
   Label_default2
 };
-//# sourceMappingURL=chunk-32USZJY2.js.map
+//# sourceMappingURL=chunk-Q5NSBKHR.js.map

package/dist/chunk-Q5NSBKHR.js.map

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

@@ -19,10 +19,10 @@ var _chunkMWNBYTRNcjs = require('./chunk-MWNBYTRN.cjs');
 var _chunkHI5ZXI2Xcjs = require('./chunk-HI5ZXI2X.cjs');
 
 
-var _chunkEJSTUBPUcjs = require('./chunk-EJSTUBPU.cjs');
+var _chunkIDGXOP6Ecjs = require('./chunk-IDGXOP6E.cjs');
 
 
-var _chunkXGHRKDIMcjs = require('./chunk-XGHRKDIM.cjs');
+var _chunkHVLEV6BGcjs = require('./chunk-HVLEV6BG.cjs');
 
 
 
@@ -36,7 +36,7 @@ var _chunkULZQ45FScjs = require('./chunk-ULZQ45FS.cjs');
 var _chunkLOFZNVCNcjs = require('./chunk-LOFZNVCN.cjs');
 
 
-var _chunkUZZLRGTAcjs = require('./chunk-UZZLRGTA.cjs');
+var _chunkDN2BMTWIcjs = require('./chunk-DN2BMTWI.cjs');
 
 
 var _chunkMJNISFGXcjs = require('./chunk-MJNISFGX.cjs');
@@ -60,5 +60,5 @@ require('./chunk-DZUJEN5N.cjs');
 
 
 
-exports.Accordion = _chunkHI5ZXI2Xcjs.Accordion_default; exports.Avatar = _chunkXGHRKDIMcjs.Avatar_default; exports.AvatarGroup = _chunkEJSTUBPUcjs.AvatarGroup_default; exports.Button = _chunkLOFZNVCNcjs.Button_default; exports.Card = _chunkJPALSO5Ecjs.Card_default; exports.Json = _chunkULZQ45FScjs.Json_default; exports.Label = _chunkUZZLRGTAcjs.Label_default; exports.Menu = _chunkMJNISFGXcjs.Menu_default; exports.Modal = _chunkVAJODF7Zcjs.Modal_default; exports.Popover = _chunkZCA555Q7cjs.Popover_default; exports.Tooltip = _chunkRS7HBBUFcjs.Tooltip_default; exports.accordionVariants = _chunkHI5ZXI2Xcjs.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 = _chunkHI5ZXI2Xcjs.Accordion_default; exports.Avatar = _chunkHVLEV6BGcjs.Avatar_default; exports.AvatarGroup = _chunkIDGXOP6Ecjs.AvatarGroup_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 = _chunkHI5ZXI2Xcjs.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;
 //# sourceMappingURL=index.cjs.map

package/dist/index.d.cts

@@ -1,10 +1,10 @@
 export { A as Accordion, c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from './Accordion-4uEQ6yjp.cjs';
-export { A as Avatar, a as AvatarProps } from './Avatar-Bl6oBjgb.cjs';
-export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-BhgTIcSs.cjs';
+export { A as Avatar, a as AvatarProps } from './Avatar-D_J7xag8.cjs';
+export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-DKYNPFbI.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-DzZDW95M.cjs';
+export { L as Label, a as LabelProps } from './Label-BGMbtZK_.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';

package/dist/index.d.ts

@@ -1,10 +1,10 @@
 export { A as Accordion, c as AccordionItemProps, b as AccordionProps, a as accordionVariants } from './Accordion-4uEQ6yjp.js';
-export { A as Avatar, a as AvatarProps } from './Avatar-Bl6oBjgb.js';
-export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-tWe-Vgrz.js';
+export { A as Avatar, a as AvatarProps } from './Avatar-D_J7xag8.js';
+export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-B34TDUuT.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-DzZDW95M.js';
+export { L as Label, a as LabelProps } from './Label-BGMbtZK_.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';

package/dist/index.js

@@ -19,10 +19,10 @@ import {
 } from "./chunk-ZHVEVZHH.js";
 import {
   AvatarGroup_default
-} from "./chunk-LAGUJC5D.js";
+} from "./chunk-4X4NFZAM.js";
 import {
   Avatar_default
-} from "./chunk-SFGC6YVH.js";
+} from "./chunk-N6YMP2DX.js";
 import {
   Card_default,
   cardVariants
@@ -36,7 +36,7 @@ import {
 } from "./chunk-EVCVBDO5.js";
 import {
   Label_default
-} from "./chunk-32USZJY2.js";
+} from "./chunk-Q5NSBKHR.js";
 import {
   Menu_default
 } from "./chunk-SU6NFAFF.js";

package/package.json

@@ -2,7 +2,7 @@
   "name": "@fuf-stack/pixels",
   "description": "fuf core react component library",
   "author": "Hannes Tiede",
-  "version": "0.11.0",
+  "version": "0.13.0",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",

package/dist/Avatar-Bl6oBjgb.d.cts

@@ -1,19 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import React from 'react';
-
-interface AvatarProps {
-    bordered?: boolean;
-    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';
-    /** CSS class name */
-    className?: string;
-    disabled?: boolean;
-    fallback?: React.ReactNode;
-    size?: 'sm' | 'md' | 'lg';
-    src: string;
-}
-/**
- * Avatar component based on [NextUI Avatar](https://nextui.org/docs/components/avatar)
- */
-declare const Avatar: ({ bordered, rounded, className, disabled, fallback, size, src, }: AvatarProps) => react_jsx_runtime.JSX.Element;
-
-export { Avatar as A, type AvatarProps as a };

package/dist/Avatar-Bl6oBjgb.d.ts

@@ -1,19 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import React from 'react';
-
-interface AvatarProps {
-    bordered?: boolean;
-    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';
-    /** CSS class name */
-    className?: string;
-    disabled?: boolean;
-    fallback?: React.ReactNode;
-    size?: 'sm' | 'md' | 'lg';
-    src: string;
-}
-/**
- * Avatar component based on [NextUI Avatar](https://nextui.org/docs/components/avatar)
- */
-declare const Avatar: ({ bordered, rounded, className, disabled, fallback, size, src, }: AvatarProps) => react_jsx_runtime.JSX.Element;
-
-export { Avatar as A, type AvatarProps as a };

package/dist/chunk-32USZJY2.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  /** 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}\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  size = 'md',\n  startContent = undefined,\n}: LabelProps) => (\n  <NextLabel\n    className={cn(className)}\n    color={color}\n    endContent={endContent}\n    size={size}\n    startContent={startContent}\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;AA4BjB;AARF,IAAM,QAAQ,CAAC;AAAA,EACb;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,OAAO;AAAA,EACP,eAAe;AACjB,MACE;AAAA,EAAC;AAAA;AAAA,IACC,WAAW,GAAG,SAAS;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEC;AAAA;AACH;AAGF,IAAO,gBAAQ;;;ACtCf,IAAOA,iBAAQ;","names":["Label_default"]}

package/dist/chunk-SFGC6YVH.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Avatar/Avatar.tsx","../src/Avatar/index.ts"],"sourcesContent":["import type React from 'react';\n\nimport { Avatar as NextAvatar } from '@nextui-org/avatar';\n\nexport interface AvatarProps {\n  /* Display a border ring around the Avatar */\n  bordered?: boolean;\n  /* Roundness of the border around the Avatar */\n  rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';\n  /** CSS class name */\n  className?: string;\n  /* Disables the Avatar */\n  disabled?: boolean;\n  /* Fallback content to display if the image fails to load or is not provided */\n  fallback?: React.ReactNode;\n  /* Size of the Avatar */\n  size?: 'sm' | 'md' | 'lg';\n  /* Image source */\n  src: string;\n}\n\n/**\n * Avatar component based on [NextUI Avatar](https://nextui.org/docs/components/avatar)\n */\nconst Avatar = ({\n  bordered = false,\n  rounded = 'full',\n  className = '',\n  disabled = false,\n  fallback = undefined,\n  size = 'md',\n  src,\n}: AvatarProps) => {\n  return (\n    <NextAvatar\n      className={className}\n      fallback={fallback}\n      isBordered={bordered}\n      isDisabled={disabled}\n      radius={rounded}\n      showFallback={!!fallback}\n      size={size}\n      src={src}\n    />\n  );\n};\n\nexport default Avatar;\n","import Avatar from './Avatar';\n\nexport type { AvatarProps } from './Avatar';\n\nexport { Avatar };\n\nexport default Avatar;\n"],"mappings":";AAEA,SAAS,UAAU,kBAAkB;AAgCjC;AAVJ,IAAM,SAAS,CAAC;AAAA,EACd,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP;AACF,MAAmB;AACjB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,cAAc,CAAC,CAAC;AAAA,MAChB;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,iBAAQ;;;ACzCf,IAAOA,kBAAQ;","names":["Avatar_default"]}

package/dist/chunk-UZZLRGTA.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;AA4BjB;AARF,IAAM,QAAQ,CAAC;AAAA,EACb;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,OAAO;AAAA,EACP,eAAe;AACjB,MACE;AAAA,EAAC;AAAA;AAAA,IACC,WAAW,GAAG,SAAS;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEC;AAAA;AACH;AAGF,IAAO,gBAAQ;;;ACtCf,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  /** 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}\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  size = 'md',\n  startContent = undefined,\n}: LabelProps) => (\n  <NextLabel\n    className={cn(className)}\n    color={color}\n    endContent={endContent}\n    size={size}\n    startContent={startContent}\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-XGHRKDIM.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Avatar/Avatar.tsx","../src/Avatar/index.ts"],"names":["Avatar_default"],"mappings":";AAEA,SAAS,UAAU,kBAAkB;AAgCjC;AAVJ,IAAM,SAAS,CAAC;AAAA,EACd,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP;AACF,MAAmB;AACjB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,cAAc,CAAC,CAAC;AAAA,MAChB;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,iBAAQ;;;ACzCf,IAAOA,kBAAQ","sourcesContent":["import type React from 'react';\n\nimport { Avatar as NextAvatar } from '@nextui-org/avatar';\n\nexport interface AvatarProps {\n  /* Display a border ring around the Avatar */\n  bordered?: boolean;\n  /* Roundness of the border around the Avatar */\n  rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';\n  /** CSS class name */\n  className?: string;\n  /* Disables the Avatar */\n  disabled?: boolean;\n  /* Fallback content to display if the image fails to load or is not provided */\n  fallback?: React.ReactNode;\n  /* Size of the Avatar */\n  size?: 'sm' | 'md' | 'lg';\n  /* Image source */\n  src: string;\n}\n\n/**\n * Avatar component based on [NextUI Avatar](https://nextui.org/docs/components/avatar)\n */\nconst Avatar = ({\n  bordered = false,\n  rounded = 'full',\n  className = '',\n  disabled = false,\n  fallback = undefined,\n  size = 'md',\n  src,\n}: AvatarProps) => {\n  return (\n    <NextAvatar\n      className={className}\n      fallback={fallback}\n      isBordered={bordered}\n      isDisabled={disabled}\n      radius={rounded}\n      showFallback={!!fallback}\n      size={size}\n      src={src}\n    />\n  );\n};\n\nexport default Avatar;\n","import Avatar from './Avatar';\n\nexport type { AvatarProps } from './Avatar';\n\nexport { Avatar };\n\nexport default Avatar;\n"]}