@expcat/tigercat-react 2.1.0 → 2.1.2

package/dist/{chunk-F6WV53BS.mjs → chunk-3LDDXHW2.mjs}

@@ -12,7 +12,7 @@ import {
 import { useState, useEffect, useRef, useCallback, useId } from "react";
 import {
   classNames,
-  getInputClasses,
+  getInputFieldClasses,
   getInputWrapperClasses,
   getInputAffixClasses,
   getInputErrorClasses,
@@ -103,16 +103,13 @@ var Input = ({
   const showClear = clearable && !disabled && !readonly && currentValStr.length > 0;
   const showPasswordToggle = showPassword && type === "password" && !disabled;
   const effectiveType = showPassword && type === "password" ? passwordVisible ? "text" : "password" : type;
-  const inputClasses = getInputClasses({
+  const inputClasses = getInputFieldClasses({
     size: effectiveSize,
     status,
     hasPrefix,
     hasSuffix
   });
   const renderSuffix = () => {
-    if (activeError) {
-      return /* @__PURE__ */ jsx("div", { id: errorMsgId, className: getInputErrorClasses(effectiveSize), children: errorMessage });
-    }
     if (showClear) {
       return /* @__PURE__ */ jsx(
         "button",
@@ -148,7 +145,7 @@ var Input = ({
     "div",
     {
       ref: wrapperRef,
-      className: classNames(getInputWrapperClasses(), className),
+      className: classNames(getInputWrapperClasses(status), className),
       style,
       onAnimationEnd: handleAnimationEnd,
       children: [
@@ -183,16 +180,36 @@ var Input = ({
       ]
     }
   );
+  const extras = [];
+  if (activeError) {
+    extras.push(
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          id: errorMsgId,
+          className: getInputErrorClasses(effectiveSize),
+          "aria-live": "polite",
+          children: errorMessage
+        },
+        "error"
+      )
+    );
+  }
   if (showCount) {
     const count = currentValStr.length;
     const isOver = maxLength !== void 0 && count > maxLength;
     const countText = maxLength !== void 0 ? `${count} / ${maxLength}` : `${count}`;
-    return /* @__PURE__ */ jsxs("div", { children: [
-      wrapperNode,
-      /* @__PURE__ */ jsx("div", { className: getInputCountClasses(isOver), children: countText })
-    ] });
+    extras.push(
+      /* @__PURE__ */ jsx("div", { className: getInputCountClasses(isOver), children: countText }, "count")
+    );
+  }
+  if (extras.length === 0) {
+    return wrapperNode;
   }
-  return wrapperNode;
+  return /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
+    wrapperNode,
+    extras
+  ] });
 };
 
 export {

package/dist/{chunk-IXQAECFP.mjs → chunk-3QNIFKVF.mjs}

@@ -16,6 +16,7 @@ import {
   getAnchorLinkClasses,
   getAnchorLinkListClasses,
   createAnchorObserver,
+  createProgrammaticScrollLock,
   scrollToAnchor
 } from "@expcat/tigercat-core";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -86,7 +87,7 @@ var AnchorLink = ({
 };
 var Anchor = ({
   affix = true,
-  bounds: _bounds = 5,
+  bounds = 5,
   offsetTop = 0,
   showInkInFixed = false,
   targetOffset,
@@ -103,10 +104,9 @@ var Anchor = ({
   const [links, setLinks] = useState([]);
   const anchorRef = useRef(null);
   const inkRef = useRef(null);
-  const isScrollingRef = useRef(false);
-  const scrollTimeoutRef = useRef(null);
   const getContainerRef = useRef(getContainer);
   getContainerRef.current = getContainer;
+  const scrollLockRef = useRef(createProgrammaticScrollLock(() => getContainerRef.current()));
   const getCurrentAnchorRef = useRef(getCurrentAnchor);
   getCurrentAnchorRef.current = getCurrentAnchor;
   const onChangeRef = useRef(onChange);
@@ -133,14 +133,9 @@ var Anchor = ({
   const handleLinkClick = useCallback(
     (href, event) => {
       onClick?.(event, href);
-      isScrollingRef.current = true;
+      scrollLockRef.current.lock();
       setActiveLink(href);
       scrollTo(href);
-      if (scrollTimeoutRef.current !== null) clearTimeout(scrollTimeoutRef.current);
-      scrollTimeoutRef.current = setTimeout(() => {
-        isScrollingRef.current = false;
-        scrollTimeoutRef.current = null;
-      }, 500);
     },
     [onClick, scrollTo]
   );
@@ -151,9 +146,10 @@ var Anchor = ({
       const root = container === window ? null : container;
       stop = createAnchorObserver(links, {
         offsetTop: scrollOffset,
+        bounds,
         root,
         onChange: (newActiveLink) => {
-          if (isScrollingRef.current) return;
+          if (scrollLockRef.current.isLocked()) return;
           const finalActiveLink = getCurrentAnchorRef.current ? getCurrentAnchorRef.current(newActiveLink) : newActiveLink;
           setActiveLink((prev) => {
             if (finalActiveLink !== prev) {
@@ -168,11 +164,13 @@ var Anchor = ({
     return () => {
       clearTimeout(timeoutId);
       stop?.();
-      if (scrollTimeoutRef.current !== null) {
-        clearTimeout(scrollTimeoutRef.current);
-      }
     };
-  }, [links, scrollOffset]);
+  }, [bounds, links, scrollOffset]);
+  useEffect(() => {
+    return () => {
+      scrollLockRef.current.dispose();
+    };
+  }, []);
   useEffect(() => {
     if (!inkRef.current || !anchorRef.current || !activeLink) {
       return;

package/dist/{chunk-UD4DTVJZ.mjs → chunk-4C2X5PZO.mjs}

@@ -1,6 +1,6 @@
 import {
   Textarea
-} from "./chunk-UYJJLHVA.mjs";
+} from "./chunk-PMQJ6AYT.mjs";
 import {
   Button
 } from "./chunk-5TE7KLE5.mjs";
@@ -13,6 +13,9 @@ import {
 import {
   Avatar
 } from "./chunk-OO562MFD.mjs";
+import {
+  useTigerConfig
+} from "./chunk-YSIXURBW.mjs";
 
 // src/components/CommentThread.tsx
 import { useMemo, useState } from "react";
@@ -20,7 +23,13 @@ import {
   classNames,
   buildCommentTree,
   clipCommentTreeDepth,
-  formatCommentTime
+  formatCommentTime,
+  getCommentThreadLabels,
+  mergeTigerLocale,
+  nextCommentLikeState,
+  resolveCommentLikeState,
+  resolveLocaleText,
+  writeCommentLikeOverlay
 } from "@expcat/tigercat-core";
 
 // ../core/src/internal/comment-thread-styles.ts
@@ -55,15 +64,19 @@ var CommentThread = ({
   maxReplies = 3,
   defaultExpandedKeys = [],
   expandedKeys,
-  emptyText = "\u6682\u65E0\u8BC4\u8BBA",
-  replyPlaceholder = "\u5199\u4E0B\u56DE\u590D...",
-  replyButtonText = "\u56DE\u590D",
-  cancelReplyText = "\u53D6\u6D88",
-  likeText = "\u70B9\u8D5E",
-  likedText = "\u5DF2\u8D5E",
-  replyText = "\u56DE\u590D",
-  moreText = "\u66F4\u591A",
-  loadMoreText = "\u52A0\u8F7D\u66F4\u591A",
+  emptyText,
+  replyPlaceholder,
+  replyButtonText,
+  cancelReplyText,
+  likeText,
+  likedText,
+  replyText,
+  moreText,
+  loadMoreText,
+  collapseRepliesText,
+  expandRepliesText,
+  locale,
+  labels: labelsOverride,
   showAvatar = true,
   showDivider = true,
   showLike = true,
@@ -78,8 +91,18 @@ var CommentThread = ({
   className,
   ...divProps
 }) => {
+  const config = useTigerConfig();
+  const mergedLocale = useMemo(
+    () => mergeTigerLocale(config.locale, locale),
+    [config.locale, locale]
+  );
+  const labels = useMemo(
+    () => getCommentThreadLabels(mergedLocale, labelsOverride),
+    [mergedLocale, labelsOverride]
+  );
   const [innerExpandedKeys, setInnerExpandedKeys] = useState(defaultExpandedKeys);
   const [expandedAllKeys, setExpandedAllKeys] = useState(/* @__PURE__ */ new Set());
+  const [likeOverlay, setLikeOverlay] = useState(() => /* @__PURE__ */ new Map());
   const [replyingTo, setReplyingTo] = useState(null);
   const [replyValue, setReplyValue] = useState("");
   const mergedExpandedKeys = expandedKeys ?? innerExpandedKeys;
@@ -109,6 +132,11 @@ var CommentThread = ({
     });
     onLoadMore?.(node);
   };
+  const handleLike = (node) => {
+    const next = nextCommentLikeState(node, likeOverlay);
+    setLikeOverlay(writeCommentLikeOverlay(likeOverlay, node.id, next));
+    onLike?.(node, next.liked);
+  };
   const handleReplySubmit = (node) => {
     const trimmed = replyValue.trim();
     if (!trimmed) return;
@@ -131,8 +159,9 @@ var CommentThread = ({
     const showLoadMoreBtn = showReplies && maxReplies > 0 && children.length > maxReplies && !showAllReplies;
     const actions = [];
     if (showLike) {
-      const likeLabel = node.liked ? likedText : likeText;
-      const likeCount = node.likes ? ` ${node.likes}` : "";
+      const { liked, likes } = resolveCommentLikeState(node, likeOverlay);
+      const likeLabel = liked ? resolveLocaleText(labels.likedText, likedText) : resolveLocaleText(labels.likeText, likeText);
+      const likeCount = likes ? ` ${likes}` : "";
       actions.push(
         /* @__PURE__ */ jsxs(
           Button,
@@ -142,16 +171,16 @@ var CommentThread = ({
             className: classNames(
               commentThreadActionButtonClasses,
               commentThreadLikeButtonClasses,
-              node.liked && commentThreadLikedButtonClasses
+              liked && commentThreadLikedButtonClasses
             ),
-            onClick: () => onLike?.(node, !node.liked),
+            onClick: () => handleLike(node),
             children: [
               /* @__PURE__ */ jsx(
                 "svg",
                 {
                   className: classNames(
                     commentThreadLikeIconClasses,
-                    node.liked ? "fill-current" : "stroke-current fill-none"
+                    liked ? "fill-current" : "stroke-current fill-none"
                   ),
                   viewBox: "0 0 24 24",
                   strokeWidth: "2",
@@ -203,7 +232,7 @@ var CommentThread = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx("span", { children: replyText })
+              /* @__PURE__ */ jsx("span", { children: resolveLocaleText(labels.replyText, replyText) })
             ]
           },
           "reply"
@@ -241,7 +270,7 @@ var CommentThread = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx("span", { children: moreText })
+              /* @__PURE__ */ jsx("span", { children: resolveLocaleText(labels.moreText, moreText) })
             ]
           },
           "more"
@@ -324,7 +353,7 @@ var CommentThread = ({
                 {
                   rows: 3,
                   value: replyValue,
-                  placeholder: replyPlaceholder,
+                  placeholder: resolveLocaleText(labels.replyPlaceholder, replyPlaceholder),
                   className: commentThreadReplyTextareaClasses,
                   onChange: (event) => setReplyValue(event.target.value)
                 }
@@ -340,7 +369,7 @@ var CommentThread = ({
                       setReplyingTo(null);
                       setReplyValue("");
                     },
-                    children: cancelReplyText
+                    children: resolveLocaleText(labels.cancelReplyText, cancelReplyText)
                   }
                 ),
                 /* @__PURE__ */ jsx(
@@ -350,7 +379,7 @@ var CommentThread = ({
                     variant: "primary",
                     className: commentThreadSubmitButtonClasses,
                     onClick: () => handleReplySubmit(node),
-                    children: replyButtonText
+                    children: resolveLocaleText(labels.replyButtonText, replyButtonText)
                   }
                 )
               ] })
@@ -364,7 +393,10 @@ var CommentThread = ({
                 "aria-expanded": isExpanded,
                 "aria-controls": repliesId,
                 onClick: () => toggleExpanded(node.id),
-                children: isExpanded ? "\u25BE \u6536\u8D77\u56DE\u590D" : `\u25B8 \u5C55\u5F00 ${children.length} \u6761\u56DE\u590D`
+                children: isExpanded ? resolveLocaleText(labels.collapseRepliesText, collapseRepliesText) : resolveLocaleText(labels.expandRepliesText, expandRepliesText).replace(
+                  "{count}",
+                  String(children.length)
+                )
               }
             ) : null,
             showReplies ? /* @__PURE__ */ jsxs("div", { id: repliesId, className: commentThreadRepliesClasses, children: [
@@ -378,7 +410,7 @@ var CommentThread = ({
                   variant: "ghost",
                   className: commentThreadPrimaryButtonClasses,
                   onClick: () => handleLoadMore(node),
-                  children: loadMoreText
+                  children: resolveLocaleText(labels.loadMoreText, loadMoreText)
                 }
               ) : null
             ] }) : null
@@ -394,7 +426,7 @@ var CommentThread = ({
       className: classNames("tiger-comment-thread flex flex-col", className),
       role: divProps.role ?? "feed",
       "data-tiger-comment-thread": true,
-      "aria-label": divProps["aria-label"] ?? (divProps["aria-labelledby"] ? void 0 : "\u8BC4\u8BBA\u7EBF\u7A0B"),
+      "aria-label": divProps["aria-label"] ?? (divProps["aria-labelledby"] ? void 0 : "Comment thread"),
       ...divProps,
       children: resolvedNodes.length === 0 ? /* @__PURE__ */ jsxs("div", { className: commentThreadEmptyClasses, children: [
         /* @__PURE__ */ jsx(
@@ -415,7 +447,7 @@ var CommentThread = ({
             )
           }
         ),
-        /* @__PURE__ */ jsx(Text, { tag: "div", size: "sm", color: "muted", className: "font-medium", children: emptyText })
+        /* @__PURE__ */ jsx(Text, { tag: "div", size: "sm", color: "muted", className: "font-medium", children: resolveLocaleText(labels.emptyText, emptyText) })
       ] }) : resolvedNodes.map((node, index) => renderNode(node, 1, index === resolvedNodes.length - 1))
     }
   );

package/dist/chunk-5JETWHLJ.mjs

@@ -0,0 +1,28 @@
+// src/hooks/useResponsiveChartSize.ts
+import { useCallback, useMemo, useState } from "react";
+import {
+  getChartInnerRect,
+  resolveResponsiveChartSize
+} from "@expcat/tigercat-core";
+function useResponsiveChartSize(width, height, padding, responsive) {
+  const [observedSize, setObservedSize] = useState(null);
+  const plotSize = useMemo(
+    () => resolveResponsiveChartSize({ width, height }, responsive ? observedSize : null),
+    [width, height, responsive, observedSize]
+  );
+  const innerRect = useMemo(
+    () => getChartInnerRect(plotSize.width, plotSize.height, padding),
+    [plotSize.width, plotSize.height, padding]
+  );
+  const onResolvedSizeChange = useCallback((size) => {
+    setObservedSize((prev) => {
+      if (prev && prev.width === size.width && prev.height === size.height) return prev;
+      return size;
+    });
+  }, []);
+  return { plotSize, innerRect, onResolvedSizeChange };
+}
+
+export {
+  useResponsiveChartSize
+};

package/dist/{chunk-VA6PZWOH.mjs → chunk-5SEMRHBD.mjs}

@@ -1,3 +1,6 @@
+import {
+  useControlledState
+} from "./chunk-MEFARVQI.mjs";
 import {
   useTigerConfig
 } from "./chunk-YSIXURBW.mjs";
@@ -34,7 +37,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 var FileManager = ({
   files = [],
   viewMode = "list",
-  selectedKeys = [],
+  selectedKeys,
+  defaultSelectedKeys,
   multiple = false,
   columns,
   sortField = "name",
@@ -67,6 +71,11 @@ var FileManager = ({
   const contentRef = useRef(null);
   const dragFromIndex = useRef(null);
   const labels = useMemo(() => getFileManagerLabels(mergedLocale), [mergedLocale]);
+  const [keys, setKeys] = useControlledState(
+    selectedKeys,
+    defaultSelectedKeys ?? [],
+    onSelectedKeysChange
+  );
   const metaColumns = columns ?? ["size", "modified"];
   const showSizeColumn = metaColumns.includes("size");
   const showModifiedColumn = metaColumns.includes("modified");
@@ -75,23 +84,22 @@ var FileManager = ({
     () => deriveFileManagerModel({
       files,
       currentPath,
-      selectedKeys,
+      selectedKeys: keys,
       sortField,
       sortOrder,
       showHidden,
       searchText: localSearch || searchText
     }),
-    [files, currentPath, selectedKeys, sortField, sortOrder, showHidden, localSearch, searchText]
+    [files, currentPath, keys, sortField, sortOrder, showHidden, localSearch, searchText]
   );
   const containerClasses = useMemo(() => getFileManagerContainerClasses(className), [className]);
   const handleSelect = useCallback(
     (item) => {
       if (item.disabled) return;
       onSelect?.(item);
-      const keys = toggleFileSelection(selectedKeys, item.key, multiple);
-      onSelectedKeysChange?.(keys);
+      setKeys(toggleFileSelection(keys, item.key, multiple));
     },
-    [selectedKeys, multiple, onSelect, onSelectedKeysChange]
+    [keys, multiple, onSelect, setKeys]
   );
   const handleOpen = useCallback(
     (item) => {

package/dist/{chunk-MXXAJSRS.mjs → chunk-6RMBUZZE.mjs}

@@ -10,7 +10,7 @@ import { useCallback, useMemo, useRef } from "react";
 import {
   applyMarkdownToolbarAction,
   classNames,
-  defaultMarkdownToolbar,
+  createDefaultMarkdownToolbar,
   findMarkdownHotkeyMatch,
   getMarkdownBodyClasses,
   getMarkdownContainerClasses,
@@ -62,9 +62,17 @@ var MarkdownEditor = ({
   const textareaRef = useRef(null);
   const [currentValue, commitValue] = useControlledState(value, defaultValue, onChange);
   const [currentMode, commitMode] = useControlledState(mode, defaultMode, onModeChange);
+  const mergedLocale = useMemo(
+    () => mergeTigerLocale(config.locale, locale),
+    [config.locale, locale]
+  );
+  const labels = useMemo(
+    () => getMarkdownEditorLabels(mergedLocale, labelsOverride),
+    [mergedLocale, labelsOverride]
+  );
   const toolbarItems = useMemo(
-    () => toolbar === false ? [] : toolbar ?? defaultMarkdownToolbar,
-    [toolbar]
+    () => toolbar === false ? [] : toolbar ?? createDefaultMarkdownToolbar(labels),
+    [toolbar, labels]
   );
   const previewHtml = useMemo(
     () => renderMarkdownToHtml(currentValue, renderer),
@@ -74,14 +82,6 @@ var MarkdownEditor = ({
     const parsedHeight = parseMarkdownHeight(height);
     return { ...parsedHeight ? { height: parsedHeight } : {}, ...style };
   }, [height, style]);
-  const mergedLocale = useMemo(
-    () => mergeTigerLocale(config.locale, locale),
-    [config.locale, locale]
-  );
-  const labels = useMemo(
-    () => getMarkdownEditorLabels(mergedLocale, labelsOverride),
-    [mergedLocale, labelsOverride]
-  );
   const modeLabels = {
     edit: labels.editModeLabel,
     split: labels.splitModeLabel,

package/dist/{chunk-EKILTLUO.mjs → chunk-72CJNKDY.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-YORCCCQX.mjs";
 import {
   ChartCanvas
-} from "./chunk-DKNVSQSV.mjs";
+} from "./chunk-CUAXRBKO.mjs";
 
 // src/components/GaugeChart.tsx
 import React, { useId, useMemo, useState, useRef, useEffect } from "react";

package/dist/{chunk-XE4YFBOZ.mjs → chunk-AUD3VOLO.mjs}

@@ -1,6 +1,6 @@
 import {
   usePopup
-} from "./chunk-ZG56T75O.mjs";
+} from "./chunk-WTHWLCRL.mjs";
 import {
   renderOverlayPortal
 } from "./chunk-HKAZXG74.mjs";

package/dist/{chunk-I4MWOYJS.mjs → chunk-AYFKHWJS.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";
@@ -31,7 +34,6 @@ import {
   getStableChartGradientPrefix,
   getBarValueLabelY,
   getChartElementOpacity,
-  getChartInnerRect,
   getNumberExtent,
   resolveChartPalette,
   buildChartLegendItems,
@@ -117,6 +119,7 @@ var BarChart = ({
     wrapperClasses
   } = useChartInteraction({
     hoverable,
+    showTooltip,
     hoveredIndexProp,
     selectable,
     selectedIndexProp,
@@ -133,9 +136,11 @@ var BarChart = ({
       onClick: onBarClick
     }
   });
-  const innerRect = useMemo(
-    () => getChartInnerRect(width, height, padding),
-    [width, height, padding]
+  const { innerRect, onResolvedSizeChange } = useResponsiveChartSize(
+    width,
+    height,
+    padding,
+    responsive
   );
   const xDomain = useMemo(() => data.map((item) => String(item.x)), [data]);
   const yValues = useMemo(() => data.map((item) => item.y), [data]);
@@ -229,6 +234,7 @@ var BarChart = ({
       title,
       desc,
       className: classNames(className),
+      onResolvedSizeChange,
       children: [
         gradient && /* @__PURE__ */ jsx("defs", { children: bars.map((bar) => /* @__PURE__ */ jsxs(
           "linearGradient",
@@ -342,7 +348,7 @@ var BarChart = ({
     ChartTooltip,
     {
       content: tooltipContent,
-      open: hoverable && resolvedHoveredIndex !== null && tooltipContent !== "",
+      open: resolvedHoveredIndex !== null && tooltipContent !== "",
       x: tooltipPosition.x,
       y: tooltipPosition.y
     }

package/dist/{chunk-RPSHILHD.mjs → chunk-BXAH2GH3.mjs}

@@ -1,3 +1,7 @@
+import {
+  useControlledState
+} from "./chunk-MEFARVQI.mjs";
+
 // src/components/Switch.tsx
 import {
   getSwitchClasses,
@@ -5,7 +9,8 @@ import {
 } from "@expcat/tigercat-core";
 import { jsx } from "react/jsx-runtime";
 var Switch = ({
-  checked = false,
+  checked: checkedProp,
+  defaultChecked,
   disabled = false,
   size = "md",
   onChange,
@@ -15,11 +20,12 @@ var Switch = ({
   tabIndex,
   ...props
 }) => {
+  const [checked, setChecked] = useControlledState(checkedProp, defaultChecked ?? false, onChange);
   const switchClasses = getSwitchClasses(size, checked, disabled, className);
   const thumbClasses = getSwitchThumbClasses(size, checked);
   const toggle = () => {
     if (disabled) return;
-    onChange?.(!checked);
+    setChecked(!checked);
   };
   const handleClick = (event) => {
     onClick?.(event);

package/dist/{chunk-EW5EO7VE.mjs → chunk-BYD7EAWK.mjs}

@@ -1,6 +1,6 @@
 import {
   PieChart
-} from "./chunk-QGZ32NFQ.mjs";
+} from "./chunk-Z23KOLNU.mjs";
 
 // src/components/DonutChart.tsx
 import { useEffect, useMemo, useState } from "react";

package/dist/{chunk-L55UK45A.mjs → chunk-CRIEUKMD.mjs}

@@ -56,7 +56,9 @@ var InputNumber = ({
   onChange,
   onFocus,
   onBlur,
-  className
+  className,
+  style,
+  ...rest
 }) => {
   const inputGroup = useInputGroupContext();
   const effectiveSize = size ?? inputGroup?.size ?? "md";
@@ -181,7 +183,7 @@ var InputNumber = ({
     ),
     [effectiveSize, controls, controlsPosition]
   );
-  return /* @__PURE__ */ jsxs("div", { className: wrapperClasses, children: [
+  return /* @__PURE__ */ jsxs("div", { className: wrapperClasses, style, children: [
     controls && controlsPosition === "both" && /* @__PURE__ */ jsx(
       "button",
       {
@@ -212,6 +214,7 @@ var InputNumber = ({
     /* @__PURE__ */ jsx(
       "input",
       {
+        ...rest,
         ref: inputRef,
         type: "text",
         inputMode: "decimal",

package/dist/{chunk-DKNVSQSV.mjs → chunk-CUAXRBKO.mjs}

@@ -17,10 +17,12 @@ var ChartCanvas = ({
   title,
   desc,
   children,
+  onResolvedSizeChange,
   ...props
 }) => {
   const svgRef = useRef(null);
   const [observedSize, setObservedSize] = useState(null);
+  const lastReportedSizeRef = useRef(null);
   const resizeControllerRef = useRef(
     createChartResizeObserverController({
       onSizeChange: setObservedSize
@@ -47,6 +49,16 @@ var ChartCanvas = ({
     controller.observe(target);
     return () => controller.disconnect();
   }, [responsive]);
+  useEffect(() => {
+    if (!onResolvedSizeChange) return;
+    const prev = lastReportedSizeRef.current;
+    if (prev && prev.width === resolvedSize.width && prev.height === resolvedSize.height) {
+      return;
+    }
+    const nextSize = { width: resolvedSize.width, height: resolvedSize.height };
+    lastReportedSizeRef.current = nextSize;
+    onResolvedSizeChange(nextSize);
+  }, [resolvedSize.width, resolvedSize.height, onResolvedSizeChange]);
   return /* @__PURE__ */ jsxs(
     "svg",
     {