@expcat/tigercat-react 1.0.4 → 1.1.0

package/dist/chunk-OFBK35TK.mjs

@@ -1,32 +0,0 @@
-import { MenuItem } from './chunk-D5KYIQWB.mjs';
-import React from 'react';
-import { menuItemGroupTitleClasses } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function isComponentNamed(elementType, name) {
-  if (typeof elementType !== "function" && typeof elementType !== "object") return false;
-  const maybeFn = elementType;
-  return maybeFn.displayName === name || maybeFn.name === name;
-}
-var MenuItemGroup = ({
-  title,
-  className,
-  children,
-  level = 0
-}) => {
-  const enhancedChildren = React.Children.map(children, (child) => {
-    if (!React.isValidElement(child)) return child;
-    if (child.type === MenuItem || isComponentNamed(child.type, "SubMenu")) {
-      return React.cloneElement(child, {
-        level
-      });
-    }
-    return child;
-  });
-  return /* @__PURE__ */ jsxs("li", { className: "list-none", children: [
-    title && /* @__PURE__ */ jsx("div", { className: menuItemGroupTitleClasses, children: title }),
-    /* @__PURE__ */ jsx("ul", { role: "group", className, children: enhancedChildren })
-  ] });
-};
-
-export { MenuItemGroup };

package/dist/chunk-OWUGXP6K.js

@@ -1,37 +0,0 @@
-'use strict';
-
-var React = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-// src/components/Breadcrumb.tsx
-var BreadcrumbContext = React.createContext(null);
-function useBreadcrumbContext() {
-  return React.useContext(BreadcrumbContext);
-}
-var Breadcrumb = ({
-  separator = "/",
-  className,
-  style,
-  extra,
-  children,
-  ...props
-}) => {
-  const hasExtra = Boolean(extra);
-  const containerClasses = React__default.default.useMemo(
-    () => tigercatCore.classNames(tigercatCore.breadcrumbContainerClasses, hasExtra && "w-full", className),
-    [className, hasExtra]
-  );
-  const contextValue = React__default.default.useMemo(() => ({ separator }), [separator]);
-  return /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsxs("nav", { className: containerClasses, "aria-label": "Breadcrumb", style, ...props, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "flex items-center flex-wrap gap-2", children }),
-    hasExtra && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-auto flex items-center", children: extra })
-  ] }) });
-};
-
-exports.Breadcrumb = Breadcrumb;
-exports.useBreadcrumbContext = useBreadcrumbContext;

package/dist/chunk-QBZODEIG.js

@@ -1,49 +0,0 @@
-'use strict';
-
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/Segmented.tsx
-var Segmented = ({
-  value,
-  options = [],
-  disabled = false,
-  size = "md",
-  block = false,
-  className,
-  onChange
-}) => {
-  function handleSelect(opt) {
-    if (opt.disabled || disabled) return;
-    if (opt.value === value) return;
-    onChange?.(opt.value);
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: tigercatCore.classNames(tigercatCore.getSegmentedContainerClasses(size, block), className),
-      role: "radiogroup",
-      children: options.map((opt) => {
-        const selected = opt.value === value;
-        const isDisabled = !!opt.disabled || disabled;
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          "label",
-          {
-            className: tigercatCore.classNames(
-              tigercatCore.getSegmentedOptionClasses(size, selected, isDisabled),
-              block ? "flex-1 text-center" : ""
-            ),
-            role: "radio",
-            "aria-checked": selected,
-            "aria-disabled": isDisabled,
-            onClick: () => handleSelect(opt),
-            children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: opt.label })
-          },
-          opt.value
-        );
-      })
-    }
-  );
-};
-
-exports.Segmented = Segmented;

package/dist/chunk-R5P72RIT.js

@@ -1,180 +0,0 @@
-'use strict';
-
-var chunkKQZ4F7FZ_js = require('./chunk-KQZ4F7FZ.js');
-var chunkM375I56K_js = require('./chunk-M375I56K.js');
-var chunkDUWAV47E_js = require('./chunk-DUWAV47E.js');
-var React = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-var HeatmapChart = ({
-  width = 400,
-  height = 300,
-  padding = 40,
-  data,
-  xLabels,
-  yLabels,
-  minColor = "#f0f9ff",
-  maxColor = "#2563eb",
-  cellRadius = 2,
-  cellGap = 1,
-  showValues = false,
-  valueFormatter,
-  hoverable = false,
-  hoveredIndex: hoveredIndexProp,
-  activeOpacity = 1,
-  inactiveOpacity = 0.25,
-  selectable = false,
-  selectedIndex: selectedIndexProp,
-  showTooltip = true,
-  title,
-  desc,
-  className,
-  onHoveredIndexChange,
-  onSelectedIndexChange,
-  onCellClick,
-  onCellHover
-}) => {
-  const {
-    tooltipPosition,
-    resolvedHoveredIndex,
-    activeIndex,
-    handleMouseEnter,
-    handleMouseMove,
-    handleMouseLeave,
-    handleClick
-  } = chunkKQZ4F7FZ_js.useChartInteraction({
-    hoverable,
-    hoveredIndexProp,
-    selectable,
-    selectedIndexProp,
-    activeOpacity,
-    inactiveOpacity,
-    getData: (index) => data[index],
-    onHoveredIndexChange: (index) => {
-      onHoveredIndexChange?.(index);
-      onCellHover?.(index, index !== null ? data[index] : null);
-    },
-    onSelectedIndexChange,
-    callbacks: { onClick: onCellClick }
-  });
-  const innerRect = React.useMemo(
-    () => tigercatCore.getChartInnerRect(width, height, padding),
-    [width, height, padding]
-  );
-  const cells = React.useMemo(
-    () => tigercatCore.computeHeatmapCells(data, {
-      xLabels,
-      yLabels,
-      width: innerRect.width,
-      height: innerRect.height,
-      cellGap,
-      minColor,
-      maxColor
-    }),
-    [data, xLabels, yLabels, innerRect.width, innerRect.height, cellGap, minColor, maxColor]
-  );
-  const tooltipContent = React.useMemo(
-    () => tigercatCore.resolveChartTooltipContent(resolvedHoveredIndex, cells, void 0, (cell) => {
-      const val = valueFormatter ? valueFormatter(cell.value) : `${cell.value}`;
-      return `${cell.xLabel} \xD7 ${cell.yLabel}: ${val}`;
-    }),
-    [resolvedHoveredIndex, cells, valueFormatter]
-  );
-  const interactive = hoverable || selectable;
-  const rect = innerRect;
-  const cellW = (rect.width - cellGap * (xLabels.length - 1)) / xLabels.length;
-  const cellH = (rect.height - cellGap * (yLabels.length - 1)) / yLabels.length;
-  const chart = /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkDUWAV47E_js.ChartCanvas,
-    {
-      width,
-      height,
-      padding,
-      title,
-      desc,
-      className: tigercatCore.classNames(className),
-      children: [
-        xLabels.map((lbl, i) => /* @__PURE__ */ jsxRuntime.jsx(
-          "text",
-          {
-            x: i * (cellW + cellGap) + cellW / 2,
-            y: rect.height + 16,
-            className: tigercatCore.chartAxisTickTextClasses,
-            textAnchor: "middle",
-            children: lbl
-          },
-          `x-${i}`
-        )),
-        yLabels.map((lbl, i) => /* @__PURE__ */ jsxRuntime.jsx(
-          "text",
-          {
-            x: -8,
-            y: i * (cellH + cellGap) + cellH / 2,
-            className: tigercatCore.chartAxisTickTextClasses,
-            textAnchor: "end",
-            dominantBaseline: "middle",
-            children: lbl
-          },
-          `y-${i}`
-        )),
-        cells.map((cell, idx) => {
-          const opacity = tigercatCore.getChartElementOpacity(idx, activeIndex, {
-            activeOpacity,
-            inactiveOpacity
-          });
-          return /* @__PURE__ */ jsxRuntime.jsxs(React__default.default.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "rect",
-              {
-                x: cell.x,
-                y: cell.y,
-                width: cell.w,
-                height: cell.h,
-                rx: cellRadius,
-                fill: cell.fill,
-                opacity,
-                className: tigercatCore.classNames(interactive && "cursor-pointer"),
-                style: { transition: "opacity 0.2s ease-out" },
-                onMouseEnter: (e) => handleMouseEnter(idx, e),
-                onMouseMove: handleMouseMove,
-                onMouseLeave: handleMouseLeave,
-                onClick: () => handleClick(idx)
-              }
-            ),
-            showValues && /* @__PURE__ */ jsxRuntime.jsx(
-              "text",
-              {
-                x: cell.x + cell.w / 2,
-                y: cell.y + cell.h / 2,
-                className: "fill-[color:var(--tiger-text,#374151)] text-[10px]",
-                textAnchor: "middle",
-                dominantBaseline: "middle",
-                children: valueFormatter ? valueFormatter(cell.value) : `${cell.value}`
-              }
-            )
-          ] }, `cell-${idx}`);
-        })
-      ]
-    }
-  );
-  const tooltip = showTooltip && hoverable ? /* @__PURE__ */ jsxRuntime.jsx(
-    chunkM375I56K_js.ChartTooltip,
-    {
-      content: tooltipContent,
-      visible: resolvedHoveredIndex !== null && tooltipContent !== "",
-      x: tooltipPosition.x,
-      y: tooltipPosition.y
-    }
-  ) : null;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-block relative", children: [
-    chart,
-    tooltip
-  ] });
-};
-
-exports.HeatmapChart = HeatmapChart;

package/dist/chunk-RARHRSPQ.js

@@ -1,72 +0,0 @@
-'use strict';
-
-var chunkXID6T65A_js = require('./chunk-XID6T65A.js');
-var React = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-var AnchorLink = ({
-  href,
-  title,
-  target,
-  className,
-  children,
-  ...props
-}) => {
-  const anchorContext = chunkXID6T65A_js.useAnchorContext();
-  React.useEffect(() => {
-    anchorContext?.registerLink(href);
-    return () => {
-      anchorContext?.unregisterLink(href);
-    };
-  }, [href, anchorContext]);
-  const handleClick = (event) => {
-    event.preventDefault();
-    anchorContext?.handleLinkClick(href, event);
-  };
-  const linkClasses = React.useMemo(() => {
-    const isActive = anchorContext?.activeLink === href;
-    return tigercatCore.classNames(tigercatCore.getAnchorLinkClasses(isActive, className));
-  }, [anchorContext?.activeLink, href, className]);
-  const hasNestedLinks = React__default.default.Children.toArray(children).some(
-    (child) => React__default.default.isValidElement(child) && child.type === AnchorLink
-  );
-  if (hasNestedLinks) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "anchor-link-wrapper", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "a",
-        {
-          href,
-          target,
-          className: linkClasses,
-          "data-anchor-href": href,
-          onClick: handleClick,
-          ...props,
-          children: title
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pl-3 mt-1 space-y-1", children })
-    ] });
-  }
-  const content = children ?? title;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "a",
-    {
-      href,
-      target,
-      className: linkClasses,
-      "data-anchor-href": href,
-      onClick: handleClick,
-      ...props,
-      children: content
-    }
-  );
-};
-var AnchorLink_default = AnchorLink;
-
-exports.AnchorLink = AnchorLink;
-exports.AnchorLink_default = AnchorLink_default;

package/dist/chunk-SIVJX7VU.mjs

@@ -1,16 +0,0 @@
-import { classNames, getDropdownMenuClasses } from '@expcat/tigercat-core';
-import { jsx } from 'react/jsx-runtime';
-
-// src/components/DropdownMenu.tsx
-var DropdownMenu = ({
-  className,
-  style,
-  children,
-  role,
-  ...divProps
-}) => {
-  const menuClasses = classNames(getDropdownMenuClasses(), className);
-  return /* @__PURE__ */ jsx("div", { className: menuClasses, style, role: role ?? "menu", ...divProps, children });
-};
-
-export { DropdownMenu };

package/dist/chunk-SMC2RV3V.mjs

@@ -1,250 +0,0 @@
-import { MenuItemGroup } from './chunk-OFBK35TK.mjs';
-import { MenuItem } from './chunk-D5KYIQWB.mjs';
-import { useMenuContext } from './chunk-ZIUOENTL.mjs';
-import React, { useState, useEffect, useMemo, useCallback } from 'react';
-import { isKeyOpen, classNames, getSubMenuTitleClasses, submenuContentHorizontalClasses, submenuContentHorizontalNestedClasses, submenuContentPopupClasses, submenuContentInlineClasses, submenuContentVerticalClasses, focusFirstChildItem, moveFocusInMenu, focusMenuEdge, getMenuItemIndent, getSubmenuPopupZIndex, menuItemIconClasses, getSubMenuExpandIconClasses } from '@expcat/tigercat-core';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-var ExpandIcon = ({ expanded }) => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    className: getSubMenuExpandIconClasses(expanded),
-    width: "12",
-    height: "12",
-    viewBox: "0 0 12 12",
-    fill: "currentColor",
-    children: /* @__PURE__ */ jsx("path", { d: "M6 9L1.5 4.5L2.205 3.795L6 7.59L9.795 3.795L10.5 4.5L6 9Z" })
-  }
-);
-var SubMenu = ({
-  itemKey,
-  title = "",
-  icon,
-  disabled = false,
-  className,
-  level = 0,
-  children,
-  collapsed: collapsedOverride
-}) => {
-  const menuContext = useMenuContext();
-  if (!menuContext) {
-    console.warn("SubMenu must be used within Menu component");
-  }
-  const [isHovered, setIsHovered] = useState(false);
-  const [isOpenByKeyboard, setIsOpenByKeyboard] = useState(false);
-  const effectiveCollapsed = collapsedOverride ?? (menuContext ? menuContext.collapsed : false);
-  const isPopup = !!menuContext && (menuContext.mode === "horizontal" || menuContext.mode === "vertical" && effectiveCollapsed);
-  const isOpen = !!menuContext && isKeyOpen(itemKey, menuContext.openKeys);
-  const isExpanded = isPopup ? isHovered || isOpenByKeyboard : isOpen;
-  const isInlineOrVertical = menuContext?.mode !== "horizontal" && !isPopup;
-  const [hasRenderedInline, setHasRenderedInline] = useState(
-    () => isInlineOrVertical ? isExpanded : false
-  );
-  useEffect(() => {
-    if (!isInlineOrVertical || !isExpanded || hasRenderedInline) return;
-    setHasRenderedInline(true);
-  }, [hasRenderedInline, isExpanded, isInlineOrVertical]);
-  const titleClasses = useMemo(() => {
-    if (!menuContext) return "";
-    return classNames(getSubMenuTitleClasses(menuContext.theme, disabled), className);
-  }, [menuContext, disabled, className]);
-  const contentClasses = useMemo(() => {
-    if (!menuContext) return "";
-    if (menuContext.mode === "horizontal") {
-      return level === 0 ? submenuContentHorizontalClasses : submenuContentHorizontalNestedClasses;
-    }
-    if (isPopup) return submenuContentPopupClasses;
-    if (menuContext.mode === "inline") return submenuContentInlineClasses;
-    return submenuContentVerticalClasses;
-  }, [menuContext, isPopup, level]);
-  const handleTitleClick = useCallback(() => {
-    if (!menuContext || disabled) return;
-    if (menuContext.mode === "horizontal") return;
-    if (isPopup) {
-      setIsOpenByKeyboard((prev) => !prev);
-      setIsHovered(true);
-      return;
-    }
-    setHasRenderedInline(true);
-    menuContext.handleOpenChange(itemKey);
-  }, [disabled, menuContext, itemKey, isPopup]);
-  const handleMouseEnter = useCallback(() => {
-    if (menuContext?.mode === "horizontal" || isPopup) setIsHovered(true);
-  }, [menuContext, isPopup]);
-  const handleMouseLeave = useCallback(() => {
-    if (menuContext?.mode === "horizontal" || isPopup) {
-      setIsHovered(false);
-      setIsOpenByKeyboard(false);
-    }
-  }, [menuContext, isPopup]);
-  const openInline = useCallback(
-    (titleEl) => {
-      if (!menuContext) return;
-      setHasRenderedInline(true);
-      menuContext.handleOpenChange(itemKey);
-      setTimeout(() => focusFirstChildItem(titleEl), 0);
-    },
-    [menuContext, itemKey]
-  );
-  const handleTitleKeyDown = useCallback(
-    (event) => {
-      if (!menuContext || disabled) return;
-      const current = event.currentTarget;
-      const rootMenu = current.closest('ul[role="menu"]');
-      const isRoot = rootMenu?.dataset.tigerMenuRoot === "true";
-      const isHorizontalRoot = isRoot && menuContext.mode === "horizontal";
-      const nextKey = isHorizontalRoot ? "ArrowRight" : "ArrowDown";
-      const prevKey = isHorizontalRoot ? "ArrowLeft" : "ArrowUp";
-      if (event.key === nextKey) {
-        event.preventDefault();
-        moveFocusInMenu(current, 1);
-        return;
-      }
-      if (event.key === prevKey) {
-        event.preventDefault();
-        moveFocusInMenu(current, -1);
-        return;
-      }
-      if (event.key === "Home") {
-        event.preventDefault();
-        focusMenuEdge(current, "start");
-        return;
-      }
-      if (event.key === "End") {
-        event.preventDefault();
-        focusMenuEdge(current, "end");
-        return;
-      }
-      if (event.key === "Escape" || event.key === "ArrowLeft") {
-        if (menuContext.mode === "horizontal" || isPopup) {
-          event.preventDefault();
-          setIsOpenByKeyboard(false);
-          setIsHovered(false);
-          return;
-        }
-        if (isOpen) {
-          event.preventDefault();
-          menuContext.handleOpenChange(itemKey);
-        }
-        return;
-      }
-      if (event.key === "Enter" || event.key === " ") {
-        event.preventDefault();
-        if (menuContext.mode === "horizontal" || isPopup) {
-          setIsOpenByKeyboard(true);
-          return;
-        }
-        openInline(current);
-        return;
-      }
-      if (event.key === "ArrowRight" || event.key === "ArrowDown") {
-        if (menuContext.mode === "horizontal" || isPopup) {
-          event.preventDefault();
-          setIsOpenByKeyboard(true);
-          return;
-        }
-        if (!isOpen) {
-          event.preventDefault();
-          openInline(current);
-        }
-      }
-    },
-    [menuContext, disabled, isOpen, isPopup, openInline]
-  );
-  const indentStyle = !menuContext || menuContext.mode === "horizontal" || level === 0 ? {} : getMenuItemIndent(level, menuContext.inlineIndent);
-  if (!menuContext) return null;
-  const renderIcon = () => {
-    if (!icon) return null;
-    if (typeof icon === "string") {
-      return /* @__PURE__ */ jsx("span", { className: menuItemIconClasses, dangerouslySetInnerHTML: { __html: icon } });
-    }
-    return /* @__PURE__ */ jsx("span", { className: menuItemIconClasses, children: icon });
-  };
-  const renderTitle = () => {
-    if (!effectiveCollapsed) {
-      return /* @__PURE__ */ jsxs(Fragment, { children: [
-        renderIcon(),
-        /* @__PURE__ */ jsx("span", { className: "flex-1", children: title }),
-        menuContext.mode !== "horizontal" && !isPopup && /* @__PURE__ */ jsx(ExpandIcon, { expanded: isExpanded })
-      ] });
-    } else if (!icon) {
-      return /* @__PURE__ */ jsx("span", { className: "flex-1 text-center", children: title.charAt(0).toUpperCase() });
-    } else {
-      return renderIcon();
-    }
-  };
-  const renderContent = () => {
-    const nextLevel = level + 1;
-    const enhancedChildren = React.Children.map(children, (child) => {
-      if (!React.isValidElement(child)) return child;
-      if (child.type === MenuItem || child.type === SubMenu || child.type === MenuItemGroup) {
-        return React.cloneElement(
-          child,
-          {
-            level: nextLevel
-          }
-        );
-      }
-      return child;
-    });
-    const popupZIndex = isPopup ? getSubmenuPopupZIndex(level) : {};
-    if (isPopup) {
-      return /* @__PURE__ */ jsx(
-        "ul",
-        {
-          className: contentClasses,
-          style: { display: isExpanded ? "block" : "none", ...popupZIndex },
-          role: "menu",
-          "aria-hidden": isExpanded ? void 0 : "true",
-          children: enhancedChildren
-        }
-      );
-    }
-    if (!hasRenderedInline) return null;
-    const isHidden = !isExpanded;
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: classNames(
-          "grid overflow-hidden transition-[grid-template-rows,opacity] duration-200 ease-in-out",
-          isHidden ? "grid-rows-[0fr] opacity-0" : "grid-rows-[1fr] opacity-100"
-        ),
-        "aria-hidden": isHidden ? "true" : void 0,
-        "data-tiger-menu-hidden": isHidden ? "true" : void 0,
-        children: /* @__PURE__ */ jsx("ul", { className: classNames(contentClasses, "min-h-0"), role: "menu", children: enhancedChildren })
-      }
-    );
-  };
-  return /* @__PURE__ */ jsxs(
-    "li",
-    {
-      className: isPopup ? "relative" : "",
-      onMouseEnter: handleMouseEnter,
-      onMouseLeave: handleMouseLeave,
-      role: "none",
-      children: [
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            className: titleClasses,
-            style: indentStyle,
-            onClick: handleTitleClick,
-            onKeyDown: handleTitleKeyDown,
-            role: "menuitem",
-            "data-tiger-menuitem": "true",
-            "aria-expanded": isExpanded ? "true" : "false",
-            "aria-haspopup": "true",
-            "aria-disabled": disabled ? "true" : void 0,
-            disabled,
-            tabIndex: -1,
-            children: renderTitle()
-          }
-        ),
-        renderContent()
-      ]
-    }
-  );
-};
-
-export { SubMenu };

package/dist/chunk-T5FAKJ6C.mjs

@@ -1,49 +0,0 @@
-import React, { createContext, useMemo } from 'react';
-import { avatarGroupItemClasses, avatarSizeClasses, classNames, avatarGroupOverflowClasses, avatarGroupBaseClasses } from '@expcat/tigercat-core';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-// src/components/AvatarGroup.tsx
-var AvatarGroupContext = createContext(null);
-var AvatarGroup = ({
-  max,
-  size,
-  className,
-  children,
-  ...props
-}) => {
-  const contextValue = useMemo(
-    () => ({ size, itemClass: avatarGroupItemClasses }),
-    [size]
-  );
-  const childArray = React.Children.toArray(children);
-  const total = childArray.length;
-  const visibleCount = max != null && max < total ? max : total;
-  const overflow = total - visibleCount;
-  const visible = childArray.slice(0, visibleCount);
-  const overflowSizeClass = avatarSizeClasses[size ?? "md"];
-  return /* @__PURE__ */ jsx(AvatarGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: classNames(avatarGroupBaseClasses, className),
-      role: "group",
-      "aria-label": "Avatar group",
-      ...props,
-      children: [
-        visible,
-        overflow > 0 && /* @__PURE__ */ jsxs(
-          "span",
-          {
-            className: classNames(avatarGroupOverflowClasses, overflowSizeClass),
-            "aria-label": `${overflow} more`,
-            children: [
-              "+",
-              overflow
-            ]
-          }
-        )
-      ]
-    }
-  ) });
-};
-
-export { AvatarGroup, AvatarGroupContext };