@expcat/tigercat-react 0.3.0 → 0.3.69

package/dist/{chunk-VSF4DF7N.js → chunk-SAZ6V6DX.js}

@@ -28,13 +28,16 @@ var RadioGroup = ({
     `tiger-radio-group-${Date.now()}-${Math.random().toString(36).slice(2, 11)}`
   );
   const groupName = name || generatedNameRef.current;
-  const handleChange = (newValue) => {
-    if (disabled) return;
-    if (!isControlled) {
-      setInternalValue(newValue);
-    }
-    onChange?.(newValue);
-  };
+  const handleChange = React.useCallback(
+    (newValue) => {
+      if (disabled) return;
+      if (!isControlled) {
+        setInternalValue(newValue);
+      }
+      onChange?.(newValue);
+    },
+    [disabled, isControlled, onChange]
+  );
   const handleKeyDown = (event) => {
     if (disabled) return;
     if (event.key !== "ArrowDown" && event.key !== "ArrowRight" && event.key !== "ArrowUp" && event.key !== "ArrowLeft") {
@@ -58,20 +61,20 @@ var RadioGroup = ({
     nextInput.focus();
     nextInput.click();
   };
-  const contextValue = {
-    value: currentValue,
-    name: groupName,
-    disabled,
-    size,
-    onChange: handleChange
-  };
+  const contextValue = React.useMemo(
+    () => ({
+      value: currentValue,
+      name: groupName,
+      disabled,
+      size,
+      onChange: handleChange
+    }),
+    [currentValue, groupName, disabled, size, handleChange]
+  );
   return /* @__PURE__ */ jsxRuntime.jsx(RadioGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: tigercatCore.getRadioGroupClasses({
-        className,
-        hasCustomClass: !!className
-      }),
+      className: tigercatCore.getRadioGroupClasses({ className }),
       role: "radiogroup",
       onKeyDown: handleKeyDown,
       ...props,

package/dist/{chunk-Q3DPJHNM.js → chunk-SFALTVPS.js}

@@ -5,6 +5,7 @@ var react = require('react');
 var tigercatCore = require('@expcat/tigercat-core');
 var jsxRuntime = require('react/jsx-runtime');
 
+var spinnerSvg = tigercatCore.getSpinnerSVG("spinner");
 var Upload = ({
   accept,
   multiple = false,
@@ -32,7 +33,6 @@ var Upload = ({
   style,
   ...divProps
 }) => {
-  const spinnerSvg = tigercatCore.getSpinnerSVG("spinner");
   const config = chunkQL6UEG3U_js.useTigerConfig();
   const mergedLocale = react.useMemo(
     () => tigercatCore.mergeTigerLocale(config.locale, locale),
@@ -126,9 +126,7 @@ var Upload = ({
     onChange?.(file, newFileList);
   };
   const handlePreview = (file) => {
-    if (onPreview) {
-      onPreview(file);
-    }
+    onPreview?.(file);
   };
   const handleDragOver = (event) => {
     if (disabled) return;
@@ -206,7 +204,7 @@ var Upload = ({
       "button",
       {
         type: "button",
-        className: tigercatCore.getUploadButtonClasses(drag, disabled),
+        className: tigercatCore.getUploadButtonClasses(disabled),
         onClick: handleClick,
         disabled,
         "aria-label": labels.buttonAriaLabel,

package/dist/{chunk-LZNG2HGC.mjs → chunk-SH6O6LDJ.mjs}

@@ -2,8 +2,8 @@ import { useChartInteraction } from './chunk-3CDAG4HD.mjs';
 import { ChartCanvas } from './chunk-IS467WAO.mjs';
 import { ChartLegend } from './chunk-Z6F67MJE.mjs';
 import { ChartTooltip } from './chunk-LVC43YX2.mjs';
-import { useMemo, useCallback } from 'react';
-import { getChartInnerRect, getPieArcs, DEFAULT_CHART_COLORS, classNames, createPieArcPath, getChartElementOpacity, polarToCartesian, chartAxisTickTextClasses } from '@expcat/tigercat-core';
+import { useMemo } from 'react';
+import { getChartInnerRect, getPieArcs, resolveChartPalette, buildChartLegendItems, resolveChartTooltipContent, classNames, createPieArcPath, getChartElementOpacity, computePieHoverOffset, PIE_EMPHASIS_SHADOW, PIE_BASE_SHADOW, computePieLabelLine, polarToCartesian, chartAxisTickTextClasses } from '@expcat/tigercat-core';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var PieChart = ({
@@ -19,6 +19,11 @@ var PieChart = ({
   colors,
   showLabels = false,
   labelFormatter,
+  labelPosition = "inside",
+  borderWidth = 2,
+  borderColor = "#ffffff",
+  hoverOffset = 8,
+  shadow = false,
   hoverable = false,
   hoveredIndex: hoveredIndexProp,
   activeOpacity = 1,
@@ -77,8 +82,9 @@ var PieChart = ({
   );
   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 maxR = Math.min(innerRect.width, innerRect.height) / 2;
+    return labelPosition === "outside" ? maxR * 0.72 : maxR;
+  }, [outerRadius, innerRect.width, innerRect.height, labelPosition]);
   const resolvedInnerRadius = useMemo(
     () => Math.min(Math.max(0, innerRadius ?? 0), resolvedOuterRadius),
     [innerRadius, resolvedOuterRadius]
@@ -91,38 +97,31 @@ var PieChart = ({
     }),
     [data, startAngle, endAngle, padAngle]
   );
-  const palette = useMemo(
-    () => colors && colors.length > 0 ? colors : [...DEFAULT_CHART_COLORS],
-    [colors]
-  );
+  const palette = useMemo(() => resolveChartPalette(colors), [colors]);
   const cx = innerRect.width / 2;
   const cy = innerRect.height / 2;
   const labelRadius = resolvedInnerRadius + (resolvedOuterRadius - resolvedInnerRadius) / 2;
   const total = useMemo(() => data.reduce((sum, d) => sum + d.value, 0), [data]);
   const formatLabel = labelFormatter ?? ((value, datum) => datum.label ?? `${value}`);
   const legendItems = useMemo(
-    () => arcs.map((arc) => ({
-      index: arc.index,
-      label: legendFormatter ? legendFormatter(arc.data, arc.index) : arc.data.label ?? `${arc.index + 1}`,
-      color: arc.data.color ?? palette[arc.index % palette.length],
-      active: activeIndex === null || activeIndex === arc.index
-    })),
+    () => buildChartLegendItems({
+      data: arcs.map((a) => a.data),
+      palette,
+      activeIndex,
+      getLabel: (d, i) => legendFormatter ? legendFormatter(d, i) : d.label ?? `${i + 1}`,
+      getColor: (d, i) => d.color ?? palette[i % palette.length]
+    }),
     [arcs, legendFormatter, palette, activeIndex]
   );
-  const formatTooltip = useCallback(
-    (datum, index) => {
-      if (tooltipFormatter) return tooltipFormatter(datum, index);
+  const tooltipContent = useMemo(
+    () => resolveChartTooltipContent(resolvedHoveredIndex, data, tooltipFormatter, (datum, index) => {
       const label = datum.label ?? `Slice ${index + 1}`;
       const percentage = total > 0 ? (datum.value / total * 100).toFixed(1) : "0";
       return `${label}: ${datum.value} (${percentage}%)`;
-    },
-    [tooltipFormatter, total]
+    }),
+    [resolvedHoveredIndex, data, tooltipFormatter, total]
   );
-  const tooltipContent = useMemo(() => {
-    if (resolvedHoveredIndex === null) return "";
-    const datum = data[resolvedHoveredIndex];
-    return datum ? formatTooltip(datum, resolvedHoveredIndex) : "";
-  }, [resolvedHoveredIndex, data, formatTooltip]);
+  const interactive = hoverable || selectable;
   const chart = /* @__PURE__ */ jsxs(
     ChartCanvas,
     {
@@ -143,20 +142,28 @@ var PieChart = ({
             startAngle: arc.startAngle,
             endAngle: arc.endAngle
           });
+          const isEmphasized = activeIndex === arc.index;
           const opacity = getChartElementOpacity(arc.index, activeIndex, {
             activeOpacity,
             inactiveOpacity
           });
+          const { dx, dy } = interactive && isEmphasized && hoverOffset > 0 ? computePieHoverOffset(arc.startAngle, arc.endAngle, hoverOffset) : { dx: 0, dy: 0 };
           return /* @__PURE__ */ jsx(
             "path",
             {
               d: path,
               fill: color,
               opacity,
-              className: classNames(
-                "transition-opacity duration-150",
-                (hoverable || selectable) && "cursor-pointer"
-              ),
+              stroke: borderColor,
+              strokeWidth: borderWidth,
+              strokeLinejoin: "round",
+              className: classNames(interactive && "cursor-pointer"),
+              style: {
+                transform: isEmphasized ? `translate(${dx}px, ${dy}px) scale(1.04)` : `translate(${dx}px, ${dy}px)`,
+                transformOrigin: `${cx}px ${cy}px`,
+                transition: "transform 0.3s cubic-bezier(0.4,0,0.2,1), opacity 0.2s ease-out, filter 0.3s ease-out",
+                filter: shadow ? isEmphasized ? PIE_EMPHASIS_SHADOW : PIE_BASE_SHADOW : void 0
+              },
               tabIndex: selectable ? 0 : void 0,
               "data-pie-slice": "true",
               "data-index": arc.index,
@@ -169,7 +176,42 @@ var PieChart = ({
             `slice-${arc.index}`
           );
         }) }),
-        showLabels && arcs.map((arc) => {
+        showLabels && labelPosition === "outside" && arcs.map((arc) => {
+          const color = arc.data.color ?? palette[arc.index % palette.length];
+          const line = computePieLabelLine(
+            cx,
+            cy,
+            resolvedOuterRadius,
+            arc.startAngle,
+            arc.endAngle
+          );
+          const pct = total > 0 ? (arc.value / total * 100).toFixed(1) : "0";
+          const labelText = labelFormatter ? labelFormatter(arc.value, arc.data, arc.index) : `${arc.data.label ?? arc.value} ${pct}%`;
+          return /* @__PURE__ */ jsxs("g", { children: [
+            /* @__PURE__ */ jsx(
+              "polyline",
+              {
+                points: `${line.anchor.x},${line.anchor.y} ${line.elbow.x},${line.elbow.y} ${line.label.x},${line.label.y}`,
+                fill: "none",
+                stroke: color,
+                strokeWidth: 1,
+                opacity: 0.5
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "text",
+              {
+                x: line.label.x,
+                y: line.label.y,
+                textAnchor: line.textAnchor,
+                dominantBaseline: "middle",
+                className: "fill-[color:var(--tiger-text-secondary,#6b7280)] text-xs",
+                children: labelText
+              }
+            )
+          ] }, `label-group-${arc.index}`);
+        }),
+        showLabels && labelPosition !== "outside" && arcs.map((arc) => {
           const angle = (arc.startAngle + arc.endAngle) / 2;
           const { x, y } = polarToCartesian(cx, cy, labelRadius, angle);
           const label = formatLabel(arc.value, arc.data, arc.index);
@@ -213,7 +255,7 @@ var PieChart = ({
         position: legendPosition,
         markerSize: legendMarkerSize,
         gap: legendGap,
-        interactive: hoverable || selectable,
+        interactive,
         onItemClick: handleLegendClick,
         onItemHover: handleLegendHover,
         onItemLeave: handleLegendLeave

package/dist/{chunk-6E5UKM6O.js → chunk-SM7RDJFB.js}

@@ -54,6 +54,9 @@ var AreaChart = ({
   legendMarkerSize = 10,
   legendGap = 8,
   showTooltip = true,
+  gradient = false,
+  animated = false,
+  pointHollow = false,
   tooltipFormatter,
   legendFormatter,
   title,
@@ -68,15 +71,15 @@ var AreaChart = ({
 }) => {
   const [hoveredPointInfo, setHoveredPointInfo] = react.useState(null);
   const [tooltipPosition, setTooltipPosition] = react.useState({ x: 0, y: 0 });
+  const gradientPrefix = react.useMemo(() => tigercatCore.getAreaGradientPrefix(), []);
   const innerRect = react.useMemo(
     () => tigercatCore.getChartInnerRect(width, height, padding),
     [width, height, padding]
   );
-  const resolvedSeries = react.useMemo(() => {
-    if (series && series.length > 0) return series;
-    if (data && data.length > 0) return [{ data }];
-    return [];
-  }, [series, data]);
+  const resolvedSeries = react.useMemo(
+    () => tigercatCore.resolveSeriesData(series, data),
+    [series, data]
+  );
   const {
     activeIndex,
     handleMouseEnter: handleSeriesHoverEnter,
@@ -123,7 +126,7 @@ var AreaChart = ({
       return tigercatCore.createLinearScale(extent, [0, innerRect.width]);
     } else {
       const categories = [...new Set(xValues.map(String))];
-      return tigercatCore.createPointScale(categories, [0, innerRect.width], { padding: 0.1 });
+      return tigercatCore.createPointScale(categories, [0, innerRect.width], { padding: 0 });
     }
   }, [xScaleProp, isXNumeric, xValues, innerRect.width]);
   const resolvedYScale = react.useMemo(() => {
@@ -132,12 +135,9 @@ var AreaChart = ({
     return tigercatCore.createLinearScale(extent, [innerRect.height, 0]);
   }, [yScaleProp, yValues, includeZero, innerRect.height]);
   const baseline = react.useMemo(() => resolvedYScale.map(0), [resolvedYScale]);
-  const resolvedShowXAxis = showAxis && showXAxis;
-  const resolvedShowYAxis = showAxis && showYAxis;
-  const palette = react.useMemo(
-    () => colors && colors.length > 0 ? colors : [...tigercatCore.DEFAULT_CHART_COLORS],
-    [colors]
-  );
+  const shouldShowXAxis = showAxis && showXAxis;
+  const shouldShowYAxis = showAxis && showYAxis;
+  const palette = react.useMemo(() => tigercatCore.resolveChartPalette(colors), [colors]);
   const seriesData = react.useMemo(() => {
     const stackedData = stacked ? tigercatCore.stackSeriesData(resolvedSeries.map((s) => s.data)) : null;
     return resolvedSeries.map((s, seriesIndex) => {
@@ -192,7 +192,8 @@ var AreaChart = ({
         strokeDasharray: s.strokeDasharray,
         showPoints: s.showPoints ?? showPoints,
         pointSize: s.pointSize ?? pointSize,
-        pointColor: s.pointColor ?? color
+        pointColor: s.pointColor ?? color,
+        pointHollow: s.pointHollow ?? pointHollow
       };
     });
   }, [
@@ -209,33 +210,28 @@ var AreaChart = ({
     fillOpacity,
     strokeWidth,
     showPoints,
-    pointSize
+    pointSize,
+    pointHollow
   ]);
   const legendItems = react.useMemo(
-    () => resolvedSeries.map((s, index) => ({
-      index,
-      label: legendFormatter ? legendFormatter(s, index) : s.name ?? `Series ${index + 1}`,
-      color: s.color ?? palette[index % palette.length],
-      active: activeIndex === null || activeIndex === index
-    })),
+    () => tigercatCore.buildChartLegendItems({
+      data: resolvedSeries,
+      palette,
+      activeIndex,
+      getLabel: (s, i) => legendFormatter ? legendFormatter(s, i) : s.name ?? `Series ${i + 1}`,
+      getColor: (s, i) => s.color ?? palette[i % palette.length]
+    }),
     [resolvedSeries, legendFormatter, palette, activeIndex]
   );
-  const formatTooltip = react.useCallback(
-    (datum, seriesIndex, _pointIndex, s) => {
-      if (tooltipFormatter) return tooltipFormatter(datum, seriesIndex, _pointIndex, s);
-      const seriesName = s?.name ?? `Series ${seriesIndex + 1}`;
-      const label = datum.label ?? String(datum.x);
-      return `${seriesName} \xB7 ${label}: ${datum.y}`;
-    },
-    [tooltipFormatter]
+  const tooltipContent = react.useMemo(
+    () => tigercatCore.resolveMultiSeriesTooltipContent(
+      hoveredPointInfo,
+      resolvedSeries,
+      tooltipFormatter,
+      tigercatCore.defaultSeriesXYTooltipFormatter
+    ),
+    [hoveredPointInfo, resolvedSeries, tooltipFormatter]
   );
-  const tooltipContent = react.useMemo(() => {
-    if (!hoveredPointInfo) return "";
-    const { seriesIndex, pointIndex } = hoveredPointInfo;
-    const s = resolvedSeries[seriesIndex];
-    const datum = s?.data[pointIndex];
-    return datum ? formatTooltip(datum, seriesIndex, pointIndex, s) : "";
-  }, [hoveredPointInfo, resolvedSeries, formatTooltip]);
   const handlePointMouseEnter = react.useCallback(
     (seriesIndex, pointIndex, event) => {
       setHoveredPointInfo({ seriesIndex, pointIndex });
@@ -278,6 +274,32 @@ var AreaChart = ({
       desc,
       className: tigercatCore.classNames(className),
       children: [
+        (gradient || animated) && /* @__PURE__ */ jsxRuntime.jsxs("defs", { children: [
+          animated && /* @__PURE__ */ jsxRuntime.jsx("style", { children: `
+              .tiger-area-animated {
+                animation: tiger-area-draw 1.2s cubic-bezier(.4,0,.2,1) forwards;
+              }
+              @keyframes tiger-area-draw {
+                from { stroke-dashoffset: 1; }
+                to { stroke-dashoffset: 0; }
+              }
+            ` }),
+          gradient && reversedSeriesData.map((sd) => /* @__PURE__ */ jsxRuntime.jsxs(
+            "linearGradient",
+            {
+              id: `${gradientPrefix}-${sd.seriesIndex}`,
+              x1: "0",
+              y1: "0",
+              x2: "0",
+              y2: "1",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0%", stopColor: sd.fillColor, stopOpacity: sd.fillOpacity }),
+                /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "100%", stopColor: sd.fillColor, stopOpacity: 0.02 })
+              ]
+            },
+            `area-grad-${sd.seriesIndex}`
+          ))
+        ] }),
         showGrid && /* @__PURE__ */ jsxRuntime.jsx(
           chunk3QFHVAZT_js.ChartGrid,
           {
@@ -292,7 +314,7 @@ var AreaChart = ({
             strokeWidth: gridStrokeWidth
           }
         ),
-        resolvedShowXAxis && /* @__PURE__ */ jsxRuntime.jsx(
+        shouldShowXAxis && /* @__PURE__ */ jsxRuntime.jsx(
           chunkE5GD3H7L_js.ChartAxis,
           {
             scale: resolvedXScale,
@@ -304,7 +326,7 @@ var AreaChart = ({
             label: xAxisLabel
           }
         ),
-        resolvedShowYAxis && /* @__PURE__ */ jsxRuntime.jsx(
+        shouldShowYAxis && /* @__PURE__ */ jsxRuntime.jsx(
           chunkE5GD3H7L_js.ChartAxis,
           {
             scale: resolvedYScale,
@@ -322,7 +344,11 @@ var AreaChart = ({
             name: sd.series.name,
             type: "area",
             opacity: sd.opacity,
-            className: tigercatCore.classNames(sd.series.className, (hoverable || selectable) && "cursor-pointer"),
+            className: tigercatCore.classNames(
+              sd.series.className,
+              (hoverable || selectable) && "cursor-pointer",
+              "outline-none"
+            ),
             onMouseEnter: (e) => handleSeriesHoverEnter(sd.seriesIndex, e),
             onMouseLeave: handleSeriesHoverLeave,
             onClick: () => handleSeriesSelect(sd.seriesIndex),
@@ -333,10 +359,10 @@ var AreaChart = ({
                 "path",
                 {
                   d: sd.areaPath,
-                  fill: sd.fillColor,
-                  fillOpacity: sd.fillOpacity,
+                  fill: gradient ? `url(#${gradientPrefix}-${sd.seriesIndex})` : sd.fillColor,
+                  fillOpacity: gradient ? 1 : sd.fillOpacity,
                   stroke: "none",
-                  className: "transition-opacity duration-150",
+                  className: "transition-opacity duration-300",
                   "data-area-series": sd.seriesIndex
                 }
               ),
@@ -347,35 +373,49 @@ var AreaChart = ({
                   fill: "none",
                   stroke: sd.color,
                   strokeWidth: sd.strokeWidth,
-                  strokeDasharray: sd.strokeDasharray,
+                  strokeDasharray: animated ? sd.strokeDasharray ?? "1" : sd.strokeDasharray,
+                  strokeDashoffset: animated ? "1" : void 0,
                   strokeLinecap: "round",
                   strokeLinejoin: "round",
-                  className: "transition-opacity duration-150"
+                  pathLength: animated ? 1 : void 0,
+                  className: tigercatCore.classNames(
+                    "transition-opacity duration-200",
+                    animated && "tiger-area-animated"
+                  )
                 }
-              ),
-              sd.showPoints && sd.points.map((point) => /* @__PURE__ */ jsxRuntime.jsx(
-                "circle",
-                {
-                  cx: point.x,
-                  cy: point.y,
-                  r: sd.pointSize,
-                  fill: sd.pointColor,
-                  className: "transition-all duration-150",
-                  "data-point-index": point.pointIndex,
-                  onMouseEnter: (e) => handlePointMouseEnter(sd.seriesIndex, point.pointIndex, e),
-                  onMouseMove: handlePointMouseMove,
-                  onMouseLeave: handlePointMouseLeave,
-                  onClick: (e) => {
-                    e.stopPropagation();
-                    handlePointClick(sd.seriesIndex, point.pointIndex);
-                  }
-                },
-                `point-${sd.seriesIndex}-${point.pointIndex}`
-              ))
+              )
             ]
           },
           `series-${sd.seriesIndex}`
-        ))
+        )),
+        seriesData.map(
+          (sd) => sd.showPoints && /* @__PURE__ */ jsxRuntime.jsx("g", { opacity: sd.opacity, children: sd.points.map((point) => {
+            const isHovered = hoveredPointInfo?.seriesIndex === sd.seriesIndex && hoveredPointInfo?.pointIndex === point.pointIndex;
+            const hoverSize = sd.pointSize + 2;
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              "circle",
+              {
+                cx: point.x,
+                cy: point.y,
+                r: isHovered ? hoverSize : sd.pointSize,
+                fill: sd.pointHollow ? "white" : sd.pointColor,
+                stroke: sd.pointHollow ? sd.pointColor : "none",
+                strokeWidth: sd.pointHollow ? 2 : 0,
+                className: "transition-all duration-200 ease-out",
+                style: isHovered ? { filter: `drop-shadow(0 0 4px ${sd.color})` } : void 0,
+                "data-point-index": point.pointIndex,
+                onMouseEnter: (e) => handlePointMouseEnter(sd.seriesIndex, point.pointIndex, e),
+                onMouseMove: handlePointMouseMove,
+                onMouseLeave: handlePointMouseLeave,
+                onClick: (e) => {
+                  e.stopPropagation();
+                  handlePointClick(sd.seriesIndex, point.pointIndex);
+                }
+              },
+              `point-${sd.seriesIndex}-${point.pointIndex}`
+            );
+          }) }, `points-${sd.seriesIndex}`)
+        )
       ]
     }
   );

package/dist/{chunk-DGBYGBLR.js → chunk-SOC74QA2.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkZYPEO2KY_js = require('./chunk-ZYPEO2KY.js');
+var chunkMWH6FCSE_js = require('./chunk-MWH6FCSE.js');
 var React = require('react');
 var tigercatCore = require('@expcat/tigercat-core');
 var jsxRuntime = require('react/jsx-runtime');
@@ -9,8 +9,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var popconfirmIdCounter = 0;
-var createPopconfirmId = () => `tiger-popconfirm-${++popconfirmIdCounter}`;
+var createPopconfirmId = tigercatCore.createFloatingIdFactory("popconfirm");
 var PopconfirmIcon = ({ type }) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
@@ -52,27 +51,29 @@ var Popconfirm = ({
   onCancel,
   ...divProps
 }) => {
-  const isControlled = visible !== void 0;
-  const [internalVisible, setInternalVisible] = React.useState(defaultVisible);
-  const currentVisible = isControlled ? visible : internalVisible;
-  const containerRef = React.useRef(null);
-  const triggerRef = React.useRef(null);
-  const floatingRef = React.useRef(null);
   const popconfirmIdRef = React.useRef(null);
-  if (!popconfirmIdRef.current) {
-    popconfirmIdRef.current = createPopconfirmId();
-  }
+  if (!popconfirmIdRef.current) popconfirmIdRef.current = createPopconfirmId();
   const popconfirmId = popconfirmIdRef.current;
   const titleId = `${popconfirmId}-title`;
   const descriptionId = `${popconfirmId}-description`;
   const describedBy = description || descriptionContent ? descriptionId : void 0;
-  const setVisible = (newVisible) => {
-    if (disabled && newVisible) return;
-    if (!isControlled) {
-      setInternalVisible(newVisible);
-    }
-    onVisibleChange?.(newVisible);
-  };
+  const {
+    currentVisible,
+    setVisible,
+    containerRef,
+    triggerRef,
+    floatingRef,
+    actualPlacement,
+    floatingStyles: baseFloatingStyles
+  } = chunkMWH6FCSE_js.usePopup({
+    visible,
+    defaultVisible,
+    disabled,
+    placement: initialPlacement,
+    offset,
+    multiTrigger: false,
+    onVisibleChange
+  });
   const handleConfirm = () => {
     onConfirm?.();
     setVisible(false);
@@ -85,51 +86,30 @@ var Popconfirm = ({
     if (disabled) return;
     setVisible(!currentVisible);
   };
-  const { x, y, placement } = chunkZYPEO2KY_js.useFloating({
-    referenceRef: triggerRef,
-    floatingRef,
-    enabled: currentVisible,
-    placement: initialPlacement,
-    offset
-  });
-  const handleOutsideClick = React.useCallback(() => setVisible(false), []);
-  const handleEscape = React.useCallback(() => setVisible(false), []);
-  chunkZYPEO2KY_js.useClickOutside({
-    enabled: currentVisible,
-    refs: [containerRef],
-    onOutsideClick: handleOutsideClick,
-    defer: true
-  });
-  chunkZYPEO2KY_js.useEscapeKey({
-    enabled: currentVisible,
-    onEscape: handleEscape
-  });
   const contentWrapperStyles = React.useMemo(
     () => ({
       position: "absolute",
-      left: x,
-      top: y,
-      transformOrigin: tigercatCore.getTransformOrigin(placement)
+      left: baseFloatingStyles.left,
+      top: baseFloatingStyles.top,
+      transformOrigin: baseFloatingStyles.transformOrigin
     }),
-    [x, y, placement]
+    [baseFloatingStyles]
   );
   const containerClasses = React.useMemo(
     () => tigercatCore.classNames(tigercatCore.getPopconfirmContainerClasses(), className),
     [className]
   );
   const triggerClasses = React.useMemo(() => tigercatCore.getPopconfirmTriggerClasses(disabled), [disabled]);
-  const contentWrapperClasses = React.useMemo(() => "absolute z-50", []);
-  const arrowClasses = React.useMemo(() => tigercatCore.getPopconfirmArrowClasses(placement), [placement]);
-  const contentClasses = React.useMemo(() => tigercatCore.getPopconfirmContentClasses(), []);
-  const titleClasses = React.useMemo(() => tigercatCore.getPopconfirmTitleClasses(), []);
-  const descriptionClasses = React.useMemo(() => tigercatCore.getPopconfirmDescriptionClasses(), []);
+  const contentWrapperClasses = "absolute z-50";
+  const arrowClasses = React.useMemo(() => tigercatCore.getPopconfirmArrowClasses(actualPlacement), [actualPlacement]);
+  const contentClasses = tigercatCore.getPopconfirmContentClasses();
+  const titleClasses = tigercatCore.getPopconfirmTitleClasses();
+  const descriptionClasses = tigercatCore.getPopconfirmDescriptionClasses();
   const iconClasses = React.useMemo(() => tigercatCore.getPopconfirmIconClasses(icon), [icon]);
-  const buttonsClasses = React.useMemo(() => tigercatCore.getPopconfirmButtonsClasses(), []);
-  const cancelButtonClasses = React.useMemo(() => tigercatCore.getPopconfirmCancelButtonClasses(), []);
+  const buttonsClasses = tigercatCore.getPopconfirmButtonsClasses();
+  const cancelButtonClasses = tigercatCore.getPopconfirmCancelButtonClasses();
   const okButtonClasses = React.useMemo(() => tigercatCore.getPopconfirmOkButtonClasses(okType), [okType]);
-  if (!children) {
-    return null;
-  }
+  if (!children) return null;
   const mergedStyle = tigercatCore.mergeStyleValues(style);
   const triggerProps = {
     className: triggerClasses,

package/dist/{chunk-KOLLAGRK.mjs → chunk-SQ7OL2X5.mjs}

@@ -17,8 +17,8 @@ var BreadcrumbItem = ({
 }) => {
   const breadcrumbContext = useBreadcrumbContext();
   const itemClasses = useMemo(
-    () => getBreadcrumbItemClasses(current, className),
-    [current, className]
+    () => getBreadcrumbItemClasses(className),
+    [className]
   );
   const linkClasses = useMemo(() => getBreadcrumbLinkClasses(current), [current]);
   const separatorClasses = useMemo(() => getBreadcrumbSeparatorClasses(), []);
@@ -51,7 +51,6 @@ var BreadcrumbItem = ({
       href,
       target,
       rel: computedRel,
-      "aria-current": current ? "page" : void 0,
       onClick: handleClick,
       children: contentElements
     }