@expcat/tigercat-react 1.3.4 → 1.5.0

package/dist/{chunk-PUZDW7NR.js → chunk-6SG2N4WF.js}

@@ -1,12 +1,12 @@
 "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 _chunkWVVXZKNIjs = require('./chunk-WVVXZKNI.js');
+var _chunkGPAY5F7Djs = require('./chunk-GPAY5F7D.js');
 
 
 var _chunkZLNBE4ISjs = require('./chunk-ZLNBE4IS.js');
 
 
-var _chunkZJI2VLILjs = require('./chunk-ZJI2VLIL.js');
+var _chunkTLDTBCT6js = require('./chunk-TLDTBCT6.js');
 
 
 var _chunkUF3DXKCIjs = require('./chunk-UF3DXKCI.js');
@@ -99,13 +99,14 @@ var CommentThread = ({
   const ACTION_BTN = `${BTN_BASE} text-gray-500 dark:text-gray-400 font-medium flex items-center gap-1.5`;
   const PRIMARY_BTN = `${BTN_BASE} text-[var(--tiger-primary,#2563eb)] hover:text-[var(--tiger-primary-hover,#1d4ed8)] dark:text-blue-400 dark:hover:text-blue-300 font-semibold hover:bg-[var(--tiger-primary,#2563eb)]/10 dark:hover:bg-blue-400/10`;
   const renderNode = (node, depth, isLast) => {
-    const hasChildren = !!node.children && node.children.length > 0;
+    const children = _nullishCoalesce(node.children, () => ( []));
+    const hasChildren = children.length > 0;
     const isExpanded = expandedSet.has(node.id);
     const showReplies = hasChildren && isExpanded;
     const showAllReplies = expandedAllKeys.has(node.id);
     const repliesId = `tiger-comment-replies-${node.id}`;
-    const visibleChildren = showReplies ? maxReplies > 0 && !showAllReplies ? node.children.slice(0, maxReplies) : node.children : [];
-    const showLoadMoreBtn = showReplies && maxReplies > 0 && node.children.length > maxReplies && !showAllReplies;
+    const visibleChildren = showReplies ? maxReplies > 0 && !showAllReplies ? children.slice(0, maxReplies) : children : [];
+    const showLoadMoreBtn = showReplies && maxReplies > 0 && children.length > maxReplies && !showAllReplies;
     const actions = [];
     if (showLike) {
       const likeLabel = node.liked ? likedText : likeText;
@@ -123,7 +124,25 @@ var CommentThread = ({
             ),
             onClick: () => _optionalChain([onLike, 'optionalCall', _4 => _4(node, !node.liked)]),
             children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { className: _tigercatcore.classNames.call(void 0, "w-3.5 h-3.5 transition-transform duration-200 active:scale-125", node.liked ? "fill-current" : "stroke-current fill-none"), viewBox: "0 0 24 24", strokeWidth: "2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6.633 10.5c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 012.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 00.322-1.672V3a.75.75 0 01.75-.75A2.25 2.25 0 0116.5 4.5c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282h3.126c1.026 0 1.945.694 2.054 1.715.045.421.068.848.068 1.285a11.95 11.95 0 01-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 00-1.423-.23H5.904M14.25 9h2.25M5.904 18.75c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 010-7.764c.26-.85.1083-1.368 1.972-1.368h.908c.445 0 .72.498.523.898a8.963 8.963 0 00-.27.602" }) }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "svg",
+                {
+                  className: _tigercatcore.classNames.call(void 0, 
+                    "w-3.5 h-3.5 transition-transform duration-200 active:scale-125",
+                    node.liked ? "fill-current" : "stroke-current fill-none"
+                  ),
+                  viewBox: "0 0 24 24",
+                  strokeWidth: "2",
+                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    "path",
+                    {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      d: "M6.633 10.5c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 012.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 00.322-1.672V3a.75.75 0 01.75-.75A2.25 2.25 0 0116.5 4.5c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282h3.126c1.026 0 1.945.694 2.054 1.715.045.421.068.848.068 1.285a11.95 11.95 0 01-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 00-1.423-.23H5.904M14.25 9h2.25M5.904 18.75c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 010-7.764c.26-.85.1083-1.368 1.972-1.368h.908c.445 0 .72.498.523.898a8.963 8.963 0 00-.27.602"
+                    }
+                  )
+                }
+              ),
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: `${likeLabel}${likeCount}` })
             ]
           },
@@ -147,7 +166,24 @@ var CommentThread = ({
               setReplyValue("");
             },
             children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { className: "w-3.5 h-3.5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.625 12a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H8.25m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H12m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0h-.375M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z" }) }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "svg",
+                {
+                  className: "w-3.5 h-3.5",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    "path",
+                    {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      d: "M8.625 12a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H8.25m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H12m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0h-.375M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"
+                    }
+                  )
+                }
+              ),
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: replyText })
             ]
           },
@@ -168,7 +204,24 @@ var CommentThread = ({
             ),
             onClick: () => _optionalChain([onMore, 'optionalCall', _5 => _5(node)]),
             children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { className: "w-3.5 h-3.5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0zM12.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0zM18.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0z" }) }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "svg",
+                {
+                  className: "w-3.5 h-3.5",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    "path",
+                    {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      d: "M6.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0zM12.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0zM18.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0z"
+                    }
+                  )
+                }
+              ),
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: moreText })
             ]
           },
@@ -185,10 +238,7 @@ var CommentThread = ({
             {
               size: "sm",
               variant: _nullishCoalesce(action.variant, () => ( "ghost")),
-              className: _tigercatcore.classNames.call(void 0, 
-                ACTION_BTN,
-                "hover:bg-gray-100 dark:hover:bg-gray-800"
-              ),
+              className: _tigercatcore.classNames.call(void 0, ACTION_BTN, "hover:bg-gray-100 dark:hover:bg-gray-800"),
               disabled: action.disabled,
               onClick: () => {
                 _optionalChain([action, 'access', _6 => _6.onClick, 'optionalCall', _7 => _7(node, action)]);
@@ -221,17 +271,61 @@ var CommentThread = ({
           ) : null,
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 min-w-0", children: [
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2 flex-wrap", children: [
-              _optionalChain([node, 'access', _9 => _9.user, 'optionalAccess', _10 => _10.name]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUF3DXKCIjs.Text, { tag: "span", size: "sm", weight: "bold", className: "text-gray-900 dark:text-gray-100 hover:text-blue-600 dark:hover:text-blue-400 transition-colors cursor-pointer", children: node.user.name }) : null,
-              _optionalChain([node, 'access', _11 => _11.user, 'optionalAccess', _12 => _12.title]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUF3DXKCIjs.Text, { tag: "span", size: "xs", color: "muted", className: "bg-gray-100 dark:bg-gray-800 px-1.5 py-0.5 rounded text-gray-500 dark:text-gray-400 font-medium", children: node.user.title }) : null,
-              node.tag ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZJI2VLILjs.Tag, { size: "sm", variant: _nullishCoalesce(node.tag.variant, () => ( "default")), className: "rounded-full px-2 py-0.5 text-[10px] font-semibold tracking-wide uppercase border border-current bg-opacity-10", children: node.tag.label }) : null,
-              _optionalChain([node, 'access', _13 => _13.tags, 'optionalAccess', _14 => _14.map, 'call', _15 => _15((tag, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZJI2VLILjs.Tag, { size: "sm", variant: _nullishCoalesce(tag.variant, () => ( "default")), className: "rounded-full px-2 py-0.5 text-[10px] font-semibold tracking-wide uppercase border border-current bg-opacity-10", children: tag.label }, `${node.id}-tag-${index}`))]),
-              node.time ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUF3DXKCIjs.Text, { tag: "span", size: "xs", color: "muted", className: "ml-auto text-gray-400 dark:text-gray-500 font-normal", children: _tigercatcore.formatCommentTime.call(void 0, node.time) }) : null
+              _optionalChain([node, 'access', _9 => _9.user, 'optionalAccess', _10 => _10.name]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunkUF3DXKCIjs.Text,
+                {
+                  tag: "span",
+                  size: "sm",
+                  weight: "bold",
+                  className: "text-gray-900 dark:text-gray-100 hover:text-blue-600 dark:hover:text-blue-400 transition-colors cursor-pointer",
+                  children: node.user.name
+                }
+              ) : null,
+              _optionalChain([node, 'access', _11 => _11.user, 'optionalAccess', _12 => _12.title]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunkUF3DXKCIjs.Text,
+                {
+                  tag: "span",
+                  size: "xs",
+                  color: "muted",
+                  className: "bg-gray-100 dark:bg-gray-800 px-1.5 py-0.5 rounded text-gray-500 dark:text-gray-400 font-medium",
+                  children: node.user.title
+                }
+              ) : null,
+              node.tag ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunkTLDTBCT6js.Tag,
+                {
+                  size: "sm",
+                  variant: _nullishCoalesce(node.tag.variant, () => ( "default")),
+                  className: "rounded-full px-2 py-0.5 text-[10px] font-semibold tracking-wide uppercase border border-current bg-current/10",
+                  children: node.tag.label
+                }
+              ) : null,
+              _optionalChain([node, 'access', _13 => _13.tags, 'optionalAccess', _14 => _14.map, 'call', _15 => _15((tag, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunkTLDTBCT6js.Tag,
+                {
+                  size: "sm",
+                  variant: _nullishCoalesce(tag.variant, () => ( "default")),
+                  className: "rounded-full px-2 py-0.5 text-[10px] font-semibold tracking-wide uppercase border border-current bg-current/10",
+                  children: tag.label
+                },
+                `${node.id}-tag-${index}`
+              ))]),
+              node.time ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunkUF3DXKCIjs.Text,
+                {
+                  tag: "span",
+                  size: "xs",
+                  color: "muted",
+                  className: "ml-auto text-gray-400 dark:text-gray-500 font-normal",
+                  children: _tigercatcore.formatCommentTime.call(void 0, node.time)
+                }
+              ) : null
             ] }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-sm text-gray-600 dark:text-gray-300 leading-relaxed break-words mt-2 mb-3 pr-2", children: node.content }),
             actions.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-wrap items-center gap-1.5", children: actions }) : null,
             replyingTo === node.id ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mt-3 space-y-3 bg-gray-50/50 dark:bg-gray-900/30 border border-gray-100 dark:border-gray-800/80 p-4 rounded-xl shadow-sm backdrop-blur-sm transition-all duration-300", children: [
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkWVVXZKNIjs.Textarea,
+                _chunkGPAY5F7Djs.Textarea,
                 {
                   rows: 3,
                   value: replyValue,
@@ -271,11 +365,14 @@ var CommentThread = ({
               {
                 size: "sm",
                 variant: "ghost",
-                className: _tigercatcore.classNames.call(void 0, "mt-2 font-semibold hover:bg-[var(--tiger-primary,#2563eb)]/10 dark:hover:bg-blue-400/10 transition-colors", PRIMARY_BTN),
+                className: _tigercatcore.classNames.call(void 0, 
+                  "mt-2 font-semibold hover:bg-[var(--tiger-primary,#2563eb)]/10 dark:hover:bg-blue-400/10 transition-colors",
+                  PRIMARY_BTN
+                ),
                 "aria-expanded": isExpanded,
                 "aria-controls": repliesId,
                 onClick: () => toggleExpanded(node.id),
-                children: isExpanded ? "\u25BE \u6536\u8D77\u56DE\u590D" : `\u25B8 \u5C55\u5F00 ${node.children.length} \u6761\u56DE\u590D`
+                children: isExpanded ? "\u25BE \u6536\u8D77\u56DE\u590D" : `\u25B8 \u5C55\u5F00 ${children.length} \u6761\u56DE\u590D`
               }
             ) : null,
             showReplies ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -315,7 +412,24 @@ var CommentThread = ({
       "aria-label": _nullishCoalesce(divProps["aria-label"], () => ( (divProps["aria-labelledby"] ? void 0 : "\u8BC4\u8BBA\u7EBF\u7A0B"))),
       ...divProps,
       children: resolvedNodes.length === 0 ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-center justify-center border border-dashed border-gray-200 dark:border-gray-800/80 rounded-xl py-12 px-4 bg-gray-50/20 dark:bg-gray-900/5 transition-colors", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { className: "w-10 h-10 text-gray-300 dark:text-gray-600 mb-3", 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: "M8.625 12a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H8.25m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H12m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0h-.375M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "svg",
+          {
+            className: "w-10 h-10 text-gray-300 dark:text-gray-600 mb-3",
+            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: "M8.625 12a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H8.25m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H12m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0h-.375M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"
+              }
+            )
+          }
+        ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUF3DXKCIjs.Text, { tag: "div", size: "sm", color: "muted", className: "font-medium", children: emptyText })
       ] }) : resolvedNodes.map((node, index) => renderNode(node, 1, index === resolvedNodes.length - 1))
     }

package/dist/{chunk-5XE5VBDS.mjs → chunk-6UIVNRAR.mjs}

@@ -9,7 +9,10 @@ import {
   getStepTailClasses,
   getStepTitleClasses,
   getStepsContainerClasses,
-  calculateStepStatus
+  calculateStepStatus,
+  stepFinishIconViewBox,
+  stepFinishIconStrokeWidth,
+  stepFinishIconPathD
 } from "@expcat/tigercat-core";
 import { jsx, jsxs } from "react/jsx-runtime";
 var StepsContext = createContext(null);
@@ -64,7 +67,17 @@ var StepsItem = ({
       return /* @__PURE__ */ jsx("div", { className: iconClasses, children: icon });
     }
     if (stepStatus === "finish") {
-      return /* @__PURE__ */ jsx("div", { className: iconClasses, "aria-hidden": "true", children: /* @__PURE__ */ jsx("svg", { className: "w-4 h-4 shrink-0 transition-transform duration-300 animate-fade-in", fill: "none", stroke: "currentColor", strokeWidth: "3", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 12.75l6 6 9-13.5" }) }) });
+      return /* @__PURE__ */ jsx("div", { className: iconClasses, "aria-hidden": "true", children: /* @__PURE__ */ jsx(
+        "svg",
+        {
+          className: "w-4 h-4 shrink-0 transition-transform duration-300 animate-fade-in",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: stepFinishIconStrokeWidth,
+          viewBox: stepFinishIconViewBox,
+          children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: stepFinishIconPathD })
+        }
+      ) });
     }
     return /* @__PURE__ */ jsx("div", { className: iconClasses, children: stepIndex + 1 });
   };

package/dist/{chunk-F6IXIH6B.mjs → chunk-7RI5W465.mjs}

@@ -1,3 +1,7 @@
+import {
+  useTigerConfig
+} from "./chunk-QAIBQHIO.mjs";
+
 // src/components/Form.tsx
 import React, {
   createContext,
@@ -24,7 +28,9 @@ import {
   undoFormHistory,
   redoFormHistory,
   canUndo,
-  canRedo
+  canRedo,
+  mergeTigerLocale,
+  getFormValidationLabels
 } from "@expcat/tigercat-core";
 import { jsx } from "react/jsx-runtime";
 var FormContext = createContext(null);
@@ -54,22 +60,25 @@ var Form = forwardRef(
     validateDebounce = 0,
     undoable = false,
     maxHistorySize = 50,
+    locale,
     ...props
   }, ref) => {
     const resolvedLabelAlign = labelAlign ?? (labelPosition === "top" ? "left" : "right");
+    const config = useTigerConfig();
+    const validationMessages = useMemo(
+      () => getFormValidationLabels(mergeTigerLocale(config.locale, locale)),
+      [config.locale, locale]
+    );
     const [errors, setErrors] = useState([]);
-    const [formValues, setFormValues] = useState(model);
     const fieldRulesRef = React.useRef({});
     const fieldConditionsRef = React.useRef({});
     const formValuesRef = React.useRef(model);
+    const initialValuesRef = React.useRef({ ...model });
     const validationDebouncerRef = React.useRef(
       createFormValidationDebouncer({ delay: validateDebounce })
     );
     const errorsByField = useMemo(() => createFormErrorMap(errors), [errors]);
     const [historyState, setHistoryState] = useState(() => createFormHistory(model, maxHistorySize));
-    React.useEffect(() => {
-      setFormValues(model);
-    }, [model]);
     React.useEffect(() => {
       validationDebouncerRef.current.cancel();
       validationDebouncerRef.current = createFormValidationDebouncer({ delay: validateDebounce });
@@ -161,9 +170,16 @@ var Form = forwardRef(
         }
         const currentValues = formValuesRef.current;
         const value = getValueByPath(currentValues, fieldName);
-        return validateFieldUtil(fieldName, value, fieldRules, currentValues, trigger);
+        return validateFieldUtil(
+          fieldName,
+          value,
+          fieldRules,
+          currentValues,
+          trigger,
+          validationMessages
+        );
       },
-      [resolveFieldRules]
+      [resolveFieldRules, validationMessages]
     );
     const validateFieldNow = useCallback(
       async (fieldName, rulesOverride, trigger) => {
@@ -219,10 +235,10 @@ var Form = forwardRef(
         setErrors([]);
         return { valid: true, errors: [] };
       }
-      const result = await validateForm(formValuesRef.current, effectiveRules);
+      const result = await validateForm(formValuesRef.current, effectiveRules, validationMessages);
       setErrors(result.errors);
       return result;
-    }, [getEffectiveRules]);
+    }, [getEffectiveRules, validationMessages]);
     const validate = useCallback(async () => {
       const result = await runValidation();
       return result.valid;
@@ -267,27 +283,28 @@ var Form = forwardRef(
     }, []);
     const resetFields = useCallback(() => {
       clearValidate();
-      setFormValues(model);
-    }, [model, clearValidate]);
+      const next = { ...initialValuesRef.current };
+      formValuesRef.current = next;
+      onChange?.(next);
+      if (undoable) {
+        setHistoryState(createFormHistory(next, maxHistorySize));
+      }
+    }, [clearValidate, onChange, undoable, maxHistorySize]);
     const addField = useCallback(
       (fieldName, defaultValue) => {
         if (!fieldName) return;
-        setFormValues((prev) => {
-          const next = { ...prev, [fieldName]: defaultValue ?? null };
-          onChange?.(next);
-          return next;
-        });
+        const next = { ...formValuesRef.current, [fieldName]: defaultValue ?? null };
+        formValuesRef.current = next;
+        onChange?.(next);
       },
       [onChange]
     );
     const removeField = useCallback(
       (fieldName) => {
         if (!fieldName) return;
-        setFormValues((prev) => {
-          const { [fieldName]: _, ...next } = prev;
-          onChange?.(next);
-          return next;
-        });
+        const { [fieldName]: _, ...next } = formValuesRef.current;
+        formValuesRef.current = next;
+        onChange?.(next);
         clearValidate(fieldName);
       },
       [onChange, clearValidate]
@@ -318,11 +335,9 @@ var Form = forwardRef(
           }
           return clone;
         };
-        setFormValues((prevValues) => {
-          const newValues = setValueByPath(prevValues, fieldName, value);
-          onChange?.(newValues);
-          return newValues;
-        });
+        const newValues = setValueByPath(formValuesRef.current, fieldName, value);
+        formValuesRef.current = newValues;
+        onChange?.(newValues);
       },
       [onChange]
     );
@@ -335,7 +350,6 @@ var Form = forwardRef(
       setHistoryState((prev) => {
         const result = undoFormHistory(prev);
         if (result) {
-          setFormValues(result.present);
           formValuesRef.current = result.present;
           onChange?.(result.present);
           return result;
@@ -348,7 +362,6 @@ var Form = forwardRef(
       setHistoryState((prev) => {
         const result = redoFormHistory(prev);
         if (result) {
-          setFormValues(result.present);
           formValuesRef.current = result.present;
           onChange?.(result.present);
           return result;
@@ -397,7 +410,7 @@ var Form = forwardRef(
     );
     const contextValue = useMemo(
       () => ({
-        model: formValues,
+        model,
         rules,
         labelWidth,
         labelPosition,
@@ -417,7 +430,7 @@ var Form = forwardRef(
         updateValue
       }),
       [
-        formValues,
+        model,
         rules,
         labelWidth,
         labelPosition,

package/dist/{chunk-DCKBVRLI.js → chunk-7UZ7O7KX.js}

@@ -3,13 +3,13 @@
 var _chunkXTV5JLLCjs = require('./chunk-XTV5JLLC.js');
 
 
-var _chunkWV5XHYW6js = require('./chunk-WV5XHYW6.js');
+var _chunk23XPDNCAjs = require('./chunk-23XPDNCA.js');
 
 
 var _chunkAX5XRD2Qjs = require('./chunk-AX5XRD2Q.js');
 
 
-var _chunkUVMQJOTXjs = require('./chunk-UVMQJOTX.js');
+var _chunkSK7PXSVEjs = require('./chunk-SK7PXSVE.js');
 
 
 var _chunkE5GD3H7Ljs = require('./chunk-E5GD3H7L.js');
@@ -50,13 +50,13 @@ var AreaChart = ({
   series,
   xScale: xScaleProp,
   yScale: yScaleProp,
-  areaColor: _areaColor = "var(--tiger-primary,#2563eb)",
+  areaColor = "var(--tiger-primary,#2563eb)",
   strokeWidth = 2,
   fillOpacity = 0.2,
   curve = "linear",
   showPoints = false,
   pointSize = 4,
-  pointColor: _pointColor,
+  pointColor,
   stacked = false,
   showGrid = true,
   showAxis = true,
@@ -114,8 +114,13 @@ var AreaChart = ({
     [width, height, padding]
   );
   const resolvedSeries = _react.useMemo.call(void 0, 
-    () => _tigercatcore.resolveSeriesData.call(void 0, series, data),
-    [series, data]
+    () => _tigercatcore.resolveSeriesData.call(void 0, series, data, {
+      // Single-series colors (`areaColor`/`pointColor`) seed the synthesized
+      // series so they take effect when only `data` is provided.
+      color: areaColor,
+      pointColor
+    }),
+    [series, data, areaColor, pointColor]
   );
   const {
     activeIndex,
@@ -291,9 +296,19 @@ var AreaChart = ({
     setHoveredPointInfo(null);
     _optionalChain([onPointHover, 'optionalCall', _9 => _9(null, null, null)]);
   }, [onPointHover]);
+  const showPointTooltipFromElement = _react.useCallback.call(void 0, 
+    (el, seriesIndex, pointIndex) => {
+      if (!hoverable) return;
+      const rect = el.getBoundingClientRect();
+      setHoveredPointInfo({ seriesIndex, pointIndex });
+      setTooltipPosition({ x: rect.left + rect.width / 2, y: rect.top + rect.height / 2 });
+      _optionalChain([onPointHover, 'optionalCall', _10 => _10(seriesIndex, pointIndex, _optionalChain([resolvedSeries, 'access', _11 => _11[seriesIndex], 'optionalAccess', _12 => _12.data, 'access', _13 => _13[pointIndex]]))]);
+    },
+    [hoverable, onPointHover, resolvedSeries]
+  );
   const handlePointClick = _react.useCallback.call(void 0, 
     (seriesIndex, pointIndex) => {
-      _optionalChain([onPointClick, 'optionalCall', _10 => _10(seriesIndex, pointIndex, _optionalChain([resolvedSeries, 'access', _11 => _11[seriesIndex], 'optionalAccess', _12 => _12.data, 'access', _13 => _13[pointIndex]]))]);
+      _optionalChain([onPointClick, 'optionalCall', _14 => _14(seriesIndex, pointIndex, _optionalChain([resolvedSeries, 'access', _15 => _15[seriesIndex], 'optionalAccess', _16 => _16.data, 'access', _17 => _17[pointIndex]]))]);
       handleSeriesSelect(seriesIndex);
     },
     [onPointClick, resolvedSeries, handleSeriesSelect]
@@ -307,6 +322,7 @@ var AreaChart = ({
     },
     [selectable, handleSeriesSelect]
   );
+  const pointClickable = selectable || !!onPointClick;
   const reversedSeriesData = _react.useMemo.call(void 0, () => [...seriesData].reverse(), [seriesData]);
   const chart = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     _chunkUKLVOR4Ejs.ChartCanvas,
@@ -476,8 +492,10 @@ var AreaChart = ({
         )),
         seriesData.map(
           (sd) => sd.showPoints && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "g", { opacity: sd.opacity, "data-series-key": sd.seriesKey, children: sd.points.map((point) => {
-            const isHovered = _optionalChain([hoveredPointInfo, 'optionalAccess', _14 => _14.seriesIndex]) === sd.seriesIndex && _optionalChain([hoveredPointInfo, 'optionalAccess', _15 => _15.pointIndex]) === point.pointIndex;
+            const isHovered = _optionalChain([hoveredPointInfo, 'optionalAccess', _18 => _18.seriesIndex]) === sd.seriesIndex && _optionalChain([hoveredPointInfo, 'optionalAccess', _19 => _19.pointIndex]) === point.pointIndex;
             const hoverSize = sd.pointSize + 2;
+            const datum = _optionalChain([resolvedSeries, 'access', _20 => _20[sd.seriesIndex], 'optionalAccess', _21 => _21.data, 'optionalAccess', _22 => _22[point.pointIndex]]);
+            const pointInteractive = hoverable || pointClickable;
             return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "circle",
               {
@@ -487,17 +505,46 @@ var AreaChart = ({
                 fill: sd.pointHollow ? "white" : pointGradient ? `url(#${gradientPrefix}-point-${sd.seriesKey})` : sd.pointColor,
                 stroke: sd.pointHollow ? sd.pointColor : "none",
                 strokeWidth: sd.pointHollow ? 2 : 0,
-                className: _tigercatcore.linePointTransitionClasses,
+                className: _tigercatcore.classNames.call(void 0, 
+                  _tigercatcore.linePointTransitionClasses,
+                  pointInteractive && "cursor-pointer"
+                ),
                 style: isHovered ? { filter: `drop-shadow(0 0 4px ${sd.color})` } : void 0,
+                role: pointInteractive ? "button" : "img",
+                "aria-label": _nullishCoalesce(_optionalChain([datum, 'optionalAccess', _23 => _23.label]), () => ( String(_nullishCoalesce(_optionalChain([datum, 'optionalAccess', _24 => _24.y]), () => ( ""))))),
+                tabIndex: pointInteractive ? 0 : void 0,
                 "data-point-index": point.pointIndex,
                 "data-series-key": sd.seriesKey,
-                onMouseEnter: (e) => handlePointMouseEnter(sd.seriesIndex, point.pointIndex, e),
-                onMouseMove: handlePointMouseMove,
-                onMouseLeave: handlePointMouseLeave,
-                onClick: (e) => {
+                onMouseEnter: hoverable ? (e) => handlePointMouseEnter(sd.seriesIndex, point.pointIndex, e) : void 0,
+                onMouseMove: hoverable ? handlePointMouseMove : void 0,
+                onMouseLeave: hoverable ? handlePointMouseLeave : void 0,
+                onClick: pointClickable ? (e) => {
                   e.stopPropagation();
                   handlePointClick(sd.seriesIndex, point.pointIndex);
-                }
+                } : void 0,
+                onFocus: hoverable ? (e) => showPointTooltipFromElement(
+                  e.currentTarget,
+                  sd.seriesIndex,
+                  point.pointIndex
+                ) : void 0,
+                onBlur: hoverable ? handlePointMouseLeave : void 0,
+                onKeyDown: pointInteractive ? (e) => {
+                  if (e.key === "Enter" || e.key === " ") {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    if (pointClickable) {
+                      handlePointClick(sd.seriesIndex, point.pointIndex);
+                    } else {
+                      showPointTooltipFromElement(
+                        e.currentTarget,
+                        sd.seriesIndex,
+                        point.pointIndex
+                      );
+                    }
+                  } else if (e.key === "Escape" && hoverable) {
+                    handlePointMouseLeave();
+                  }
+                } : void 0
               },
               `point-${sd.seriesKey}-${point.pointIndex}`
             );
@@ -507,7 +554,7 @@ var AreaChart = ({
     }
   );
   const tooltip = showTooltip && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkUVMQJOTXjs.ChartTooltip,
+    _chunkSK7PXSVEjs.ChartTooltip,
     {
       content: tooltipContent,
       visible: hoveredPointInfo !== null && tooltipContent !== "",
@@ -524,7 +571,7 @@ var AreaChart = ({
   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,