@fuf-stack/pixels 0.5.9 → 0.7.0

package/dist/Avatar/index.cjs

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

package/dist/Avatar/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/Avatar/index.d.cts

@@ -0,0 +1,8 @@
+import { A as Avatar } from '../Avatar-Bl6oBjgb.cjs';
+export { a as AvatarProps } from '../Avatar-Bl6oBjgb.cjs';
+import 'react/jsx-runtime';
+import 'react';
+
+
+
+export { Avatar, Avatar as default };

package/dist/Avatar/index.d.ts

@@ -0,0 +1,8 @@
+import { A as Avatar } from '../Avatar-Bl6oBjgb.js';
+export { a as AvatarProps } from '../Avatar-Bl6oBjgb.js';
+import 'react/jsx-runtime';
+import 'react';
+
+
+
+export { Avatar, Avatar as default };

package/dist/Avatar/index.js

@@ -0,0 +1,9 @@
+import {
+  Avatar_default,
+  Avatar_default2
+} from "../chunk-SFGC6YVH.js";
+export {
+  Avatar_default as Avatar,
+  Avatar_default2 as default
+};
+//# sourceMappingURL=index.js.map

package/dist/Avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/Avatar-Bl6oBjgb.d.cts

@@ -0,0 +1,19 @@
+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

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

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

package/dist/AvatarGroup/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/AvatarGroup/index.d.cts

@@ -0,0 +1,9 @@
+import { A as AvatarGroup } from '../AvatarGroup-BhgTIcSs.cjs';
+export { a as AvatarGroupProps } from '../AvatarGroup-BhgTIcSs.cjs';
+import 'react/jsx-runtime';
+import '../Avatar-Bl6oBjgb.cjs';
+import 'react';
+
+
+
+export { AvatarGroup, AvatarGroup as default };

package/dist/AvatarGroup/index.d.ts

@@ -0,0 +1,9 @@
+import { A as AvatarGroup } from '../AvatarGroup-tWe-Vgrz.js';
+export { a as AvatarGroupProps } from '../AvatarGroup-tWe-Vgrz.js';
+import 'react/jsx-runtime';
+import '../Avatar-Bl6oBjgb.js';
+import 'react';
+
+
+
+export { AvatarGroup, AvatarGroup as default };

package/dist/AvatarGroup/index.js

@@ -0,0 +1,10 @@
+import {
+  AvatarGroup_default,
+  AvatarGroup_default2
+} from "../chunk-LAGUJC5D.js";
+import "../chunk-SFGC6YVH.js";
+export {
+  AvatarGroup_default as AvatarGroup,
+  AvatarGroup_default2 as default
+};
+//# sourceMappingURL=index.js.map

package/dist/AvatarGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/AvatarGroup-BhgTIcSs.d.cts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { a as AvatarProps } from './Avatar-Bl6oBjgb.cjs';
+
+interface AvatarGroupProps {
+    bordered?: boolean;
+    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';
+    /** CSS class name */
+    className?: string;
+    disabled?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    max?: number;
+    avatars?: (Omit<AvatarProps, 'size' | 'rounded' | 'bordered'> & {
+        wrapperProps?: Record<string, unknown>;
+    })[];
+    avatarWrapper?: JSX.ElementType;
+}
+/**
+ * AvatarGroup component based on [NextUI AvatarGroup](https://nextui.org/docs/components/avatar)
+ */
+declare const AvatarGroup: ({ bordered, rounded, className, disabled, size, avatars, max, avatarWrapper: AvatarWrapper, }: AvatarGroupProps) => react_jsx_runtime.JSX.Element;
+
+export { AvatarGroup as A, type AvatarGroupProps as a };

package/dist/AvatarGroup-tWe-Vgrz.d.ts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { a as AvatarProps } from './Avatar-Bl6oBjgb.js';
+
+interface AvatarGroupProps {
+    bordered?: boolean;
+    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';
+    /** CSS class name */
+    className?: string;
+    disabled?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    max?: number;
+    avatars?: (Omit<AvatarProps, 'size' | 'rounded' | 'bordered'> & {
+        wrapperProps?: Record<string, unknown>;
+    })[];
+    avatarWrapper?: JSX.ElementType;
+}
+/**
+ * AvatarGroup component based on [NextUI AvatarGroup](https://nextui.org/docs/components/avatar)
+ */
+declare const AvatarGroup: ({ bordered, rounded, className, disabled, size, avatars, max, avatarWrapper: AvatarWrapper, }: AvatarGroupProps) => react_jsx_runtime.JSX.Element;
+
+export { AvatarGroup as A, type AvatarGroupProps as a };

package/dist/chunk-EJSTUBPU.cjs

@@ -0,0 +1,65 @@
+"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');
+
+// src/AvatarGroup/AvatarGroup.tsx
+var _avatar = require('@nextui-org/avatar');
+var _jsxruntime = require('react/jsx-runtime');
+var AvatarGroup = ({
+  bordered = false,
+  rounded = "full",
+  className = "",
+  disabled = false,
+  size = "md",
+  avatars = [],
+  max = 3,
+  avatarWrapper: AvatarWrapper = void 0
+}) => {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _avatar.AvatarGroup,
+    {
+      max,
+      className,
+      isBordered: bordered,
+      isDisabled: disabled,
+      radius: rounded,
+      size,
+      children: _optionalChain([avatars, 'optionalAccess', _ => _.map, 'call', _2 => _2((avatar) => {
+        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,
+            {
+              ...avatar,
+              disabled: disabled || _optionalChain([avatar, 'optionalAccess', _3 => _3.disabled]),
+              rounded,
+              bordered,
+              size
+            },
+            avatar.src
+          ) })
+        ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkXGHRKDIMcjs.Avatar_default2,
+          {
+            ...avatar,
+            disabled: disabled || _optionalChain([avatar, 'optionalAccess', _4 => _4.disabled]),
+            rounded,
+            bordered,
+            size
+          },
+          avatar.src
+        );
+      })])
+    }
+  );
+};
+var AvatarGroup_default = AvatarGroup;
+
+// src/AvatarGroup/index.ts
+var AvatarGroup_default2 = AvatarGroup_default;
+
+
+
+
+exports.AvatarGroup_default = AvatarGroup_default; exports.AvatarGroup_default2 = AvatarGroup_default2;
+//# sourceMappingURL=chunk-EJSTUBPU.cjs.map

package/dist/chunk-EJSTUBPU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/AvatarGroup/AvatarGroup.tsx","../src/AvatarGroup/index.ts"],"names":["AvatarGroup_default"],"mappings":";;;;;AAEA,SAAS,eAAe,uBAAuB;AAoDnC;AAvBZ,IAAM,cAAc,CAAC;AAAA,EACnB,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,OAAO;AAAA,EACP,UAAU,CAAC;AAAA,EACX,MAAM;AAAA,EACN,eAAe,gBAAgB;AACjC,MAAwB;AACtB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MAEC,mBAAS,IAAI,CAAC,WAAW;AACxB,eAAO;AAAA;AAAA,UAEL,oBAAC,iBAAe,GAAG,OAAO,cACxB;AAAA,YAAC;AAAA;AAAA,cAGE,GAAG;AAAA,cACJ,UAAU,YAAY,QAAQ;AAAA,cAC9B;AAAA,cACA;AAAA,cACA;AAAA;AAAA,YANK,OAAO;AAAA,UAOd,GACF;AAAA,YAEA;AAAA,UAAC;AAAA;AAAA,YAGE,GAAG;AAAA,YACJ,UAAU,YAAY,QAAQ;AAAA,YAC9B;AAAA,YACA;AAAA,YACA;AAAA;AAAA,UANK,OAAO;AAAA,QAOd;AAAA,MAEJ,CAAC;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,sBAAQ;;;AC1Ef,IAAOA,uBAAQ","sourcesContent":["import type { AvatarProps } from '../Avatar/Avatar';\n\nimport { AvatarGroup as NextAvatarGroup } from '@nextui-org/avatar';\n\nimport Avatar from '../Avatar';\n\nexport interface AvatarGroupProps {\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  /* Size of the Avatar */\n  size?: 'sm' | 'md' | 'lg';\n  /* Maximum number of avatars to display before +X is displayed */\n  max?: number;\n  /* Array of avatarProps */\n  avatars?: (Omit<AvatarProps, 'size' | 'rounded' | 'bordered'> & {\n    /* Custom wrapperProps for each avatarWrapper */\n    wrapperProps?: Record<string, unknown>;\n  })[];\n  /* Custom wrapper for each avatar */\n  avatarWrapper?: JSX.ElementType;\n}\n\n/**\n * AvatarGroup component based on [NextUI AvatarGroup](https://nextui.org/docs/components/avatar)\n */\nconst AvatarGroup = ({\n  bordered = false,\n  rounded = 'full',\n  className = '',\n  disabled = false,\n  size = 'md',\n  avatars = [],\n  max = 3,\n  avatarWrapper: AvatarWrapper = undefined,\n}: AvatarGroupProps) => {\n  return (\n    <NextAvatarGroup\n      max={max}\n      className={className}\n      isBordered={bordered}\n      isDisabled={disabled}\n      radius={rounded}\n      size={size}\n    >\n      {avatars?.map((avatar) => {\n        return AvatarWrapper ? (\n          // eslint-disable-next-line react/jsx-props-no-spreading\n          <AvatarWrapper {...avatar.wrapperProps}>\n            <Avatar\n              key={avatar.src}\n              // eslint-disable-next-line react/jsx-props-no-spreading\n              {...avatar}\n              disabled={disabled || avatar?.disabled}\n              rounded={rounded}\n              bordered={bordered}\n              size={size}\n            />\n          </AvatarWrapper>\n        ) : (\n          <Avatar\n            key={avatar.src}\n            // eslint-disable-next-line react/jsx-props-no-spreading\n            {...avatar}\n            disabled={disabled || avatar?.disabled}\n            rounded={rounded}\n            bordered={bordered}\n            size={size}\n          />\n        );\n      })}\n    </NextAvatarGroup>\n  );\n};\n\nexport default AvatarGroup;\n","import AvatarGroup from './AvatarGroup';\n\nexport type { AvatarGroupProps } from './AvatarGroup';\n\nexport { AvatarGroup };\n\nexport default AvatarGroup;\n"]}

package/dist/chunk-LAGUJC5D.js

@@ -0,0 +1,65 @@
+import {
+  Avatar_default2 as Avatar_default
+} from "./chunk-SFGC6YVH.js";
+
+// src/AvatarGroup/AvatarGroup.tsx
+import { AvatarGroup as NextAvatarGroup } from "@nextui-org/avatar";
+import { jsx } from "react/jsx-runtime";
+var AvatarGroup = ({
+  bordered = false,
+  rounded = "full",
+  className = "",
+  disabled = false,
+  size = "md",
+  avatars = [],
+  max = 3,
+  avatarWrapper: AvatarWrapper = void 0
+}) => {
+  return /* @__PURE__ */ jsx(
+    NextAvatarGroup,
+    {
+      max,
+      className,
+      isBordered: bordered,
+      isDisabled: disabled,
+      radius: rounded,
+      size,
+      children: avatars?.map((avatar) => {
+        return AvatarWrapper ? (
+          // eslint-disable-next-line react/jsx-props-no-spreading
+          /* @__PURE__ */ jsx(AvatarWrapper, { ...avatar.wrapperProps, children: /* @__PURE__ */ jsx(
+            Avatar_default,
+            {
+              ...avatar,
+              disabled: disabled || avatar?.disabled,
+              rounded,
+              bordered,
+              size
+            },
+            avatar.src
+          ) })
+        ) : /* @__PURE__ */ jsx(
+          Avatar_default,
+          {
+            ...avatar,
+            disabled: disabled || avatar?.disabled,
+            rounded,
+            bordered,
+            size
+          },
+          avatar.src
+        );
+      })
+    }
+  );
+};
+var AvatarGroup_default = AvatarGroup;
+
+// src/AvatarGroup/index.ts
+var AvatarGroup_default2 = AvatarGroup_default;
+
+export {
+  AvatarGroup_default,
+  AvatarGroup_default2
+};
+//# sourceMappingURL=chunk-LAGUJC5D.js.map

package/dist/chunk-LAGUJC5D.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/AvatarGroup/AvatarGroup.tsx","../src/AvatarGroup/index.ts"],"sourcesContent":["import type { AvatarProps } from '../Avatar/Avatar';\n\nimport { AvatarGroup as NextAvatarGroup } from '@nextui-org/avatar';\n\nimport Avatar from '../Avatar';\n\nexport interface AvatarGroupProps {\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  /* Size of the Avatar */\n  size?: 'sm' | 'md' | 'lg';\n  /* Maximum number of avatars to display before +X is displayed */\n  max?: number;\n  /* Array of avatarProps */\n  avatars?: (Omit<AvatarProps, 'size' | 'rounded' | 'bordered'> & {\n    /* Custom wrapperProps for each avatarWrapper */\n    wrapperProps?: Record<string, unknown>;\n  })[];\n  /* Custom wrapper for each avatar */\n  avatarWrapper?: JSX.ElementType;\n}\n\n/**\n * AvatarGroup component based on [NextUI AvatarGroup](https://nextui.org/docs/components/avatar)\n */\nconst AvatarGroup = ({\n  bordered = false,\n  rounded = 'full',\n  className = '',\n  disabled = false,\n  size = 'md',\n  avatars = [],\n  max = 3,\n  avatarWrapper: AvatarWrapper = undefined,\n}: AvatarGroupProps) => {\n  return (\n    <NextAvatarGroup\n      max={max}\n      className={className}\n      isBordered={bordered}\n      isDisabled={disabled}\n      radius={rounded}\n      size={size}\n    >\n      {avatars?.map((avatar) => {\n        return AvatarWrapper ? (\n          // eslint-disable-next-line react/jsx-props-no-spreading\n          <AvatarWrapper {...avatar.wrapperProps}>\n            <Avatar\n              key={avatar.src}\n              // eslint-disable-next-line react/jsx-props-no-spreading\n              {...avatar}\n              disabled={disabled || avatar?.disabled}\n              rounded={rounded}\n              bordered={bordered}\n              size={size}\n            />\n          </AvatarWrapper>\n        ) : (\n          <Avatar\n            key={avatar.src}\n            // eslint-disable-next-line react/jsx-props-no-spreading\n            {...avatar}\n            disabled={disabled || avatar?.disabled}\n            rounded={rounded}\n            bordered={bordered}\n            size={size}\n          />\n        );\n      })}\n    </NextAvatarGroup>\n  );\n};\n\nexport default AvatarGroup;\n","import AvatarGroup from './AvatarGroup';\n\nexport type { AvatarGroupProps } from './AvatarGroup';\n\nexport { AvatarGroup };\n\nexport default AvatarGroup;\n"],"mappings":";;;;;AAEA,SAAS,eAAe,uBAAuB;AAoDnC;AAvBZ,IAAM,cAAc,CAAC;AAAA,EACnB,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,OAAO;AAAA,EACP,UAAU,CAAC;AAAA,EACX,MAAM;AAAA,EACN,eAAe,gBAAgB;AACjC,MAAwB;AACtB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MAEC,mBAAS,IAAI,CAAC,WAAW;AACxB,eAAO;AAAA;AAAA,UAEL,oBAAC,iBAAe,GAAG,OAAO,cACxB;AAAA,YAAC;AAAA;AAAA,cAGE,GAAG;AAAA,cACJ,UAAU,YAAY,QAAQ;AAAA,cAC9B;AAAA,cACA;AAAA,cACA;AAAA;AAAA,YANK,OAAO;AAAA,UAOd,GACF;AAAA,YAEA;AAAA,UAAC;AAAA;AAAA,YAGE,GAAG;AAAA,YACJ,UAAU,YAAY,QAAQ;AAAA,YAC9B;AAAA,YACA;AAAA,YACA;AAAA;AAAA,UANK,OAAO;AAAA,QAOd;AAAA,MAEJ,CAAC;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,sBAAQ;;;AC1Ef,IAAOA,uBAAQ;","names":["AvatarGroup_default"]}

package/dist/chunk-SFGC6YVH.js

@@ -0,0 +1,36 @@
+// src/Avatar/Avatar.tsx
+import { Avatar as NextAvatar } from "@nextui-org/avatar";
+import { jsx } from "react/jsx-runtime";
+var Avatar = ({
+  bordered = false,
+  rounded = "full",
+  className = "",
+  disabled = false,
+  fallback = void 0,
+  size = "md",
+  src
+}) => {
+  return /* @__PURE__ */ jsx(
+    NextAvatar,
+    {
+      className,
+      fallback,
+      isBordered: bordered,
+      isDisabled: disabled,
+      radius: rounded,
+      showFallback: !!fallback,
+      size,
+      src
+    }
+  );
+};
+var Avatar_default = Avatar;
+
+// src/Avatar/index.ts
+var Avatar_default2 = Avatar_default;
+
+export {
+  Avatar_default,
+  Avatar_default2
+};
+//# sourceMappingURL=chunk-SFGC6YVH.js.map

package/dist/chunk-SFGC6YVH.js.map

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

@@ -0,0 +1,36 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/Avatar/Avatar.tsx
+var _avatar = require('@nextui-org/avatar');
+var _jsxruntime = require('react/jsx-runtime');
+var Avatar = ({
+  bordered = false,
+  rounded = "full",
+  className = "",
+  disabled = false,
+  fallback = void 0,
+  size = "md",
+  src
+}) => {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _avatar.Avatar,
+    {
+      className,
+      fallback,
+      isBordered: bordered,
+      isDisabled: disabled,
+      radius: rounded,
+      showFallback: !!fallback,
+      size,
+      src
+    }
+  );
+};
+var Avatar_default = Avatar;
+
+// src/Avatar/index.ts
+var Avatar_default2 = Avatar_default;
+
+
+
+
+exports.Avatar_default = Avatar_default; exports.Avatar_default2 = Avatar_default2;
+//# sourceMappingURL=chunk-XGHRKDIM.cjs.map

package/dist/chunk-XGHRKDIM.cjs.map

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

package/dist/index.cjs

@@ -1,5 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
+var _chunkB35F4645cjs = require('./chunk-B35F4645.cjs');
+
+
+
+var _chunkBSBPQXNGcjs = require('./chunk-BSBPQXNG.cjs');
+
+
 
 var _chunkMWNBYTRNcjs = require('./chunk-MWNBYTRN.cjs');
 
@@ -7,6 +14,12 @@ var _chunkMWNBYTRNcjs = require('./chunk-MWNBYTRN.cjs');
 var _chunk64K2TRGLcjs = require('./chunk-64K2TRGL.cjs');
 
 
+var _chunkEJSTUBPUcjs = require('./chunk-EJSTUBPU.cjs');
+
+
+var _chunkXGHRKDIMcjs = require('./chunk-XGHRKDIM.cjs');
+
+
 
 var _chunkGIM2W4JHcjs = require('./chunk-GIM2W4JH.cjs');
 
@@ -28,11 +41,6 @@ var _chunkHHTTNYDCcjs = require('./chunk-HHTTNYDC.cjs');
 var _chunkX2MUU2ZIcjs = require('./chunk-X2MUU2ZI.cjs');
 
 
-var _chunkB35F4645cjs = require('./chunk-B35F4645.cjs');
-
-
-
-var _chunkBSBPQXNGcjs = require('./chunk-BSBPQXNG.cjs');
 
 
 
@@ -49,5 +57,5 @@ var _chunkBSBPQXNGcjs = require('./chunk-BSBPQXNG.cjs');
 
 
 
-exports.Button = _chunkND4VZZVUcjs.Button_default; exports.Card = _chunkGIM2W4JHcjs.Card_default; exports.Json = _chunkM7IVIJEAcjs.Json_default; exports.Label = _chunkBMKGS5PKcjs.Label_default; exports.Menu = _chunkHHTTNYDCcjs.Menu_default; exports.Modal = _chunkX2MUU2ZIcjs.Modal_default; exports.Popover = _chunkB35F4645cjs.Popover_default; exports.Tooltip = _chunkBSBPQXNGcjs.Tooltip_default; exports.buttonVariants = _chunkND4VZZVUcjs.buttonVariants; exports.cardVariants = _chunkGIM2W4JHcjs.cardVariants; exports.modalVariants = _chunkX2MUU2ZIcjs.modalVariants; exports.nextui = _chunk64K2TRGLcjs.nextui; exports.tooltipPlacementOptions = _chunkBSBPQXNGcjs.tooltipPlacementOptions; exports.useDebounce = _chunkMWNBYTRNcjs.useDebounce; exports.useLocalStorage = _chunkMWNBYTRNcjs.useLocalStorage;
+exports.Avatar = _chunkXGHRKDIMcjs.Avatar_default; exports.AvatarGroup = _chunkEJSTUBPUcjs.AvatarGroup_default; exports.Button = _chunkND4VZZVUcjs.Button_default; exports.Card = _chunkGIM2W4JHcjs.Card_default; exports.Json = _chunkM7IVIJEAcjs.Json_default; exports.Label = _chunkBMKGS5PKcjs.Label_default; exports.Menu = _chunkHHTTNYDCcjs.Menu_default; exports.Modal = _chunkX2MUU2ZIcjs.Modal_default; exports.Popover = _chunkB35F4645cjs.Popover_default; exports.Tooltip = _chunkBSBPQXNGcjs.Tooltip_default; exports.buttonVariants = _chunkND4VZZVUcjs.buttonVariants; exports.cardVariants = _chunkGIM2W4JHcjs.cardVariants; exports.modalVariants = _chunkX2MUU2ZIcjs.modalVariants; exports.nextui = _chunk64K2TRGLcjs.nextui; exports.tooltipPlacementOptions = _chunkBSBPQXNGcjs.tooltipPlacementOptions; exports.useDebounce = _chunkMWNBYTRNcjs.useDebounce; exports.useLocalStorage = _chunkMWNBYTRNcjs.useLocalStorage;
 //# sourceMappingURL=index.cjs.map

package/dist/index.d.cts

@@ -1,3 +1,5 @@
+export { A as Avatar, a as AvatarProps } from './Avatar-Bl6oBjgb.cjs';
+export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-BhgTIcSs.cjs';
 export { B as Button, a as ButtonProps, b as buttonVariants } from './Button-DS4qK4Lf.cjs';
 export { C as Card, a as CardProps, c as cardVariants } from './Card-D5kspciY.cjs';
 export { J as Json, a as JsonProps } from './Json-ClGDcbcp.cjs';
@@ -9,9 +11,9 @@ export { T as Tooltip, a as TooltipProps, t as tooltipPlacementOptions } from '.
 export { useDebounce, useLocalStorage } from './hooks/index.cjs';
 export { nextui } from '@nextui-org/theme';
 import 'react/jsx-runtime';
+import 'react';
 import 'tailwind-variants';
 import 'tailwind-variants/dist/config.js';
 import '@nextui-org/button';
-import 'react';
 import '@nextui-org/chip';
 import '@nextui-org/popover';

package/dist/index.d.ts

@@ -1,3 +1,5 @@
+export { A as Avatar, a as AvatarProps } from './Avatar-Bl6oBjgb.js';
+export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-tWe-Vgrz.js';
 export { B as Button, a as ButtonProps, b as buttonVariants } from './Button-DS4qK4Lf.js';
 export { C as Card, a as CardProps, c as cardVariants } from './Card-D5kspciY.js';
 export { J as Json, a as JsonProps } from './Json-ClGDcbcp.js';
@@ -9,9 +11,9 @@ export { T as Tooltip, a as TooltipProps, t as tooltipPlacementOptions } from '.
 export { useDebounce, useLocalStorage } from './hooks/index.js';
 export { nextui } from '@nextui-org/theme';
 import 'react/jsx-runtime';
+import 'react';
 import 'tailwind-variants';
 import 'tailwind-variants/dist/config.js';
 import '@nextui-org/button';
-import 'react';
 import '@nextui-org/chip';
 import '@nextui-org/popover';

package/dist/index.js

@@ -1,3 +1,10 @@
+import {
+  Popover_default
+} from "./chunk-6G5VTF6K.js";
+import {
+  Tooltip_default,
+  tooltipPlacementOptions
+} from "./chunk-236GX7PP.js";
 import {
   useDebounce,
   useLocalStorage
@@ -5,6 +12,12 @@ import {
 import {
   nextui
 } from "./chunk-MM5H2WFG.js";
+import {
+  AvatarGroup_default
+} from "./chunk-LAGUJC5D.js";
+import {
+  Avatar_default
+} from "./chunk-SFGC6YVH.js";
 import {
   Card_default,
   cardVariants
@@ -26,14 +39,9 @@ import {
   Modal_default,
   modalVariants
 } from "./chunk-O6OLR36Y.js";
-import {
-  Popover_default
-} from "./chunk-6G5VTF6K.js";
-import {
-  Tooltip_default,
-  tooltipPlacementOptions
-} from "./chunk-236GX7PP.js";
 export {
+  Avatar_default as Avatar,
+  AvatarGroup_default as AvatarGroup,
   Button_default as Button,
   Card_default as Card,
   Json_default as Json,

package/package.json

@@ -2,10 +2,10 @@
   "name": "@fuf-stack/pixels",
   "description": "fuf react component library",
   "author": "Hannes Tiede",
-  "version": "0.5.9",
+  "version": "0.7.0",
   "type": "module",
-  "main": "./dist/index.js",
-  "module": "./dist/index.cjs",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "sideEffects": false,
   "exports": {
@@ -14,6 +14,16 @@
       "require": "./dist/index.cjs",
       "types": "./dist/index.d.ts"
     },
+    "./Avatar": {
+      "import": "./dist/Avatar/index.js",
+      "require": "./dist/Avatar/index.cjs",
+      "types": "./dist/Avatar/index.d.ts"
+    },
+    "./AvatarGroup": {
+      "import": "./dist/AvatarGroup/index.js",
+      "require": "./dist/AvatarGroup/index.cjs",
+      "types": "./dist/AvatarGroup/index.d.ts"
+    },
     "./Button": {
       "import": "./dist/Button/index.js",
       "require": "./dist/Button/index.cjs",
@@ -90,6 +100,7 @@
     "react-dom": ">=18"
   },
   "dependencies": {
+    "@nextui-org/avatar": "2.0.27",
     "@nextui-org/button": "2.0.31",
     "@nextui-org/card": "2.0.28",
     "@nextui-org/chip": "2.0.28",
@@ -108,14 +119,14 @@
   },
   "devDependencies": {
     "@types/debug": "4.1.12",
-    "@types/react": "18.3.1",
+    "@types/react": "18.3.3",
     "@types/react-dom": "18.3.0",
     "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/tsup-config": "0.0.1",
+    "@repo/vite-config": "0.0.1"
   },
   "scripts": {
     "build": "tsup --config node_modules/@repo/tsup-config/config.ts",