@fuf-stack/pixels 1.9.0 → 1.10.0

package/dist/Avatar/Avatar.js

@@ -0,0 +1,30 @@
+import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
+import { jsx } from "react/jsx-runtime";
+import { Avatar } from "@heroui/avatar";
+//#region src/Avatar/Avatar.tsx
+const avatarVariants = tv({ slots: {
+	base: "",
+	fallback: "",
+	icon: "",
+	img: "",
+	name: ""
+} });
+/**
+* Avatar component based on [HeroUI Avatar](https://www.heroui.com//docs/components/avatar)
+*/
+const Avatar$1 = ({ bordered = false, rounded = "full", className: _className = void 0, disabled = false, fallback = void 0, size = "md", src }) => {
+	return /* @__PURE__ */ jsx(Avatar, {
+		classNames: variantsToClassNames(avatarVariants(), _className, "base"),
+		fallback,
+		isBordered: bordered,
+		isDisabled: disabled,
+		radius: rounded,
+		showFallback: !!fallback,
+		size,
+		src
+	});
+};
+//#endregion
+export { Avatar$1 as default };
+
+//# sourceMappingURL=Avatar.js.map

package/dist/Avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","names":["Avatar","HeroAvatar"],"sources":["../../src/Avatar/Avatar.tsx"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type React from 'react';\n\nimport { Avatar as HeroAvatar } from '@heroui/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 [HeroUI Avatar](https://www.heroui.com//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    <HeroAvatar\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"],"mappings":";;;;AAQA,MAAa,iBAAiB,GAAG,EAC/B,OAAO;CACL,MAAM;CACN,UAAU;CACV,MAAM;CACN,KAAK;CACL,MAAM;AACR,EACF,CAAC;;;;AAwBD,MAAMA,YAAU,EACd,WAAW,OACX,UAAU,QACV,WAAW,aAAa,KAAA,GACxB,WAAW,OACX,WAAW,KAAA,GACX,OAAO,MACP,UACiB;CAKjB,OACE,oBAACC,QAAD;EACE,YAJc,qBADD,eAC6B,GAAG,YAAY,MAIrC;EACV;EACV,YAAY;EACZ,YAAY;EACZ,QAAQ;EACR,cAAc,CAAC,CAAC;EACV;EACD;CACN,CAAA;AAEL"}

package/dist/Avatar/index.cjs

@@ -1,10 +1,12 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_Avatar = require("./Avatar.cjs");
+//#region src/Avatar/index.ts
+var Avatar_default = require_Avatar.default;
+//#endregion
+exports.Avatar = require_Avatar.default;
+exports.default = Avatar_default;
 
-
-var _chunk77J7NZYBcjs = require('../chunk-77J7NZYB.cjs');
-require('../chunk-AHEA4IJV.cjs');
-
-
-
-exports.Avatar = _chunk77J7NZYBcjs.Avatar_default; exports.default = _chunk77J7NZYBcjs.Avatar_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Avatar/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/Avatar/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACF,uGAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/Avatar/index.cjs"}
+{"version":3,"file":"index.cjs","names":["Avatar"],"sources":["../../src/Avatar/index.ts"],"sourcesContent":["import Avatar from './Avatar';\n\nexport type { AvatarProps } from './Avatar';\n\nexport { Avatar };\n\nexport default Avatar;\n"],"mappings":";;;;;;AAMA,IAAA,iBAAeA,eAAAA"}

package/dist/Avatar/index.d.cts

@@ -1,11 +1,2 @@
-import { A as Avatar } from '../Avatar-DTg6mH8E.cjs';
-export { a as AvatarProps } from '../Avatar-DTg6mH8E.cjs';
-import 'react/jsx-runtime';
-import 'tailwind-variants';
-import 'tailwind-merge';
-import '@fuf-stack/pixel-utils';
-import 'react';
-
-
-
-export { Avatar, Avatar as default };
+import { Avatar, AvatarProps } from "./Avatar.cjs";
+export { Avatar, Avatar as default, type AvatarProps };

package/dist/Avatar/index.d.ts

@@ -1,11 +1,2 @@
-import { A as Avatar } from '../Avatar-DTg6mH8E.js';
-export { a as AvatarProps } from '../Avatar-DTg6mH8E.js';
-import 'react/jsx-runtime';
-import 'tailwind-variants';
-import 'tailwind-merge';
-import '@fuf-stack/pixel-utils';
-import 'react';
-
-
-
-export { Avatar, Avatar as default };
+import { Avatar, AvatarProps } from "./Avatar.js";
+export { Avatar, Avatar as default, type AvatarProps };

package/dist/Avatar/index.js

@@ -1,10 +1,7 @@
-import {
-  Avatar_default,
-  Avatar_default2
-} from "../chunk-4Y4W74D7.js";
-import "../chunk-OAIRL2FN.js";
-export {
-  Avatar_default as Avatar,
-  Avatar_default2 as default
-};
+import Avatar from "./Avatar.js";
+//#region src/Avatar/index.ts
+var Avatar_default = Avatar;
+//#endregion
+export { Avatar, Avatar_default as default };
+
 //# sourceMappingURL=index.js.map

package/dist/Avatar/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Avatar/index.ts"],"sourcesContent":["import Avatar from './Avatar';\n\nexport type { AvatarProps } from './Avatar';\n\nexport { Avatar };\n\nexport default Avatar;\n"],"mappings":";;AAMA,IAAA,iBAAe"}

package/dist/AvatarGroup/AvatarGroup.cjs

@@ -0,0 +1,42 @@
+require("../_virtual/_rolldown/runtime.cjs");
+const require_Avatar = require("../Avatar/Avatar.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _heroui_avatar = require("@heroui/avatar");
+//#region src/AvatarGroup/AvatarGroup.tsx
+/**
+* AvatarGroup component based on [HeroUI AvatarGroup](https://www.heroui.com//docs/components/avatar)
+*/
+const AvatarGroup = ({ bordered = false, rounded = "full", className = "", disabled = false, size = "md", avatars = [], max = 3, avatarWrapper: AvatarWrapper = void 0 }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_avatar.AvatarGroup, {
+		className,
+		isBordered: bordered,
+		isDisabled: disabled,
+		max,
+		radius: rounded,
+		size,
+		children: avatars?.map((avatar, index) => {
+			const avatarKey = avatar.src ? `${avatar.src}-${index}` : `avatar-${index}`;
+			const { wrapperProps, ...avatarProps } = avatar;
+			return AvatarWrapper ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AvatarWrapper, {
+				...wrapperProps,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Avatar.default, {
+					...avatarProps,
+					bordered,
+					disabled: disabled || avatar?.disabled,
+					rounded,
+					size
+				})
+			}, avatarKey) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Avatar.default, {
+				...avatarProps,
+				bordered,
+				disabled: disabled || avatar?.disabled,
+				rounded,
+				size
+			}, avatarKey);
+		})
+	});
+};
+//#endregion
+exports.default = AvatarGroup;
+
+//# sourceMappingURL=AvatarGroup.cjs.map

package/dist/AvatarGroup/AvatarGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.cjs","names":["HeroAvatarGroup","Avatar"],"sources":["../../src/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import type { JSX } from 'react';\nimport type { AvatarProps } from '../Avatar/Avatar';\n\nimport { AvatarGroup as HeroAvatarGroup } from '@heroui/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 [HeroUI AvatarGroup](https://www.heroui.com//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    <HeroAvatarGroup\n      className={className}\n      isBordered={bordered}\n      isDisabled={disabled}\n      max={max}\n      radius={rounded}\n      size={size}\n    >\n      {avatars?.map((avatar, index) => {\n        const avatarKey = avatar.src\n          ? `${avatar.src}-${index}`\n          : `avatar-${index}`;\n        const { wrapperProps, ...avatarProps } = avatar;\n        return AvatarWrapper ? (\n          <AvatarWrapper key={avatarKey} {...wrapperProps}>\n            <Avatar\n              {...avatarProps}\n              bordered={bordered}\n              disabled={disabled || avatar?.disabled}\n              rounded={rounded}\n              size={size}\n            />\n          </AvatarWrapper>\n        ) : (\n          <Avatar\n            key={avatarKey}\n            {...avatarProps}\n            bordered={bordered}\n            disabled={disabled || avatar?.disabled}\n            rounded={rounded}\n            size={size}\n          />\n        );\n      })}\n    </HeroAvatarGroup>\n  );\n};\n\nexport default AvatarGroup;\n"],"mappings":";;;;;;;;AAgCA,MAAM,eAAe,EACnB,WAAW,OACX,UAAU,QACV,YAAY,IACZ,WAAW,OACX,OAAO,MACP,UAAU,CAAC,GACX,MAAM,GACN,eAAe,gBAAgB,KAAA,QACT;CACtB,OACE,iBAAA,GAAA,kBAAA,KAACA,eAAAA,aAAD;EACa;EACX,YAAY;EACZ,YAAY;EACP;EACL,QAAQ;EACF;YAEL,SAAS,KAAK,QAAQ,UAAU;GAC/B,MAAM,YAAY,OAAO,MACrB,GAAG,OAAO,IAAI,GAAG,UACjB,UAAU;GACd,MAAM,EAAE,cAAc,GAAG,gBAAgB;GACzC,OAAO,gBACL,iBAAA,GAAA,kBAAA,KAAC,eAAD;IAA+B,GAAI;cACjC,iBAAA,GAAA,kBAAA,KAACC,eAAAA,SAAD;KACE,GAAI;KACM;KACV,UAAU,YAAY,QAAQ;KACrB;KACH;IACP,CAAA;GACY,GARK,SAQL,IAEf,iBAAA,GAAA,kBAAA,KAACA,eAAAA,SAAD;IAEE,GAAI;IACM;IACV,UAAU,YAAY,QAAQ;IACrB;IACH;GACP,GANM,SAMN;EAEL,CAAC;CACc,CAAA;AAErB"}

package/dist/AvatarGroup/AvatarGroup.d.cts

@@ -0,0 +1,33 @@
+import { AvatarProps } from "../Avatar/Avatar.cjs";
+import { JSX } from "react";
+
+//#region src/AvatarGroup/AvatarGroup.d.ts
+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 [HeroUI AvatarGroup](https://www.heroui.com//docs/components/avatar)
+ */
+declare const AvatarGroup: ({
+  bordered,
+  rounded,
+  className,
+  disabled,
+  size,
+  avatars,
+  max,
+  avatarWrapper: AvatarWrapper
+}: AvatarGroupProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { AvatarGroup, AvatarGroupProps };
+//# sourceMappingURL=AvatarGroup.d.cts.map

package/dist/AvatarGroup/AvatarGroup.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.d.cts","names":[],"sources":["../../src/AvatarGroup/AvatarGroup.tsx"],"mappings":";;;;UAOiB,gBAAA;EAEf,QAAA;EAEA,OAAA;EAJ+B;EAM/B,SAAA;EAEA,QAAA;EAEA,IAAA;EAEA,GAAA;EAEA,OAAA,IAAW,IAAA,CAAK,WAAA;IAEd,YAAA,GAAe,MAAA;EAAA;EAGjB,aAAA,GAAgB,GAAA,CAAI,WAAA;AAAA;;;;cAMhB,WAAA;EAAe,QAAA;EAAA,OAAA;EAAA,SAAA;EAAA,QAAA;EAAA,IAAA;EAAA,OAAA;EAAA,GAAA;EAAA,aAAA,EAAA;AAAA,GASlB,gBAAA,iCAAgB,GAAA,CAAA,OAAA"}

package/dist/AvatarGroup/AvatarGroup.d.ts

@@ -0,0 +1,33 @@
+import { AvatarProps } from "../Avatar/Avatar.js";
+import { JSX } from "react";
+
+//#region src/AvatarGroup/AvatarGroup.d.ts
+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 [HeroUI AvatarGroup](https://www.heroui.com//docs/components/avatar)
+ */
+declare const AvatarGroup: ({
+  bordered,
+  rounded,
+  className,
+  disabled,
+  size,
+  avatars,
+  max,
+  avatarWrapper: AvatarWrapper
+}: AvatarGroupProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { AvatarGroup, AvatarGroupProps };
+//# sourceMappingURL=AvatarGroup.d.ts.map

package/dist/AvatarGroup/AvatarGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.d.ts","names":[],"sources":["../../src/AvatarGroup/AvatarGroup.tsx"],"mappings":";;;;UAOiB,gBAAA;EAEf,QAAA;EAEA,OAAA;EAJ+B;EAM/B,SAAA;EAEA,QAAA;EAEA,IAAA;EAEA,GAAA;EAEA,OAAA,IAAW,IAAA,CAAK,WAAA;IAEd,YAAA,GAAe,MAAA;EAAA;EAGjB,aAAA,GAAgB,GAAA,CAAI,WAAA;AAAA;;;;cAMhB,WAAA;EAAe,QAAA;EAAA,OAAA;EAAA,SAAA;EAAA,QAAA;EAAA,IAAA;EAAA,OAAA;EAAA,GAAA;EAAA,aAAA,EAAA;AAAA,GASlB,gBAAA,iCAAgB,GAAA,CAAA,OAAA"}

package/dist/AvatarGroup/AvatarGroup.js

@@ -0,0 +1,41 @@
+import Avatar$1 from "../Avatar/Avatar.js";
+import { jsx } from "react/jsx-runtime";
+import { AvatarGroup } from "@heroui/avatar";
+//#region src/AvatarGroup/AvatarGroup.tsx
+/**
+* AvatarGroup component based on [HeroUI AvatarGroup](https://www.heroui.com//docs/components/avatar)
+*/
+const AvatarGroup$1 = ({ bordered = false, rounded = "full", className = "", disabled = false, size = "md", avatars = [], max = 3, avatarWrapper: AvatarWrapper = void 0 }) => {
+	return /* @__PURE__ */ jsx(AvatarGroup, {
+		className,
+		isBordered: bordered,
+		isDisabled: disabled,
+		max,
+		radius: rounded,
+		size,
+		children: avatars?.map((avatar, index) => {
+			const avatarKey = avatar.src ? `${avatar.src}-${index}` : `avatar-${index}`;
+			const { wrapperProps, ...avatarProps } = avatar;
+			return AvatarWrapper ? /* @__PURE__ */ jsx(AvatarWrapper, {
+				...wrapperProps,
+				children: /* @__PURE__ */ jsx(Avatar$1, {
+					...avatarProps,
+					bordered,
+					disabled: disabled || avatar?.disabled,
+					rounded,
+					size
+				})
+			}, avatarKey) : /* @__PURE__ */ jsx(Avatar$1, {
+				...avatarProps,
+				bordered,
+				disabled: disabled || avatar?.disabled,
+				rounded,
+				size
+			}, avatarKey);
+		})
+	});
+};
+//#endregion
+export { AvatarGroup$1 as default };
+
+//# sourceMappingURL=AvatarGroup.js.map

package/dist/AvatarGroup/AvatarGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.js","names":["AvatarGroup","HeroAvatarGroup","Avatar"],"sources":["../../src/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import type { JSX } from 'react';\nimport type { AvatarProps } from '../Avatar/Avatar';\n\nimport { AvatarGroup as HeroAvatarGroup } from '@heroui/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 [HeroUI AvatarGroup](https://www.heroui.com//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    <HeroAvatarGroup\n      className={className}\n      isBordered={bordered}\n      isDisabled={disabled}\n      max={max}\n      radius={rounded}\n      size={size}\n    >\n      {avatars?.map((avatar, index) => {\n        const avatarKey = avatar.src\n          ? `${avatar.src}-${index}`\n          : `avatar-${index}`;\n        const { wrapperProps, ...avatarProps } = avatar;\n        return AvatarWrapper ? (\n          <AvatarWrapper key={avatarKey} {...wrapperProps}>\n            <Avatar\n              {...avatarProps}\n              bordered={bordered}\n              disabled={disabled || avatar?.disabled}\n              rounded={rounded}\n              size={size}\n            />\n          </AvatarWrapper>\n        ) : (\n          <Avatar\n            key={avatarKey}\n            {...avatarProps}\n            bordered={bordered}\n            disabled={disabled || avatar?.disabled}\n            rounded={rounded}\n            size={size}\n          />\n        );\n      })}\n    </HeroAvatarGroup>\n  );\n};\n\nexport default AvatarGroup;\n"],"mappings":";;;;;;;AAgCA,MAAMA,iBAAe,EACnB,WAAW,OACX,UAAU,QACV,YAAY,IACZ,WAAW,OACX,OAAO,MACP,UAAU,CAAC,GACX,MAAM,GACN,eAAe,gBAAgB,KAAA,QACT;CACtB,OACE,oBAACC,aAAD;EACa;EACX,YAAY;EACZ,YAAY;EACP;EACL,QAAQ;EACF;YAEL,SAAS,KAAK,QAAQ,UAAU;GAC/B,MAAM,YAAY,OAAO,MACrB,GAAG,OAAO,IAAI,GAAG,UACjB,UAAU;GACd,MAAM,EAAE,cAAc,GAAG,gBAAgB;GACzC,OAAO,gBACL,oBAAC,eAAD;IAA+B,GAAI;cACjC,oBAACC,UAAD;KACE,GAAI;KACM;KACV,UAAU,YAAY,QAAQ;KACrB;KACH;IACP,CAAA;GACY,GARK,SAQL,IAEf,oBAACA,UAAD;IAEE,GAAI;IACM;IACV,UAAU,YAAY,QAAQ;IACrB;IACH;GACP,GANM,SAMN;EAEL,CAAC;CACc,CAAA;AAErB"}

package/dist/AvatarGroup/index.cjs

@@ -1,11 +1,12 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_AvatarGroup = require("./AvatarGroup.cjs");
+//#region src/AvatarGroup/index.ts
+var AvatarGroup_default = require_AvatarGroup.default;
+//#endregion
+exports.AvatarGroup = require_AvatarGroup.default;
+exports.default = AvatarGroup_default;
 
-
-var _chunkVHESFBAQcjs = require('../chunk-VHESFBAQ.cjs');
-require('../chunk-77J7NZYB.cjs');
-require('../chunk-AHEA4IJV.cjs');
-
-
-
-exports.AvatarGroup = _chunkVHESFBAQcjs.AvatarGroup_default; exports.default = _chunkVHESFBAQcjs.AvatarGroup_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/AvatarGroup/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/AvatarGroup/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACF,sHAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/AvatarGroup/index.cjs"}
+{"version":3,"file":"index.cjs","names":["AvatarGroup"],"sources":["../../src/AvatarGroup/index.ts"],"sourcesContent":["import AvatarGroup from './AvatarGroup';\n\nexport type { AvatarGroupProps } from './AvatarGroup';\n\nexport { AvatarGroup };\n\nexport default AvatarGroup;\n"],"mappings":";;;;;;AAMA,IAAA,sBAAeA,oBAAAA"}

package/dist/AvatarGroup/index.d.cts

@@ -1,12 +1,2 @@
-import { A as AvatarGroup } from '../AvatarGroup-BYAaERBV.cjs';
-export { a as AvatarGroupProps } from '../AvatarGroup-BYAaERBV.cjs';
-import 'react/jsx-runtime';
-import 'react';
-import '../Avatar-DTg6mH8E.cjs';
-import 'tailwind-variants';
-import 'tailwind-merge';
-import '@fuf-stack/pixel-utils';
-
-
-
-export { AvatarGroup, AvatarGroup as default };
+import { AvatarGroup, AvatarGroupProps } from "./AvatarGroup.cjs";
+export { AvatarGroup, AvatarGroup as default, type AvatarGroupProps };

package/dist/AvatarGroup/index.d.ts

@@ -1,12 +1,2 @@
-import { A as AvatarGroup } from '../AvatarGroup-9wz1iZH4.js';
-export { a as AvatarGroupProps } from '../AvatarGroup-9wz1iZH4.js';
-import 'react/jsx-runtime';
-import 'react';
-import '../Avatar-DTg6mH8E.js';
-import 'tailwind-variants';
-import 'tailwind-merge';
-import '@fuf-stack/pixel-utils';
-
-
-
-export { AvatarGroup, AvatarGroup as default };
+import { AvatarGroup, AvatarGroupProps } from "./AvatarGroup.js";
+export { AvatarGroup, AvatarGroup as default, type AvatarGroupProps };

package/dist/AvatarGroup/index.js

@@ -1,11 +1,7 @@
-import {
-  AvatarGroup_default,
-  AvatarGroup_default2
-} from "../chunk-HSREBNZV.js";
-import "../chunk-4Y4W74D7.js";
-import "../chunk-OAIRL2FN.js";
-export {
-  AvatarGroup_default as AvatarGroup,
-  AvatarGroup_default2 as default
-};
+import AvatarGroup from "./AvatarGroup.js";
+//#region src/AvatarGroup/index.ts
+var AvatarGroup_default = AvatarGroup;
+//#endregion
+export { AvatarGroup, AvatarGroup_default as default };
+
 //# sourceMappingURL=index.js.map

package/dist/AvatarGroup/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/AvatarGroup/index.ts"],"sourcesContent":["import AvatarGroup from './AvatarGroup';\n\nexport type { AvatarGroupProps } from './AvatarGroup';\n\nexport { AvatarGroup };\n\nexport default AvatarGroup;\n"],"mappings":";;AAMA,IAAA,sBAAe"}

package/dist/Badge/Badge.cjs

@@ -0,0 +1,29 @@
+require("../_virtual/_rolldown/runtime.cjs");
+let _fuf_stack_pixel_utils = require("@fuf-stack/pixel-utils");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _heroui_badge = require("@heroui/badge");
+//#region src/Badge/Badge.tsx
+const badgeVariants = (0, _fuf_stack_pixel_utils.tv)({ slots: {
+	badge: "",
+	base: ""
+} });
+/**
+* Badge component based on [HeroUI Badge](https://www.heroui.com//docs/components/badge)
+*/
+const Avatar = ({ children, className: _className = void 0, content = void 0, color = "default", isOneChar = false, noOutline = false, placement = "top-right", size = "md" }) => {
+	if (content === void 0) return children;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_badge.Badge, {
+		classNames: (0, _fuf_stack_pixel_utils.variantsToClassNames)(badgeVariants(), _className, "base"),
+		color,
+		content,
+		isOneChar,
+		placement,
+		showOutline: !noOutline,
+		size,
+		children
+	});
+};
+//#endregion
+exports.default = Avatar;
+
+//# sourceMappingURL=Badge.cjs.map

package/dist/Badge/Badge.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.cjs","names":["HeroBadge"],"sources":["../../src/Badge/Badge.tsx"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { BadgeProps as HeroBadgeProps } from '@heroui/badge';\nimport type { ReactNode } from 'react';\n\nimport { Badge as HeroBadge } from '@heroui/badge';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// badge styling variants\nexport const badgeVariants = tv({\n  slots: {\n    badge: '',\n    base: '',\n  },\n});\n\ntype VariantProps = TVProps<typeof badgeVariants>;\ntype ClassName = TVClassName<typeof badgeVariants>;\n\nexport interface BadgeProps extends VariantProps {\n  /** component which is wrapped by the batch */\n  children: HeroBadgeProps['children'];\n  /** CSS class name */\n  className?: ClassName;\n  /** badge content */\n  content?: HeroBadgeProps['content'];\n  /** color of the badge */\n  color?: HeroBadgeProps['color'];\n  /** if set the badge have the same height and width */\n  isOneChar?: HeroBadgeProps['isOneChar'];\n  /** removes the badge outline */\n  noOutline?: boolean;\n  /** placement of the badge */\n  placement?: HeroBadgeProps['placement'];\n  /** size of the badge */\n  size?: HeroBadgeProps['size'];\n}\n\n/**\n * Badge component based on [HeroUI Badge](https://www.heroui.com//docs/components/badge)\n */\nconst Avatar = ({\n  children,\n  className: _className = undefined,\n  content = undefined,\n  color = 'default',\n  isOneChar = false,\n  noOutline = false,\n  placement = 'top-right',\n  size = 'md',\n}: BadgeProps): ReactNode => {\n  if (content === undefined) {\n    return children;\n  }\n  // className from slots\n  const variants = badgeVariants();\n  const className = variantsToClassNames(variants, _className, 'base');\n\n  return (\n    <HeroBadge\n      classNames={className}\n      color={color}\n      content={content}\n      isOneChar={isOneChar}\n      placement={placement}\n      showOutline={!noOutline}\n      size={size}\n    >\n      {children}\n    </HeroBadge>\n  );\n};\n\nexport default Avatar;\n"],"mappings":";;;;;AASA,MAAa,iBAAA,GAAA,uBAAA,IAAmB,EAC9B,OAAO;CACL,OAAO;CACP,MAAM;AACR,EACF,CAAC;;;;AA2BD,MAAM,UAAU,EACd,UACA,WAAW,aAAa,KAAA,GACxB,UAAU,KAAA,GACV,QAAQ,WACR,YAAY,OACZ,YAAY,OACZ,YAAY,aACZ,OAAO,WACoB;CAC3B,IAAI,YAAY,KAAA,GACd,OAAO;CAMT,OACE,iBAAA,GAAA,kBAAA,KAACA,cAAAA,OAAD;EACE,aAAA,GAAA,uBAAA,sBALa,cAC6B,GAAG,YAAY,MAIrC;EACb;EACE;EACE;EACA;EACX,aAAa,CAAC;EACR;EAEL;CACQ,CAAA;AAEf"}

package/dist/Badge/Badge.d.cts

@@ -0,0 +1,72 @@
+import { TVClassName, TVProps } from "@fuf-stack/pixel-utils";
+import { ReactNode } from "react";
+import { BadgeProps } from "@heroui/badge";
+
+//#region src/Badge/Badge.d.ts
+declare const badgeVariants: import("tailwind-variants").TVReturnType<{
+  [key: string]: {
+    [key: string]: import("tailwind-merge").ClassNameValue | {
+      base?: import("tailwind-merge").ClassNameValue;
+      badge?: import("tailwind-merge").ClassNameValue;
+    };
+  };
+} | {
+  [x: string]: {
+    [x: string]: import("tailwind-merge").ClassNameValue | {
+      base?: import("tailwind-merge").ClassNameValue;
+      badge?: import("tailwind-merge").ClassNameValue;
+    };
+  };
+} | {}, {
+  badge: string;
+  base: string;
+}, undefined, {
+  [key: string]: {
+    [key: string]: import("tailwind-merge").ClassNameValue | {
+      base?: import("tailwind-merge").ClassNameValue;
+      badge?: import("tailwind-merge").ClassNameValue;
+    };
+  };
+} | {}, {
+  badge: string;
+  base: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+  badge: string;
+  base: string;
+}, undefined, unknown, unknown, undefined>>;
+type VariantProps = TVProps<typeof badgeVariants>;
+type ClassName = TVClassName<typeof badgeVariants>;
+interface BadgeProps$1 extends VariantProps {
+  /** component which is wrapped by the batch */
+  children: BadgeProps['children'];
+  /** CSS class name */
+  className?: ClassName;
+  /** badge content */
+  content?: BadgeProps['content'];
+  /** color of the badge */
+  color?: BadgeProps['color'];
+  /** if set the badge have the same height and width */
+  isOneChar?: BadgeProps['isOneChar'];
+  /** removes the badge outline */
+  noOutline?: boolean;
+  /** placement of the badge */
+  placement?: BadgeProps['placement'];
+  /** size of the badge */
+  size?: BadgeProps['size'];
+}
+/**
+ * Badge component based on [HeroUI Badge](https://www.heroui.com//docs/components/badge)
+ */
+declare const Avatar: ({
+  children,
+  className: _className,
+  content,
+  color,
+  isOneChar,
+  noOutline,
+  placement,
+  size
+}: BadgeProps$1) => ReactNode;
+//#endregion
+export { Avatar, BadgeProps$1 as BadgeProps };
+//# sourceMappingURL=Badge.d.cts.map

package/dist/Badge/Badge.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.cts","names":[],"sources":["../../src/Badge/Badge.tsx"],"mappings":";;;;;cASa,aAAA,8BAAa,YAAA;EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAOrB,YAAA,GAAe,OAAO,QAAQ,aAAA;AAAA,KAC9B,SAAA,GAAY,WAAW,QAAQ,aAAA;AAAA,UAEnB,YAAA,SAAmB,YAAA;;EAElC,QAAA,EAAU,UAAA;;EAEV,SAAA,GAAY,SAAA;EAPG;EASf,OAAA,GAAU,UAAA;EATQ;EAWlB,KAAA,GAAQ,UAAA;EAVL;EAYH,SAAA,GAAY,UAAA;;EAEZ,SAAA;EAd+C;EAgB/C,SAAA,GAAY,UAAA;EAdc;EAgB1B,IAAA,GAAO,UAAA;AAAA;;;;cAMH,MAAA;EAAU,QAAA;EAAA,SAAA,EAAA,UAAA;EAAA,OAAA;EAAA,KAAA;EAAA,SAAA;EAAA,SAAA;EAAA,SAAA;EAAA;AAAA,GASb,YAAA,KAAa,SAAA"}

package/dist/Badge/Badge.d.ts

@@ -0,0 +1,72 @@
+import { TVClassName, TVProps } from "@fuf-stack/pixel-utils";
+import { BadgeProps } from "@heroui/badge";
+import { ReactNode } from "react";
+
+//#region src/Badge/Badge.d.ts
+declare const badgeVariants: import("tailwind-variants").TVReturnType<{
+  [key: string]: {
+    [key: string]: import("tailwind-merge").ClassNameValue | {
+      base?: import("tailwind-merge").ClassNameValue;
+      badge?: import("tailwind-merge").ClassNameValue;
+    };
+  };
+} | {
+  [x: string]: {
+    [x: string]: import("tailwind-merge").ClassNameValue | {
+      base?: import("tailwind-merge").ClassNameValue;
+      badge?: import("tailwind-merge").ClassNameValue;
+    };
+  };
+} | {}, {
+  badge: string;
+  base: string;
+}, undefined, {
+  [key: string]: {
+    [key: string]: import("tailwind-merge").ClassNameValue | {
+      base?: import("tailwind-merge").ClassNameValue;
+      badge?: import("tailwind-merge").ClassNameValue;
+    };
+  };
+} | {}, {
+  badge: string;
+  base: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+  badge: string;
+  base: string;
+}, undefined, unknown, unknown, undefined>>;
+type VariantProps = TVProps<typeof badgeVariants>;
+type ClassName = TVClassName<typeof badgeVariants>;
+interface BadgeProps$1 extends VariantProps {
+  /** component which is wrapped by the batch */
+  children: BadgeProps['children'];
+  /** CSS class name */
+  className?: ClassName;
+  /** badge content */
+  content?: BadgeProps['content'];
+  /** color of the badge */
+  color?: BadgeProps['color'];
+  /** if set the badge have the same height and width */
+  isOneChar?: BadgeProps['isOneChar'];
+  /** removes the badge outline */
+  noOutline?: boolean;
+  /** placement of the badge */
+  placement?: BadgeProps['placement'];
+  /** size of the badge */
+  size?: BadgeProps['size'];
+}
+/**
+ * Badge component based on [HeroUI Badge](https://www.heroui.com//docs/components/badge)
+ */
+declare const Avatar: ({
+  children,
+  className: _className,
+  content,
+  color,
+  isOneChar,
+  noOutline,
+  placement,
+  size
+}: BadgeProps$1) => ReactNode;
+//#endregion
+export { Avatar, BadgeProps$1 as BadgeProps };
+//# sourceMappingURL=Badge.d.ts.map

package/dist/Badge/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","names":[],"sources":["../../src/Badge/Badge.tsx"],"mappings":";;;;;cASa,aAAA,8BAAa,YAAA;EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAOrB,YAAA,GAAe,OAAO,QAAQ,aAAA;AAAA,KAC9B,SAAA,GAAY,WAAW,QAAQ,aAAA;AAAA,UAEnB,YAAA,SAAmB,YAAA;;EAElC,QAAA,EAAU,UAAA;;EAEV,SAAA,GAAY,SAAA;EAPG;EASf,OAAA,GAAU,UAAA;EATQ;EAWlB,KAAA,GAAQ,UAAA;EAVL;EAYH,SAAA,GAAY,UAAA;;EAEZ,SAAA;EAd+C;EAgB/C,SAAA,GAAY,UAAA;EAdc;EAgB1B,IAAA,GAAO,UAAA;AAAA;;;;cAMH,MAAA;EAAU,QAAA;EAAA,SAAA,EAAA,UAAA;EAAA,OAAA;EAAA,KAAA;EAAA,SAAA;EAAA,SAAA;EAAA,SAAA;EAAA;AAAA,GASb,YAAA,KAAa,SAAA"}

package/dist/Badge/Badge.js

@@ -0,0 +1,28 @@
+import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
+import { jsx } from "react/jsx-runtime";
+import { Badge } from "@heroui/badge";
+//#region src/Badge/Badge.tsx
+const badgeVariants = tv({ slots: {
+	badge: "",
+	base: ""
+} });
+/**
+* Badge component based on [HeroUI Badge](https://www.heroui.com//docs/components/badge)
+*/
+const Avatar = ({ children, className: _className = void 0, content = void 0, color = "default", isOneChar = false, noOutline = false, placement = "top-right", size = "md" }) => {
+	if (content === void 0) return children;
+	return /* @__PURE__ */ jsx(Badge, {
+		classNames: variantsToClassNames(badgeVariants(), _className, "base"),
+		color,
+		content,
+		isOneChar,
+		placement,
+		showOutline: !noOutline,
+		size,
+		children
+	});
+};
+//#endregion
+export { Avatar as default };
+
+//# sourceMappingURL=Badge.js.map

package/dist/Badge/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","names":["HeroBadge"],"sources":["../../src/Badge/Badge.tsx"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { BadgeProps as HeroBadgeProps } from '@heroui/badge';\nimport type { ReactNode } from 'react';\n\nimport { Badge as HeroBadge } from '@heroui/badge';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// badge styling variants\nexport const badgeVariants = tv({\n  slots: {\n    badge: '',\n    base: '',\n  },\n});\n\ntype VariantProps = TVProps<typeof badgeVariants>;\ntype ClassName = TVClassName<typeof badgeVariants>;\n\nexport interface BadgeProps extends VariantProps {\n  /** component which is wrapped by the batch */\n  children: HeroBadgeProps['children'];\n  /** CSS class name */\n  className?: ClassName;\n  /** badge content */\n  content?: HeroBadgeProps['content'];\n  /** color of the badge */\n  color?: HeroBadgeProps['color'];\n  /** if set the badge have the same height and width */\n  isOneChar?: HeroBadgeProps['isOneChar'];\n  /** removes the badge outline */\n  noOutline?: boolean;\n  /** placement of the badge */\n  placement?: HeroBadgeProps['placement'];\n  /** size of the badge */\n  size?: HeroBadgeProps['size'];\n}\n\n/**\n * Badge component based on [HeroUI Badge](https://www.heroui.com//docs/components/badge)\n */\nconst Avatar = ({\n  children,\n  className: _className = undefined,\n  content = undefined,\n  color = 'default',\n  isOneChar = false,\n  noOutline = false,\n  placement = 'top-right',\n  size = 'md',\n}: BadgeProps): ReactNode => {\n  if (content === undefined) {\n    return children;\n  }\n  // className from slots\n  const variants = badgeVariants();\n  const className = variantsToClassNames(variants, _className, 'base');\n\n  return (\n    <HeroBadge\n      classNames={className}\n      color={color}\n      content={content}\n      isOneChar={isOneChar}\n      placement={placement}\n      showOutline={!noOutline}\n      size={size}\n    >\n      {children}\n    </HeroBadge>\n  );\n};\n\nexport default Avatar;\n"],"mappings":";;;;AASA,MAAa,gBAAgB,GAAG,EAC9B,OAAO;CACL,OAAO;CACP,MAAM;AACR,EACF,CAAC;;;;AA2BD,MAAM,UAAU,EACd,UACA,WAAW,aAAa,KAAA,GACxB,UAAU,KAAA,GACV,QAAQ,WACR,YAAY,OACZ,YAAY,OACZ,YAAY,aACZ,OAAO,WACoB;CAC3B,IAAI,YAAY,KAAA,GACd,OAAO;CAMT,OACE,oBAACA,OAAD;EACE,YAJc,qBADD,cAC6B,GAAG,YAAY,MAIrC;EACb;EACE;EACE;EACA;EACX,aAAa,CAAC;EACR;EAEL;CACQ,CAAA;AAEf"}

package/dist/Badge/index.cjs

@@ -1,10 +1,12 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_Badge = require("./Badge.cjs");
+//#region src/Badge/index.ts
+var Badge_default = require_Badge.default;
+//#endregion
+exports.Badge = require_Badge.default;
+exports.default = Badge_default;
 
-
-var _chunkHG7AE6Q2cjs = require('../chunk-HG7AE6Q2.cjs');
-require('../chunk-AHEA4IJV.cjs');
-
-
-
-exports.Badge = _chunkHG7AE6Q2cjs.Badge_default; exports.default = _chunkHG7AE6Q2cjs.Badge_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Badge/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/Badge/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACF,oGAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/Badge/index.cjs"}
+{"version":3,"file":"index.cjs","names":["Badge"],"sources":["../../src/Badge/index.ts"],"sourcesContent":["import Badge from './Badge';\n\nexport type { BadgeProps } from './Badge';\n\nexport { Badge };\n\nexport default Badge;\n"],"mappings":";;;;;;AAMA,IAAA,gBAAeA,cAAAA"}