@fuf-stack/pixels 0.6.0 → 0.7.1

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/Json/index.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkM7IVIJEAcjs = require('../chunk-M7IVIJEA.cjs');
+var _chunkJFNPXLHMcjs = require('../chunk-JFNPXLHM.cjs');
 require('../chunk-ND4VZZVU.cjs');
 
 
 
-exports.Json = _chunkM7IVIJEAcjs.Json_default; exports.default = _chunkM7IVIJEAcjs.Json_default2;
+exports.Json = _chunkJFNPXLHMcjs.Json_default; exports.default = _chunkJFNPXLHMcjs.Json_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Json/index.js

@@ -1,7 +1,7 @@
 import {
   Json_default,
   Json_default2
-} from "../chunk-YQBT544X.js";
+} from "../chunk-4S2N2V4Y.js";
 import "../chunk-HYXTFS4R.js";
 export {
   Json_default as Json,

package/dist/{chunk-YQBT544X.js → chunk-4S2N2V4Y.js}

@@ -7,9 +7,67 @@ import { useState } from "react";
 import { FaChevronDown, FaChevronUp, FaTimesCircle } from "react-icons/fa";
 import { HiOutlineClipboard, HiOutlineClipboardCheck } from "react-icons/hi";
 import JsonView from "@uiw/react-json-view";
-import { lightTheme } from "@uiw/react-json-view/light";
-import { vscodeTheme } from "@uiw/react-json-view/vscode";
 import cn from "classnames";
+
+// src/Json/theme.ts
+var lightTheme = {
+  "--w-rjv-font-family": "monospace",
+  "--w-rjv-color": "#002b36",
+  "--w-rjv-key-string": "#002b36",
+  "--w-rjv-background-color": "#ffffff",
+  "--w-rjv-line-color": "#ebebeb",
+  "--w-rjv-arrow-color": "var(--w-rjv-color)",
+  "--w-rjv-edit-color": "var(--w-rjv-color)",
+  "--w-rjv-info-color": "#0000004d",
+  "--w-rjv-update-color": "#ebcb8b",
+  "--w-rjv-copied-color": "#002b36",
+  "--w-rjv-copied-success-color": "#28a745",
+  "--w-rjv-curlybraces-color": "#236a7c",
+  "--w-rjv-colon-color": "#002b36",
+  "--w-rjv-brackets-color": "#236a7c",
+  "--w-rjv-quotes-color": "var(--w-rjv-key-string)",
+  "--w-rjv-quotes-string-color": "var(--w-rjv-type-string-color)",
+  "--w-rjv-type-string-color": "#cb4b16",
+  "--w-rjv-type-int-color": "#268bd2",
+  "--w-rjv-type-float-color": "#859900",
+  "--w-rjv-type-bigint-color": "#268bd2",
+  "--w-rjv-type-boolean-color": "#2aa198",
+  "--w-rjv-type-date-color": "#586e75",
+  "--w-rjv-type-url-color": "#0969da",
+  "--w-rjv-type-null-color": "#d33682",
+  "--w-rjv-type-nan-color": "#859900",
+  "--w-rjv-type-undefined-color": "#586e75"
+};
+var vscodeTheme = {
+  "--w-rjv-font-family": "monospace",
+  "--w-rjv-color": "#9cdcfe",
+  "--w-rjv-key-string": "#9cdcfe",
+  "--w-rjv-background-color": "#1e1e1e",
+  "--w-rjv-line-color": "#36334280",
+  "--w-rjv-arrow-color": "#838383",
+  "--w-rjv-edit-color": "var(--w-rjv-color)",
+  "--w-rjv-info-color": "#9c9c9c7a",
+  "--w-rjv-update-color": "#9cdcfe",
+  "--w-rjv-copied-color": "#9cdcfe",
+  "--w-rjv-copied-success-color": "#28a745",
+  "--w-rjv-curlybraces-color": "#d4d4d4",
+  "--w-rjv-colon-color": "#d4d4d4",
+  "--w-rjv-brackets-color": "#d4d4d4",
+  "--w-rjv-quotes-color": "var(--w-rjv-key-string)",
+  "--w-rjv-quotes-string-color": "var(--w-rjv-type-string-color)",
+  "--w-rjv-type-string-color": "#ce9178",
+  "--w-rjv-type-int-color": "#b5cea8",
+  "--w-rjv-type-float-color": "#b5cea8",
+  "--w-rjv-type-bigint-color": "#b5cea8",
+  "--w-rjv-type-boolean-color": "#569cd6",
+  "--w-rjv-type-date-color": "#b5cea8",
+  "--w-rjv-type-url-color": "#3b89cf",
+  "--w-rjv-type-null-color": "#569cd6",
+  "--w-rjv-type-nan-color": "#859900",
+  "--w-rjv-type-undefined-color": "#569cd6"
+};
+
+// src/Json/Json.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var getValue = (value) => {
   if (typeof value === "string") {
@@ -124,4 +182,4 @@ export {
   Json_default,
   Json_default2
 };
-//# sourceMappingURL=chunk-YQBT544X.js.map
+//# sourceMappingURL=chunk-4S2N2V4Y.js.map

package/dist/chunk-4S2N2V4Y.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Json/Json.tsx","../src/Json/theme.ts","../src/Json/index.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { useState } from 'react';\nimport { FaChevronDown, FaChevronUp, FaTimesCircle } from 'react-icons/fa';\nimport { HiOutlineClipboard, HiOutlineClipboardCheck } from 'react-icons/hi';\n\nimport JsonView from '@uiw/react-json-view';\nimport cn from 'classnames';\n\nimport { Button } from '../Button';\nimport { lightTheme, vscodeTheme } from './theme';\n\n/**\n * returns the value (JSON string or object) as object\n */\nconst getValue = (value: string | object) => {\n  if (typeof value === 'string') {\n    return JSON.parse(value);\n  }\n  if (typeof value === 'object') {\n    return value;\n  }\n  throw new Error(`${typeof value} can not be visualized`);\n};\n\nexport interface JsonProps {\n  /** CSS class name */\n  className?: string | string[] | null;\n  /** When set to true, all nodes will be collapsed by default. Use an integer value to collapse at a particular depth. */\n  collapsed?: boolean | number;\n  /** Object to be visualized JSON string or object */\n  value: string | object;\n}\n\n/**\n * Json renderer based on [react-json-view](https://mac-s-g.github.io/react-json-view/demo/dist/)\n */\nconst Json = ({ className = null, collapsed = false, value }: JsonProps) => {\n  const isDarkMode = document.body.classList.contains('dark');\n\n  let content: ReactNode = null;\n  let error: ReactNode = null;\n\n  const [showDetails, setShowDetails] = useState(false);\n\n  try {\n    content = (\n      <JsonView\n        className=\"pr-5\"\n        collapsed={collapsed}\n        displayDataTypes={false}\n        style={{\n          ...(isDarkMode ? vscodeTheme : lightTheme),\n          backgroundColor: 'unset',\n        }}\n        value={getValue(value)}\n      >\n        {/* FIX: overwrite Copied component to fix flickering copy button */}\n        <JsonView.Copied\n          render={({\n            // @ts-expect-error this should be fine\n            'data-copied': copied,\n            style,\n            ...elmProps\n          }) => {\n            const elmClasses = cn(\n              elmProps.className,\n              'absolute -right-4 -top-[2px] h-4 w-4 !fill-transparent pl-1',\n              { 'text-success': copied },\n            );\n            return (\n              <span className=\"relative !ml-0 !h-[1em] !w-0\" style={style}>\n                {copied ? (\n                  <HiOutlineClipboardCheck\n                    // eslint-disable-next-line react/jsx-props-no-spreading\n                    {...elmProps}\n                    className={elmClasses}\n                  />\n                ) : (\n                  // eslint-disable-next-line react/jsx-props-no-spreading\n                  <HiOutlineClipboard {...elmProps} className={elmClasses} />\n                )}\n              </span>\n            );\n          }}\n        />\n      </JsonView>\n    );\n  } catch (err) {\n    error = (\n      <div\n        className=\"mb-4 flex flex-col items-center rounded-lg border border-danger bg-danger-50 p-4 text-sm text-danger\"\n        role=\"alert\"\n      >\n        <div className=\"flex w-full justify-between gap-6\">\n          <div className=\"flex items-center\">\n            <FaTimesCircle className=\"mr-2\" />\n            <span className=\"font-medium\">Failed to parse JSON data</span>\n          </div>\n          <Button\n            color=\"danger\"\n            size=\"sm\"\n            variant=\"light\"\n            onClick={() => setShowDetails(!showDetails)}\n          >\n            {showDetails ? (\n              <>\n                <FaChevronUp /> Hide Details\n              </>\n            ) : (\n              <>\n                <FaChevronDown /> Show Details\n              </>\n            )}\n          </Button>\n        </div>\n        {showDetails && (\n          <div className=\"mt-4 w-full text-left\">\n            <div>\n              <strong>Error:</strong>\n              <pre>\n                {/* @ts-expect-error is ok */}\n                {err?.name}: {err?.message}\n              </pre>\n            </div>\n            <div className=\"mt-4\">\n              <strong>Data:</strong>\n              <pre>\n                {typeof value !== 'string'\n                  ? JSON.stringify(value, null, 2)\n                  : value}\n              </pre>\n            </div>\n          </div>\n        )}\n      </div>\n    );\n  }\n  return <div className={cn(className)}>{error || content}</div>;\n};\n\nexport default Json;\n","// see: https://github.com/uiwjs/react-json-view/blob/main/core/src/theme/light.ts\nexport const lightTheme = {\n  '--w-rjv-font-family': 'monospace',\n  '--w-rjv-color': '#002b36',\n  '--w-rjv-key-string': '#002b36',\n  '--w-rjv-background-color': '#ffffff',\n  '--w-rjv-line-color': '#ebebeb',\n  '--w-rjv-arrow-color': 'var(--w-rjv-color)',\n  '--w-rjv-edit-color': 'var(--w-rjv-color)',\n  '--w-rjv-info-color': '#0000004d',\n  '--w-rjv-update-color': '#ebcb8b',\n  '--w-rjv-copied-color': '#002b36',\n  '--w-rjv-copied-success-color': '#28a745',\n\n  '--w-rjv-curlybraces-color': '#236a7c',\n  '--w-rjv-colon-color': '#002b36',\n  '--w-rjv-brackets-color': '#236a7c',\n  '--w-rjv-quotes-color': 'var(--w-rjv-key-string)',\n  '--w-rjv-quotes-string-color': 'var(--w-rjv-type-string-color)',\n\n  '--w-rjv-type-string-color': '#cb4b16',\n  '--w-rjv-type-int-color': '#268bd2',\n  '--w-rjv-type-float-color': '#859900',\n  '--w-rjv-type-bigint-color': '#268bd2',\n  '--w-rjv-type-boolean-color': '#2aa198',\n  '--w-rjv-type-date-color': '#586e75',\n  '--w-rjv-type-url-color': '#0969da',\n  '--w-rjv-type-null-color': '#d33682',\n  '--w-rjv-type-nan-color': '#859900',\n  '--w-rjv-type-undefined-color': '#586e75',\n} as React.CSSProperties;\n\n// see: https://github.com/uiwjs/react-json-view/blob/main/core/src/theme/vscode.ts\nexport const vscodeTheme = {\n  '--w-rjv-font-family': 'monospace',\n  '--w-rjv-color': '#9cdcfe',\n  '--w-rjv-key-string': '#9cdcfe',\n  '--w-rjv-background-color': '#1e1e1e',\n  '--w-rjv-line-color': '#36334280',\n  '--w-rjv-arrow-color': '#838383',\n  '--w-rjv-edit-color': 'var(--w-rjv-color)',\n  '--w-rjv-info-color': '#9c9c9c7a',\n  '--w-rjv-update-color': '#9cdcfe',\n  '--w-rjv-copied-color': '#9cdcfe',\n  '--w-rjv-copied-success-color': '#28a745',\n\n  '--w-rjv-curlybraces-color': '#d4d4d4',\n  '--w-rjv-colon-color': '#d4d4d4',\n  '--w-rjv-brackets-color': '#d4d4d4',\n  '--w-rjv-quotes-color': 'var(--w-rjv-key-string)',\n  '--w-rjv-quotes-string-color': 'var(--w-rjv-type-string-color)',\n\n  '--w-rjv-type-string-color': '#ce9178',\n  '--w-rjv-type-int-color': '#b5cea8',\n  '--w-rjv-type-float-color': '#b5cea8',\n  '--w-rjv-type-bigint-color': '#b5cea8',\n  '--w-rjv-type-boolean-color': '#569cd6',\n  '--w-rjv-type-date-color': '#b5cea8',\n  '--w-rjv-type-url-color': '#3b89cf',\n  '--w-rjv-type-null-color': '#569cd6',\n  '--w-rjv-type-nan-color': '#859900',\n  '--w-rjv-type-undefined-color': '#569cd6',\n} as React.CSSProperties;\n","import Json from './Json';\n\nexport type { JsonProps } from './Json';\n\nexport { Json };\n\nexport default Json;\n"],"mappings":"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","names":["Json_default"]}

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-M7IVIJEA.cjs → chunk-JFNPXLHM.cjs}

@@ -7,9 +7,67 @@ var _react = require('react');
 var _fa = require('react-icons/fa');
 var _hi = require('react-icons/hi');
 var _reactjsonview = require('@uiw/react-json-view'); var _reactjsonview2 = _interopRequireDefault(_reactjsonview);
-var _light = require('@uiw/react-json-view/light');
-var _vscode = require('@uiw/react-json-view/vscode');
 var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
+
+// src/Json/theme.ts
+var lightTheme = {
+  "--w-rjv-font-family": "monospace",
+  "--w-rjv-color": "#002b36",
+  "--w-rjv-key-string": "#002b36",
+  "--w-rjv-background-color": "#ffffff",
+  "--w-rjv-line-color": "#ebebeb",
+  "--w-rjv-arrow-color": "var(--w-rjv-color)",
+  "--w-rjv-edit-color": "var(--w-rjv-color)",
+  "--w-rjv-info-color": "#0000004d",
+  "--w-rjv-update-color": "#ebcb8b",
+  "--w-rjv-copied-color": "#002b36",
+  "--w-rjv-copied-success-color": "#28a745",
+  "--w-rjv-curlybraces-color": "#236a7c",
+  "--w-rjv-colon-color": "#002b36",
+  "--w-rjv-brackets-color": "#236a7c",
+  "--w-rjv-quotes-color": "var(--w-rjv-key-string)",
+  "--w-rjv-quotes-string-color": "var(--w-rjv-type-string-color)",
+  "--w-rjv-type-string-color": "#cb4b16",
+  "--w-rjv-type-int-color": "#268bd2",
+  "--w-rjv-type-float-color": "#859900",
+  "--w-rjv-type-bigint-color": "#268bd2",
+  "--w-rjv-type-boolean-color": "#2aa198",
+  "--w-rjv-type-date-color": "#586e75",
+  "--w-rjv-type-url-color": "#0969da",
+  "--w-rjv-type-null-color": "#d33682",
+  "--w-rjv-type-nan-color": "#859900",
+  "--w-rjv-type-undefined-color": "#586e75"
+};
+var vscodeTheme = {
+  "--w-rjv-font-family": "monospace",
+  "--w-rjv-color": "#9cdcfe",
+  "--w-rjv-key-string": "#9cdcfe",
+  "--w-rjv-background-color": "#1e1e1e",
+  "--w-rjv-line-color": "#36334280",
+  "--w-rjv-arrow-color": "#838383",
+  "--w-rjv-edit-color": "var(--w-rjv-color)",
+  "--w-rjv-info-color": "#9c9c9c7a",
+  "--w-rjv-update-color": "#9cdcfe",
+  "--w-rjv-copied-color": "#9cdcfe",
+  "--w-rjv-copied-success-color": "#28a745",
+  "--w-rjv-curlybraces-color": "#d4d4d4",
+  "--w-rjv-colon-color": "#d4d4d4",
+  "--w-rjv-brackets-color": "#d4d4d4",
+  "--w-rjv-quotes-color": "var(--w-rjv-key-string)",
+  "--w-rjv-quotes-string-color": "var(--w-rjv-type-string-color)",
+  "--w-rjv-type-string-color": "#ce9178",
+  "--w-rjv-type-int-color": "#b5cea8",
+  "--w-rjv-type-float-color": "#b5cea8",
+  "--w-rjv-type-bigint-color": "#b5cea8",
+  "--w-rjv-type-boolean-color": "#569cd6",
+  "--w-rjv-type-date-color": "#b5cea8",
+  "--w-rjv-type-url-color": "#3b89cf",
+  "--w-rjv-type-null-color": "#569cd6",
+  "--w-rjv-type-nan-color": "#859900",
+  "--w-rjv-type-undefined-color": "#569cd6"
+};
+
+// src/Json/Json.tsx
 var _jsxruntime = require('react/jsx-runtime');
 var getValue = (value) => {
   if (typeof value === "string") {
@@ -33,7 +91,7 @@ var Json = ({ className = null, collapsed = false, value }) => {
         collapsed,
         displayDataTypes: false,
         style: {
-          ...isDarkMode ? _vscode.vscodeTheme : _light.lightTheme,
+          ...isDarkMode ? vscodeTheme : lightTheme,
           backgroundColor: "unset"
         },
         value: getValue(value),
@@ -124,4 +182,4 @@ var Json_default2 = Json_default;
 
 
 exports.Json_default = Json_default; exports.Json_default2 = Json_default2;
-//# sourceMappingURL=chunk-M7IVIJEA.cjs.map
+//# sourceMappingURL=chunk-JFNPXLHM.cjs.map

package/dist/chunk-JFNPXLHM.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Json/Json.tsx","../src/Json/theme.ts","../src/Json/index.ts"],"names":["Json_default"],"mappings":"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","sourcesContent":["import type { ReactNode } from 'react';\n\nimport { useState } from 'react';\nimport { FaChevronDown, FaChevronUp, FaTimesCircle } from 'react-icons/fa';\nimport { HiOutlineClipboard, HiOutlineClipboardCheck } from 'react-icons/hi';\n\nimport JsonView from '@uiw/react-json-view';\nimport cn from 'classnames';\n\nimport { Button } from '../Button';\nimport { lightTheme, vscodeTheme } from './theme';\n\n/**\n * returns the value (JSON string or object) as object\n */\nconst getValue = (value: string | object) => {\n  if (typeof value === 'string') {\n    return JSON.parse(value);\n  }\n  if (typeof value === 'object') {\n    return value;\n  }\n  throw new Error(`${typeof value} can not be visualized`);\n};\n\nexport interface JsonProps {\n  /** CSS class name */\n  className?: string | string[] | null;\n  /** When set to true, all nodes will be collapsed by default. Use an integer value to collapse at a particular depth. */\n  collapsed?: boolean | number;\n  /** Object to be visualized JSON string or object */\n  value: string | object;\n}\n\n/**\n * Json renderer based on [react-json-view](https://mac-s-g.github.io/react-json-view/demo/dist/)\n */\nconst Json = ({ className = null, collapsed = false, value }: JsonProps) => {\n  const isDarkMode = document.body.classList.contains('dark');\n\n  let content: ReactNode = null;\n  let error: ReactNode = null;\n\n  const [showDetails, setShowDetails] = useState(false);\n\n  try {\n    content = (\n      <JsonView\n        className=\"pr-5\"\n        collapsed={collapsed}\n        displayDataTypes={false}\n        style={{\n          ...(isDarkMode ? vscodeTheme : lightTheme),\n          backgroundColor: 'unset',\n        }}\n        value={getValue(value)}\n      >\n        {/* FIX: overwrite Copied component to fix flickering copy button */}\n        <JsonView.Copied\n          render={({\n            // @ts-expect-error this should be fine\n            'data-copied': copied,\n            style,\n            ...elmProps\n          }) => {\n            const elmClasses = cn(\n              elmProps.className,\n              'absolute -right-4 -top-[2px] h-4 w-4 !fill-transparent pl-1',\n              { 'text-success': copied },\n            );\n            return (\n              <span className=\"relative !ml-0 !h-[1em] !w-0\" style={style}>\n                {copied ? (\n                  <HiOutlineClipboardCheck\n                    // eslint-disable-next-line react/jsx-props-no-spreading\n                    {...elmProps}\n                    className={elmClasses}\n                  />\n                ) : (\n                  // eslint-disable-next-line react/jsx-props-no-spreading\n                  <HiOutlineClipboard {...elmProps} className={elmClasses} />\n                )}\n              </span>\n            );\n          }}\n        />\n      </JsonView>\n    );\n  } catch (err) {\n    error = (\n      <div\n        className=\"mb-4 flex flex-col items-center rounded-lg border border-danger bg-danger-50 p-4 text-sm text-danger\"\n        role=\"alert\"\n      >\n        <div className=\"flex w-full justify-between gap-6\">\n          <div className=\"flex items-center\">\n            <FaTimesCircle className=\"mr-2\" />\n            <span className=\"font-medium\">Failed to parse JSON data</span>\n          </div>\n          <Button\n            color=\"danger\"\n            size=\"sm\"\n            variant=\"light\"\n            onClick={() => setShowDetails(!showDetails)}\n          >\n            {showDetails ? (\n              <>\n                <FaChevronUp /> Hide Details\n              </>\n            ) : (\n              <>\n                <FaChevronDown /> Show Details\n              </>\n            )}\n          </Button>\n        </div>\n        {showDetails && (\n          <div className=\"mt-4 w-full text-left\">\n            <div>\n              <strong>Error:</strong>\n              <pre>\n                {/* @ts-expect-error is ok */}\n                {err?.name}: {err?.message}\n              </pre>\n            </div>\n            <div className=\"mt-4\">\n              <strong>Data:</strong>\n              <pre>\n                {typeof value !== 'string'\n                  ? JSON.stringify(value, null, 2)\n                  : value}\n              </pre>\n            </div>\n          </div>\n        )}\n      </div>\n    );\n  }\n  return <div className={cn(className)}>{error || content}</div>;\n};\n\nexport default Json;\n","// see: https://github.com/uiwjs/react-json-view/blob/main/core/src/theme/light.ts\nexport const lightTheme = {\n  '--w-rjv-font-family': 'monospace',\n  '--w-rjv-color': '#002b36',\n  '--w-rjv-key-string': '#002b36',\n  '--w-rjv-background-color': '#ffffff',\n  '--w-rjv-line-color': '#ebebeb',\n  '--w-rjv-arrow-color': 'var(--w-rjv-color)',\n  '--w-rjv-edit-color': 'var(--w-rjv-color)',\n  '--w-rjv-info-color': '#0000004d',\n  '--w-rjv-update-color': '#ebcb8b',\n  '--w-rjv-copied-color': '#002b36',\n  '--w-rjv-copied-success-color': '#28a745',\n\n  '--w-rjv-curlybraces-color': '#236a7c',\n  '--w-rjv-colon-color': '#002b36',\n  '--w-rjv-brackets-color': '#236a7c',\n  '--w-rjv-quotes-color': 'var(--w-rjv-key-string)',\n  '--w-rjv-quotes-string-color': 'var(--w-rjv-type-string-color)',\n\n  '--w-rjv-type-string-color': '#cb4b16',\n  '--w-rjv-type-int-color': '#268bd2',\n  '--w-rjv-type-float-color': '#859900',\n  '--w-rjv-type-bigint-color': '#268bd2',\n  '--w-rjv-type-boolean-color': '#2aa198',\n  '--w-rjv-type-date-color': '#586e75',\n  '--w-rjv-type-url-color': '#0969da',\n  '--w-rjv-type-null-color': '#d33682',\n  '--w-rjv-type-nan-color': '#859900',\n  '--w-rjv-type-undefined-color': '#586e75',\n} as React.CSSProperties;\n\n// see: https://github.com/uiwjs/react-json-view/blob/main/core/src/theme/vscode.ts\nexport const vscodeTheme = {\n  '--w-rjv-font-family': 'monospace',\n  '--w-rjv-color': '#9cdcfe',\n  '--w-rjv-key-string': '#9cdcfe',\n  '--w-rjv-background-color': '#1e1e1e',\n  '--w-rjv-line-color': '#36334280',\n  '--w-rjv-arrow-color': '#838383',\n  '--w-rjv-edit-color': 'var(--w-rjv-color)',\n  '--w-rjv-info-color': '#9c9c9c7a',\n  '--w-rjv-update-color': '#9cdcfe',\n  '--w-rjv-copied-color': '#9cdcfe',\n  '--w-rjv-copied-success-color': '#28a745',\n\n  '--w-rjv-curlybraces-color': '#d4d4d4',\n  '--w-rjv-colon-color': '#d4d4d4',\n  '--w-rjv-brackets-color': '#d4d4d4',\n  '--w-rjv-quotes-color': 'var(--w-rjv-key-string)',\n  '--w-rjv-quotes-string-color': 'var(--w-rjv-type-string-color)',\n\n  '--w-rjv-type-string-color': '#ce9178',\n  '--w-rjv-type-int-color': '#b5cea8',\n  '--w-rjv-type-float-color': '#b5cea8',\n  '--w-rjv-type-bigint-color': '#b5cea8',\n  '--w-rjv-type-boolean-color': '#569cd6',\n  '--w-rjv-type-date-color': '#b5cea8',\n  '--w-rjv-type-url-color': '#3b89cf',\n  '--w-rjv-type-null-color': '#569cd6',\n  '--w-rjv-type-nan-color': '#859900',\n  '--w-rjv-type-undefined-color': '#569cd6',\n} as React.CSSProperties;\n","import Json from './Json';\n\nexport type { JsonProps } from './Json';\n\nexport { Json };\n\nexport default Json;\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/index.cjs

@@ -1,5 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
+var _chunkB35F4645cjs = require('./chunk-B35F4645.cjs');
+
+
 
 var _chunkBSBPQXNGcjs = require('./chunk-BSBPQXNG.cjs');
 
@@ -11,6 +14,9 @@ var _chunkMWNBYTRNcjs = require('./chunk-MWNBYTRN.cjs');
 var _chunk64K2TRGLcjs = require('./chunk-64K2TRGL.cjs');
 
 
+var _chunkEJSTUBPUcjs = require('./chunk-EJSTUBPU.cjs');
+
+
 var _chunkXGHRKDIMcjs = require('./chunk-XGHRKDIM.cjs');
 
 
@@ -18,7 +24,7 @@ var _chunkXGHRKDIMcjs = require('./chunk-XGHRKDIM.cjs');
 var _chunkGIM2W4JHcjs = require('./chunk-GIM2W4JH.cjs');
 
 
-var _chunkM7IVIJEAcjs = require('./chunk-M7IVIJEA.cjs');
+var _chunkJFNPXLHMcjs = require('./chunk-JFNPXLHM.cjs');
 
 
 
@@ -35,8 +41,6 @@ var _chunkHHTTNYDCcjs = require('./chunk-HHTTNYDC.cjs');
 var _chunkX2MUU2ZIcjs = require('./chunk-X2MUU2ZI.cjs');
 
 
-var _chunkB35F4645cjs = require('./chunk-B35F4645.cjs');
-
 
 
 
@@ -53,5 +57,5 @@ var _chunkB35F4645cjs = require('./chunk-B35F4645.cjs');
 
 
 
-exports.Avatar = _chunkXGHRKDIMcjs.Avatar_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;
+exports.Avatar = _chunkXGHRKDIMcjs.Avatar_default; exports.AvatarGroup = _chunkEJSTUBPUcjs.AvatarGroup_default; exports.Button = _chunkND4VZZVUcjs.Button_default; exports.Card = _chunkGIM2W4JHcjs.Card_default; exports.Json = _chunkJFNPXLHMcjs.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,4 +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';

package/dist/index.d.ts

@@ -1,4 +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';

package/dist/index.js

@@ -1,3 +1,6 @@
+import {
+  Popover_default
+} from "./chunk-6G5VTF6K.js";
 import {
   Tooltip_default,
   tooltipPlacementOptions
@@ -9,6 +12,9 @@ import {
 import {
   nextui
 } from "./chunk-MM5H2WFG.js";
+import {
+  AvatarGroup_default
+} from "./chunk-LAGUJC5D.js";
 import {
   Avatar_default
 } from "./chunk-SFGC6YVH.js";
@@ -18,7 +24,7 @@ import {
 } from "./chunk-IEZVKZFP.js";
 import {
   Json_default
-} from "./chunk-YQBT544X.js";
+} from "./chunk-4S2N2V4Y.js";
 import {
   Button_default,
   buttonVariants
@@ -33,11 +39,9 @@ import {
   Modal_default,
   modalVariants
 } from "./chunk-O6OLR36Y.js";
-import {
-  Popover_default
-} from "./chunk-6G5VTF6K.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.6.0",
+  "version": "0.7.1",
   "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": {
@@ -19,6 +19,11 @@
       "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",
@@ -120,8 +125,8 @@
     "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",

package/dist/chunk-M7IVIJEA.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Json/Json.tsx","../src/Json/index.ts"],"names":["Json_default"],"mappings":"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","sourcesContent":["import type { ReactNode } from 'react';\n\nimport { useState } from 'react';\nimport { FaChevronDown, FaChevronUp, FaTimesCircle } from 'react-icons/fa';\nimport { HiOutlineClipboard, HiOutlineClipboardCheck } from 'react-icons/hi';\n\nimport JsonView from '@uiw/react-json-view';\nimport { lightTheme } from '@uiw/react-json-view/light';\nimport { vscodeTheme } from '@uiw/react-json-view/vscode';\nimport cn from 'classnames';\n\nimport { Button } from '../Button';\n\n/**\n * returns the value (JSON string or object) as object\n */\nconst getValue = (value: string | object) => {\n  if (typeof value === 'string') {\n    return JSON.parse(value);\n  }\n  if (typeof value === 'object') {\n    return value;\n  }\n  throw new Error(`${typeof value} can not be visualized`);\n};\n\nexport interface JsonProps {\n  /** CSS class name */\n  className?: string | string[] | null;\n  /** When set to true, all nodes will be collapsed by default. Use an integer value to collapse at a particular depth. */\n  collapsed?: boolean | number;\n  /** Object to be visualized JSON string or object */\n  value: string | object;\n}\n\n/**\n * Json renderer based on [react-json-view](https://mac-s-g.github.io/react-json-view/demo/dist/)\n */\nconst Json = ({ className = null, collapsed = false, value }: JsonProps) => {\n  const isDarkMode = document.body.classList.contains('dark');\n\n  let content: ReactNode = null;\n  let error: ReactNode = null;\n\n  const [showDetails, setShowDetails] = useState(false);\n\n  try {\n    content = (\n      <JsonView\n        className=\"pr-5\"\n        collapsed={collapsed}\n        displayDataTypes={false}\n        style={{\n          ...(isDarkMode ? vscodeTheme : lightTheme),\n          backgroundColor: 'unset',\n        }}\n        value={getValue(value)}\n      >\n        {/* FIX: overwrite Copied component to fix flickering copy button */}\n        <JsonView.Copied\n          render={({\n            // @ts-expect-error this should be fine\n            'data-copied': copied,\n            style,\n            ...elmProps\n          }) => {\n            const elmClasses = cn(\n              elmProps.className,\n              'absolute -right-4 -top-[2px] h-4 w-4 !fill-transparent pl-1',\n              { 'text-success': copied },\n            );\n            return (\n              <span className=\"relative !ml-0 !h-[1em] !w-0\" style={style}>\n                {copied ? (\n                  <HiOutlineClipboardCheck\n                    // eslint-disable-next-line react/jsx-props-no-spreading\n                    {...elmProps}\n                    className={elmClasses}\n                  />\n                ) : (\n                  // eslint-disable-next-line react/jsx-props-no-spreading\n                  <HiOutlineClipboard {...elmProps} className={elmClasses} />\n                )}\n              </span>\n            );\n          }}\n        />\n      </JsonView>\n    );\n  } catch (err) {\n    error = (\n      <div\n        className=\"mb-4 flex flex-col items-center rounded-lg border border-danger bg-danger-50 p-4 text-sm text-danger\"\n        role=\"alert\"\n      >\n        <div className=\"flex w-full justify-between gap-6\">\n          <div className=\"flex items-center\">\n            <FaTimesCircle className=\"mr-2\" />\n            <span className=\"font-medium\">Failed to parse JSON data</span>\n          </div>\n          <Button\n            color=\"danger\"\n            size=\"sm\"\n            variant=\"light\"\n            onClick={() => setShowDetails(!showDetails)}\n          >\n            {showDetails ? (\n              <>\n                <FaChevronUp /> Hide Details\n              </>\n            ) : (\n              <>\n                <FaChevronDown /> Show Details\n              </>\n            )}\n          </Button>\n        </div>\n        {showDetails && (\n          <div className=\"mt-4 w-full text-left\">\n            <div>\n              <strong>Error:</strong>\n              <pre>\n                {/* @ts-expect-error is ok */}\n                {err?.name}: {err?.message}\n              </pre>\n            </div>\n            <div className=\"mt-4\">\n              <strong>Data:</strong>\n              <pre>\n                {typeof value !== 'string'\n                  ? JSON.stringify(value, null, 2)\n                  : value}\n              </pre>\n            </div>\n          </div>\n        )}\n      </div>\n    );\n  }\n  return <div className={cn(className)}>{error || content}</div>;\n};\n\nexport default Json;\n","import Json from './Json';\n\nexport type { JsonProps } from './Json';\n\nexport { Json };\n\nexport default Json;\n"]}

package/dist/chunk-YQBT544X.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Json/Json.tsx","../src/Json/index.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { useState } from 'react';\nimport { FaChevronDown, FaChevronUp, FaTimesCircle } from 'react-icons/fa';\nimport { HiOutlineClipboard, HiOutlineClipboardCheck } from 'react-icons/hi';\n\nimport JsonView from '@uiw/react-json-view';\nimport { lightTheme } from '@uiw/react-json-view/light';\nimport { vscodeTheme } from '@uiw/react-json-view/vscode';\nimport cn from 'classnames';\n\nimport { Button } from '../Button';\n\n/**\n * returns the value (JSON string or object) as object\n */\nconst getValue = (value: string | object) => {\n  if (typeof value === 'string') {\n    return JSON.parse(value);\n  }\n  if (typeof value === 'object') {\n    return value;\n  }\n  throw new Error(`${typeof value} can not be visualized`);\n};\n\nexport interface JsonProps {\n  /** CSS class name */\n  className?: string | string[] | null;\n  /** When set to true, all nodes will be collapsed by default. Use an integer value to collapse at a particular depth. */\n  collapsed?: boolean | number;\n  /** Object to be visualized JSON string or object */\n  value: string | object;\n}\n\n/**\n * Json renderer based on [react-json-view](https://mac-s-g.github.io/react-json-view/demo/dist/)\n */\nconst Json = ({ className = null, collapsed = false, value }: JsonProps) => {\n  const isDarkMode = document.body.classList.contains('dark');\n\n  let content: ReactNode = null;\n  let error: ReactNode = null;\n\n  const [showDetails, setShowDetails] = useState(false);\n\n  try {\n    content = (\n      <JsonView\n        className=\"pr-5\"\n        collapsed={collapsed}\n        displayDataTypes={false}\n        style={{\n          ...(isDarkMode ? vscodeTheme : lightTheme),\n          backgroundColor: 'unset',\n        }}\n        value={getValue(value)}\n      >\n        {/* FIX: overwrite Copied component to fix flickering copy button */}\n        <JsonView.Copied\n          render={({\n            // @ts-expect-error this should be fine\n            'data-copied': copied,\n            style,\n            ...elmProps\n          }) => {\n            const elmClasses = cn(\n              elmProps.className,\n              'absolute -right-4 -top-[2px] h-4 w-4 !fill-transparent pl-1',\n              { 'text-success': copied },\n            );\n            return (\n              <span className=\"relative !ml-0 !h-[1em] !w-0\" style={style}>\n                {copied ? (\n                  <HiOutlineClipboardCheck\n                    // eslint-disable-next-line react/jsx-props-no-spreading\n                    {...elmProps}\n                    className={elmClasses}\n                  />\n                ) : (\n                  // eslint-disable-next-line react/jsx-props-no-spreading\n                  <HiOutlineClipboard {...elmProps} className={elmClasses} />\n                )}\n              </span>\n            );\n          }}\n        />\n      </JsonView>\n    );\n  } catch (err) {\n    error = (\n      <div\n        className=\"mb-4 flex flex-col items-center rounded-lg border border-danger bg-danger-50 p-4 text-sm text-danger\"\n        role=\"alert\"\n      >\n        <div className=\"flex w-full justify-between gap-6\">\n          <div className=\"flex items-center\">\n            <FaTimesCircle className=\"mr-2\" />\n            <span className=\"font-medium\">Failed to parse JSON data</span>\n          </div>\n          <Button\n            color=\"danger\"\n            size=\"sm\"\n            variant=\"light\"\n            onClick={() => setShowDetails(!showDetails)}\n          >\n            {showDetails ? (\n              <>\n                <FaChevronUp /> Hide Details\n              </>\n            ) : (\n              <>\n                <FaChevronDown /> Show Details\n              </>\n            )}\n          </Button>\n        </div>\n        {showDetails && (\n          <div className=\"mt-4 w-full text-left\">\n            <div>\n              <strong>Error:</strong>\n              <pre>\n                {/* @ts-expect-error is ok */}\n                {err?.name}: {err?.message}\n              </pre>\n            </div>\n            <div className=\"mt-4\">\n              <strong>Data:</strong>\n              <pre>\n                {typeof value !== 'string'\n                  ? JSON.stringify(value, null, 2)\n                  : value}\n              </pre>\n            </div>\n          </div>\n        )}\n      </div>\n    );\n  }\n  return <div className={cn(className)}>{error || content}</div>;\n};\n\nexport default Json;\n","import Json from './Json';\n\nexport type { JsonProps } from './Json';\n\nexport { Json };\n\nexport default Json;\n"],"mappings":"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","names":["Json_default"]}