@expcat/tigercat-react 2.1.2 → 2.1.4

package/dist/chunk-ZG6WST55.mjs

@@ -0,0 +1,188 @@
+import {
+  useInputGroupContext
+} from "./chunk-2AVQQGL2.mjs";
+import {
+  useFormItemControlContext
+} from "./chunk-F6T3OLTQ.mjs";
+import {
+  useControlledState
+} from "./chunk-UJTAHHQT.mjs";
+
+// src/components/Textarea.tsx
+import { forwardRef, useEffect, useId, useLayoutEffect, useMemo, useRef } from "react";
+import {
+  autoResizeTextarea,
+  clearTextareaAutoResize,
+  classNames,
+  formatInputCountText,
+  getInputClasses,
+  getInputCountClasses,
+  getInputErrorClasses,
+  mergeAriaDescribedBy,
+  resolveReadOnlyFlag,
+  runShakeAnimation,
+  SHAKE_CLASS,
+  TIGER_CHROME_ATTR
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Textarea = forwardRef(
+  ({
+    size,
+    status: statusProp,
+    errorMessage: errorMessageProp,
+    _shakeTrigger: shakeTriggerProp,
+    disabled = false,
+    readonly: readonlyProp,
+    readOnly: readOnlyProp,
+    required = false,
+    placeholder = "",
+    rows = 3,
+    autoResize = false,
+    maxRows,
+    minRows,
+    maxLength,
+    minLength,
+    showCount = false,
+    value,
+    defaultValue,
+    name,
+    id,
+    "aria-invalid": ariaInvalidProp,
+    onInput,
+    onChange,
+    onFocus,
+    onBlur,
+    className,
+    ...props
+  }, ref) => {
+    const inputGroup = useInputGroupContext();
+    const formItemControl = useFormItemControlContext();
+    const inGroup = inputGroup != null;
+    const effectiveSize = size ?? inputGroup?.size ?? "md";
+    const status = statusProp ?? formItemControl?.status ?? "default";
+    const errorMessage = errorMessageProp;
+    const shakeTrigger = shakeTriggerProp ?? formItemControl?.shakeTrigger;
+    const effectiveDisabled = Boolean(disabled) || Boolean(formItemControl?.disabled);
+    const isReadOnly = resolveReadOnlyFlag(readonlyProp, readOnlyProp);
+    const effectiveId = id ?? formItemControl?.id;
+    const effectiveName = name ?? formItemControl?.name;
+    const formBoundValue = formItemControl?.value;
+    const resolvedValue = value !== void 0 ? value : typeof formBoundValue === "string" ? formBoundValue : formBoundValue === void 0 ? void 0 : String(formBoundValue ?? "");
+    const textareaRef = useRef(null);
+    const mountedRef = useRef(false);
+    const reactId = useId();
+    const errorMsgId = `tiger-textarea-error-${reactId}`;
+    const [currentValue, setValue] = useControlledState({
+      value: resolvedValue,
+      defaultValue: defaultValue || ""
+    });
+    const setRefs = (node) => {
+      textareaRef.current = node;
+      if (typeof ref === "function") ref(node);
+      else if (ref) ref.current = node;
+    };
+    const resolvedMinRows = minRows ?? rows;
+    useLayoutEffect(() => {
+      if (!textareaRef.current) return;
+      if (!autoResize) {
+        clearTextareaAutoResize(textareaRef.current);
+        return;
+      }
+      autoResizeTextarea(textareaRef.current, { minRows: resolvedMinRows, maxRows });
+    }, [autoResize, currentValue, resolvedMinRows, maxRows, rows]);
+    useEffect(() => {
+      if (!mountedRef.current) {
+        mountedRef.current = true;
+        return;
+      }
+      if (status === "error") runShakeAnimation(textareaRef.current);
+    }, [status, shakeTrigger]);
+    const activeError = status === "error" && !!errorMessage;
+    const hasExtras = activeError || showCount;
+    const textareaClasses = useMemo(
+      () => classNames(
+        "block",
+        getInputClasses({
+          size: effectiveSize,
+          status,
+          inGroup: inGroup && !hasExtras
+        }),
+        autoResize ? "resize-none" : "resize-y",
+        !hasExtras ? className : void 0
+      ),
+      [effectiveSize, status, autoResize, className, inGroup, hasExtras]
+    );
+    const handleInput = (event) => {
+      const next = event.currentTarget.value;
+      setValue(next);
+      formItemControl?.onChange?.(next);
+      onInput?.(event);
+    };
+    const handleChange = (event) => {
+      onChange?.(event);
+    };
+    const handleBlur = (event) => {
+      formItemControl?.onBlur?.();
+      onBlur?.(event);
+    };
+    const currentLength = currentValue?.length ?? 0;
+    const textarea = /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        ...props,
+        ref: setRefs,
+        className: textareaClasses,
+        value: currentValue,
+        disabled: effectiveDisabled,
+        readOnly: isReadOnly,
+        required: required || Boolean(formItemControl?.required),
+        placeholder,
+        rows,
+        maxLength,
+        minLength,
+        name: effectiveName,
+        id: effectiveId,
+        "aria-invalid": status === "error" ? true : ariaInvalidProp,
+        "aria-describedby": mergeAriaDescribedBy(
+          mergeAriaDescribedBy(
+            typeof props["aria-describedby"] === "string" ? props["aria-describedby"] : void 0,
+            activeError ? errorMsgId : void 0
+          ),
+          formItemControl?.describedBy
+        ),
+        onInput: handleInput,
+        onChange: handleChange,
+        onFocus,
+        onBlur: handleBlur,
+        onAnimationEnd: () => textareaRef.current?.classList.remove(SHAKE_CLASS),
+        ...{ [TIGER_CHROME_ATTR]: "" }
+      }
+    );
+    if (!hasExtras) return textarea;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: classNames(
+          inGroup ? "flex flex-col flex-1 min-w-0" : "flex flex-col w-full",
+          className
+        ),
+        children: [
+          textarea,
+          activeError ? /* @__PURE__ */ jsx("div", { id: errorMsgId, className: getInputErrorClasses(effectiveSize), "aria-live": "polite", children: errorMessage }) : null,
+          showCount ? /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: getInputCountClasses(maxLength !== void 0 && currentLength > maxLength),
+              children: formatInputCountText(currentLength, maxLength)
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+Textarea.displayName = "Textarea";
+
+export {
+  Textarea
+};

package/dist/chunk-ZZJVJUO4.mjs

@@ -0,0 +1,158 @@
+import {
+  Dropdown,
+  DropdownItem,
+  DropdownMenu
+} from "./chunk-H3UEVWOO.mjs";
+import {
+  useTigerConfig
+} from "./chunk-RUIFGSVN.mjs";
+
+// src/components/DataExport.tsx
+import {
+  forwardRef,
+  useCallback,
+  useImperativeHandle,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+import {
+  classNames,
+  DEFAULT_DATA_EXPORT_FORMATS,
+  devWarn,
+  getDataExportFormatLabel,
+  getDataExportLabels,
+  isDataExportFormat,
+  mergeTigerLocale,
+  resolveButtonClasses,
+  yieldDataExportFrame
+} from "@expcat/tigercat-core";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var dataExportModulePromise = null;
+function loadDataExportModule() {
+  dataExportModulePromise ??= import("@expcat/tigercat-core/utils/data-export");
+  return dataExportModulePromise;
+}
+function DataExportInner({
+  columns,
+  dataSource,
+  formats = DEFAULT_DATA_EXPORT_FORMATS,
+  fileName = "export",
+  sheetName,
+  cellFormatter,
+  hiddenColumnKeys,
+  disabled = false,
+  locale,
+  labels,
+  className,
+  id,
+  style,
+  onExport,
+  onError,
+  ...rest
+}, ref) {
+  const config = useTigerConfig();
+  const mergedLocale = useMemo(
+    () => mergeTigerLocale(config.locale, locale),
+    [config.locale, locale]
+  );
+  const resolvedLabels = useMemo(
+    () => getDataExportLabels(mergedLocale, labels),
+    [mergedLocale, labels]
+  );
+  const exportingLockRef = useRef(false);
+  const [exporting, setExporting] = useState(false);
+  const [exportError, setExportError] = useState(null);
+  const formatsEmpty = formats.length === 0;
+  const offeredFormats = formatsEmpty ? DEFAULT_DATA_EXPORT_FORMATS : formats;
+  const triggerDisabled = disabled || exporting || formatsEmpty;
+  const handleExport = useCallback(
+    async (format) => {
+      if (triggerDisabled || exportingLockRef.current) return;
+      if (!isDataExportFormat(format)) {
+        devWarn("DataExport.format", `Unknown export format "${String(format)}"`);
+        return;
+      }
+      exportingLockRef.current = true;
+      setExporting(true);
+      setExportError(null);
+      try {
+        await yieldDataExportFrame();
+        const mod = await loadDataExportModule();
+        mod.runDataExport({
+          columns,
+          dataSource,
+          format,
+          fileName,
+          sheetName,
+          cellFormatter,
+          hiddenColumnKeys
+        });
+        onExport?.(format);
+      } catch (error) {
+        setExportError(resolvedLabels.errorText);
+        onError?.(error);
+      } finally {
+        exportingLockRef.current = false;
+        setExporting(false);
+      }
+    },
+    [
+      triggerDisabled,
+      columns,
+      dataSource,
+      fileName,
+      sheetName,
+      cellFormatter,
+      hiddenColumnKeys,
+      onExport,
+      onError,
+      resolvedLabels.errorText
+    ]
+  );
+  useImperativeHandle(ref, () => ({ export: handleExport }), [handleExport]);
+  if (formatsEmpty) {
+    devWarn("DataExport.formats", "formats is empty; the export trigger stays disabled");
+  }
+  const triggerText = exporting ? resolvedLabels.exportingText : offeredFormats.length === 1 ? getDataExportFormatLabel(offeredFormats[0], resolvedLabels) : resolvedLabels.triggerText;
+  const triggerButton = /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      id,
+      style,
+      className: classNames(
+        resolveButtonClasses({
+          variant: "outline",
+          size: "sm",
+          disabled: triggerDisabled
+        }),
+        className
+      ),
+      disabled: triggerDisabled,
+      "aria-busy": exporting || void 0,
+      onClick: offeredFormats.length === 1 && !formatsEmpty ? () => void handleExport(offeredFormats[0]) : void 0,
+      ...rest,
+      children: triggerText
+    }
+  );
+  const errorStatus = exportError ? /* @__PURE__ */ jsx("span", { role: "status", "aria-live": "polite", children: exportError }) : null;
+  if (offeredFormats.length === 1 || formatsEmpty) {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      triggerButton,
+      errorStatus
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Dropdown, { trigger: "click", disabled: triggerDisabled, asChild: true, showArrow: false, children: [
+      triggerButton,
+      /* @__PURE__ */ jsx(DropdownMenu, { children: offeredFormats.map((format) => /* @__PURE__ */ jsx(DropdownItem, { onClick: () => void handleExport(format), children: getDataExportFormatLabel(format, resolvedLabels) }, format)) })
+    ] }),
+    errorStatus
+  ] });
+}
+var DataExport = forwardRef(DataExportInner);
+
+export {
+  DataExport
+};

package/dist/components/ActivityFeed.d.mts

@@ -4,6 +4,8 @@ import { ActivityFeedProps as ActivityFeedProps$1, ActivityItem, ActivityGroup }
 interface ActivityFeedProps extends Omit<ActivityFeedProps$1, 'renderItem' | 'renderGroupHeader'>, Omit<React__default.HTMLAttributes<HTMLDivElement>, 'children'> {
     renderItem?: (item: ActivityItem, index: number, group?: ActivityGroup) => React__default.ReactNode;
     renderGroupHeader?: (group: ActivityGroup) => React__default.ReactNode;
+    renderLoading?: () => React__default.ReactNode;
+    renderEmpty?: () => React__default.ReactNode;
 }
 declare const ActivityFeed: React__default.FC<ActivityFeedProps>;
 

package/dist/components/ActivityFeed.mjs

@@ -1,18 +1,19 @@
 import {
   ActivityFeed,
   ActivityFeed_default
-} from "../chunk-ZATZRXMW.mjs";
-import "../chunk-QB5472NM.mjs";
-import "../chunk-XZVQ3PJS.mjs";
-import "../chunk-I2BENK5X.mjs";
-import "../chunk-7EXOY7GD.mjs";
-import "../chunk-HLS4CHWX.mjs";
-import "../chunk-IXV5YBCZ.mjs";
-import "../chunk-OO562MFD.mjs";
-import "../chunk-FPQMJFFM.mjs";
-import "../chunk-HKAZXG74.mjs";
-import "../chunk-YSIXURBW.mjs";
-import "../chunk-TGXBCKOU.mjs";
+} from "../chunk-SUHSOVWP.mjs";
+import "../chunk-4DFN6RZ4.mjs";
+import "../chunk-WQMOFDAY.mjs";
+import "../chunk-VW6RNQK4.mjs";
+import "../chunk-FVA5VKN2.mjs";
+import "../chunk-VDBLI5Y3.mjs";
+import "../chunk-WCIUNNIN.mjs";
+import "../chunk-3KBFOO2E.mjs";
+import "../chunk-IELUUOM4.mjs";
+import "../chunk-WFLXJOFU.mjs";
+import "../chunk-G5NPND2T.mjs";
+import "../chunk-OU2AV7DY.mjs";
+import "../chunk-RUIFGSVN.mjs";
 export {
   ActivityFeed,
   ActivityFeed_default as default

package/dist/components/Affix.d.mts

@@ -3,9 +3,8 @@ import { AffixProps as AffixProps$1 } from '@expcat/tigercat-core';
 
 interface AffixProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'>, AffixProps$1 {
     children?: React__default.ReactNode;
-    /** Callback when affixed state changes */
     onChange?: (affixed: boolean) => void;
 }
-declare const Affix: React__default.FC<AffixProps>;
+declare const Affix: React__default.ForwardRefExoticComponent<AffixProps & React__default.RefAttributes<HTMLDivElement>>;
 
 export { Affix, type AffixProps };

package/dist/components/Affix.mjs

@@ -1,6 +1,6 @@
 import {
   Affix
-} from "../chunk-EAAWB3CK.mjs";
+} from "../chunk-5D6BOIZB.mjs";
 export {
   Affix
 };

package/dist/components/Alert.d.mts

@@ -3,7 +3,7 @@ import { AlertProps as AlertProps$1 } from '@expcat/tigercat-core';
 
 interface AlertProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'title'>, AlertProps$1 {
     /**
-     * Alert content (React children)
+     * Alert content (React children). Rendered even when `title` is set.
      */
     children?: React__default.ReactNode;
     /**
@@ -15,11 +15,11 @@ interface AlertProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>,
      */
     descriptionSlot?: React__default.ReactNode;
     /**
-     * Callback when alert is closed.
-     * Receives the click event for manual close; called without an event on auto-close.
+     * Close request. Click and auto-close both pass an event.
+     * Closing never hides internally — unmount or set `open={false}`.
      */
-    onClose?: (event?: React__default.MouseEvent<HTMLButtonElement>) => void;
+    onClose?: (event: Event) => void;
 }
-declare const Alert: React__default.FC<AlertProps>;
+declare const Alert: React__default.ForwardRefExoticComponent<AlertProps & React__default.RefAttributes<HTMLDivElement>>;
 
 export { Alert, type AlertProps };

package/dist/components/Alert.mjs

@@ -1,7 +1,8 @@
 import {
   Alert
-} from "../chunk-OXGAZPPS.mjs";
-import "../chunk-FLYJVZED.mjs";
+} from "../chunk-CKKOBWER.mjs";
+import "../chunk-ED7QR6PJ.mjs";
+import "../chunk-RUIFGSVN.mjs";
 export {
   Alert
 };

package/dist/components/Anchor.d.mts

@@ -1,57 +1,30 @@
 import React__default from 'react';
-import { AnchorProps as AnchorProps$1, AnchorDirection } from '@expcat/tigercat-core';
+import { AnchorProps as AnchorProps$1, TigerLocale, TigerLocaleAnchor, AnchorDirection } from '@expcat/tigercat-core';
 
 interface AnchorContextValue {
     activeLink: string;
     direction: AnchorDirection;
-    registerLink: (href: string) => void;
-    unregisterLink: (href: string) => void;
-    handleLinkClick: (href: string, event: React__default.MouseEvent) => void;
-    scrollTo: (href: string) => void;
+    registerLink: (href: string, node: Element) => void;
+    unregisterLink: (href: string, node: Element) => void;
+    handleLinkClick: (href: string, event: React__default.MouseEvent, targetAttr?: string) => void;
 }
 declare function useAnchorContext(): AnchorContextValue | null;
-interface AnchorLinkProps extends Omit<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> {
-    /**
-     * Target anchor ID (with #)
-     */
+interface AnchorLinkProps extends Omit<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'title'> {
     href: string;
-    /**
-     * Link title/text
-     */
-    title?: string;
-    /**
-     * Link target attribute
-     */
+    title?: React__default.ReactNode;
     target?: string;
-    /**
-     * Children content
-     */
     children?: React__default.ReactNode;
 }
 declare const AnchorLink: React__default.FC<AnchorLinkProps>;
-interface AnchorProps extends Omit<AnchorProps$1, 'style'> {
-    /**
-     * Target element to listen for scroll events
-     * @default () => window
-     */
-    getContainer?: () => HTMLElement | Window;
-    /**
-     * Click event handler
-     */
+interface AnchorProps extends Omit<AnchorProps$1, 'style' | 'onClick'> {
     onClick?: (event: React__default.MouseEvent, href: string) => void;
-    /**
-     * Change event handler when active anchor changes
-     */
     onChange?: (activeLink: string) => void;
-    /**
-     * Children (AnchorLink components)
-     */
     children?: React__default.ReactNode;
-    /**
-     * Custom styles
-     */
     style?: React__default.CSSProperties;
+    locale?: Partial<TigerLocale>;
+    labels?: Partial<TigerLocaleAnchor>;
+    'aria-label'?: string;
 }
-declare const Anchor: React__default.FC<AnchorProps>;
+declare const Anchor: React__default.ForwardRefExoticComponent<AnchorProps & React__default.RefAttributes<HTMLElement>>;
 
 export { Anchor, type AnchorContextValue, AnchorLink, type AnchorLinkProps, type AnchorProps, Anchor as default, useAnchorContext };

package/dist/components/Anchor.mjs

@@ -3,7 +3,9 @@ import {
   AnchorLink,
   Anchor_default,
   useAnchorContext
-} from "../chunk-3QNIFKVF.mjs";
+} from "../chunk-XI6KQAHW.mjs";
+import "../chunk-5D6BOIZB.mjs";
+import "../chunk-RUIFGSVN.mjs";
 export {
   Anchor,
   AnchorLink,

package/dist/components/AreaChart.mjs

@@ -1,15 +1,17 @@
 import {
   AreaChart,
   AreaChart_default
-} from "../chunk-R7YZ6FKP.mjs";
-import "../chunk-5JETWHLJ.mjs";
-import "../chunk-JZZPLKTW.mjs";
-import "../chunk-SDLMB34Y.mjs";
-import "../chunk-YORCCCQX.mjs";
-import "../chunk-RQSQXQN6.mjs";
-import "../chunk-CUAXRBKO.mjs";
-import "../chunk-677VSTPW.mjs";
-import "../chunk-F2ITBDUS.mjs";
+} from "../chunk-VGWFHVJ7.mjs";
+import "../chunk-7H7EKANG.mjs";
+import "../chunk-7P4R3NVO.mjs";
+import "../chunk-ST4NN6XV.mjs";
+import "../chunk-JX2WKSVM.mjs";
+import "../chunk-XZFHPHV5.mjs";
+import "../chunk-OP77MPGN.mjs";
+import "../chunk-2PC625DX.mjs";
+import "../chunk-A4JRK5SM.mjs";
+import "../chunk-OU2AV7DY.mjs";
+import "../chunk-RUIFGSVN.mjs";
 export {
   AreaChart,
   AreaChart_default as default

package/dist/components/AspectRatio.mjs

@@ -1,7 +1,7 @@
 import {
   AspectRatio,
   AspectRatio_default
-} from "../chunk-NT7GW2FD.mjs";
+} from "../chunk-635ACZQW.mjs";
 export {
   AspectRatio,
   AspectRatio_default as default

package/dist/components/AutoComplete.d.mts

@@ -1,16 +1,17 @@
 import React__default from 'react';
-import { AutoCompleteProps as AutoCompleteProps$1, AutoCompleteOption } from '@expcat/tigercat-core';
+import { AutoCompleteProps as AutoCompleteProps$1, AutoCompleteValue, AutoCompleteOption } from '@expcat/tigercat-core';
+export { AutoCompleteOption } from '@expcat/tigercat-core';
 
-interface AutoCompleteProps extends AutoCompleteProps$1, Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onSelect' | 'onChange'> {
-    /** Controlled value */
-    value?: string | number;
-    /** Called when value changes (input or selection) */
-    onChange?: (value: string | number) => void;
-    /** Called when an option is selected */
-    onSelect?: (value: string | number, option: AutoCompleteOption) => void;
-    /** Called when search text changes */
+interface AutoCompleteProps extends Omit<AutoCompleteProps$1, 'value' | 'defaultValue'>, Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'size' | 'value' | 'defaultValue' | 'onChange' | 'onSelect' | 'onFocus' | 'onBlur'> {
+    value?: AutoCompleteValue;
+    defaultValue?: AutoCompleteValue;
+    onChange?: (value: AutoCompleteValue | undefined) => void;
+    onSelect?: (value: AutoCompleteValue, option: AutoCompleteOption) => void;
     onSearchChange?: (value: string) => void;
+    onOpenChange?: (open: boolean) => void;
+    onFocus?: React__default.FocusEventHandler<HTMLInputElement>;
+    onBlur?: React__default.FocusEventHandler<HTMLInputElement>;
 }
-declare const AutoComplete: React__default.FC<AutoCompleteProps>;
+declare const AutoComplete: React__default.ForwardRefExoticComponent<AutoCompleteProps & React__default.RefAttributes<HTMLInputElement>>;
 
 export { AutoComplete, type AutoCompleteProps };

package/dist/components/AutoComplete.mjs

@@ -1,9 +1,11 @@
 import {
   AutoComplete
-} from "../chunk-HAXRHSCN.mjs";
-import "../chunk-HKAZXG74.mjs";
-import "../chunk-YSIXURBW.mjs";
-import "../chunk-TGXBCKOU.mjs";
+} from "../chunk-PQPO7XSV.mjs";
+import "../chunk-2AVQQGL2.mjs";
+import "../chunk-F6T3OLTQ.mjs";
+import "../chunk-UJTAHHQT.mjs";
+import "../chunk-OU2AV7DY.mjs";
+import "../chunk-RUIFGSVN.mjs";
 export {
   AutoComplete
 };

package/dist/components/Avatar.d.mts

@@ -1,12 +1,11 @@
 import React__default from 'react';
-import { AvatarProps as AvatarProps$1 } from '@expcat/tigercat-core';
+import { AvatarProps as AvatarProps$1, AvatarImageProps } from '@expcat/tigercat-core';
 
-interface AvatarProps extends Omit<AvatarProps$1, 'icon'>, React__default.HTMLAttributes<HTMLSpanElement> {
-    /**
-     * Icon content (children for icon mode)
-     */
+interface AvatarProps extends Omit<AvatarProps$1, 'icon'>, AvatarImageProps, Omit<React__default.HTMLAttributes<HTMLSpanElement>, 'onLoad' | 'onError' | 'crossOrigin'> {
     children?: React__default.ReactNode;
+    onLoad?: React__default.ReactEventHandler<HTMLImageElement>;
+    onError?: React__default.ReactEventHandler<HTMLImageElement>;
 }
-declare const Avatar: React__default.FC<AvatarProps>;
+declare const Avatar: React__default.ForwardRefExoticComponent<AvatarProps & React__default.RefAttributes<HTMLSpanElement>>;
 
 export { Avatar, type AvatarProps };

package/dist/components/Avatar.mjs

@@ -1,9 +1,8 @@
 import {
   Avatar
-} from "../chunk-OO562MFD.mjs";
-import "../chunk-FPQMJFFM.mjs";
-import "../chunk-YSIXURBW.mjs";
-import "../chunk-TGXBCKOU.mjs";
+} from "../chunk-3KBFOO2E.mjs";
+import "../chunk-IELUUOM4.mjs";
+import "../chunk-RUIFGSVN.mjs";
 export {
   Avatar
 };

package/dist/components/AvatarGroup.d.mts

@@ -1,16 +1,15 @@
 import React__default from 'react';
-import { AvatarGroupProps as AvatarGroupProps$1, TigerLocale, TigerLocaleAvatarGroup, AvatarSize } from '@expcat/tigercat-core';
+import { AvatarGroupProps as AvatarGroupProps$1, TigerLocale, TigerLocaleAvatarGroup, AvatarSize, AvatarShape } from '@expcat/tigercat-core';
 
 interface AvatarGroupContextValue {
     size?: AvatarSize;
+    shape?: AvatarShape;
     itemClass: string;
 }
 declare const AvatarGroupContext: React__default.Context<AvatarGroupContextValue | null>;
 interface AvatarGroupProps extends AvatarGroupProps$1, React__default.HTMLAttributes<HTMLDivElement> {
     children?: React__default.ReactNode;
-    /** Locale overrides merged on top of ConfigProvider locale */
     locale?: Partial<TigerLocale>;
-    /** Text/aria label overrides */
     labels?: Partial<TigerLocaleAvatarGroup>;
 }
 declare const AvatarGroup: React__default.FC<AvatarGroupProps>;