@expcat/tigercat-react 2.1.0 → 2.1.2

package/dist/{chunk-KC55B62J.mjs → chunk-PY2VUNEJ.mjs}

@@ -33,6 +33,7 @@ import {
   getPickerOptionAria,
   getPickerTriggerKeyAction,
   getPickerNavigationIndex,
+  getPickerOptionId,
   findFirstEnabledIndex,
   classNames,
   icon20ViewBox,
@@ -165,18 +166,17 @@ var TreeSelect = (props) => {
       commitActiveIndex(-1);
       return;
     }
-    if (!virtual) return;
     commitActiveIndex(resolveActiveIndex());
-  }, [isOpen, searchQuery, virtual, commitActiveIndex, resolveActiveIndex]);
+  }, [isOpen, searchQuery, commitActiveIndex, resolveActiveIndex]);
   useLayoutEffect(() => {
-    if (!isOpen || !virtual) return;
+    if (!isOpen) return;
     const remapped = getTreeSelectVisibleIndex(visibleNodesRef.current, lastActiveKeyRef.current);
     if (remapped >= 0) setActiveIndex(remapped);
-  }, [expandedKeys, treeData, isOpen, virtual]);
+  }, [expandedKeys, treeData, isOpen]);
   useLayoutEffect(() => {
-    if (!isOpen || !virtual) return;
+    if (!isOpen) return;
     alignVirtualScroll(activeIndex);
-  }, [activeIndex, isOpen, virtual, alignVirtualScroll, visibleNodes.length]);
+  }, [activeIndex, isOpen, alignVirtualScroll, visibleNodes.length]);
   function handleVirtualListKeyDown(e) {
     if (e.key !== "ArrowDown" && e.key !== "ArrowUp" && e.key !== "Home" && e.key !== "End") {
       return;
@@ -207,8 +207,7 @@ var TreeSelect = (props) => {
     if (isOpen) closeDropdown();
     else openDropdown();
   }
-  function toggleExpand(key, e) {
-    e.stopPropagation();
+  function toggleExpandKey(key) {
     setExpandedKeys((prev) => {
       const next = new Set(prev);
       if (next.has(key)) next.delete(key);
@@ -216,6 +215,10 @@ var TreeSelect = (props) => {
       return next;
     });
   }
+  function toggleExpand(key, e) {
+    e.stopPropagation();
+    toggleExpandKey(key);
+  }
   function isSelected(key) {
     if (multiple && Array.isArray(value)) {
       return value.includes(key);
@@ -239,7 +242,51 @@ var TreeSelect = (props) => {
     e.stopPropagation();
     onChange?.(multiple ? [] : void 0);
   }
+  function handleOpenListKeyDown(e, fromSearchInput = false) {
+    const key = e.key;
+    if (fromSearchInput && key === " ") return false;
+    if (key === "ArrowDown" || key === "ArrowUp" || key === "Home" || key === "End") {
+      e.preventDefault();
+      e.stopPropagation();
+      setActiveIndex((current) => {
+        const next = getPickerNavigationIndex(visibleNodes, current, key, isNodeDisabled);
+        lastActiveKeyRef.current = visibleNodes[next]?.node.key;
+        return next;
+      });
+      return true;
+    }
+    if (key === "Enter" || key === " ") {
+      e.preventDefault();
+      e.stopPropagation();
+      const item = visibleNodes[activeIndex];
+      if (item && !item.node.disabled) {
+        handleNodeSelect(item.node);
+      }
+      return true;
+    }
+    if (key === "ArrowRight") {
+      e.preventDefault();
+      e.stopPropagation();
+      const item = visibleNodes[activeIndex];
+      if (item?.hasChildren && !item.isExpanded) {
+        toggleExpandKey(item.node.key);
+      }
+      return true;
+    }
+    if (key === "ArrowLeft") {
+      e.preventDefault();
+      e.stopPropagation();
+      const item = visibleNodes[activeIndex];
+      if (item?.hasChildren && item.isExpanded) {
+        toggleExpandKey(item.node.key);
+      }
+      return true;
+    }
+    return false;
+  }
   function handleKeyDown(e) {
+    if (disabled) return;
+    if (isOpen && handleOpenListKeyDown(e)) return;
     const action = getPickerTriggerKeyAction(e.key, isOpen);
     if (action === "none") return;
     e.preventDefault();
@@ -252,15 +299,43 @@ var TreeSelect = (props) => {
       closeDropdown();
     }
   }
-  function renderFlatNode(flatNode) {
+  function handleDropdownKeyDown(e) {
+    if (e.target instanceof HTMLInputElement) return;
+    if (!isOpen) return;
+    handleOpenListKeyDown(e);
+  }
+  function handleSearchKeyDown(e) {
+    switch (e.key) {
+      case " ":
+        e.stopPropagation();
+        return;
+      case "ArrowDown":
+      case "ArrowUp":
+      case "Enter":
+        handleOpenListKeyDown(e, true);
+        return;
+      case "Escape":
+        e.preventDefault();
+        e.stopPropagation();
+        closeDropdown();
+        triggerRef.current?.focus();
+        return;
+      default:
+        return;
+    }
+  }
+  function renderFlatNode(flatNode, index) {
     const { node, level, hasChildren, isExpanded } = flatNode;
     const selected = isSelected(node.key);
+    const isActive = index === activeIndex;
     const indent = level * 20;
     return /* @__PURE__ */ jsxs(
       "div",
       {
+        id: getPickerOptionId(listboxId, index),
+        "data-active": isActive || void 0,
         ...getPickerOptionAria({ selected, disabled: !!node.disabled }),
-        className: getTreeSelectNodeClasses(selected, !!node.disabled, size),
+        className: getTreeSelectNodeClasses(selected || isActive, !!node.disabled, size),
         style: { paddingLeft: `${indent + 8}px`, height: virtual ? "100%" : void 0 },
         onClick: (e) => {
           e.stopPropagation();
@@ -285,45 +360,65 @@ var TreeSelect = (props) => {
     );
   }
   return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: classNames(treeSelectBaseClasses, className), ...divProps, children: [
-    /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx(
       "button",
       {
         ref: triggerRef,
         type: "button",
-        className: getTreeSelectTriggerClasses(size, disabled, isOpen),
-        ...getPickerComboboxAria({ expanded: isOpen, listboxId }),
+        className: classNames(
+          getTreeSelectTriggerClasses(size, disabled, isOpen),
+          showClearButton ? "pr-14" : void 0
+        ),
+        ...getPickerComboboxAria({
+          expanded: isOpen,
+          listboxId,
+          activeIndex: isOpen ? activeIndex : -1
+        }),
         disabled,
         onClick: toggleDropdown,
         onKeyDown: handleKeyDown,
-        children: [
-          /* @__PURE__ */ jsx(
-            "span",
+        children: /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: classNames(
+              "flex-1 truncate",
+              !displayLabel ? "text-[var(--tiger-treeselect-placeholder,var(--tiger-text-muted,#9ca3af))]" : ""
+            ),
+            children: displayLabel || placeholder
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxs("span", { className: "pointer-events-none absolute inset-y-0 right-3 flex items-center gap-1", children: [
+      showClearButton && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "pointer-events-auto inline-flex rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--tiger-treeselect-ring,var(--tiger-primary,#2563eb))] text-[var(--tiger-treeselect-clear,var(--tiger-text-muted,#9ca3af))] hover:text-[var(--tiger-treeselect-clear-hover,var(--tiger-text,#111827))]",
+          "data-tiger-treeselect-clear": "",
+          "aria-label": resolveLocaleText("Clear selection", mergedLocale?.common?.clearText),
+          onClick: handleClear,
+          children: /* @__PURE__ */ jsx(
+            "svg",
             {
-              className: classNames(
-                "flex-1 truncate",
-                !displayLabel ? "text-[var(--tiger-treeselect-placeholder,var(--tiger-text-muted,#9ca3af))]" : ""
-              ),
-              children: displayLabel || placeholder
+              className: "w-4 h-4",
+              viewBox: icon20ViewBox,
+              fill: "currentColor",
+              xmlns: "http://www.w3.org/2000/svg",
+              children: /* @__PURE__ */ jsx("path", { d: closeSolidIcon20PathD, fillRule: "evenodd", clipRule: "evenodd" })
             }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: classNames(
+            "inline-flex text-[var(--tiger-text-muted,#9ca3af)]",
+            isOpen && "rotate-180"
           ),
-          showClearButton ? /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: "absolute right-2 top-1/2 -translate-y-1/2 text-[var(--tiger-treeselect-clear,var(--tiger-text-muted,#9ca3af))] hover:text-[var(--tiger-treeselect-clear-hover,var(--tiger-text,#111827))]",
-              "aria-label": resolveLocaleText("Clear selection", mergedLocale?.common?.clearText),
-              onClick: handleClear,
-              children: /* @__PURE__ */ jsx(
-                "svg",
-                {
-                  className: "w-4 h-4",
-                  viewBox: icon20ViewBox,
-                  fill: "currentColor",
-                  xmlns: "http://www.w3.org/2000/svg",
-                  children: /* @__PURE__ */ jsx("path", { d: closeSolidIcon20PathD, fillRule: "evenodd", clipRule: "evenodd" })
-                }
-              )
-            }
-          ) : /* @__PURE__ */ jsx("span", { className: "absolute right-2 top-1/2 -translate-y-1/2 text-[var(--tiger-text-muted,#9ca3af)] pointer-events-none", children: /* @__PURE__ */ jsx(
+          "aria-hidden": "true",
+          children: /* @__PURE__ */ jsx(
             "svg",
             {
               className: "w-4 h-4 transition-transform",
@@ -332,10 +427,10 @@ var TreeSelect = (props) => {
               xmlns: "http://www.w3.org/2000/svg",
               children: /* @__PURE__ */ jsx("path", { d: chevronDownSolidIcon20PathD, fillRule: "evenodd", clipRule: "evenodd" })
             }
-          ) })
-        ]
-      }
-    ),
+          )
+        }
+      )
+    ] }),
     renderOverlayPortal(
       isOpen ? /* @__PURE__ */ jsxs(
         "div",
@@ -345,6 +440,7 @@ var TreeSelect = (props) => {
           className: classNames(getTreeSelectDropdownClasses(virtual), overlay.floatingClasses),
           style: overlay.floatingStyles,
           "data-positioned": overlay.positioned,
+          onKeyDown: handleDropdownKeyDown,
           children: [
             searchable && /* @__PURE__ */ jsx(
               "input",
@@ -360,7 +456,8 @@ var TreeSelect = (props) => {
                   "Search tree",
                   mergedLocale?.common?.searchPlaceholder
                 ),
-                onChange: (e) => updateSearchValue(e.target.value)
+                onChange: (e) => updateSearchValue(e.target.value),
+                onKeyDown: handleSearchKeyDown
               }
             ),
             visibleNodes.length > 0 ? virtual ? /* @__PURE__ */ jsx(
@@ -378,12 +475,12 @@ var TreeSelect = (props) => {
                     height,
                     renderItem: ({ index }) => {
                       const item = visibleNodes[index];
-                      return item ? renderFlatNode(item) : null;
+                      return item ? renderFlatNode(item, index) : null;
                     }
                   }
                 )
               }
-            ) : visibleNodes.map((flatNode) => renderFlatNode(flatNode)) : /* @__PURE__ */ jsx("div", { className: treeSelectEmptyClasses, children: resolveLocaleText("No data", emptyText, mergedLocale?.common?.emptyText) })
+            ) : visibleNodes.map((flatNode, index) => renderFlatNode(flatNode, index)) : /* @__PURE__ */ jsx("div", { className: treeSelectEmptyClasses, children: resolveLocaleText("No data", emptyText, mergedLocale?.common?.emptyText) })
           ]
         }
       ) : null,

package/dist/{chunk-BEJZPJIK.mjs → chunk-QOAOOD53.mjs}

@@ -13,6 +13,7 @@ import {
   calendarWeekdayClasses,
   getCalendarDayClasses,
   getCalendarMonthClasses,
+  isCalendarMonthDisabled,
   isSameDay,
   getMonthDays,
   getShortDayNames,
@@ -91,10 +92,13 @@ var Calendar = ({
   );
   const selectMonth = useCallback(
     (monthIdx) => {
+      if (isCalendarMonthDisabled(viewYear, monthIdx, disabledDate)) return;
       setViewMonth(monthIdx);
-      onPanelChange?.(new Date(viewYear, monthIdx, 1), mode);
+      const date = new Date(viewYear, monthIdx, 1);
+      onChange?.(date);
+      onPanelChange?.(date, "month");
     },
-    [viewYear, mode, onPanelChange]
+    [viewYear, disabledDate, onChange, onPanelChange]
   );
   const dayGridRef = useRef(null);
   const pendingFocusIsoRef = useRef(null);
@@ -256,14 +260,16 @@ var Calendar = ({
     ] }),
     mode === "year" ? /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-2", role: "grid", ref: monthGridRef, children: monthRows.map((row, ri) => /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-2", role: "row", children: row.map((m, ci) => {
       const i = ri * 3 + ci;
+      const isDisabled = isCalendarMonthDisabled(viewYear, i, disabledDate);
       return /* @__PURE__ */ jsx(
         "button",
         {
           type: "button",
           role: "gridcell",
           "aria-selected": viewMonth === i,
-          tabIndex: rovingMonthIdx === i ? 0 : -1,
-          className: getCalendarMonthClasses(viewMonth === i),
+          disabled: isDisabled,
+          tabIndex: rovingMonthIdx === i && !isDisabled ? 0 : -1,
+          className: getCalendarMonthClasses(viewMonth === i, isDisabled),
           onClick: () => selectMonth(i),
           onFocus: () => setActiveMonthIdx(i),
           onKeyDown: (e) => handleMonthKeyDown(e, i),

package/dist/{chunk-JQJM65RJ.mjs → chunk-QU3QXUTC.mjs}

@@ -4,26 +4,32 @@ import {
 } from "./chunk-Z3CRHC5F.mjs";
 import {
   List
-} from "./chunk-FSMJLJFL.mjs";
+} from "./chunk-Y6UH3EKE.mjs";
 import {
   Button
 } from "./chunk-5TE7KLE5.mjs";
 import {
   Loading
-} from "./chunk-K4GIKSZE.mjs";
+} from "./chunk-I2BENK5X.mjs";
 import {
   Text
 } from "./chunk-HLS4CHWX.mjs";
 import {
   Card
 } from "./chunk-IXV5YBCZ.mjs";
+import {
+  useTigerConfig
+} from "./chunk-YSIXURBW.mjs";
 
 // src/components/NotificationCenter.tsx
 import { useMemo, useEffect, useState, useCallback } from "react";
 import {
   classNames,
   buildNotificationGroups,
-  formatActivityTime
+  formatActivityTime,
+  getNotificationCenterLabels,
+  mergeTigerLocale,
+  resolveLocaleText
 } from "@expcat/tigercat-core";
 
 // ../core/src/internal/notification-center-styles.ts
@@ -75,15 +81,17 @@ var NotificationCenter = ({
   readFilter,
   defaultReadFilter = "all",
   loading = false,
-  loadingText = "\u52A0\u8F7D\u4E2D...",
-  emptyText = "\u6682\u65E0\u901A\u77E5",
-  title = "\u901A\u77E5\u4E2D\u5FC3",
-  allLabel = "\u5168\u90E8",
-  unreadLabel = "\u672A\u8BFB",
-  readLabel = "\u5DF2\u8BFB",
-  markAllReadText = "\u5168\u90E8\u6807\u8BB0\u5DF2\u8BFB",
-  markReadText = "\u6807\u8BB0\u5DF2\u8BFB",
-  markUnreadText = "\u6807\u8BB0\u672A\u8BFB",
+  loadingText,
+  emptyText,
+  title,
+  allLabel,
+  unreadLabel,
+  readLabel,
+  markAllReadText,
+  markReadText,
+  markUnreadText,
+  locale,
+  labels: labelsOverride,
   manageReadState = false,
   onGroupChange,
   onReadFilterChange,
@@ -93,6 +101,24 @@ var NotificationCenter = ({
   className,
   ...props
 }) => {
+  const config = useTigerConfig();
+  const mergedLocale = useMemo(
+    () => mergeTigerLocale(config.locale, locale),
+    [config.locale, locale]
+  );
+  const labels = useMemo(
+    () => getNotificationCenterLabels(mergedLocale, labelsOverride),
+    [mergedLocale, labelsOverride]
+  );
+  const resolvedTitle = resolveLocaleText(labels.title, title);
+  const resolvedEmptyText = resolveLocaleText(labels.emptyText, emptyText);
+  const resolvedLoadingText = resolveLocaleText(labels.loadingText, loadingText);
+  const resolvedAllLabel = resolveLocaleText(labels.allLabel, allLabel);
+  const resolvedUnreadLabel = resolveLocaleText(labels.unreadLabel, unreadLabel);
+  const resolvedReadLabel = resolveLocaleText(labels.readLabel, readLabel);
+  const resolvedMarkAllReadText = resolveLocaleText(labels.markAllReadText, markAllReadText);
+  const resolvedMarkReadText = resolveLocaleText(labels.markReadText, markReadText);
+  const resolvedMarkUnreadText = resolveLocaleText(labels.markUnreadText, markUnreadText);
   const resolvedGroups = useMemo(
     () => buildNotificationGroups(items, groups, groupBy, groupOrder),
     [items, groups, groupBy, groupOrder]
@@ -168,11 +194,11 @@ var NotificationCenter = ({
   );
   const filterButtons = useMemo(
     () => [
-      { key: "all", label: allLabel },
-      { key: "unread", label: unreadLabel },
-      { key: "read", label: readLabel }
+      { key: "all", label: resolvedAllLabel },
+      { key: "unread", label: resolvedUnreadLabel },
+      { key: "read", label: resolvedReadLabel }
     ],
-    [allLabel, unreadLabel, readLabel]
+    [resolvedAllLabel, resolvedUnreadLabel, resolvedReadLabel]
   );
   const groupTabData = useMemo(
     () => resolvedGroups.map((group, index) => {
@@ -270,7 +296,7 @@ var NotificationCenter = ({
                 }
                 onItemReadChange?.(item, !isRead);
               },
-              children: isRead ? markUnreadText : markReadText
+              children: isRead ? resolvedMarkUnreadText : resolvedMarkReadText
             }
           )
         ]
@@ -298,7 +324,7 @@ var NotificationCenter = ({
             )
           }
         ) }),
-        /* @__PURE__ */ jsx(Text, { tag: "div", size: "sm", color: "muted", className: notificationCenterEmptyTextClasses, children: emptyText })
+        /* @__PURE__ */ jsx(Text, { tag: "div", size: "sm", color: "muted", className: notificationCenterEmptyTextClasses, children: resolvedEmptyText })
       ] });
     }
     return /* @__PURE__ */ jsx(
@@ -308,13 +334,13 @@ var NotificationCenter = ({
         split: true,
         bordered: "divided",
         hoverable: true,
-        emptyText,
+        emptyText: resolvedEmptyText,
         onItemClick: (item, index) => onItemClick?.(item, index),
         renderItem
       }
     );
   };
-  const content = loading ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-16", children: /* @__PURE__ */ jsx(Loading, { text: loadingText, className: notificationCenterLoadingClasses }) }) : resolvedGroups.length > 0 ? /* @__PURE__ */ jsx("div", { className: "-mx-4 -mb-4", children: /* @__PURE__ */ jsx(
+  const content = loading ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-16", children: /* @__PURE__ */ jsx(Loading, { text: resolvedLoadingText, className: notificationCenterLoadingClasses }) }) : resolvedGroups.length > 0 ? /* @__PURE__ */ jsx("div", { className: "-mx-4 -mb-4", children: /* @__PURE__ */ jsx(
     Tabs,
     {
       type: "line",
@@ -329,7 +355,7 @@ var NotificationCenter = ({
     {
       className: wrapperClasses,
       role: props.role ?? "region",
-      "aria-label": props["aria-label"] ?? (props["aria-labelledby"] ? void 0 : title),
+      "aria-label": props["aria-label"] ?? (props["aria-labelledby"] ? void 0 : resolvedTitle),
       ...props,
       "data-tiger-notification-center": true,
       children: /* @__PURE__ */ jsx(
@@ -347,7 +373,7 @@ var NotificationCenter = ({
                     size: "base",
                     weight: "bold",
                     className: notificationCenterTitleClasses,
-                    children: title
+                    children: resolvedTitle
                   }
                 ),
                 totalUnread > 0 ? /* @__PURE__ */ jsx("span", { className: notificationCenterUnreadBadgeClasses, children: totalUnread }) : null
@@ -363,7 +389,7 @@ var NotificationCenter = ({
                     notificationCenterMarkAllBaseClasses,
                     hasUnread ? notificationCenterMarkAllEnabledClasses : notificationCenterMarkAllDisabledClasses
                   ),
-                  children: markAllReadText
+                  children: resolvedMarkAllReadText
                 }
               )
             ] }),

package/dist/{chunk-RQ4PUK6G.mjs → chunk-R7YZ6FKP.mjs}

@@ -1,6 +1,9 @@
+import {
+  useResponsiveChartSize
+} from "./chunk-5JETWHLJ.mjs";
 import {
   useChartInteraction
-} from "./chunk-DNOPEJ5I.mjs";
+} from "./chunk-JZZPLKTW.mjs";
 import {
   ChartSeries
 } from "./chunk-SDLMB34Y.mjs";
@@ -12,7 +15,7 @@ import {
 } from "./chunk-RQSQXQN6.mjs";
 import {
   ChartCanvas
-} from "./chunk-DKNVSQSV.mjs";
+} from "./chunk-CUAXRBKO.mjs";
 import {
   ChartGrid
 } from "./chunk-677VSTPW.mjs";
@@ -29,7 +32,6 @@ import {
   createLinePath,
   createPointScale,
   getChartElementOpacity,
-  getChartInnerRect,
   getStableChartGradientPrefix,
   getNumberExtent,
   linePointTransitionClasses,
@@ -111,9 +113,11 @@ var AreaChart = ({
     () => getStableChartGradientPrefix("area", gradientId),
     [gradientId]
   );
-  const innerRect = useMemo(
-    () => getChartInnerRect(width, height, padding),
-    [width, height, padding]
+  const { innerRect, onResolvedSizeChange } = useResponsiveChartSize(
+    width,
+    height,
+    padding,
+    responsive
   );
   const resolvedSeries = useMemo(
     () => resolveSeriesData(series, data, {
@@ -135,6 +139,7 @@ var AreaChart = ({
     wrapperClasses
   } = useChartInteraction({
     hoverable,
+    showTooltip,
     hoveredIndexProp,
     selectable,
     selectedIndexProp,
@@ -287,17 +292,21 @@ var AreaChart = ({
     (seriesIndex, pointIndex, event) => {
       setHoveredPointInfo({ seriesIndex, pointIndex });
       setTooltipPosition({ x: event.clientX, y: event.clientY });
-      onPointHover?.(seriesIndex, pointIndex, resolvedSeries[seriesIndex]?.data[pointIndex]);
+      if (hoverable) {
+        onPointHover?.(seriesIndex, pointIndex, resolvedSeries[seriesIndex]?.data[pointIndex]);
+      }
     },
-    [onPointHover, resolvedSeries]
+    [hoverable, onPointHover, resolvedSeries]
   );
   const handlePointMouseMove = useCallback((event) => {
     setTooltipPosition({ x: event.clientX, y: event.clientY });
   }, []);
   const handlePointMouseLeave = useCallback(() => {
     setHoveredPointInfo(null);
-    onPointHover?.(null, null, null);
-  }, [onPointHover]);
+    if (hoverable) {
+      onPointHover?.(null, null, null);
+    }
+  }, [hoverable, onPointHover]);
   const showPointTooltipFromElement = useCallback(
     (el, seriesIndex, pointIndex) => {
       if (!hoverable) return;
@@ -325,6 +334,7 @@ var AreaChart = ({
     [selectable, handleSeriesSelect]
   );
   const pointClickable = selectable || !!onPointClick;
+  const trackPointHover = showTooltip || hoverable;
   const reversedSeriesData = useMemo(() => [...seriesData].reverse(), [seriesData]);
   const chart = /* @__PURE__ */ jsxs(
     ChartCanvas,
@@ -336,6 +346,7 @@ var AreaChart = ({
       title,
       desc,
       className: classNames(className),
+      onResolvedSizeChange,
       children: [
         (gradient || animated || strokeGradient || pointGradient) && /* @__PURE__ */ jsxs("defs", { children: [
           animated && /* @__PURE__ */ jsx("style", { children: `
@@ -518,9 +529,9 @@ var AreaChart = ({
                 tabIndex: pointInteractive ? 0 : void 0,
                 "data-point-index": point.pointIndex,
                 "data-series-key": sd.seriesKey,
-                onMouseEnter: hoverable ? (e) => handlePointMouseEnter(sd.seriesIndex, point.pointIndex, e) : void 0,
-                onMouseMove: hoverable ? handlePointMouseMove : void 0,
-                onMouseLeave: hoverable ? handlePointMouseLeave : void 0,
+                onMouseEnter: trackPointHover ? (e) => handlePointMouseEnter(sd.seriesIndex, point.pointIndex, e) : void 0,
+                onMouseMove: trackPointHover ? handlePointMouseMove : void 0,
+                onMouseLeave: trackPointHover ? handlePointMouseLeave : void 0,
                 onClick: pointClickable ? (e) => {
                   e.stopPropagation();
                   handlePointClick(sd.seriesIndex, point.pointIndex);

package/dist/{chunk-YI6YWH66.mjs → chunk-RE5ZLA5D.mjs}

@@ -44,6 +44,7 @@ var DropdownMenu = ({
 var DropdownItem = ({
   disabled = false,
   divided = false,
+  closeOnClick,
   className,
   onClick,
   children,
@@ -56,8 +57,9 @@ var DropdownItem = ({
       return;
     }
     onClick?.(event);
-    if (context?.closeOnClick) {
-      context.handleItemClick();
+    const shouldClose = closeOnClick ?? context?.closeOnClick ?? true;
+    if (shouldClose) {
+      context?.handleItemClick();
     }
   };
   const itemClasses = classNames(getDropdownItemClasses(disabled, divided), className);
@@ -129,10 +131,8 @@ var Dropdown = ({
     [disabled, visible, controlledOpen, onOpenChange]
   );
   const handleItemClick = useCallback(() => {
-    if (closeOnClick) {
-      setVisible(false);
-    }
-  }, [closeOnClick, setVisible]);
+    setVisible(false);
+  }, [setVisible]);
   const handleMouseEnter = useCallback(() => {
     if (trigger !== "hover") return;
     if (hoverTimerRef.current) {