@expcat/tigercat-react 1.3.4 → 1.5.0

package/dist/{chunk-7Z64GEMN.js → chunk-WTASPL6V.js}

@@ -10,6 +10,7 @@ var _react = require('react');
 
 
 
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
 var Thumb = _react.memo.call(void 0, 
@@ -216,7 +217,8 @@ var Slider = ({
   const tooltipClasses = _react.useMemo.call(void 0, () => _tigercatcore.getSliderTooltipClasses.call(void 0, size), [size]);
   const renderMarks = () => {
     if (!marks) return null;
-    const marksObj = typeof marks === "boolean" ? {} : marks;
+    const marksObj = _tigercatcore.sliderResolveMarks.call(void 0, marks, min, max);
+    if (Object.keys(marksObj).length === 0) return null;
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute w-full top-full mt-2", children: Object.entries(marksObj).map(([key, label]) => {
       const value = Number(key);
       const left = getPercentage(value);

package/dist/{chunk-FNJDBFKM.mjs → chunk-WTIEJCRV.mjs}

@@ -2,11 +2,16 @@ import {
   renderBodyPortal,
   useBodyScrollLock
 } from "./chunk-SEWNVIHH.mjs";
+import {
+  useTigerConfig
+} from "./chunk-QAIBQHIO.mjs";
 
 // src/components/Loading.tsx
 import { useEffect, useState, useMemo } from "react";
 import {
   classNames,
+  resolveLocaleText,
+  mergeTigerLocale,
   getLoadingBarClasses,
   getLoadingBarsWrapperClasses,
   getLoadingClasses,
@@ -32,8 +37,14 @@ var Loading = ({
   lockScroll = true,
   className,
   style,
+  locale,
   ...props
 }) => {
+  const config = useTigerConfig();
+  const mergedLocale = useMemo(
+    () => mergeTigerLocale(config.locale, locale),
+    [config.locale, locale]
+  );
   const [visible, setVisible] = useState(delay <= 0);
   useEffect(() => {
     injectLoadingAnimationStyles();
@@ -116,7 +127,7 @@ var Loading = ({
       className: containerClasses,
       style: mergedStyle,
       role: "status",
-      "aria-label": text || "Loading",
+      "aria-label": text || resolveLocaleText("Loading", mergedLocale?.common?.loadingText),
       "aria-live": "polite",
       "aria-busy": true,
       ...props,

package/dist/{chunk-V4JIZN3E.mjs → chunk-WYPTAUCX.mjs}

@@ -1,6 +1,6 @@
 import {
   useControlledState
-} from "./chunk-UQMPEMY7.mjs";
+} from "./chunk-WHYHLUXG.mjs";
 
 // src/components/RichTextEditor.tsx
 import { useRef, useState, useCallback, useEffect, useMemo } from "react";
@@ -25,7 +25,7 @@ var RichTextEditor = ({
   value,
   defaultValue = "",
   placeholder,
-  mode: _mode = "html",
+  mode = "html",
   toolbar,
   height = 300,
   readOnly = false,
@@ -37,31 +37,24 @@ var RichTextEditor = ({
 }) => {
   const editorRef = useRef(null);
   const engineRef = useRef(null);
-  const [currentContent, setInternalValue, isControlled] = useControlledState(value, defaultValue);
+  const [currentContent, setContent] = useControlledState(value, defaultValue, onChange);
+  const isControlled = value !== void 0;
   const [activeFormats, setActiveFormats] = useState(/* @__PURE__ */ new Set());
   const toolbarItems = toolbar ?? defaultToolbar;
   const empty = isContentEmpty(currentContent);
-  const onChangeRef = useRef(onChange);
-  const setInternalValueRef = useRef(setInternalValue);
-  const isControlledRef = useRef(isControlled);
-  useEffect(() => {
-    onChangeRef.current = onChange;
-    setInternalValueRef.current = setInternalValue;
-    isControlledRef.current = isControlled;
-  }, [onChange, setInternalValue, isControlled]);
   useEffect(() => {
     if (!editorRef.current) return;
     const factory = engine ?? builtinRichTextEngine;
     const instance = factory.create({
       element: editorRef.current,
       initialValue: isControlled ? value : defaultValue,
+      mode,
       readOnly,
       disabled,
       placeholder,
       toolbar: toolbarItems,
       notifyChange(html) {
-        if (!isControlledRef.current) setInternalValueRef.current(html);
-        onChangeRef.current?.(html);
+        setContent(html);
       },
       notifyActiveFormats(next) {
         setActiveFormats(next);
@@ -84,10 +77,6 @@ var RichTextEditor = ({
   const execButtonAction = useCallback(
     (btn) => {
       if (readOnly || disabled) return;
-      if (btn.action && editorRef.current) {
-        btn.action(editorRef.current);
-        return;
-      }
       engineRef.current?.exec(btn.name);
     },
     [readOnly, disabled]

package/dist/{chunk-BFAZZUD6.js → chunk-XKMZ5AMS.js}

@@ -1,6 +1,6 @@
 "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 _chunkUKGQ7256js = require('./chunk-UKGQ7256.js');
+var _chunkL3WPA2RPjs = require('./chunk-L3WPA2RP.js');
 
 // src/components/MarkdownEditor.tsx
 var _react = require('react');
@@ -53,11 +53,8 @@ var MarkdownEditor = ({
   ...restProps
 }) => {
   const textareaRef = _react.useRef.call(void 0, null);
-  const [currentValue, setInternalValue, isValueControlled] = _chunkUKGQ7256js.useControlledState.call(void 0, 
-    value,
-    defaultValue
-  );
-  const [currentMode, setInternalMode, isModeControlled] = _chunkUKGQ7256js.useControlledState.call(void 0, mode, defaultMode);
+  const [currentValue, commitValue] = _chunkL3WPA2RPjs.useControlledState.call(void 0, value, defaultValue, onChange);
+  const [currentMode, commitMode] = _chunkL3WPA2RPjs.useControlledState.call(void 0, mode, defaultMode, onModeChange);
   const toolbarItems = _react.useMemo.call(void 0, 
     () => toolbar === false ? [] : _nullishCoalesce(toolbar, () => ( _tigercatcore.defaultMarkdownToolbar)),
     [toolbar]
@@ -70,28 +67,14 @@ var MarkdownEditor = ({
     const parsedHeight = _tigercatcore.parseMarkdownHeight.call(void 0, height);
     return { ...parsedHeight ? { height: parsedHeight } : {}, ...style };
   }, [height, style]);
-  const commitValue = _react.useCallback.call(void 0, 
-    (nextValue) => {
-      if (!isValueControlled) setInternalValue(nextValue);
-      _optionalChain([onChange, 'optionalCall', _ => _(nextValue)]);
-    },
-    [isValueControlled, onChange, setInternalValue]
-  );
-  const commitMode = _react.useCallback.call(void 0, 
-    (nextMode) => {
-      if (!isModeControlled) setInternalMode(nextMode);
-      _optionalChain([onModeChange, 'optionalCall', _2 => _2(nextMode)]);
-    },
-    [isModeControlled, onModeChange, setInternalMode]
-  );
   const applyToolbarButton = _react.useCallback.call(void 0, 
     (button) => {
       if (readOnly || disabled) return;
       const textarea = textareaRef.current;
       const selection = {
         value: currentValue,
-        selectionStart: _nullishCoalesce(_optionalChain([textarea, 'optionalAccess', _3 => _3.selectionStart]), () => ( currentValue.length)),
-        selectionEnd: _nullishCoalesce(_optionalChain([textarea, 'optionalAccess', _4 => _4.selectionEnd]), () => ( currentValue.length))
+        selectionStart: _nullishCoalesce(_optionalChain([textarea, 'optionalAccess', _ => _.selectionStart]), () => ( currentValue.length)),
+        selectionEnd: _nullishCoalesce(_optionalChain([textarea, 'optionalAccess', _2 => _2.selectionEnd]), () => ( currentValue.length))
       };
       const result = _tigercatcore.applyMarkdownToolbarAction.call(void 0, button, selection);
       commitValue(result.value);
@@ -137,7 +120,8 @@ var MarkdownEditor = ({
       ),
       role: "region",
       "aria-label": "Markdown preview",
-      dangerouslySetInnerHTML: { __html: currentValue ? previewHtml : placeholder || "" }
+      ...currentValue ? { dangerouslySetInnerHTML: { __html: previewHtml } } : {},
+      children: currentValue ? null : placeholder
     }
   );
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 

package/dist/{chunk-SKMZTW3K.js → chunk-XMD7CQQ2.js}

@@ -1,4 +1,11 @@
-"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; }// src/components/InputNumber.tsx
+"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 _chunkI3CDTF4Ujs = require('./chunk-I3CDTF4U.js');
+
+
+var _chunkL3WPA2RPjs = require('./chunk-L3WPA2RP.js');
+
+// src/components/InputNumber.tsx
 var _react = require('react');
 
 
@@ -18,6 +25,8 @@ var _react = require('react');
 
 
 
+
+
 
 
 var _tigercatcore = require('@expcat/tigercat-core');
@@ -25,7 +34,7 @@ var _jsxruntime = require('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 = _chunkI3CDTF4Ujs.useInputGroupContext.call(void 0, );
+  const effectiveSize = _nullishCoalesce(_nullishCoalesce(size, () => ( _optionalChain([inputGroup, 'optionalAccess', _ => _.size]))), () => ( "md"));
   const inputRef = _react.useRef.call(void 0, null);
   const repeatControllerRef = _react.useRef.call(void 0, _tigercatcore.createRafRepeatActionController.call(void 0, ));
   const repeatValueRef = _react.useRef.call(void 0, null);
   const suppressNextClickRef = _react.useRef.call(void 0, false);
   const [focused, setFocused] = _react.useState.call(void 0, false);
-  const [internalValue, setInternalValue] = _react.useState.call(void 0, 
-    _nullishCoalesce(_nullishCoalesce(defaultValue, () => ( controlledValue)), () => ( null))
+  const [currentValue, setValue] = _chunkL3WPA2RPjs.useControlledState.call(void 0, 
+    controlledValue,
+    _nullishCoalesce(_nullishCoalesce(defaultValue, () => ( controlledValue)), () => ( null)),
+    onChange
   );
   const [displayValue, setDisplayValue] = _react.useState.call(void 0, "");
-  const currentValue = isControlled ? _nullishCoalesce(controlledValue, () => ( null)) : internalValue;
   const toDisplayValue = _react.useCallback.call(void 0, 
-    (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) => _tigercatcore.formatInputNumberDisplay.call(void 0, 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) => _tigercatcore.parseInputNumberValue.call(void 0, str, { parser });
   _react.useEffect.call(void 0, () => {
     if (!focused) {
       setDisplayValue(toDisplayValue(currentValue));
@@ -92,10 +93,7 @@ var InputNumber = ({
         finalVal = _tigercatcore.formatPrecision.call(void 0, finalVal, precision);
       }
     }
-    if (!isControlled) {
-      setInternalValue(finalVal);
-    }
-    _optionalChain([onChange, 'optionalCall', _ => _(finalVal)]);
+    setValue(finalVal);
     setDisplayValue(toDisplayValue(finalVal));
   };
   const handleStep = (direction, baseValue = currentValue) => {
@@ -167,19 +165,19 @@ var InputNumber = ({
     () => _tigercatcore.classNames.call(void 0, 
       _tigercatcore.getInputNumberWrapperClasses.call(void 0, disabled),
       _tigercatcore.getInputNumberStatusClasses.call(void 0, status),
-      _tigercatcore.getInputNumberSizeClasses.call(void 0, size),
+      _tigercatcore.getInputNumberSizeClasses.call(void 0, effectiveSize),
       focused && `ring-2 ${_tigercatcore.getInputNumberFocusRingColor.call(void 0, status)}`,
       className
     ),
-    [disabled, status, size, focused, className]
+    [disabled, status, effectiveSize, focused, className]
   );
   const inputClasses = _react.useMemo.call(void 0, 
     () => _tigercatcore.getInputNumberInputClasses.call(void 0, 
-      size,
+      effectiveSize,
       controls && controlsPosition === "right",
       controls && controlsPosition === "both"
     ),
-    [size, controls, controlsPosition]
+    [effectiveSize, controls, controlsPosition]
   );
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: wrapperClasses, children: [
     controls && controlsPosition === "both" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 

package/dist/{chunk-7DUHHRAU.mjs → chunk-Y5X3G2LD.mjs}

@@ -1,5 +1,5 @@
 // src/components/VirtualList.tsx
-import { useState, useMemo, useRef, useCallback } from "react";
+import { useState, useMemo, useRef, useCallback, useLayoutEffect } from "react";
 import {
   virtualListContainerClasses,
   virtualListInnerClasses,
@@ -22,7 +22,10 @@ var VirtualList = ({
   onScroll
 }) => {
   const [scrollTop, setScrollTop] = useState(0);
+  const [measureVersion, setMeasureVersion] = useState(0);
   const containerRef = useRef(null);
+  const itemRefs = useRef(/* @__PURE__ */ new Map());
+  const isDynamic = !customStrategy && !getItemHeight && estimatedItemHeight !== void 0;
   const strategy = useMemo(() => {
     if (customStrategy) return customStrategy;
     if (getItemHeight) return variableSizeStrategy(getItemHeight, itemCount);
@@ -32,8 +35,23 @@ var VirtualList = ({
   }, [customStrategy, getItemHeight, estimatedItemHeight, itemHeight, itemCount]);
   const range = useMemo(
     () => strategy.getRange(scrollTop, height, itemCount, overscan),
-    [scrollTop, height, itemCount, overscan, strategy]
+    // measureVersion participates so re-measured heights recompute the window.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [scrollTop, height, itemCount, overscan, strategy, measureVersion]
   );
+  useLayoutEffect(() => {
+    if (!isDynamic || !strategy.updateItemHeight) return;
+    let changed = false;
+    itemRefs.current.forEach((el, i) => {
+      if (!el) return;
+      const measured = el.offsetHeight;
+      if (measured > 0 && measured !== strategy.getItemHeight(i)) {
+        strategy.updateItemHeight(i, measured);
+        changed = true;
+      }
+    });
+    if (changed) setMeasureVersion((v) => v + 1);
+  }, [isDynamic, strategy]);
   const handleScroll = useCallback(() => {
     if (containerRef.current) {
       const st = containerRef.current.scrollTop;
@@ -45,9 +63,27 @@ var VirtualList = ({
   const items = [];
   for (let i = startIndex; i <= endIndex; i++) {
     const itemH = strategy.getItemHeight(i);
-    items.push(
-      /* @__PURE__ */ jsx("div", { style: { height: `${itemH}px`, width: "100%" }, children: renderItem({ index: i }) }, i)
-    );
+    if (isDynamic) {
+      const index = i;
+      items.push(
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            ref: (el) => {
+              if (el) itemRefs.current.set(index, el);
+              else itemRefs.current.delete(index);
+            },
+            style: { width: "100%" },
+            children: renderItem({ index })
+          },
+          index
+        )
+      );
+    } else {
+      items.push(
+        /* @__PURE__ */ jsx("div", { style: { height: `${itemH}px`, width: "100%" }, children: renderItem({ index: i }) }, i)
+      );
+    }
   }
   const offsetTop = startIndex >= 0 ? strategy.getItemOffset(startIndex) : 0;
   return /* @__PURE__ */ jsx(

package/dist/{chunk-XATXFVKR.mjs → chunk-Y7K27DVV.mjs}

@@ -6,7 +6,8 @@ import {
   mentionsDropdownClasses,
   getMentionsOptionClasses,
   extractMentionQuery,
-  positionMentionsDropdown
+  positionMentionsDropdown,
+  getCyclicIndex
 } from "@expcat/tigercat-core";
 import { jsx, jsxs } from "react/jsx-runtime";
 var Mentions = ({
@@ -68,10 +69,10 @@ var Mentions = ({
       if (!isOpen) return;
       if (e.key === "ArrowDown") {
         e.preventDefault();
-        setActiveIndex((prev) => (prev + 1) % filteredOptions.length);
+        setActiveIndex((prev) => getCyclicIndex(filteredOptions.length, prev, 1));
       } else if (e.key === "ArrowUp") {
         e.preventDefault();
-        setActiveIndex((prev) => (prev - 1 + filteredOptions.length) % filteredOptions.length);
+        setActiveIndex((prev) => getCyclicIndex(filteredOptions.length, prev, -1));
       } else if (e.key === "Enter") {
         e.preventDefault();
         const opt = filteredOptions[activeIndex];

package/dist/{chunk-ZA5EFHET.mjs → chunk-Z6BDNV3S.mjs}

@@ -1,7 +1,13 @@
+import {
+  useTigerConfig
+} from "./chunk-QAIBQHIO.mjs";
+
 // src/components/Timeline.tsx
 import { useMemo } from "react";
 import {
   classNames,
+  mergeTigerLocale,
+  resolveLocaleText,
   getTimelineContainerClasses,
   getTimelineItemClasses,
   getTimelineTailClasses,
@@ -24,8 +30,14 @@ var Timeline = ({
   renderItem,
   renderDot: customRenderDot,
   className,
+  locale,
   ...ulProps
 }) => {
+  const config = useTigerConfig();
+  const mergedLocale = useMemo(
+    () => mergeTigerLocale(config.locale, locale),
+    [config.locale, locale]
+  );
   const processedItems = useMemo(() => {
     let result = reverse ? [...items].reverse() : [...items];
     if (mode === "alternate") {
@@ -88,9 +100,14 @@ var Timeline = ({
     const itemClasses = getTimelineItemClasses(mode, position, true);
     const headClasses = getTimelineHeadClasses(mode);
     const contentClasses = getTimelineContentClasses(mode, position);
+    const pendingText = resolveLocaleText(
+      "Loading...",
+      mergedLocale?.timeline?.pendingText,
+      mergedLocale?.common?.loadingText
+    );
     return /* @__PURE__ */ jsxs("li", { className: itemClasses, children: [
       /* @__PURE__ */ jsx("div", { className: headClasses, children: renderDotElement({}, true) }),
-      /* @__PURE__ */ jsx("div", { className: contentClasses, children: pendingContent || /* @__PURE__ */ jsx("div", { className: timelineDescriptionClasses, children: "Loading..." }) })
+      /* @__PURE__ */ jsx("div", { className: contentClasses, children: pendingContent || /* @__PURE__ */ jsx("div", { className: timelineDescriptionClasses, children: pendingText }) })
     ] }, "pending");
   };
   return /* @__PURE__ */ jsxs(

package/dist/{chunk-UBP7HZSU.mjs → chunk-ZG2W4HS5.mjs}

@@ -16,7 +16,7 @@ var ChartLegend = ({
   const containerClasses = useMemo(
     () => classNames(
       "flex flex-wrap",
-      position === "right" || position === "left" ? "flex-col gap-2" : "flex-row gap-3",
+      position === "right" || position === "left" ? "flex-col" : "flex-row",
       className
     ),
     [position, className]
@@ -43,8 +43,9 @@ var ChartLegend = ({
     "div",
     {
       className: containerClasses,
-      role: "list",
+      role: interactive ? "group" : "list",
       "aria-label": "Chart legend",
+      style: { gap: `${gap}px` },
       "data-chart-legend": "true",
       children: items.map((item) => {
         const ItemComponent = interactive ? "button" : "div";
@@ -58,7 +59,8 @@ var ChartLegend = ({
               interactive ? "cursor-pointer hover:text-[color:var(--tiger-text,#374151)] hover:bg-[var(--tiger-chart-legend-row-hover-bg,transparent)] transition-colors" : "cursor-default",
               item.active === false ? "opacity-50" : void 0
             ),
-            role: "listitem",
+            role: interactive ? void 0 : "listitem",
+            "aria-pressed": interactive ? item.active !== false : void 0,
             "data-legend-item": "true",
             onClick: interactive ? () => handleClick(item) : void 0,
             onMouseEnter: interactive ? () => handleHover(item) : void 0,
@@ -78,7 +80,7 @@ var ChartLegend = ({
                   "data-legend-marker": "true"
                 }
               ),
-              /* @__PURE__ */ jsx("span", { style: { marginRight: `${gap}px` }, children: item.label })
+              /* @__PURE__ */ jsx("span", { children: item.label })
             ]
           },
           `legend-${item.index}`

package/dist/{chunk-UIIOZEUP.js → chunk-ZLCVJXGL.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');
@@ -194,7 +194,7 @@ var SunburstChart = ({
     }
   );
   const tooltip = showTooltip && hoverable ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkUVMQJOTXjs.ChartTooltip,
+    _chunkSK7PXSVEjs.ChartTooltip,
     {
       content: tooltipContent,
       visible: resolvedHoveredIndex !== null && tooltipContent !== "",
@@ -211,7 +211,7 @@ var SunburstChart = ({
   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-LQT6ZGME.mjs → chunk-ZLP4XEAO.mjs}

@@ -1,6 +1,12 @@
+import {
+  useTigerConfig
+} from "./chunk-QAIBQHIO.mjs";
+
 // src/components/Transfer.tsx
 import { useState, useMemo } from "react";
 import {
+  resolveLocaleText,
+  mergeTigerLocale,
   transferBaseClasses,
   transferPanelClasses,
   transferPanelHeaderClasses,
@@ -13,6 +19,7 @@ import {
   getTransferButtonClasses,
   splitTransferData,
   filterTransferItems,
+  moveTransferItems,
   getPickerListboxAria,
   getPickerOptionAria,
   classNames,
@@ -23,6 +30,7 @@ import {
 import { jsx, jsxs } from "react/jsx-runtime";
 var TRANSFER_KEYS = /* @__PURE__ */ new Set([
   "value",
+  "targetKeys",
   "dataSource",
   "size",
   "disabled",
@@ -33,21 +41,30 @@ var TRANSFER_KEYS = /* @__PURE__ */ new Set([
   "filterOption",
   "onChange"
 ]);
+var EMPTY_TRANSFER_VALUE = [];
 var Transfer = (props) => {
   const {
-    value = [],
+    value,
+    targetKeys,
     dataSource = [],
     size = "md",
     disabled = false,
     showSearch = false,
     sourceTitle = "Source",
     targetTitle = "Target",
-    notFoundText = "No data",
+    notFoundText,
     filterOption,
     className,
     onChange,
+    locale,
     ...rest
   } = props;
+  const resolvedValue = value ?? targetKeys ?? EMPTY_TRANSFER_VALUE;
+  const config = useTigerConfig();
+  const mergedLocale = useMemo(
+    () => mergeTigerLocale(config.locale, locale),
+    [config.locale, locale]
+  );
   const divProps = {};
   for (const key of Object.keys(rest)) {
     if (!TRANSFER_KEYS.has(key)) {
@@ -59,8 +76,8 @@ var Transfer = (props) => {
   const [sourceSearch, setSourceSearch] = useState("");
   const [targetSearch, setTargetSearch] = useState("");
   const { sourceItems, targetItems } = useMemo(
-    () => splitTransferData(dataSource, value),
-    [dataSource, value]
+    () => splitTransferData(dataSource, resolvedValue),
+    [dataSource, resolvedValue]
   );
   const filteredSourceItems = useMemo(
     () => filterTransferItems(sourceItems, sourceSearch, filterOption),
@@ -96,25 +113,25 @@ var Transfer = (props) => {
   }
   function moveRight() {
     if (!canMoveRight) return;
-    const keysToMove = [...sourceSelectedKeys].filter((key) => {
-      const item = dataSource.find((d) => d.key === key);
-      return item && !item.disabled;
-    });
-    const newTargetKeys = [...value, ...keysToMove];
+    const { targetKeys: newTargetKeys, movedKeys } = moveTransferItems(
+      "right",
+      resolvedValue,
+      sourceSelectedKeys,
+      dataSource
+    );
     setSourceSelectedKeys(/* @__PURE__ */ new Set());
-    onChange?.(newTargetKeys, "right", keysToMove);
+    onChange?.(newTargetKeys, "right", movedKeys);
   }
   function moveLeft() {
     if (!canMoveLeft) return;
-    const keysToRemove = new Set(
-      [...targetSelectedKeys].filter((key) => {
-        const item = dataSource.find((d) => d.key === key);
-        return item && !item.disabled;
-      })
+    const { targetKeys: newTargetKeys, movedKeys } = moveTransferItems(
+      "left",
+      resolvedValue,
+      targetSelectedKeys,
+      dataSource
     );
-    const newTargetKeys = value.filter((k) => !keysToRemove.has(k));
     setTargetSelectedKeys(/* @__PURE__ */ new Set());
-    onChange?.(newTargetKeys, "left", [...keysToRemove]);
+    onChange?.(newTargetKeys, "left", movedKeys);
   }
   function renderPanel(title, items, selectedKeys, toggleFn, searchValue, onSearch) {
     return /* @__PURE__ */ jsxs("div", { className: transferPanelClasses, role: "group", "aria-label": title, children: [
@@ -129,7 +146,7 @@ var Transfer = (props) => {
         {
           type: "text",
           className: transferSearchClasses,
-          placeholder: "Search...",
+          placeholder: resolveLocaleText("Search...", mergedLocale?.common?.searchPlaceholder),
           value: searchValue,
           "aria-label": `Search ${title}`,
           onChange: (e) => onSearch(e.target.value)
@@ -166,7 +183,7 @@ var Transfer = (props) => {
               },
               String(item.key)
             );
-          }) : /* @__PURE__ */ jsx("div", { className: transferEmptyClasses, children: notFoundText })
+          }) : /* @__PURE__ */ jsx("div", { className: transferEmptyClasses, children: resolveLocaleText("No data", notFoundText, mergedLocale?.common?.emptyText) })
         }
       )
     ] });