@expcat/tigercat-react 1.3.4 → 1.4.0

package/dist/{chunk-3SV6J7I5.mjs → chunk-2L7QEOFD.mjs}

@@ -1,9 +1,15 @@
+import {
+  useControlledState
+} from "./chunk-WHYHLUXG.mjs";
 import {
   renderBodyPortal,
   useBodyScrollLock,
   useEscapeKey,
   useFocusTrap
 } from "./chunk-SEWNVIHH.mjs";
+import {
+  useTigerConfig
+} from "./chunk-QAIBQHIO.mjs";
 
 // src/components/Spotlight.tsx
 import React, { useCallback, useEffect, useId, useMemo, useRef, useState } from "react";
@@ -20,6 +26,8 @@ import {
   getSpotlightOptionClasses,
   getSpotlightSearchState,
   getSpotlightShortcutLabel,
+  mergeTigerLocale,
+  resolveLocaleText,
   restoreFocus,
   shouldCloseOnMaskClick,
   spotlightEmptyClasses,
@@ -49,8 +57,9 @@ var Spotlight = ({
   defaultQuery = "",
   items = EMPTY_ITEMS,
   title = "Spotlight",
-  placeholder = "Search",
-  emptyText = "No results found",
+  placeholder,
+  emptyText,
+  locale,
   inputAriaLabel,
   listboxLabel,
   closeOnSelect = true,
@@ -67,13 +76,27 @@ var Spotlight = ({
   style,
   ...rest
 }) => {
-  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
-  const [uncontrolledQuery, setUncontrolledQuery] = useState(defaultQuery);
+  const config = useTigerConfig();
+  const mergedLocale = useMemo(
+    () => mergeTigerLocale(config.locale, locale),
+    [config.locale, locale]
+  );
+  const placeholderText = resolveLocaleText(
+    "Search",
+    placeholder,
+    mergedLocale?.common?.searchPlaceholder
+  );
+  const [resolvedOpen, setOpenValue] = useControlledState(
+    open,
+    defaultOpen ?? false,
+    onOpenChange
+  );
+  const [resolvedQuery, setQueryValue] = useControlledState(
+    query,
+    defaultQuery ?? "",
+    onQueryChange
+  );
   const [activeIndex, setActiveIndex] = useState(-1);
-  const isOpenControlled = open !== void 0;
-  const isQueryControlled = query !== void 0;
-  const resolvedOpen = isOpenControlled ? Boolean(open) : uncontrolledOpen;
-  const resolvedQuery = isQueryControlled ? String(query) : uncontrolledQuery;
   const reactId = useId();
   const dialogId = `tiger-spotlight-${reactId}`;
   const titleId = `${dialogId}-title`;
@@ -85,20 +108,6 @@ var Spotlight = ({
     () => getSpotlightSearchState(items, resolvedQuery, { filterItem, limit }),
     [items, resolvedQuery, filterItem, limit]
   );
-  const setOpenValue = useCallback(
-    (nextOpen) => {
-      if (!isOpenControlled) setUncontrolledOpen(nextOpen);
-      onOpenChange?.(nextOpen);
-    },
-    [isOpenControlled, onOpenChange]
-  );
-  const setQueryValue = useCallback(
-    (nextQuery) => {
-      if (!isQueryControlled) setUncontrolledQuery(nextQuery);
-      onQueryChange?.(nextQuery);
-    },
-    [isQueryControlled, onQueryChange]
-  );
   const closeSpotlight = useCallback(() => {
     setOpenValue(false);
   }, [setOpenValue]);
@@ -200,8 +209,8 @@ var Spotlight = ({
                 value: resolvedQuery,
                 type: "search",
                 className: spotlightInputClasses,
-                placeholder,
-                "aria-label": inputAriaLabel ?? placeholder,
+                placeholder: placeholderText,
+                "aria-label": inputAriaLabel ?? placeholderText,
                 autoComplete: "off",
                 ...getPickerComboboxAria({
                   expanded: true,
@@ -256,7 +265,7 @@ var Spotlight = ({
                 group.label ?? `group-${groupIndex}`
               ))
             }
-          ) : /* @__PURE__ */ jsx("div", { className: spotlightEmptyClasses, children: emptyText })
+          ) : /* @__PURE__ */ jsx("div", { className: spotlightEmptyClasses, children: resolveLocaleText("No results found", emptyText, mergedLocale?.common?.emptyText) })
         ]
       }
     )

package/dist/{chunk-FNJDBFKM.mjs → chunk-2LYV6NBJ.mjs}

@@ -2,11 +2,15 @@ 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,
   getLoadingBarClasses,
   getLoadingBarsWrapperClasses,
   getLoadingClasses,
@@ -34,6 +38,7 @@ var Loading = ({
   style,
   ...props
 }) => {
+  const config = useTigerConfig();
   const [visible, setVisible] = useState(delay <= 0);
   useEffect(() => {
     injectLoadingAnimationStyles();
@@ -116,7 +121,7 @@ var Loading = ({
       className: containerClasses,
       style: mergedStyle,
       role: "status",
-      "aria-label": text || "Loading",
+      "aria-label": text || resolveLocaleText("Loading", config.locale?.common?.loadingText),
       "aria-live": "polite",
       "aria-busy": true,
       ...props,

package/dist/{chunk-EEWHWEYO.js → chunk-2RBHQBSG.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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 _chunkOZD75CLTjs = require('./chunk-OZD75CLT.js');
+var _chunkANBNSUSRjs = require('./chunk-ANBNSUSR.js');
 
 
 var _chunkFI53LYZ6js = require('./chunk-FI53LYZ6.js');
@@ -140,7 +140,7 @@ var CropUpload = ({
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkOZD75CLTjs.Modal,
+      _chunkANBNSUSRjs.Modal,
       {
         open: modalVisible,
         size: "lg",

package/dist/{chunk-Y5RQN5BO.mjs → chunk-376X7SDZ.mjs}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-7DUHHRAU.mjs";
 import {
   Input
-} from "./chunk-WNLUUD5N.mjs";
+} from "./chunk-QIL24WZD.mjs";
 import {
   Empty
 } from "./chunk-WIWTY74F.mjs";
 import {
   Textarea
-} from "./chunk-7QZ4XT2P.mjs";
+} from "./chunk-DVEK5SO6.mjs";
 import {
   Button
 } from "./chunk-5TE7KLE5.mjs";

package/dist/{chunk-UXUYCWQC.js → chunk-3EDASNTG.js}

@@ -53,7 +53,7 @@ var ImageViewer = ({
   className,
   onOpenChange,
   onClose,
-  onIndexChange
+  onCurrentIndexChange
 }) => {
   const [index, setIndex] = _react.useState.call(void 0, currentIndex);
   const [transform, setTransform] = _react.useState.call(void 0, _tigercatcore.createDefaultTransform);
@@ -75,14 +75,14 @@ var ImageViewer = ({
     const newIndex = (index - 1 + images.length) % images.length;
     setIndex(newIndex);
     resetTransform();
-    _optionalChain([onIndexChange, 'optionalCall', _3 => _3(newIndex)]);
-  }, [index, images.length, onIndexChange, resetTransform]);
+    _optionalChain([onCurrentIndexChange, 'optionalCall', _3 => _3(newIndex)]);
+  }, [index, images.length, onCurrentIndexChange, resetTransform]);
   const handleNext = _react.useCallback.call(void 0, () => {
     const newIndex = (index + 1) % images.length;
     setIndex(newIndex);
     resetTransform();
-    _optionalChain([onIndexChange, 'optionalCall', _4 => _4(newIndex)]);
-  }, [index, images.length, onIndexChange, resetTransform]);
+    _optionalChain([onCurrentIndexChange, 'optionalCall', _4 => _4(newIndex)]);
+  }, [index, images.length, onCurrentIndexChange, resetTransform]);
   _react.useEffect.call(void 0, () => {
     if (!open) return;
     const handler = (e) => {

package/dist/{chunk-NPTXXUXF.mjs → chunk-3RBRWBUG.mjs}

@@ -1,9 +1,12 @@
 import {
   RadioGroupContext
-} from "./chunk-IG75YSX3.mjs";
+} from "./chunk-4MONGWU5.mjs";
+import {
+  useControlledState
+} from "./chunk-WHYHLUXG.mjs";
 
 // src/components/Radio.tsx
-import { useContext, useMemo, useState } from "react";
+import { useContext, useMemo } from "react";
 import {
   classNames,
   getRadioDotClasses,
@@ -27,13 +30,12 @@ var Radio = ({
   ...props
 }) => {
   const groupContext = useContext(RadioGroupContext);
-  const [internalChecked, setInternalChecked] = useState(defaultChecked);
-  const isCheckedControlled = checked !== void 0;
+  const [checkedState, setChecked] = useControlledState(checked, defaultChecked);
   const isInGroup = !!groupContext;
   const actualSize = size || groupContext?.size || "md";
   const actualDisabled = disabled !== void 0 ? disabled : groupContext?.disabled || false;
   const actualName = name || groupContext?.name || "";
-  const isChecked = checked !== void 0 ? checked : groupContext?.value !== void 0 ? groupContext.value === value : internalChecked;
+  const isChecked = checked === void 0 && groupContext?.value !== void 0 ? groupContext.value === value : checkedState;
   const radioClasses = useMemo(
     () => getRadioVisualClasses({
       size: actualSize,
@@ -66,8 +68,8 @@ var Radio = ({
     }
     const newChecked = event.target.checked;
     if (!newChecked) return;
-    if (!isCheckedControlled && !isInGroup) {
-      setInternalChecked(true);
+    if (!isInGroup) {
+      setChecked(true);
     }
     onChange?.(value);
     groupContext?.onChange?.(value);

package/dist/{chunk-PUZDW7NR.js → chunk-4AMSYFYC.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 _chunkWVVXZKNIjs = require('./chunk-WVVXZKNI.js');
+var _chunkGDPU5MYAjs = require('./chunk-GDPU5MYA.js');
 
 
 var _chunkZLNBE4ISjs = require('./chunk-ZLNBE4IS.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, 
+                _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
             ] }),
             /* @__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,
+                _chunkGDPU5MYAjs.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-IG75YSX3.mjs → chunk-4MONGWU5.mjs}

@@ -1,6 +1,6 @@
 import {
   useControlledState
-} from "./chunk-UQMPEMY7.mjs";
+} from "./chunk-WHYHLUXG.mjs";
 
 // src/components/RadioGroup.tsx
 import React, { useCallback, useMemo, useRef } from "react";
@@ -18,7 +18,7 @@ var RadioGroup = ({
   className,
   ...props
 }) => {
-  const [currentValue, setInternalValue, isControlled] = useControlledState(value, defaultValue);
+  const [currentValue, setValue] = useControlledState(value, defaultValue);
   const generatedNameRef = useRef(
     `tiger-radio-group-${Date.now()}-${Math.random().toString(36).slice(2, 11)}`
   );
@@ -26,12 +26,10 @@ var RadioGroup = ({
   const handleChange = useCallback(
     (newValue) => {
       if (disabled) return;
-      if (!isControlled) {
-        setInternalValue(newValue);
-      }
+      setValue(newValue);
       onChange?.(newValue);
     },
-    [disabled, isControlled, setInternalValue, onChange]
+    [disabled, setValue, onChange]
   );
   const handleKeyDown = (event) => {
     if (disabled) return;

package/dist/{chunk-3CJFNG54.mjs → chunk-56CTXEJS.mjs}

@@ -1,6 +1,6 @@
 import {
   Modal
-} from "./chunk-I2AUOICV.mjs";
+} from "./chunk-M3MOSUZO.mjs";
 import {
   ImageCropper
 } from "./chunk-SY23FAXK.mjs";

package/dist/{chunk-TMON4MPO.js → chunk-5ALMTE35.js}

@@ -1,6 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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 _chunkZFMMAYSXjs = require('./chunk-ZFMMAYSX.js');
+var _chunkQLATA4UBjs = require('./chunk-QLATA4UB.js');
+
+
+var _chunkL3WPA2RPjs = require('./chunk-L3WPA2RP.js');
 
 // src/components/Radio.tsx
 var _react = require('react');
@@ -26,14 +29,13 @@ var Radio = ({
   style,
   ...props
 }) => {
-  const groupContext = _react.useContext.call(void 0, _chunkZFMMAYSXjs.RadioGroupContext);
-  const [internalChecked, setInternalChecked] = _react.useState.call(void 0, defaultChecked);
-  const isCheckedControlled = checked !== void 0;
+  const groupContext = _react.useContext.call(void 0, _chunkQLATA4UBjs.RadioGroupContext);
+  const [checkedState, setChecked] = _chunkL3WPA2RPjs.useControlledState.call(void 0, checked, defaultChecked);
   const isInGroup = !!groupContext;
   const actualSize = size || _optionalChain([groupContext, 'optionalAccess', _ => _.size]) || "md";
   const actualDisabled = disabled !== void 0 ? disabled : _optionalChain([groupContext, 'optionalAccess', _2 => _2.disabled]) || false;
   const actualName = name || _optionalChain([groupContext, 'optionalAccess', _3 => _3.name]) || "";
-  const isChecked = checked !== void 0 ? checked : _optionalChain([groupContext, 'optionalAccess', _4 => _4.value]) !== void 0 ? groupContext.value === value : internalChecked;
+  const isChecked = checked === void 0 && _optionalChain([groupContext, 'optionalAccess', _4 => _4.value]) !== void 0 ? groupContext.value === value : checkedState;
   const radioClasses = _react.useMemo.call(void 0, 
     () => _tigercatcore.getRadioVisualClasses.call(void 0, {
       size: actualSize,
@@ -66,8 +68,8 @@ var Radio = ({
     }
     const newChecked = event.target.checked;
     if (!newChecked) return;
-    if (!isCheckedControlled && !isInGroup) {
-      setInternalChecked(true);
+    if (!isInGroup) {
+      setChecked(true);
     }
     _optionalChain([onChange, 'optionalCall', _5 => _5(value)]);
     _optionalChain([groupContext, 'optionalAccess', _6 => _6.onChange, 'optionalCall', _7 => _7(value)]);

package/dist/{chunk-MSHCPJIJ.mjs → chunk-6BOSSZM3.mjs}

@@ -1,9 +1,12 @@
 import {
   useCheckboxGroup
-} from "./chunk-DKT2EYVM.mjs";
+} from "./chunk-MV2JQ6XQ.mjs";
+import {
+  useControlledState
+} from "./chunk-WHYHLUXG.mjs";
 
 // src/components/Checkbox.tsx
-import { useEffect, useRef, useState } from "react";
+import { useEffect, useRef } from "react";
 import {
   classNames,
   getCheckboxClasses,
@@ -23,11 +26,10 @@ var Checkbox = ({
   ...props
 }) => {
   const groupContext = useCheckboxGroup();
-  const [internalChecked, setInternalChecked] = useState(defaultChecked);
-  const isControlled = controlledChecked !== void 0;
+  const [checkedState, setChecked] = useControlledState(controlledChecked, defaultChecked, onChange);
   const effectiveSize = propSize || groupContext?.size || "md";
   const effectiveDisabled = propDisabled || groupContext?.disabled || false;
-  const checked = groupContext && value !== void 0 ? groupContext.value.includes(value) : isControlled ? controlledChecked : internalChecked;
+  const checked = groupContext && value !== void 0 ? groupContext.value.includes(value) : checkedState;
   const checkboxRef = useRef(null);
   useEffect(() => {
     if (checkboxRef.current) {
@@ -40,10 +42,7 @@ var Checkbox = ({
     if (groupContext && value !== void 0) {
       groupContext.updateValue(value, newValue);
     } else {
-      if (!isControlled) {
-        setInternalChecked(newValue);
-      }
-      onChange?.(newValue, event);
+      setChecked(newValue, event);
     }
   };
   const checkboxClasses = getCheckboxClasses(effectiveSize, effectiveDisabled);