@expcat/tigercat-react 1.3.4 → 1.5.0

package/dist/chunk-PQOUWJAT.mjs

@@ -0,0 +1,211 @@
+import {
+  PieChart
+} from "./chunk-QFUIGOOM.mjs";
+
+// src/components/DonutChart.tsx
+import { useEffect, useMemo, useState } from "react";
+import {
+  classNames,
+  getChartInnerRect,
+  normalizeChartPadding,
+  DONUT_ENTRANCE_KEYFRAMES,
+  DONUT_ENTRANCE_CLASS
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DONUT_PALETTE = [
+  "var(--tiger-chart-1,#5470c6)",
+  "var(--tiger-chart-2,#91cc75)",
+  "var(--tiger-chart-3,#fac858)",
+  "var(--tiger-chart-4,#ee6666)",
+  "var(--tiger-chart-5,#73c0de)",
+  "var(--tiger-chart-6,#3ba272)",
+  "var(--tiger-chart-1,#fc8452)",
+  "var(--tiger-chart-2,#9a60b4)",
+  "var(--tiger-chart-3,#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 = "var(--tiger-surface,#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,
+  legendFormatter,
+  // Tooltip props
+  showTooltip = true,
+  tooltipFormatter,
+  // Accessibility
+  title,
+  desc,
+  className,
+  // DonutChart-specific
+  centerValue,
+  centerLabel,
+  animated = false,
+  // Visual modes (forwarded to PieChart, opt-in per PR-19k(b6/b7))
+  gradient = 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;
+  const [entered, setEntered] = useState(false);
+  useEffect(() => {
+    if (animated) setEntered(true);
+  }, [animated]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: classNames("inline-block relative", animated && entered && DONUT_ENTRANCE_CLASS),
+      "data-donut-chart": "true",
+      children: [
+        animated && entered && /* @__PURE__ */ jsx("style", { children: DONUT_ENTRANCE_KEYFRAMES }),
+        /* @__PURE__ */ jsx(
+          PieChart,
+          {
+            width,
+            height,
+            padding,
+            data,
+            innerRadius: resolvedInnerRadius,
+            outerRadius,
+            startAngle,
+            endAngle,
+            padAngle,
+            colors: resolvedColors,
+            showLabels,
+            labelFormatter,
+            labelPosition,
+            borderWidth,
+            borderColor,
+            hoverOffset,
+            shadow,
+            gradient,
+            hoverable,
+            hoveredIndex,
+            activeOpacity,
+            inactiveOpacity,
+            selectable,
+            selectedIndex,
+            showLegend,
+            legendPosition,
+            legendMarkerSize,
+            legendGap,
+            legendFormatter,
+            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",
+              padding: "var(--tiger-chart-donut-center-padding, 0)",
+              borderRadius: "var(--tiger-radius-pill, 9999px)",
+              background: "var(--tiger-chart-donut-center-bg, transparent)",
+              boxShadow: "var(--tiger-chart-donut-center-shadow, none)",
+              backdropFilter: "var(--tiger-chart-donut-center-backdrop, none)",
+              WebkitBackdropFilter: "var(--tiger-chart-donut-center-backdrop, none)"
+            },
+            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
+};

package/dist/{chunk-AW5M3EL4.js → chunk-PSCPLUGP.js}

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
 
-var _chunkRFHPG4KNjs = require('./chunk-RFHPG4KN.js');
+var _chunkNGSJGXUZjs = require('./chunk-NGSJGXUZ.js');
 
 
-var _chunkWG3YS2QVjs = require('./chunk-WG3YS2QV.js');
+var _chunkPQF5VLNXjs = require('./chunk-PQF5VLNX.js');
 
 
 var _chunkZLNBE4ISjs = require('./chunk-ZLNBE4IS.js');
 
 
-var _chunk3MRP3XYIjs = require('./chunk-3MRP3XYI.js');
+var _chunk5QLSTNA3js = require('./chunk-5QLSTNA3.js');
 
 
 var _chunkUF3DXKCIjs = require('./chunk-UF3DXKCI.js');
@@ -89,14 +89,6 @@ var NotificationCenter = ({
       setInternalGroupKey(keys[0]);
     }
   }, [activeGroupKey, currentGroupKey, resolvedGroups]);
-  const _currentGroup = _react.useMemo.call(void 0, () => {
-    if (resolvedGroups.length === 0) return void 0;
-    if (currentGroupKey === void 0) return resolvedGroups[0];
-    const index = resolvedGroups.findIndex(
-      (group, groupIndex) => getGroupKey(group, groupIndex) === currentGroupKey
-    );
-    return index >= 0 ? resolvedGroups[index] : resolvedGroups[0];
-  }, [currentGroupKey, resolvedGroups]);
   const [readStateOverrides, setReadStateOverrides] = _react.useState.call(void 0, 
     () => /* @__PURE__ */ new Map()
   );
@@ -208,15 +200,30 @@ var NotificationCenter = ({
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 min-w-0", children: [
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-baseline justify-between gap-2", children: [
               /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-1.5", children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUF3DXKCIjs.Text, { tag: "span", size: "sm", weight: isRead ? "normal" : "semibold", className: isRead ? "text-gray-600 dark:text-gray-400" : "text-gray-900 dark:text-gray-100", children: item.title }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  _chunkUF3DXKCIjs.Text,
+                  {
+                    tag: "span",
+                    size: "sm",
+                    weight: isRead ? "normal" : "semibold",
+                    className: isRead ? "text-gray-600 dark:text-gray-400" : "text-gray-900 dark:text-gray-100",
+                    children: item.title
+                  }
+                ),
                 !isRead && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "w-1.5 h-1.5 rounded-full bg-blue-500 dark:bg-blue-400 shrink-0 shadow-sm shadow-blue-500/40 animate-pulse" })
               ] }),
               timeText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-[11px] text-gray-400 dark:text-gray-500 font-medium whitespace-nowrap flex-shrink-0 self-center", children: timeText }) : null
             ] }),
-            item.description ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.classNames.call(void 0, 
-              "mt-1 text-xs leading-relaxed line-clamp-2",
-              isRead ? "text-gray-500 dark:text-gray-400" : "text-gray-600 dark:text-gray-300"
-            ), children: item.description }) : null
+            item.description ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "div",
+              {
+                className: _tigercatcore.classNames.call(void 0, 
+                  "mt-1 text-xs leading-relaxed line-clamp-2",
+                  isRead ? "text-gray-500 dark:text-gray-400" : "text-gray-600 dark:text-gray-300"
+                ),
+                children: item.description
+              }
+            ) : null
           ] }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             _chunkZLNBE4ISjs.Button,
@@ -245,12 +252,38 @@ var NotificationCenter = ({
   const renderList = (listItems) => {
     if (listItems.length === 0) {
       return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-center justify-center py-14 px-4 text-center", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "p-3.5 bg-gray-50 dark:bg-gray-900 rounded-full mb-3 shadow-inner", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { className: "w-8 h-8 text-gray-400 dark:text-gray-600 animate-pulse", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M14.857 17.082a23.848 23.848 0 0 0 5.454-1.31A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.967 8.967 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0" }) }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUF3DXKCIjs.Text, { tag: "div", size: "sm", color: "muted", className: "font-semibold text-gray-400 dark:text-gray-500", children: emptyText })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "p-3.5 bg-gray-50 dark:bg-gray-900 rounded-full mb-3 shadow-inner", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "svg",
+          {
+            className: "w-8 h-8 text-gray-400 dark:text-gray-600 animate-pulse",
+            fill: "none",
+            viewBox: "0 0 24 24",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "path",
+              {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                d: "M14.857 17.082a23.848 23.848 0 0 0 5.454-1.31A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.967 8.967 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0"
+              }
+            )
+          }
+        ) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkUF3DXKCIjs.Text,
+          {
+            tag: "div",
+            size: "sm",
+            color: "muted",
+            className: "font-semibold text-gray-400 dark:text-gray-500",
+            children: emptyText
+          }
+        )
       ] });
     }
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkWG3YS2QVjs.List,
+      _chunkPQF5VLNXjs.List,
       {
         dataSource: listItems,
         split: true,
@@ -262,7 +295,7 @@ var NotificationCenter = ({
       }
     );
   };
-  const content = loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center justify-center py-16", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3MRP3XYIjs.Loading, { text: loadingText, className: "text-blue-500 dark:text-blue-400 font-medium" }) }) : resolvedGroups.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "-mx-4 -mb-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRFHPG4KNjs.Tabs, { type: "line", size: "small", activeKey: currentGroupKey, onChange: handleGroupChange, children: groupTabData.map((tab) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRFHPG4KNjs.TabPane, { tabKey: tab.key, label: tab.label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "max-h-[380px] overflow-y-auto", children: renderList(tab.filteredItems) }) }, String(tab.key))) }) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "-mx-4 -mb-4 max-h-[380px] overflow-y-auto", children: renderList(filteredFlatItems) });
+  const content = loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center justify-center py-16", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5QLSTNA3js.Loading, { text: loadingText, className: "text-blue-500 dark:text-blue-400 font-medium" }) }) : resolvedGroups.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "-mx-4 -mb-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNGSJGXUZjs.Tabs, { type: "line", size: "small", activeKey: currentGroupKey, onChange: handleGroupChange, children: groupTabData.map((tab) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNGSJGXUZjs.TabPane, { tabKey: tab.key, label: tab.label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "max-h-[380px] overflow-y-auto", children: renderList(tab.filteredItems) }) }, String(tab.key))) }) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "-mx-4 -mb-4 max-h-[380px] overflow-y-auto", children: renderList(filteredFlatItems) });
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "div",
     {
@@ -279,7 +312,16 @@ var NotificationCenter = ({
           header: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-3", children: [
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between", children: [
               /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2.5", children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUF3DXKCIjs.Text, { tag: "div", size: "base", weight: "bold", className: "text-gray-900 dark:text-gray-100", children: title }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  _chunkUF3DXKCIjs.Text,
+                  {
+                    tag: "div",
+                    size: "base",
+                    weight: "bold",
+                    className: "text-gray-900 dark:text-gray-100",
+                    children: title
+                  }
+                ),
                 totalUnread > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "inline-flex items-center justify-center min-w-[20px] h-5 px-1.5 text-[11px] font-bold rounded-full bg-gradient-to-r from-blue-500 to-indigo-600 text-white shadow-sm shadow-blue-500/20 animate-pulse", children: totalUnread }) : null
               ] }),
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 

package/dist/{chunk-ITVLIR7T.mjs → chunk-PZB24FST.mjs}

@@ -1,3 +1,10 @@
+import {
+  useInputGroupContext
+} from "./chunk-34VGG7AK.mjs";
+import {
+  useControlledState
+} from "./chunk-WHYHLUXG.mjs";
+
 // src/components/InputNumber.tsx
 import { useState, useCallback, useMemo, useRef, useEffect } from "react";
 import {
@@ -19,13 +26,15 @@ import {
   formatPrecision,
   isAtMin,
   isAtMax,
+  formatInputNumberDisplay,
+  parseInputNumberValue,
   createRafRepeatActionController
 } from "@expcat/tigercat-core";
 import { jsx, jsxs } from "react/jsx-runtime";
 var InputNumber = ({
   value: controlledValue,
   defaultValue,
-  size = "md",
+  size,
   status = "default",
   min = -Infinity,
   max = Infinity,
@@ -47,32 +56,24 @@ var InputNumber = ({
   onBlur,
   className
 }) => {
-  const isControlled = controlledValue !== void 0;
+  const inputGroup = useInputGroupContext();
+  const effectiveSize = size ?? inputGroup?.size ?? "md";
   const inputRef = useRef(null);
   const repeatControllerRef = useRef(createRafRepeatActionController());
   const repeatValueRef = useRef(null);
   const suppressNextClickRef = useRef(false);
   const [focused, setFocused] = useState(false);
-  const [internalValue, setInternalValue] = useState(
-    defaultValue ?? controlledValue ?? null
+  const [currentValue, setValue] = useControlledState(
+    controlledValue,
+    defaultValue ?? controlledValue ?? null,
+    onChange
   );
   const [displayValue, setDisplayValue] = useState("");
-  const currentValue = isControlled ? controlledValue ?? null : internalValue;
   const toDisplayValue = useCallback(
-    (val) => {
-      if (val === null || val === void 0) return "";
-      if (formatter) return formatter(val);
-      if (precision !== void 0) return val.toFixed(precision);
-      return String(val);
-    },
+    (val) => formatInputNumberDisplay(val, { formatter, precision }),
     [formatter, precision]
   );
-  const parseValue = (str) => {
-    if (str === "" || str === "-") return null;
-    if (parser) return parser(str);
-    const num = Number(str);
-    return Number.isNaN(num) ? null : num;
-  };
+  const parseValue = (str) => parseInputNumberValue(str, { parser });
   useEffect(() => {
     if (!focused) {
       setDisplayValue(toDisplayValue(currentValue));
@@ -92,10 +93,7 @@ var InputNumber = ({
         finalVal = formatPrecision(finalVal, precision);
       }
     }
-    if (!isControlled) {
-      setInternalValue(finalVal);
-    }
-    onChange?.(finalVal);
+    setValue(finalVal);
     setDisplayValue(toDisplayValue(finalVal));
   };
   const handleStep = (direction, baseValue = currentValue) => {
@@ -167,19 +165,19 @@ var InputNumber = ({
     () => classNames(
       getInputNumberWrapperClasses(disabled),
       getInputNumberStatusClasses(status),
-      getInputNumberSizeClasses(size),
+      getInputNumberSizeClasses(effectiveSize),
       focused && `ring-2 ${getInputNumberFocusRingColor(status)}`,
       className
     ),
-    [disabled, status, size, focused, className]
+    [disabled, status, effectiveSize, focused, className]
   );
   const inputClasses = useMemo(
     () => getInputNumberInputClasses(
-      size,
+      effectiveSize,
       controls && controlsPosition === "right",
       controls && controlsPosition === "both"
     ),
-    [size, controls, controlsPosition]
+    [effectiveSize, controls, controlsPosition]
   );
   return /* @__PURE__ */ jsxs("div", { className: wrapperClasses, children: [
     controls && controlsPosition === "both" && /* @__PURE__ */ jsx(

package/dist/{chunk-BO45CU4Q.js → chunk-PZWI4YNN.js}

@@ -3,10 +3,10 @@
 var _chunkXTV5JLLCjs = require('./chunk-XTV5JLLC.js');
 
 
-var _chunkWV5XHYW6js = require('./chunk-WV5XHYW6.js');
+var _chunk23XPDNCAjs = require('./chunk-23XPDNCA.js');
 
 
-var _chunkUVMQJOTXjs = require('./chunk-UVMQJOTX.js');
+var _chunkSK7PXSVEjs = require('./chunk-SK7PXSVE.js');
 
 
 var _chunkUKLVOR4Ejs = require('./chunk-UKLVOR4E.js');
@@ -215,6 +215,8 @@ var PieChart = ({
                   filter: shadow ? isEmphasized ? _tigercatcore.PIE_EMPHASIS_SHADOW : _tigercatcore.PIE_BASE_SHADOW : void 0
                 },
                 tabIndex: selectable ? 0 : void 0,
+                role: selectable ? "button" : "img",
+                "aria-label": _nullishCoalesce(arc.data.label, () => ( String(arc.value))),
                 "data-pie-slice": "true",
                 "data-index": arc.index,
                 onMouseEnter: (e) => handleMouseEnter(arc.index, e),
@@ -283,7 +285,7 @@ var PieChart = ({
     }
   );
   const tooltip = showTooltip && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkUVMQJOTXjs.ChartTooltip,
+    _chunkSK7PXSVEjs.ChartTooltip,
     {
       content: tooltipContent,
       visible: hoverable && resolvedHoveredIndex !== null && tooltipContent !== "",
@@ -300,7 +302,7 @@ var PieChart = ({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: wrapperClasses, children: [
     chart,
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkWV5XHYW6js.ChartLegend,
+      _chunk23XPDNCAjs.ChartLegend,
       {
         items: legendItems,
         position: legendPosition,

package/dist/{chunk-PFYK2V3E.js → chunk-Q2OXQNWU.js}

@@ -9,6 +9,8 @@ var _react = require('react');
 
 
 
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
 var Resizable = ({
@@ -118,6 +120,54 @@ var Resizable = ({
       onResizeEnd
     ]
   );
+  const handleKeyDown = _react.useCallback.call(void 0, 
+    (handle, e) => {
+      if (disabled) return;
+      const delta = _tigercatcore.getResizeKeyboardDelta.call(void 0, e.key);
+      if (!delta) return;
+      e.preventDefault();
+      const startW = _nullishCoalesce(width, () => ( 0));
+      const startH = _nullishCoalesce(height, () => ( 0));
+      const { deltaWidth, deltaHeight } = _tigercatcore.calculateResizeDelta.call(void 0, 
+        handle,
+        delta.deltaX,
+        delta.deltaY,
+        axis
+      );
+      let newW = startW + deltaWidth;
+      let newH = startH + deltaHeight;
+      if (lockAspectRatio) {
+        const ar = _tigercatcore.applyAspectRatio.call(void 0, newW, newH, startW, startH);
+        newW = ar.width;
+        newH = ar.height;
+      }
+      const clamped = _tigercatcore.clampDimensions.call(void 0, newW, newH, minWidth, minHeight, maxWidth, maxHeight);
+      setWidth(clamped.width);
+      setHeight(clamped.height);
+      const evt = {
+        width: clamped.width,
+        height: clamped.height,
+        handle,
+        deltaX: clamped.width - startW,
+        deltaY: clamped.height - startH
+      };
+      _optionalChain([onResize, 'optionalCall', _7 => _7(evt)]);
+      _optionalChain([onResizeEnd, 'optionalCall', _8 => _8(evt)]);
+    },
+    [
+      disabled,
+      width,
+      height,
+      axis,
+      lockAspectRatio,
+      minWidth,
+      minHeight,
+      maxWidth,
+      maxHeight,
+      onResize,
+      onResizeEnd
+    ]
+  );
   const containerClasses = _react.useMemo.call(void 0, 
     () => _tigercatcore.classNames.call(void 0, _tigercatcore.resizableBaseClasses, "group/resizable", className),
     [className]
@@ -130,15 +180,29 @@ var Resizable = ({
   }, [width, height, style]);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: containerClasses, style: containerStyle, "data-resizable": "", children: [
     children,
-    handles.map((pos) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "div",
-      {
-        className: _tigercatcore.getResizableHandleClasses.call(void 0, pos, draggingHandle === pos, disabled),
-        "data-handle": pos,
-        onMouseDown: (e) => handleMouseDown(pos, e)
-      },
-      pos
-    ))
+    handles.map((pos) => {
+      const usesHeight = pos === "top" || pos === "bottom";
+      const valueNow = Math.round(_nullishCoalesce((usesHeight ? height : width), () => ( 0)));
+      const valueMin = usesHeight ? minHeight : minWidth;
+      const valueMax = usesHeight ? maxHeight : maxWidth;
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "div",
+        {
+          className: _tigercatcore.getResizableHandleClasses.call(void 0, pos, draggingHandle === pos, disabled),
+          "data-handle": pos,
+          role: "separator",
+          "aria-label": `Resize ${pos}`,
+          "aria-orientation": _tigercatcore.getResizeHandleOrientation.call(void 0, pos),
+          "aria-valuenow": valueNow,
+          "aria-valuemin": valueMin,
+          "aria-valuemax": valueMax,
+          tabIndex: disabled ? -1 : 0,
+          onMouseDown: (e) => handleMouseDown(pos, e),
+          onKeyDown: (e) => handleKeyDown(pos, e)
+        },
+        pos
+      );
+    })
   ] });
 };
 var Resizable_default = Resizable;