@xyo-network/react-shared 2.64.0-rc.6 → 2.64.0

package/dist/node/components/TableCell/index.js

@@ -1,27 +1,161 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+// src/components/TableCell/AddressTableCell.tsx
+import { forwardRef as forwardRef3 } from "react";
+
+// src/components/TableCell/EllipsisTableCell.tsx
+import { styled as styled2, TableCell } from "@mui/material";
+import { LinkEx } from "@xylabs/react-link";
+import { forwardRef as forwardRef2, useMemo } from "react";
+
+// src/components/Ellipsize.tsx
+import { Box, styled, Typography } from "@mui/material";
+import { forwardRef, useCallback, useState } from "react";
+
+// src/hooks/useShareForwardRef.ts
+import { useEffect, useRef } from "react";
+var useShareForwardedRef = (forwardedRef, refresh = 0) => {
+  const innerRef = useRef(null);
+  useEffect(() => {
+    if (!forwardedRef) {
+      return;
+    }
+    if (typeof forwardedRef === "function") {
+      forwardedRef(innerRef.current);
+      return;
+    } else {
+      forwardedRef.current = innerRef.current;
+    }
+  }, [forwardedRef, refresh]);
+  return innerRef;
+};
+
+// src/components/Ellipsize.tsx
+import { jsx } from "react/jsx-runtime";
+var ComponentName = "Ellipsize";
+var EllipsizeRoot = styled(Box, {
+  name: ComponentName,
+  shouldForwardProp: (prop) => prop !== "beforeLineHeight",
+  slot: "Root"
+})(({ beforeLineHeight }) => ({
+  "&": {
+    // because the cell content ends up absolutely positioned, the cell doesn't know the content height.
+    // the pseudo element with a hidden character establishes the proper height of the content and hides it
+    ":before": {
+      content: "'nbsp;'",
+      display: "block",
+      // take the pseudo element out of the `display: block` flow so it won't push against our actual content
+      float: "left",
+      visibility: "hidden",
+      // since we are `display: block`, lineHeight is the height
+      ...beforeLineHeight && { lineHeight: beforeLineHeight }
+    }
   }
-  return to;
+}));
+var EllipsizeInnerWrap = styled(Box, {
+  name: ComponentName,
+  slot: "innerWrap"
+})(() => ({
+  position: "relative"
+}));
+var EllipsizeContentWrap = styled(Typography, {
+  name: ComponentName,
+  shouldForwardProp: (prop) => prop !== "ellipsisPosition",
+  slot: "contentWrap"
+})(({ theme, ellipsisPosition, fontFamily }) => {
+  return theme.unstable_sx({
+    fontFamily: fontFamily ?? "monospace",
+    left: 0,
+    overflow: "hidden",
+    position: "absolute",
+    right: 0,
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+    ...ellipsisPosition === "start" ? {
+      direction: "rtl",
+      textAlign: "left"
+    } : {}
+  });
+});
+var useClientHeight = () => {
+  const [contentWrapHeight, setContentWrapHeight] = useState();
+  const contentWrapRef = useCallback((node) => {
+    if (node !== null) {
+      setContentWrapHeight(node.clientHeight + "px");
+    }
+  }, []);
+  return { contentWrapHeight, contentWrapRef };
 };
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var TableCell_exports = {};
-module.exports = __toCommonJS(TableCell_exports);
-__reExport(TableCell_exports, require("./AddressTableCell"), module.exports);
-__reExport(TableCell_exports, require("./EllipsisTableCell"), module.exports);
-__reExport(TableCell_exports, require("./HashTableCell"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("./AddressTableCell"),
-  ...require("./EllipsisTableCell"),
-  ...require("./HashTableCell")
+var EllipsizeBox = forwardRef(
+  ({ children, ellipsisPosition = "start", disableSharedRef, typographyProps, ...props }, ref) => {
+    const { contentWrapRef, contentWrapHeight } = useClientHeight();
+    const sharedRef = useShareForwardedRef(ref);
+    return /* @__PURE__ */ jsx(EllipsizeRoot, { beforeLineHeight: !!sharedRef && !disableSharedRef ? contentWrapHeight : void 0, ...props, ref, children: /* @__PURE__ */ jsx(EllipsizeInnerWrap, { children: /* @__PURE__ */ jsx(EllipsizeContentWrap, { ref: contentWrapRef, component: "span", ellipsisPosition, variant: "body2", ...typographyProps, children }) }) });
+  }
+);
+EllipsizeBox.displayName = "EllipsizeBox";
+
+// src/components/TableCell/EllipsisTableCell.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var EllipsisTableCellRoot = styled2(TableCell, {
+  name: "EllipsisTableCell",
+  shouldForwardProp: (prop) => prop !== "width",
+  slot: "Root"
+})(({ width = "100%" }) => ({
+  width
+}));
+var EllipsisTableCellWithRef = forwardRef2(
+  ({ children, href, link = false, to, value, ...props }, ref) => {
+    const data = useMemo(() => {
+      if (children) {
+        return children;
+      }
+      if (href || link || to) {
+        return /* @__PURE__ */ jsx2(LinkEx, { title: value, to, href, target: href ? "_blank" : void 0, children: value });
+      }
+      return value;
+    }, [children, href, link, to, value]);
+    return /* @__PURE__ */ jsx2(EllipsisTableCellRoot, { ref, ...props, children: /* @__PURE__ */ jsx2(EllipsizeBox, { sx: { cursor: link || to || href ? "pointer" : "inherit" }, children: data }) });
+  }
+);
+EllipsisTableCellWithRef.displayName = "EllipsisTableCell";
+var EllipsisTableCell = EllipsisTableCellWithRef;
+
+// src/components/TableCell/AddressTableCell.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var AddressTableCell = forwardRef3(({ value, archive, exploreDomain, link, ...props }, ref) => {
+  const href = exploreDomain && archive ? `${exploreDomain}/archive/${archive}/address/${value}` : void 0;
+  const to = exploreDomain === void 0 && archive ? `/archive/${archive}/address/${value}` : void 0;
+  return /* @__PURE__ */ jsx3(EllipsisTableCell, { value, href, to, ref, link, ...props });
 });
+AddressTableCell.displayName = "AddressTableCell";
+
+// src/components/TableCell/HashTableCell.tsx
+import { useEvent } from "@xyo-network/react-event";
+import { useRef as useRef2 } from "react";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var HashTableCell = ({ value, archive, dataType, network, exploreDomain, ...props }) => {
+  const ref = useRef2(null);
+  const [tableCellRef, dispatch] = useEvent(void 0, ref);
+  const hashPath = `/${dataType}/hash/${value}?network=${network ?? "main"}`;
+  const explorePath = archive ? `/archive/${archive}${hashPath}` : hashPath;
+  const handleCellClick = () => {
+    dispatch == null ? void 0 : dispatch("hash", "click", value);
+  };
+  return /* @__PURE__ */ jsx4(
+    EllipsisTableCell,
+    {
+      onClick: handleCellClick,
+      ref: tableCellRef,
+      value,
+      href: exploreDomain ? `${exploreDomain}${explorePath}}` : void 0,
+      to: exploreDomain ? void 0 : explorePath,
+      ...props
+    }
+  );
+};
+export {
+  AddressTableCell,
+  EllipsisTableCell,
+  EllipsisTableCellWithRef,
+  HashTableCell
+};
 //# sourceMappingURL=index.js.map

package/dist/node/components/TableCell/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/TableCell/index.ts"],"sourcesContent":["export * from './AddressTableCell'\nexport * from './EllipsisTableCell'\nexport * from './HashTableCell'\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,8BAAc,+BAAd;AACA,8BAAc,gCADd;AAEA,8BAAc,4BAFd;","names":[]}
+{"version":3,"sources":["../../../../src/components/TableCell/AddressTableCell.tsx","../../../../src/components/TableCell/EllipsisTableCell.tsx","../../../../src/components/Ellipsize.tsx","../../../../src/hooks/useShareForwardRef.ts","../../../../src/components/TableCell/HashTableCell.tsx"],"sourcesContent":["import { forwardRef } from 'react'\n\nimport { EllipsisTableCell, EllipsisTableCellProps } from './EllipsisTableCell'\n\nexport interface AddressTableCellProps extends EllipsisTableCellProps {\n  /** @deprecated - archives are no longer supported */\n  archive?: string\n  /** @deprecated - use events instead */\n  exploreDomain?: string\n  link?: boolean\n}\n\nconst AddressTableCell = forwardRef<HTMLTableCellElement, AddressTableCellProps>(({ value, archive, exploreDomain, link, ...props }, ref) => {\n  const href = exploreDomain && archive ? `${exploreDomain}/archive/${archive}/address/${value}` : undefined\n  const to = exploreDomain === undefined && archive ? `/archive/${archive}/address/${value}` : undefined\n\n  return <EllipsisTableCell value={value} href={href} to={to} ref={ref} link={link} {...props} />\n})\n\nAddressTableCell.displayName = 'AddressTableCell'\nexport { AddressTableCell }\n","import { styled, TableCell, TableCellProps } from '@mui/material'\nimport { LinkEx } from '@xylabs/react-link'\nimport type { WithChildren } from '@xylabs/react-shared'\nimport { forwardRef, useMemo } from 'react'\nimport { To } from 'react-router-dom'\n\nimport { EllipsizeBox } from '../Ellipsize'\n\nconst EllipsisTableCellRoot = styled(TableCell, {\n  name: 'EllipsisTableCell',\n  shouldForwardProp: (prop) => prop !== 'width',\n  slot: 'Root',\n})(({ width = '100%' }) => ({\n  width,\n}))\n\nexport interface EllipsisTableCellProps extends TableCellProps {\n  href?: string\n  link?: boolean\n  to?: To\n  value?: string\n  /**\n   * Width of the table cell.\n   *\n   * Note: When using percentages, this value can be different than what you expect\n   * if used on a cell that is not the first cell in the first row.\n   */\n  width?: string | number\n}\n\nexport const EllipsisTableCellWithRef: React.FC<WithChildren<EllipsisTableCellProps>> = forwardRef(\n  ({ children, href, link = false, to, value, ...props }, ref) => {\n    const data = useMemo(() => {\n      if (children) {\n        return children\n      }\n      if (href || link || to) {\n        return (\n          <LinkEx title={value} to={to} href={href} target={href ? '_blank' : undefined}>\n            {value}\n          </LinkEx>\n        )\n      }\n      return value\n    }, [children, href, link, to, value])\n    return (\n      <EllipsisTableCellRoot ref={ref} {...props}>\n        <EllipsizeBox sx={{ cursor: link || to || href ? 'pointer' : 'inherit' }}>{data}</EllipsizeBox>\n      </EllipsisTableCellRoot>\n    )\n  },\n)\n\nEllipsisTableCellWithRef.displayName = 'EllipsisTableCell'\nexport const EllipsisTableCell = EllipsisTableCellWithRef\n","import { Box, BoxProps, styled, Typography, TypographyProps, TypographyTypeMap } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { forwardRef, useCallback, useState } from 'react'\n\nimport { useShareForwardedRef } from '../hooks'\n\n/**\n * Heavily inspired by - https://stackoverflow.com/a/30362531/2803259\n */\n\nconst ComponentName = 'Ellipsize'\n\nexport interface EllipsizeRootProps extends BoxProps {\n  beforeLineHeight?: string | number\n}\n\nconst EllipsizeRoot = styled(Box, {\n  name: ComponentName,\n  shouldForwardProp: (prop) => prop !== 'beforeLineHeight',\n  slot: 'Root',\n})<EllipsizeRootProps>(({ beforeLineHeight }) => ({\n  '&': {\n    // because the cell content ends up absolutely positioned, the cell doesn't know the content height.\n    // the pseudo element with a hidden character establishes the proper height of the content and hides it\n    ':before': {\n      content: \"'nbsp;'\",\n      display: 'block',\n      // take the pseudo element out of the `display: block` flow so it won't push against our actual content\n      float: 'left',\n      visibility: 'hidden',\n      // since we are `display: block`, lineHeight is the height\n      ...(beforeLineHeight && { lineHeight: beforeLineHeight }),\n    },\n  },\n}))\n\nconst EllipsizeInnerWrap = styled(Box, {\n  name: ComponentName,\n  slot: 'innerWrap',\n})(() => ({\n  position: 'relative',\n}))\n\nconst EllipsizeContentWrap = styled(Typography, {\n  name: ComponentName,\n  shouldForwardProp: (prop) => prop !== 'ellipsisPosition',\n  slot: 'contentWrap',\n})<TypographyWithComponentProps>(({ theme, ellipsisPosition, fontFamily }) => {\n  return theme.unstable_sx({\n    fontFamily: fontFamily ?? 'monospace',\n    left: 0,\n    overflow: 'hidden',\n    position: 'absolute',\n    right: 0,\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    ...(ellipsisPosition === 'start'\n      ? {\n          direction: 'rtl',\n          textAlign: 'left',\n        }\n      : {}),\n  })\n})\n\nconst useClientHeight = () => {\n  const [contentWrapHeight, setContentWrapHeight] = useState<string>()\n\n  const contentWrapRef = useCallback((node: HTMLElement) => {\n    if (node !== null) {\n      setContentWrapHeight(node.clientHeight + 'px')\n    }\n  }, [])\n\n  return { contentWrapHeight, contentWrapRef }\n}\n\n// See - https://mui.com/material-ui/guides/composition/#with-typescript\n// eslint-disable-next-line @typescript-eslint/ban-types\nexport type TypographyWithComponentProps<D extends React.ElementType = TypographyTypeMap['defaultComponent'], P = {}> = TypographyProps<D, P> & {\n  ellipsisPosition?: 'start' | 'end'\n}\n\nexport interface EllipsizeBoxProps extends BoxProps {\n  disableSharedRef?: boolean\n  ellipsisPosition?: 'start' | 'end'\n  typographyProps?: TypographyWithComponentProps\n}\n\nexport const EllipsizeBox = forwardRef<HTMLDivElement, WithChildren<EllipsizeBoxProps>>(\n  ({ children, ellipsisPosition = 'start', disableSharedRef, typographyProps, ...props }, ref) => {\n    // Allow syncing of :before pseudo element height with contentWrapHeight\n    const { contentWrapRef, contentWrapHeight } = useClientHeight()\n    const sharedRef = useShareForwardedRef(ref)\n\n    return (\n      <EllipsizeRoot beforeLineHeight={!!sharedRef && !disableSharedRef ? contentWrapHeight : undefined} {...props} ref={ref}>\n        <EllipsizeInnerWrap>\n          <EllipsizeContentWrap ref={contentWrapRef} component={'span'} ellipsisPosition={ellipsisPosition} variant=\"body2\" {...typographyProps}>\n            {children}\n          </EllipsizeContentWrap>\n        </EllipsizeInnerWrap>\n      </EllipsizeRoot>\n    )\n  },\n)\nEllipsizeBox.displayName = 'EllipsizeBox'\n","import { ForwardedRef, useEffect, useRef } from 'react'\n\nexport const useShareForwardedRef = <T>(forwardedRef: ForwardedRef<T>, refresh = 0) => {\n  // final ref that will share value with forward ref. this is the one to be attached to components\n  const innerRef = useRef<T>(null)\n\n  useEffect(() => {\n    if (!forwardedRef) {\n      return\n    }\n    if (typeof forwardedRef === 'function') {\n      forwardedRef(innerRef.current)\n      return\n    } else {\n      forwardedRef.current = innerRef.current\n    }\n  }, [forwardedRef, refresh])\n\n  return innerRef\n}\n","import { useEvent } from '@xyo-network/react-event'\nimport { useRef } from 'react'\n\nimport { EllipsisTableCell, EllipsisTableCellProps } from './EllipsisTableCell'\n\nexport interface HashTableCellProps extends EllipsisTableCellProps {\n  archive?: string\n  dataType?: 'block' | 'payload'\n  exploreDomain?: string\n  network?: string\n}\n\nexport const HashTableCell: React.FC<HashTableCellProps> = ({ value, archive, dataType, network, exploreDomain, ...props }) => {\n  const ref = useRef<HTMLTableCellElement | null>(null)\n  const [tableCellRef, dispatch] = useEvent<HTMLTableCellElement>(undefined, ref)\n  const hashPath = `/${dataType}/hash/${value}?network=${network ?? 'main'}`\n  const explorePath = archive ? `/archive/${archive}${hashPath}` : hashPath\n\n  const handleCellClick = () => {\n    dispatch?.('hash', 'click', value)\n  }\n\n  return (\n    <EllipsisTableCell\n      onClick={handleCellClick}\n      ref={tableCellRef}\n      value={value}\n      href={exploreDomain ? `${exploreDomain}${explorePath}}` : undefined}\n      to={exploreDomain ? undefined : explorePath}\n      {...props}\n    />\n  )\n}\n"],"mappings":"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","names":["forwardRef","styled","forwardRef","jsx","styled","forwardRef","jsx","forwardRef","useRef","jsx","useRef"]}

package/dist/node/components/ThemeTokenAvatar/ThemeTokenAvatar.cjs

@@ -0,0 +1,36 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/ThemeTokenAvatar/ThemeTokenAvatar.tsx
+var ThemeTokenAvatar_exports = {};
+__export(ThemeTokenAvatar_exports, {
+  ThemeTokenAvatar: () => ThemeTokenAvatar
+});
+module.exports = __toCommonJS(ThemeTokenAvatar_exports);
+var import_material = require("@mui/material");
+var import_jsx_runtime = require("react/jsx-runtime");
+var ThemeTokenAvatar = ({ ...props }) => {
+  const theme = (0, import_material.useTheme)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Avatar, { sx: { background: theme.palette.common.white }, ...props });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ThemeTokenAvatar
+});
+//# sourceMappingURL=ThemeTokenAvatar.cjs.map

package/dist/node/components/ThemeTokenAvatar/ThemeTokenAvatar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ThemeTokenAvatar/ThemeTokenAvatar.tsx"],"sourcesContent":["import { Avatar, AvatarProps, useTheme } from '@mui/material'\n\nexport const ThemeTokenAvatar: React.FC<AvatarProps> = ({ ...props }) => {\n  const theme = useTheme()\n  return <Avatar sx={{ background: theme.palette.common.white }} {...props} />\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAA8C;AAIrC;AAFF,IAAM,mBAA0C,CAAC,EAAE,GAAG,MAAM,MAAM;AACvE,QAAM,YAAQ,0BAAS;AACvB,SAAO,4CAAC,0BAAO,IAAI,EAAE,YAAY,MAAM,QAAQ,OAAO,MAAM,GAAI,GAAG,OAAO;AAC5E;","names":[]}

package/dist/node/components/ThemeTokenAvatar/ThemeTokenAvatar.d.cts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { AvatarProps } from '@mui/material';
+export declare const ThemeTokenAvatar: React.FC<AvatarProps>;
+//# sourceMappingURL=ThemeTokenAvatar.d.ts.map

package/dist/node/components/ThemeTokenAvatar/ThemeTokenAvatar.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeTokenAvatar.d.ts","sourceRoot":"","sources":["../../../../src/components/ThemeTokenAvatar/ThemeTokenAvatar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAU,WAAW,EAAY,MAAM,eAAe,CAAA;AAE7D,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAGlD,CAAA"}

package/dist/node/components/ThemeTokenAvatar/ThemeTokenAvatar.js

@@ -1,34 +1,11 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
+// src/components/ThemeTokenAvatar/ThemeTokenAvatar.tsx
+import { Avatar, useTheme } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+var ThemeTokenAvatar = ({ ...props }) => {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsx(Avatar, { sx: { background: theme.palette.common.white }, ...props });
 };
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var ThemeTokenAvatar_exports = {};
-__export(ThemeTokenAvatar_exports, {
-  ThemeTokenAvatar: () => ThemeTokenAvatar
-});
-module.exports = __toCommonJS(ThemeTokenAvatar_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_material = require("@mui/material");
-const ThemeTokenAvatar = ({ ...props }) => {
-  const theme = (0, import_material.useTheme)();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Avatar, { sx: { background: theme.palette.common.white }, ...props });
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   ThemeTokenAvatar
-});
+};
 //# sourceMappingURL=ThemeTokenAvatar.js.map

package/dist/node/components/ThemeTokenAvatar/ThemeTokenAvatar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ThemeTokenAvatar/ThemeTokenAvatar.tsx"],"sourcesContent":["import { Avatar, AvatarProps, useTheme } from '@mui/material'\n\nexport const ThemeTokenAvatar: React.FC<AvatarProps> = ({ ...props }) => {\n  const theme = useTheme()\n  return <Avatar sx={{ background: theme.palette.common.white }} {...props} />\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIS;AAJT,sBAA8C;AAEvC,MAAM,mBAA0C,CAAC,EAAE,GAAG,MAAM,MAAM;AACvE,QAAM,YAAQ,0BAAS;AACvB,SAAO,4CAAC,0BAAO,IAAI,EAAE,YAAY,MAAM,QAAQ,OAAO,MAAM,GAAI,GAAG,OAAO;AAC5E;","names":[]}
+{"version":3,"sources":["../../../../src/components/ThemeTokenAvatar/ThemeTokenAvatar.tsx"],"sourcesContent":["import { Avatar, AvatarProps, useTheme } from '@mui/material'\n\nexport const ThemeTokenAvatar: React.FC<AvatarProps> = ({ ...props }) => {\n  const theme = useTheme()\n  return <Avatar sx={{ background: theme.palette.common.white }} {...props} />\n}\n"],"mappings":";AAAA,SAAS,QAAqB,gBAAgB;AAIrC;AAFF,IAAM,mBAA0C,CAAC,EAAE,GAAG,MAAM,MAAM;AACvE,QAAM,QAAQ,SAAS;AACvB,SAAO,oBAAC,UAAO,IAAI,EAAE,YAAY,MAAM,QAAQ,OAAO,MAAM,GAAI,GAAG,OAAO;AAC5E;","names":[]}

package/dist/node/components/ThemeTokenAvatar/index.cjs

@@ -0,0 +1,38 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/ThemeTokenAvatar/index.ts
+var ThemeTokenAvatar_exports = {};
+__export(ThemeTokenAvatar_exports, {
+  ThemeTokenAvatar: () => ThemeTokenAvatar
+});
+module.exports = __toCommonJS(ThemeTokenAvatar_exports);
+
+// src/components/ThemeTokenAvatar/ThemeTokenAvatar.tsx
+var import_material = require("@mui/material");
+var import_jsx_runtime = require("react/jsx-runtime");
+var ThemeTokenAvatar = ({ ...props }) => {
+  const theme = (0, import_material.useTheme)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Avatar, { sx: { background: theme.palette.common.white }, ...props });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ThemeTokenAvatar
+});
+//# sourceMappingURL=index.cjs.map

package/dist/node/components/ThemeTokenAvatar/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ThemeTokenAvatar/index.ts","../../../../src/components/ThemeTokenAvatar/ThemeTokenAvatar.tsx"],"sourcesContent":["export * from './ThemeTokenAvatar'\n","import { Avatar, AvatarProps, useTheme } from '@mui/material'\n\nexport const ThemeTokenAvatar: React.FC<AvatarProps> = ({ ...props }) => {\n  const theme = useTheme()\n  return <Avatar sx={{ background: theme.palette.common.white }} {...props} />\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,sBAA8C;AAIrC;AAFF,IAAM,mBAA0C,CAAC,EAAE,GAAG,MAAM,MAAM;AACvE,QAAM,YAAQ,0BAAS;AACvB,SAAO,4CAAC,0BAAO,IAAI,EAAE,YAAY,MAAM,QAAQ,OAAO,MAAM,GAAI,GAAG,OAAO;AAC5E;","names":[]}

package/dist/node/components/ThemeTokenAvatar/index.d.cts

@@ -0,0 +1,2 @@
+export * from './ThemeTokenAvatar';
+//# sourceMappingURL=index.d.ts.map

package/dist/node/components/ThemeTokenAvatar/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ThemeTokenAvatar/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA"}

package/dist/node/components/ThemeTokenAvatar/index.js

@@ -1,23 +1,11 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
+// src/components/ThemeTokenAvatar/ThemeTokenAvatar.tsx
+import { Avatar, useTheme } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+var ThemeTokenAvatar = ({ ...props }) => {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsx(Avatar, { sx: { background: theme.palette.common.white }, ...props });
+};
+export {
+  ThemeTokenAvatar
 };
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var ThemeTokenAvatar_exports = {};
-module.exports = __toCommonJS(ThemeTokenAvatar_exports);
-__reExport(ThemeTokenAvatar_exports, require("./ThemeTokenAvatar"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("./ThemeTokenAvatar")
-});
 //# sourceMappingURL=index.js.map

package/dist/node/components/ThemeTokenAvatar/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ThemeTokenAvatar/index.ts"],"sourcesContent":["export * from './ThemeTokenAvatar'\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,qCAAc,+BAAd;","names":[]}
+{"version":3,"sources":["../../../../src/components/ThemeTokenAvatar/ThemeTokenAvatar.tsx"],"sourcesContent":["import { Avatar, AvatarProps, useTheme } from '@mui/material'\n\nexport const ThemeTokenAvatar: React.FC<AvatarProps> = ({ ...props }) => {\n  const theme = useTheme()\n  return <Avatar sx={{ background: theme.palette.common.white }} {...props} />\n}\n"],"mappings":";AAAA,SAAS,QAAqB,gBAAgB;AAIrC;AAFF,IAAM,mBAA0C,CAAC,EAAE,GAAG,MAAM,MAAM;AACvE,QAAM,QAAQ,SAAS;AACvB,SAAO,oBAAC,UAAO,IAAI,EAAE,YAAY,MAAM,QAAQ,OAAO,MAAM,GAAI,GAAG,OAAO;AAC5E;","names":[]}

package/dist/node/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.cjs

@@ -0,0 +1,45 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.tsx
+var ThemeTokenAvatarGroup_exports = {};
+__export(ThemeTokenAvatarGroup_exports, {
+  ThemeTokenAvatarGroup: () => ThemeTokenAvatarGroup
+});
+module.exports = __toCommonJS(ThemeTokenAvatarGroup_exports);
+var import_material2 = require("@mui/material");
+
+// src/components/ThemeTokenAvatar/ThemeTokenAvatar.tsx
+var import_material = require("@mui/material");
+var import_jsx_runtime = require("react/jsx-runtime");
+var ThemeTokenAvatar = ({ ...props }) => {
+  const theme = (0, import_material.useTheme)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Avatar, { sx: { background: theme.palette.common.white }, ...props });
+};
+
+// src/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var ThemeTokenAvatarGroup = ({ images, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.AvatarGroup, { ...props, children: images == null ? void 0 : images.map((image, index) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ThemeTokenAvatar, { src: image }, index)) });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ThemeTokenAvatarGroup
+});
+//# sourceMappingURL=ThemeTokenAvatarGroup.cjs.map

package/dist/node/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.tsx","../../../../src/components/ThemeTokenAvatar/ThemeTokenAvatar.tsx"],"sourcesContent":["import { AvatarGroup, AvatarGroupProps } from '@mui/material'\n\nimport { ThemeTokenAvatar } from '../ThemeTokenAvatar'\n\nexport interface ThemeTokenAvatarGroupProps extends AvatarGroupProps {\n  images?: string[]\n}\n\nexport const ThemeTokenAvatarGroup: React.FC<ThemeTokenAvatarGroupProps> = ({ images, ...props }) => {\n  return <AvatarGroup {...props}>{images?.map((image, index) => <ThemeTokenAvatar key={index} src={image} />)}</AvatarGroup>\n}\n","import { Avatar, AvatarProps, useTheme } from '@mui/material'\n\nexport const ThemeTokenAvatar: React.FC<AvatarProps> = ({ ...props }) => {\n  const theme = useTheme()\n  return <Avatar sx={{ background: theme.palette.common.white }} {...props} />\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAAA,mBAA8C;;;ACA9C,sBAA8C;AAIrC;AAFF,IAAM,mBAA0C,CAAC,EAAE,GAAG,MAAM,MAAM;AACvE,QAAM,YAAQ,0BAAS;AACvB,SAAO,4CAAC,0BAAO,IAAI,EAAE,YAAY,MAAM,QAAQ,OAAO,MAAM,GAAI,GAAG,OAAO;AAC5E;;;ADIgE,IAAAC,sBAAA;AADzD,IAAM,wBAA8D,CAAC,EAAE,QAAQ,GAAG,MAAM,MAAM;AACnG,SAAO,6CAAC,gCAAa,GAAG,OAAQ,2CAAQ,IAAI,CAAC,OAAO,UAAU,6CAAC,oBAA6B,KAAK,SAAZ,KAAmB,IAAI;AAC9G;","names":["import_material","import_jsx_runtime"]}

package/dist/node/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.d.cts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { AvatarGroupProps } from '@mui/material';
+export interface ThemeTokenAvatarGroupProps extends AvatarGroupProps {
+    images?: string[];
+}
+export declare const ThemeTokenAvatarGroup: React.FC<ThemeTokenAvatarGroupProps>;
+//# sourceMappingURL=ThemeTokenAvatarGroup.d.ts.map

package/dist/node/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeTokenAvatarGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAI7D,MAAM,WAAW,0BAA2B,SAAQ,gBAAgB;IAClE,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;CAClB;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAEtE,CAAA"}

package/dist/node/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.js

@@ -1,34 +1,20 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
+// src/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.tsx
+import { AvatarGroup } from "@mui/material";
+
+// src/components/ThemeTokenAvatar/ThemeTokenAvatar.tsx
+import { Avatar, useTheme } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+var ThemeTokenAvatar = ({ ...props }) => {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsx(Avatar, { sx: { background: theme.palette.common.white }, ...props });
 };
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
+
+// src/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var ThemeTokenAvatarGroup = ({ images, ...props }) => {
+  return /* @__PURE__ */ jsx2(AvatarGroup, { ...props, children: images == null ? void 0 : images.map((image, index) => /* @__PURE__ */ jsx2(ThemeTokenAvatar, { src: image }, index)) });
 };
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var ThemeTokenAvatarGroup_exports = {};
-__export(ThemeTokenAvatarGroup_exports, {
-  ThemeTokenAvatarGroup: () => ThemeTokenAvatarGroup
-});
-module.exports = __toCommonJS(ThemeTokenAvatarGroup_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_material = require("@mui/material");
-var import_ThemeTokenAvatar = require("../ThemeTokenAvatar");
-const ThemeTokenAvatarGroup = ({ images, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.AvatarGroup, { ...props, children: images?.map((image, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ThemeTokenAvatar.ThemeTokenAvatar, { src: image }, index)) });
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   ThemeTokenAvatarGroup
-});
+};
 //# sourceMappingURL=ThemeTokenAvatarGroup.js.map

package/dist/node/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.tsx"],"sourcesContent":["import { AvatarGroup, AvatarGroupProps } from '@mui/material'\n\nimport { ThemeTokenAvatar } from '../ThemeTokenAvatar'\n\nexport interface ThemeTokenAvatarGroupProps extends AvatarGroupProps {\n  images?: string[]\n}\n\nexport const ThemeTokenAvatarGroup: React.FC<ThemeTokenAvatarGroupProps> = ({ images, ...props }) => {\n  return <AvatarGroup {...props}>{images?.map((image, index) => <ThemeTokenAvatar key={index} src={image} />)}</AvatarGroup>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AASgE;AAThE,sBAA8C;AAE9C,8BAAiC;AAM1B,MAAM,wBAA8D,CAAC,EAAE,QAAQ,GAAG,MAAM,MAAM;AACnG,SAAO,4CAAC,+BAAa,GAAG,OAAQ,kBAAQ,IAAI,CAAC,OAAO,UAAU,4CAAC,4CAA6B,KAAK,SAAZ,KAAmB,CAAE,GAAE;AAC9G;","names":[]}
+{"version":3,"sources":["../../../../src/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.tsx","../../../../src/components/ThemeTokenAvatar/ThemeTokenAvatar.tsx"],"sourcesContent":["import { AvatarGroup, AvatarGroupProps } from '@mui/material'\n\nimport { ThemeTokenAvatar } from '../ThemeTokenAvatar'\n\nexport interface ThemeTokenAvatarGroupProps extends AvatarGroupProps {\n  images?: string[]\n}\n\nexport const ThemeTokenAvatarGroup: React.FC<ThemeTokenAvatarGroupProps> = ({ images, ...props }) => {\n  return <AvatarGroup {...props}>{images?.map((image, index) => <ThemeTokenAvatar key={index} src={image} />)}</AvatarGroup>\n}\n","import { Avatar, AvatarProps, useTheme } from '@mui/material'\n\nexport const ThemeTokenAvatar: React.FC<AvatarProps> = ({ ...props }) => {\n  const theme = useTheme()\n  return <Avatar sx={{ background: theme.palette.common.white }} {...props} />\n}\n"],"mappings":";AAAA,SAAS,mBAAqC;;;ACA9C,SAAS,QAAqB,gBAAgB;AAIrC;AAFF,IAAM,mBAA0C,CAAC,EAAE,GAAG,MAAM,MAAM;AACvE,QAAM,QAAQ,SAAS;AACvB,SAAO,oBAAC,UAAO,IAAI,EAAE,YAAY,MAAM,QAAQ,OAAO,MAAM,GAAI,GAAG,OAAO;AAC5E;;;ADIgE,gBAAAA,YAAA;AADzD,IAAM,wBAA8D,CAAC,EAAE,QAAQ,GAAG,MAAM,MAAM;AACnG,SAAO,gBAAAA,KAAC,eAAa,GAAG,OAAQ,2CAAQ,IAAI,CAAC,OAAO,UAAU,gBAAAA,KAAC,oBAA6B,KAAK,SAAZ,KAAmB,IAAI;AAC9G;","names":["jsx"]}

package/dist/node/components/ThemeTokenAvatarGroup/index.cjs

@@ -0,0 +1,47 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/ThemeTokenAvatarGroup/index.ts
+var ThemeTokenAvatarGroup_exports = {};
+__export(ThemeTokenAvatarGroup_exports, {
+  ThemeTokenAvatarGroup: () => ThemeTokenAvatarGroup
+});
+module.exports = __toCommonJS(ThemeTokenAvatarGroup_exports);
+
+// src/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.tsx
+var import_material2 = require("@mui/material");
+
+// src/components/ThemeTokenAvatar/ThemeTokenAvatar.tsx
+var import_material = require("@mui/material");
+var import_jsx_runtime = require("react/jsx-runtime");
+var ThemeTokenAvatar = ({ ...props }) => {
+  const theme = (0, import_material.useTheme)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Avatar, { sx: { background: theme.palette.common.white }, ...props });
+};
+
+// src/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var ThemeTokenAvatarGroup = ({ images, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.AvatarGroup, { ...props, children: images == null ? void 0 : images.map((image, index) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ThemeTokenAvatar, { src: image }, index)) });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ThemeTokenAvatarGroup
+});
+//# sourceMappingURL=index.cjs.map

package/dist/node/components/ThemeTokenAvatarGroup/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ThemeTokenAvatarGroup/index.ts","../../../../src/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.tsx","../../../../src/components/ThemeTokenAvatar/ThemeTokenAvatar.tsx"],"sourcesContent":["export * from './ThemeTokenAvatarGroup'\n","import { AvatarGroup, AvatarGroupProps } from '@mui/material'\n\nimport { ThemeTokenAvatar } from '../ThemeTokenAvatar'\n\nexport interface ThemeTokenAvatarGroupProps extends AvatarGroupProps {\n  images?: string[]\n}\n\nexport const ThemeTokenAvatarGroup: React.FC<ThemeTokenAvatarGroupProps> = ({ images, ...props }) => {\n  return <AvatarGroup {...props}>{images?.map((image, index) => <ThemeTokenAvatar key={index} src={image} />)}</AvatarGroup>\n}\n","import { Avatar, AvatarProps, useTheme } from '@mui/material'\n\nexport const ThemeTokenAvatar: React.FC<AvatarProps> = ({ ...props }) => {\n  const theme = useTheme()\n  return <Avatar sx={{ background: theme.palette.common.white }} {...props} />\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,IAAAA,mBAA8C;;;ACA9C,sBAA8C;AAIrC;AAFF,IAAM,mBAA0C,CAAC,EAAE,GAAG,MAAM,MAAM;AACvE,QAAM,YAAQ,0BAAS;AACvB,SAAO,4CAAC,0BAAO,IAAI,EAAE,YAAY,MAAM,QAAQ,OAAO,MAAM,GAAI,GAAG,OAAO;AAC5E;;;ADIgE,IAAAC,sBAAA;AADzD,IAAM,wBAA8D,CAAC,EAAE,QAAQ,GAAG,MAAM,MAAM;AACnG,SAAO,6CAAC,gCAAa,GAAG,OAAQ,2CAAQ,IAAI,CAAC,OAAO,UAAU,6CAAC,oBAA6B,KAAK,SAAZ,KAAmB,IAAI;AAC9G;","names":["import_material","import_jsx_runtime"]}

package/dist/node/components/ThemeTokenAvatarGroup/index.d.cts

@@ -0,0 +1,2 @@
+export * from './ThemeTokenAvatarGroup';
+//# sourceMappingURL=index.d.ts.map

package/dist/node/components/ThemeTokenAvatarGroup/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ThemeTokenAvatarGroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAA"}