@expcat/tigercat-react 0.3.0 → 0.3.69

package/dist/{chunk-IYFSM2GA.mjs → chunk-RGZYYVQF.mjs}

@@ -1,8 +1,8 @@
-import { StepsItem, Steps } from './chunk-P4EFJIXU.mjs';
-import { Button } from './chunk-STEIWBMF.mjs';
-import { Alert } from './chunk-CR4QK2AB.mjs';
-import { useState, useEffect, useCallback, useMemo } from 'react';
-import { classNames } from '@expcat/tigercat-core';
+import { StepsItem, Steps } from './chunk-AUP3PMDD.mjs';
+import { useTigerConfig } from './chunk-VEGBO77D.mjs';
+import { Button } from './chunk-ENSLMM3L.mjs';
+import { useMemo, useState, useEffect, useCallback } from 'react';
+import { mergeTigerLocale, getFormWizardLabels, classNames, resolveLocaleText } from '@expcat/tigercat-core';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 var FormWizard = ({
@@ -15,9 +15,10 @@ var FormWizard = ({
   simple = false,
   showSteps = true,
   showActions = true,
-  prevText = "Previous",
-  nextText = "Next",
-  finishText = "Finish",
+  prevText,
+  nextText,
+  finishText,
+  locale,
   beforeNext,
   onChange,
   onFinish,
@@ -26,8 +27,13 @@ var FormWizard = ({
   style,
   ...props
 }) => {
+  const config = useTigerConfig();
+  const mergedLocale = useMemo(
+    () => mergeTigerLocale(config.locale, locale),
+    [config.locale, locale]
+  );
+  const labels = useMemo(() => getFormWizardLabels(mergedLocale), [mergedLocale]);
   const [innerCurrent, setInnerCurrent] = useState(defaultCurrent);
-  const [errorMessage, setErrorMessage] = useState(null);
   useEffect(() => {
     if (current !== void 0) setInnerCurrent(current);
   }, [current]);
@@ -36,7 +42,10 @@ var FormWizard = ({
   const currentStep = steps[currentIndex];
   const isFirst = currentIndex <= 0;
   const isLast = currentIndex >= totalCount - 1;
-  const wrapperClasses = classNames("tiger-form-wizard flex flex-col gap-6 w-full", className);
+  const wrapperClasses = classNames(
+    "tiger-form-wizard w-full rounded-lg border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] shadow-sm overflow-hidden",
+    className
+  );
   const setCurrent = useCallback(
     (next) => {
       const max = Math.max(totalCount - 1, 0);
@@ -50,24 +59,13 @@ var FormWizard = ({
   );
   const runBeforeNext = useCallback(async () => {
     if (!beforeNext || !currentStep) {
-      setErrorMessage(null);
       return true;
     }
     const result = await beforeNext(currentIndex, currentStep, steps);
-    if (result === true) {
-      setErrorMessage(null);
-      return true;
-    }
-    if (typeof result === "string") {
-      setErrorMessage(result);
-    } else {
-      setErrorMessage(null);
-    }
-    return false;
+    return result === true;
   }, [beforeNext, currentIndex, currentStep, steps]);
   const handlePrev = useCallback(() => {
     if (currentIndex <= 0 || steps[currentIndex - 1]?.disabled) return;
-    setErrorMessage(null);
     setCurrent(currentIndex - 1);
   }, [currentIndex, setCurrent, steps]);
   const handleNext = useCallback(async () => {
@@ -79,7 +77,6 @@ var FormWizard = ({
       return;
     }
     if (steps[currentIndex + 1]?.disabled) return;
-    setErrorMessage(null);
     setCurrent(currentIndex + 1);
   }, [currentIndex, totalCount, isLast, onFinish, runBeforeNext, setCurrent, steps]);
   const handleStepChange = useCallback(
@@ -89,7 +86,6 @@ var FormWizard = ({
         const ok = await runBeforeNext();
         if (!ok) return;
       }
-      setErrorMessage(null);
       setCurrent(nextIndex);
     },
     [currentIndex, runBeforeNext, setCurrent, steps]
@@ -114,7 +110,7 @@ var FormWizard = ({
     [steps]
   );
   return /* @__PURE__ */ jsxs("div", { className: wrapperClasses, style, "data-tiger-form-wizard": true, ...props, children: [
-    showSteps && steps.length > 0 && /* @__PURE__ */ jsx(
+    showSteps && steps.length > 0 && /* @__PURE__ */ jsx("div", { className: "px-6 py-5 bg-[var(--tiger-surface-muted,#f9fafb)]", children: /* @__PURE__ */ jsx(
       Steps,
       {
         current: currentIndex,
@@ -125,14 +121,11 @@ var FormWizard = ({
         onChange: handleStepChange,
         children: stepsNodes
       }
-    ),
-    errorMessage && /* @__PURE__ */ jsx(Alert, { type: "error", description: errorMessage, className: "tiger-form-wizard-alert" }),
-    /* @__PURE__ */ jsxs("div", { className: "tiger-form-wizard-body rounded-lg border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] p-6", children: [
-      contentNode,
-      showActions && /* @__PURE__ */ jsxs("div", { className: "tiger-form-wizard-actions flex items-center justify-between border-t border-[var(--tiger-border,#e5e7eb)] pt-4 mt-6", children: [
-        /* @__PURE__ */ jsx(Button, { type: "button", variant: "secondary", disabled: isFirst, onClick: handlePrev, children: prevText }),
-        /* @__PURE__ */ jsx(Button, { type: "button", variant: "primary", onClick: handleNext, children: isLast ? finishText : nextText })
-      ] })
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: "px-6 py-4 flex flex-col items-center", children: contentNode }),
+    showActions && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-3 px-6 py-2 border-t border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface-muted,#f9fafb)]", children: [
+      /* @__PURE__ */ jsx(Button, { type: "button", variant: "secondary", disabled: isFirst, onClick: handlePrev, children: resolveLocaleText(labels.prevText, prevText) }),
+      /* @__PURE__ */ jsx(Button, { type: "button", variant: "primary", onClick: handleNext, children: isLast ? resolveLocaleText(labels.finishText, finishText) : resolveLocaleText(labels.nextText, nextText) })
     ] })
   ] });
 };

package/dist/{chunk-3GD3LOII.mjs → chunk-RITTIFCJ.mjs}

@@ -14,8 +14,7 @@ var Sidebar = ({
   const sidebarStyle = {
     ...style,
     width: collapsed ? "0px" : width,
-    minWidth: collapsed ? "0px" : width,
-    overflow: "hidden"
+    minWidth: collapsed ? "0px" : width
   };
   return /* @__PURE__ */ jsx("aside", { className: sidebarClasses, style: sidebarStyle, ...props, children: !collapsed && children });
 };

package/dist/{chunk-Y2JOJ4D6.js → chunk-RKB2VUQO.js}

@@ -103,15 +103,13 @@ var Drawer = ({
     locale?.common?.closeText
   );
   React.useEffect(() => {
-    if (!visible) return;
-    previousActiveElementRef.current = tigercatCore.captureActiveElement();
-    const timer = window.setTimeout(() => {
-      tigercatCore.focusFirst([closeButtonRef.current, dialogRef.current]);
-    }, 0);
-    return () => window.clearTimeout(timer);
-  }, [visible]);
-  React.useEffect(() => {
-    if (visible) return;
+    if (visible) {
+      previousActiveElementRef.current = tigercatCore.captureActiveElement();
+      const timer = window.setTimeout(() => {
+        tigercatCore.focusFirst([closeButtonRef.current, dialogRef.current]);
+      }, 0);
+      return () => window.clearTimeout(timer);
+    }
     tigercatCore.restoreFocus(previousActiveElementRef.current);
   }, [visible]);
   const handleKeyDown = React.useCallback((event) => {
@@ -125,7 +123,7 @@ var Drawer = ({
     }
   }, []);
   const containerClasses = tigercatCore.classNames(
-    tigercatCore.getDrawerContainerClasses(zIndex),
+    tigercatCore.getDrawerContainerClasses(),
     !visible && "pointer-events-none"
   );
   const maskClasses = tigercatCore.getDrawerMaskClasses(visible);

package/dist/{chunk-7SLNHUGJ.js → chunk-RNEL4XIO.js}

@@ -1,11 +1,11 @@
 'use strict';
 
+var chunkHQ3QOT7H_js = require('./chunk-HQ3QOT7H.js');
 var react = require('react');
 var client = require('react-dom/client');
 var tigercatCore = require('@expcat/tigercat-core');
 var jsxRuntime = require('react/jsx-runtime');
 
-// src/components/Notification.tsx
 var NOTIFICATION_CONTAINER_ID_PREFIX = "tiger-notification-container";
 var notificationInstancesByPosition = {
   "top-left": [],
@@ -29,35 +29,12 @@ var updateCallbacks = {
 function getNextInstanceId() {
   return ++instanceIdCounter;
 }
-var Icon = ({ path, className }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "svg",
-    {
-      className,
-      xmlns: "http://www.w3.org/2000/svg",
-      fill: "none",
-      viewBox: tigercatCore.icon24ViewBox,
-      stroke: "currentColor",
-      strokeWidth: tigercatCore.icon24StrokeWidth,
-      "aria-hidden": "true",
-      focusable: "false",
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          strokeLinecap: tigercatCore.icon24PathStrokeLinecap,
-          strokeLinejoin: tigercatCore.icon24PathStrokeLinejoin,
-          d: path
-        }
-      )
-    }
-  );
-};
 var NotificationItem = ({ notification: notification2, onClose }) => {
   const [isVisible, setIsVisible] = react.useState(false);
   react.useEffect(() => {
     setTimeout(() => setIsVisible(true), 10);
   }, []);
-  const colorScheme = tigercatCore.getNotificationTypeClasses(notification2.type, tigercatCore.defaultNotificationThemeColors);
+  const colorScheme = tigercatCore.getNotificationTypeClasses(notification2.type);
   const notificationClasses = tigercatCore.classNames(
     tigercatCore.notificationBaseClasses,
     colorScheme.bg,
@@ -94,7 +71,7 @@ var NotificationItem = ({ notification: notification2, onClose }) => {
       "data-tiger-notification-type": notification2.type,
       "data-tiger-notification-id": String(notification2.id),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Icon, { path: iconPath, className: iconClass }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkHQ3QOT7H_js.StatusIcon, { path: iconPath, className: iconClass, "aria-hidden": "true", focusable: "false" }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.notificationContentClasses, children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.classNames(tigercatCore.notificationTitleClasses, colorScheme.titleText), children: notification2.title }),
           notification2.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.classNames(tigercatCore.notificationDescriptionClasses, colorScheme.descriptionText), children: notification2.description })
@@ -109,7 +86,7 @@ var NotificationItem = ({ notification: notification2, onClose }) => {
             },
             "aria-label": "Close notification",
             type: "button",
-            children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { path: tigercatCore.notificationCloseIconPath, className: tigercatCore.notificationCloseIconClasses })
+            children: /* @__PURE__ */ jsxRuntime.jsx(chunkHQ3QOT7H_js.StatusIcon, { path: tigercatCore.notificationCloseIconPath, className: tigercatCore.notificationCloseIconClasses })
           }
         )
       ]
@@ -134,16 +111,7 @@ var NotificationContainer = ({
     tigercatCore.notificationPositionClasses[position]
   );
   const handleRemove = (id) => {
-    const instances = notificationInstancesByPosition[position];
-    const index = instances.findIndex((notif) => notif.id === id);
-    if (index !== -1) {
-      const instance = instances[index];
-      instances.splice(index, 1);
-      if (instance.onClose) {
-        instance.onClose();
-      }
-      updateCallbacks[position]?.();
-    }
+    removeNotification(id, position);
   };
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -169,8 +137,7 @@ function ensureContainer(position) {
   if (!tigercatCore.isBrowser()) {
     return;
   }
-  const containerId = `${NOTIFICATION_CONTAINER_ID_PREFIX}-${position}`;
-  const rootId = `${containerId}-root`;
+  const rootId = `${NOTIFICATION_CONTAINER_ID_PREFIX}-${position}-root`;
   const existingRootEl = document.getElementById(rootId);
   if (containerRoots[position] && !existingRootEl) {
     containerRoots[position] = null;
@@ -188,6 +155,17 @@ function ensureContainer(position) {
   containerRoots[position] = client.createRoot(rootEl);
   containerRoots[position].render(/* @__PURE__ */ jsxRuntime.jsx(NotificationContainer, { position }));
 }
+function destroyContainer(position) {
+  const rootId = `${NOTIFICATION_CONTAINER_ID_PREFIX}-${position}-root`;
+  if (containerRoots[position]) {
+    containerRoots[position].unmount();
+    containerRoots[position] = null;
+  }
+  updateCallbacks[position] = null;
+  if (tigercatCore.isBrowser()) {
+    document.getElementById(rootId)?.remove();
+  }
+}
 function addNotification(config) {
   const position = config.position || "top-right";
   ensureContainer(position);
@@ -206,9 +184,7 @@ function addNotification(config) {
     position
   };
   notificationInstancesByPosition[position].push(instance);
-  if (updateCallbacks[position]) {
-    updateCallbacks[position]();
-  }
+  updateCallbacks[position]?.();
   if (instance.duration > 0) {
     setTimeout(() => {
       removeNotification(id, position);
@@ -222,78 +198,51 @@ function removeNotification(id, position) {
   if (index !== -1) {
     const instance = instances[index];
     instances.splice(index, 1);
-    if (instance.onClose) {
-      instance.onClose();
-    }
-    if (updateCallbacks[position]) {
-      updateCallbacks[position]();
-    }
+    instance.onClose?.();
+    updateCallbacks[position]?.();
+  }
+  if (notificationInstancesByPosition[position].length === 0) {
+    destroyContainer(position);
   }
 }
 function clearAll(position) {
   if (position) {
     notificationInstancesByPosition[position].forEach((instance) => {
-      if (instance.onClose) {
-        instance.onClose();
-      }
+      instance.onClose?.();
     });
     notificationInstancesByPosition[position] = [];
-    if (updateCallbacks[position]) {
-      updateCallbacks[position]();
-    }
+    destroyContainer(position);
   } else {
     Object.keys(notificationInstancesByPosition).forEach((pos) => {
       const p = pos;
       notificationInstancesByPosition[p].forEach((instance) => {
-        if (instance.onClose) {
-          instance.onClose();
-        }
+        instance.onClose?.();
       });
       notificationInstancesByPosition[p] = [];
-      if (updateCallbacks[p]) {
-        updateCallbacks[p]();
-      }
+      destroyContainer(p);
     });
   }
 }
 function normalizeOptions(options) {
-  if (typeof options === "string") {
-    return { title: options };
-  }
-  return options;
+  return tigercatCore.normalizeStringOption(options, "title");
 }
 var notification = {
-  /**
-   * Show an info notification
-   */
   info(options) {
     const config = normalizeOptions(options);
     return addNotification({ ...config, type: "info" });
   },
-  /**
-   * Show a success notification
-   */
   success(options) {
     const config = normalizeOptions(options);
     return addNotification({ ...config, type: "success" });
   },
-  /**
-   * Show a warning notification
-   */
   warning(options) {
     const config = normalizeOptions(options);
     return addNotification({ ...config, type: "warning" });
   },
-  /**
-   * Show an error notification
-   */
   error(options) {
     const config = normalizeOptions(options);
     return addNotification({ ...config, type: "error" });
   },
-  /**
-   * Clear all notifications
-   */
   clear(position) {
     clearAll(position);
   }

package/dist/{chunk-6ZTCBQJ7.mjs → chunk-RPTLVIBF.mjs}

@@ -1,5 +1,5 @@
-import { useState, useRef, useEffect } from 'react';
-import { injectShakeStyle, getInputClasses, classNames, getInputAffixClasses, getInputErrorClasses, getInputWrapperClasses, SHAKE_CLASS } from '@expcat/tigercat-core';
+import { useRef, useState, useEffect, useCallback } from 'react';
+import { injectShakeStyle, SHAKE_CLASS, getInputClasses, classNames, getInputAffixClasses, getInputErrorClasses, getInputWrapperClasses, parseInputValue } from '@expcat/tigercat-core';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // src/components/Input.tsx
@@ -8,6 +8,7 @@ var Input = ({
   type = "text",
   status = "default",
   errorMessage,
+  _shakeTrigger,
   prefix,
   suffix,
   value,
@@ -31,39 +32,30 @@ var Input = ({
   ...props
 }) => {
   injectShakeStyle();
-  const [isShaking, setIsShaking] = useState(false);
-  const inputRef = useRef(null);
+  const wrapperRef = useRef(null);
   const [internalValue, setInternalValue] = useState(defaultValue ?? "");
   useEffect(() => {
-    if (status === "error") {
-      setIsShaking(true);
+    if (status === "error" && wrapperRef.current) {
+      const el = wrapperRef.current;
+      el.classList.remove(SHAKE_CLASS);
+      void el.offsetWidth;
+      el.classList.add(SHAKE_CLASS);
     }
-  }, [status]);
-  const handleAnimationEnd = () => {
-    setIsShaking(false);
-  };
+  }, [status, _shakeTrigger]);
+  const handleAnimationEnd = useCallback(() => {
+    wrapperRef.current?.classList.remove(SHAKE_CLASS);
+  }, []);
   const isControlled = value !== void 0;
   const inputValue = isControlled ? value : internalValue;
-  useEffect(() => {
-    if (autoFocus && inputRef.current) {
-      inputRef.current.focus();
-    }
-  }, [autoFocus]);
-  const getNextValue = (target) => {
-    if (type === "number") {
-      return Number.isNaN(target.valueAsNumber) ? target.value : target.valueAsNumber;
-    }
-    return target.value;
-  };
   const handleInput = (event) => {
     if (!isControlled) {
-      setInternalValue(getNextValue(event.currentTarget));
+      setInternalValue(parseInputValue(event.currentTarget, type));
     }
     onInput?.(event);
   };
   const handleChange = (event) => {
     if (!isControlled) {
-      setInternalValue(getNextValue(event.currentTarget));
+      setInternalValue(parseInputValue(event.currentTarget, type));
     }
     onChange?.(event);
   };
@@ -79,7 +71,8 @@ var Input = ({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: classNames(getInputWrapperClasses(), className, isShaking && SHAKE_CLASS),
+      ref: wrapperRef,
+      className: classNames(getInputWrapperClasses(), className),
       style,
       onAnimationEnd: handleAnimationEnd,
       children: [
@@ -88,7 +81,6 @@ var Input = ({
           "input",
           {
             ...props,
-            ref: inputRef,
             className: inputClasses,
             type,
             value: inputValue,

package/dist/{chunk-5ZVSFIZD.js → chunk-RYWGELJ7.js}

@@ -21,21 +21,17 @@ var Badge = ({
   const isDot = type === "dot";
   const isHidden = tigercatCore.shouldHideBadge(content, type, showZero);
   const displayContent = tigercatCore.formatBadgeContent(content, max, showZero);
-  const sizeClass = isDot ? tigercatCore.dotSizeClasses[size] : tigercatCore.badgeSizeClasses[size];
   const badgeClasses = tigercatCore.classNames(
     tigercatCore.badgeBaseClasses,
     tigercatCore.getBadgeVariantClasses(variant),
-    sizeClass,
+    isDot ? tigercatCore.dotSizeClasses[size] : tigercatCore.badgeSizeClasses[size],
     tigercatCore.badgeTypeClasses[type],
     !standalone && tigercatCore.badgePositionClasses[position],
     className
   );
   const computedAriaLabel = ariaLabelProp ?? (isDot ? "notification" : type === "number" ? `${displayContent} notifications` : `${displayContent ?? ""}`);
   if (isHidden) {
-    if (standalone) {
-      return null;
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+    return standalone ? null : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
   }
   const badgeElement = /* @__PURE__ */ jsxRuntime.jsx("span", { ...props, className: badgeClasses, role: "status", "aria-label": computedAriaLabel, children: !isDot && displayContent });
   if (standalone) {

package/dist/chunk-S4GNTA7V.mjs

@@ -0,0 +1,176 @@
+import { PieChart } from './chunk-SH6O6LDJ.mjs';
+import { useMemo } from 'react';
+import { getChartInnerRect, normalizeChartPadding, classNames } from '@expcat/tigercat-core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var DONUT_PALETTE = [
+  "#5470c6",
+  "#91cc75",
+  "#fac858",
+  "#ee6666",
+  "#73c0de",
+  "#3ba272",
+  "#fc8452",
+  "#9a60b4",
+  "#ea7ccc"
+];
+var DonutChart = ({
+  width = 320,
+  height = 240,
+  padding = 24,
+  data,
+  innerRadius,
+  innerRadiusRatio = 0.62,
+  outerRadius,
+  startAngle = 0,
+  endAngle = Math.PI * 2,
+  padAngle = 0.04,
+  colors,
+  showLabels = false,
+  labelFormatter,
+  labelPosition = "inside",
+  borderWidth = 0,
+  borderColor = "#ffffff",
+  hoverOffset = 10,
+  shadow = true,
+  // Interaction props
+  hoverable = false,
+  hoveredIndex,
+  activeOpacity = 1,
+  inactiveOpacity = 0.3,
+  selectable = false,
+  selectedIndex,
+  // Legend props
+  showLegend = false,
+  legendPosition = "bottom",
+  legendMarkerSize = 10,
+  legendGap = 8,
+  // Tooltip props
+  showTooltip = true,
+  tooltipFormatter,
+  // Accessibility
+  title,
+  desc,
+  className,
+  // DonutChart-specific
+  centerValue,
+  centerLabel,
+  animated = false,
+  // Callbacks
+  onHoveredIndexChange,
+  onSelectedIndexChange,
+  onSliceClick,
+  onSliceHover
+}) => {
+  const innerRect = useMemo(
+    () => getChartInnerRect(width, height, padding),
+    [width, height, padding]
+  );
+  const pad = useMemo(() => normalizeChartPadding(padding), [padding]);
+  const resolvedOuterRadius = useMemo(() => {
+    if (typeof outerRadius === "number") return Math.max(0, outerRadius);
+    return Math.max(0, Math.min(innerRect.width, innerRect.height) / 2);
+  }, [outerRadius, innerRect.width, innerRect.height]);
+  const resolvedInnerRadius = useMemo(() => {
+    if (typeof innerRadius === "number") {
+      return Math.min(Math.max(0, innerRadius), resolvedOuterRadius);
+    }
+    const ratio = Math.min(Math.max(innerRadiusRatio ?? 0.62, 0), 1);
+    return resolvedOuterRadius * ratio;
+  }, [innerRadius, innerRadiusRatio, resolvedOuterRadius]);
+  const resolvedColors = useMemo(
+    () => colors && colors.length > 0 ? colors : DONUT_PALETTE,
+    [colors]
+  );
+  const donutTooltipFormatter = useMemo(() => {
+    if (tooltipFormatter) return tooltipFormatter;
+    const total = data.reduce((s, d) => s + d.value, 0);
+    return (datum, index) => {
+      const pct = total > 0 ? (datum.value / total * 100).toFixed(1) : "0";
+      const label = datum.label ?? `#${index + 1}`;
+      return `${label}: ${datum.value} (${pct}%)`;
+    };
+  }, [tooltipFormatter, data]);
+  const hasCenterContent = centerValue !== void 0 || centerLabel !== void 0;
+  const centerX = pad.left + innerRect.width / 2;
+  const centerY = pad.top + innerRect.height / 2;
+  return /* @__PURE__ */ jsxs("div", { className: "inline-block relative", "data-donut-chart": "true", children: [
+    /* @__PURE__ */ jsx(
+      PieChart,
+      {
+        width,
+        height,
+        padding,
+        data,
+        innerRadius: resolvedInnerRadius,
+        outerRadius,
+        startAngle,
+        endAngle,
+        padAngle,
+        colors: resolvedColors,
+        showLabels,
+        labelFormatter,
+        labelPosition,
+        borderWidth,
+        borderColor,
+        hoverOffset,
+        shadow,
+        hoverable,
+        hoveredIndex,
+        activeOpacity,
+        inactiveOpacity,
+        selectable,
+        selectedIndex,
+        showLegend,
+        legendPosition,
+        legendMarkerSize,
+        legendGap,
+        showTooltip,
+        tooltipFormatter: donutTooltipFormatter,
+        title,
+        desc,
+        className: classNames(className),
+        onHoveredIndexChange,
+        onSelectedIndexChange,
+        onSliceClick,
+        onSliceHover
+      }
+    ),
+    hasCenterContent && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-donut-center": "true",
+        style: {
+          position: "absolute",
+          left: `${centerX}px`,
+          top: `${centerY}px`,
+          transform: "translate(-50%, -50%)",
+          textAlign: "center",
+          pointerEvents: "none",
+          lineHeight: "1.3"
+        },
+        children: [
+          centerValue !== void 0 && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "text-xl font-semibold text-[color:var(--tiger-text,#1f2937)]",
+              style: { lineHeight: "1.2" },
+              children: `${centerValue}`
+            }
+          ),
+          centerLabel !== void 0 && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "text-xs text-[color:var(--tiger-text-secondary,#6b7280)]",
+              style: { marginTop: "2px" },
+              children: centerLabel
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+var DonutChart_default = DonutChart;
+
+export { DonutChart, DonutChart_default };