@expcat/tigercat-react 1.1.0 → 1.2.0

package/dist/chunk-77F5YT4E.js

@@ -0,0 +1,128 @@
+"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/VirtualTable.tsx
+var _react = require('react');
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var VirtualTable = ({
+  data = [],
+  columns = [],
+  rowHeight = 48,
+  height = 400,
+  overscan = 5,
+  stickyHeader = true,
+  rowKey,
+  loading = false,
+  emptyText = "No data",
+  selectable = false,
+  selectedKeys = [],
+  striped = false,
+  bordered = false,
+  className,
+  onRowClick,
+  onSelect,
+  renderCell,
+  ...rest
+}) => {
+  const containerRef = _react.useRef.call(void 0, null);
+  const [scrollTop, setScrollTop] = _react.useState.call(void 0, 0);
+  const range = _react.useMemo.call(void 0, 
+    () => _tigercatcore.calculateVirtualRange.call(void 0, scrollTop, height, data.length, rowHeight, overscan),
+    [scrollTop, height, data.length, rowHeight, overscan]
+  );
+  const visibleData = _react.useMemo.call(void 0, 
+    () => data.slice(range.start, range.end),
+    [data, range.start, range.end]
+  );
+  const selectedSet = _react.useMemo.call(void 0, () => new Set(selectedKeys), [selectedKeys]);
+  const onScroll = _react.useCallback.call(void 0, () => {
+    if (containerRef.current) {
+      setScrollTop(containerRef.current.scrollTop);
+    }
+  }, []);
+  const containerClasses = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getVirtualTableContainerClasses.call(void 0, bordered, className),
+    [bordered, className]
+  );
+  const fixedInfo = _react.useMemo.call(void 0, () => _tigercatcore.getVirtualTableFixedInfo.call(void 0, columns), [columns]);
+  const bottomHeight = Math.max(0, range.totalHeight - range.end * rowHeight);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      ref: containerRef,
+      className: _tigercatcore.classNames.call(void 0, 
+        containerClasses,
+        rest.className
+      ),
+      style: { height: `${height}px` },
+      onScroll,
+      role: "grid",
+      "aria-rowcount": data.length,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "table", { className: "w-full table-fixed", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "thead", { className: stickyHeader ? _tigercatcore.virtualTableHeaderClasses : void 0, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { children: columns.map((col) => {
+            const widthStyle = col.width ? { width: typeof col.width === "number" ? `${col.width}px` : col.width } : {};
+            const stickyStyle = _tigercatcore.getVirtualTableFixedCellStyle.call(void 0, col.key, fixedInfo);
+            return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "th",
+              {
+                className: _tigercatcore.virtualTableHeaderCellClasses,
+                style: { ...widthStyle, ...stickyStyle },
+                children: _nullishCoalesce(col.title, () => ( ""))
+              },
+              col.key
+            );
+          }) }) }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "tbody", { children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { style: { height: `${range.offsetTop}px` }, "aria-hidden": true }),
+            visibleData.map((row, localIdx) => {
+              const globalIdx = range.start + localIdx;
+              const key = _tigercatcore.getVirtualRowKey.call(void 0, row, globalIdx, rowKey);
+              const isSelected = selectedSet.has(key);
+              return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "tr",
+                {
+                  className: _tigercatcore.getVirtualTableRowClasses.call(void 0, globalIdx, striped, isSelected),
+                  onClick: () => {
+                    _optionalChain([onRowClick, 'optionalCall', _ => _(row, globalIdx)]);
+                    if (selectable) _optionalChain([onSelect, 'optionalCall', _2 => _2(key, row, globalIdx)]);
+                  },
+                  children: columns.map((col) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    "td",
+                    {
+                      className: _tigercatcore.virtualTableCellClasses,
+                      style: _tigercatcore.getVirtualTableFixedCellStyle.call(void 0, col.key, fixedInfo),
+                      children: renderCell ? renderCell(row[col.key], row, col) : String(_nullishCoalesce(row[col.key], () => ( "")))
+                    },
+                    col.key
+                  ))
+                },
+                key
+              );
+            }),
+            bottomHeight > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { style: { height: `${bottomHeight}px` }, "aria-hidden": true })
+          ] })
+        ] }),
+        data.length === 0 && !loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.virtualTableEmptyClasses, children: emptyText }),
+        loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.virtualTableLoadingClasses, children: "Loading..." })
+      ]
+    }
+  );
+};
+var VirtualTable_default = VirtualTable;
+
+
+
+
+exports.VirtualTable = VirtualTable; exports.VirtualTable_default = VirtualTable_default;

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

@@ -1,8 +1,14 @@
-import { useState, useRef, useMemo, useCallback } from 'react';
-import { variableSizeStrategy, dynamicSizeStrategy, fixedSizeStrategy, classNames, virtualListInnerClasses, virtualListContainerClasses } from '@expcat/tigercat-core';
-import { jsx } from 'react/jsx-runtime';
-
 // src/components/VirtualList.tsx
+import { useState, useMemo, useRef, useCallback } from "react";
+import {
+  virtualListContainerClasses,
+  virtualListInnerClasses,
+  fixedSizeStrategy,
+  variableSizeStrategy,
+  dynamicSizeStrategy,
+  classNames
+} from "@expcat/tigercat-core";
+import { jsx } from "react/jsx-runtime";
 var VirtualList = ({
   itemCount = 0,
   itemHeight = 40,
@@ -20,7 +26,8 @@ var VirtualList = ({
   const strategy = useMemo(() => {
     if (customStrategy) return customStrategy;
     if (getItemHeight) return variableSizeStrategy(getItemHeight, itemCount);
-    if (estimatedItemHeight !== void 0) return dynamicSizeStrategy(estimatedItemHeight, itemCount);
+    if (estimatedItemHeight !== void 0)
+      return dynamicSizeStrategy(estimatedItemHeight, itemCount);
     return fixedSizeStrategy(itemHeight);
   }, [customStrategy, getItemHeight, estimatedItemHeight, itemHeight, itemCount]);
   const range = useMemo(
@@ -67,4 +74,6 @@ var VirtualList = ({
   );
 };
 
-export { VirtualList };
+export {
+  VirtualList
+};

package/dist/chunk-7ISEWLA3.js

@@ -0,0 +1,202 @@
+"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; }// src/components/Signature.tsx
+
+
+
+
+
+
+
+var _react = require('react');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var DEFAULT_WIDTH = 480;
+var DEFAULT_HEIGHT = 180;
+var Signature = _react.forwardRef.call(void 0, 
+  ({
+    width = DEFAULT_WIDTH,
+    height = DEFAULT_HEIGHT,
+    penColor = "#111827",
+    backgroundColor,
+    lineWidth = 2,
+    disabled = false,
+    readonly = false,
+    clearable = true,
+    exportType = "image/png",
+    quality = 0.92,
+    ariaLabel = "Signature pad",
+    clearText = "Clear",
+    className,
+    onChange,
+    onBegin,
+    onEnd,
+    style,
+    ...rest
+  }, ref) => {
+    const canvasRef = _react.useRef.call(void 0, null);
+    const strokesRef = _react.useRef.call(void 0, []);
+    const activeStrokeRef = _react.useRef.call(void 0, null);
+    const [strokes, setStrokes] = _react.useState.call(void 0, []);
+    const isDisabled = disabled || readonly;
+    const normalizedLineWidth = _tigercatcore.clampSignatureLineWidth.call(void 0, lineWidth);
+    const draw = _react.useCallback.call(void 0, 
+      (nextStrokes) => {
+        const canvas = canvasRef.current;
+        const context = _optionalChain([canvas, 'optionalAccess', _ => _.getContext, 'call', _2 => _2("2d")]);
+        if (!canvas || !context) return;
+        const ratio = typeof window === "undefined" ? 1 : window.devicePixelRatio || 1;
+        canvas.width = width * ratio;
+        canvas.height = height * ratio;
+        canvas.style.width = `${width}px`;
+        canvas.style.height = `${height}px`;
+        context.setTransform(ratio, 0, 0, ratio, 0, 0);
+        _tigercatcore.drawSignatureStrokes.call(void 0, context, nextStrokes, { width, height, backgroundColor });
+      },
+      [backgroundColor, height, width]
+    );
+    _react.useEffect.call(void 0, () => {
+      draw(strokes);
+    }, [draw, strokes]);
+    const toSVG = _react.useCallback.call(void 0, 
+      () => _tigercatcore.signatureStrokesToSvg.call(void 0, strokesRef.current, { width, height, backgroundColor }),
+      [backgroundColor, height, width]
+    );
+    const toDataURL = _react.useCallback.call(void 0, 
+      (type = exportType, nextQuality = quality) => {
+        if (type === "image/svg+xml") return _tigercatcore.signatureSvgToDataUrl.call(void 0, toSVG());
+        return _tigercatcore.getSignatureCanvasDataUrl.call(void 0, canvasRef.current, type, nextQuality);
+      },
+      [exportType, quality, toSVG]
+    );
+    const createPayload = _react.useCallback.call(void 0, 
+      (nextStrokes, type = exportType) => {
+        const value = type === "image/svg+xml" ? _tigercatcore.signatureSvgToDataUrl.call(void 0, 
+          _tigercatcore.signatureStrokesToSvg.call(void 0, nextStrokes, { width, height, backgroundColor })
+        ) : _tigercatcore.getSignatureCanvasDataUrl.call(void 0, canvasRef.current, type, quality);
+        return {
+          value,
+          empty: _tigercatcore.isSignatureEmpty.call(void 0, nextStrokes),
+          strokes: _tigercatcore.cloneSignatureStrokes.call(void 0, nextStrokes),
+          exportType: type
+        };
+      },
+      [backgroundColor, exportType, height, quality, width]
+    );
+    const emitChange = _react.useCallback.call(void 0, 
+      (nextStrokes) => {
+        const payload = createPayload(nextStrokes);
+        _optionalChain([onChange, 'optionalCall', _3 => _3(payload)]);
+        return payload;
+      },
+      [createPayload, onChange]
+    );
+    const clear = _react.useCallback.call(void 0, () => {
+      strokesRef.current = [];
+      activeStrokeRef.current = null;
+      setStrokes([]);
+      draw([]);
+      emitChange([]);
+    }, [draw, emitChange]);
+    _react.useImperativeHandle.call(void 0, 
+      ref,
+      () => ({
+        clear,
+        isEmpty: () => _tigercatcore.isSignatureEmpty.call(void 0, strokesRef.current),
+        toDataURL,
+        toSVG
+      }),
+      [clear, toDataURL, toSVG]
+    );
+    const getPointFromEvent = (event) => {
+      const rect = event.currentTarget.getBoundingClientRect();
+      return _tigercatcore.getSignaturePoint.call(void 0, event.clientX, event.clientY, rect, width, height);
+    };
+    const handlePointerDown = (event) => {
+      if (isDisabled) return;
+      event.preventDefault();
+      event.currentTarget.focus();
+      const stroke = {
+        color: penColor,
+        lineWidth: normalizedLineWidth,
+        points: [getPointFromEvent(event)]
+      };
+      const nextStrokes = [...strokesRef.current, stroke];
+      activeStrokeRef.current = stroke;
+      strokesRef.current = nextStrokes;
+      setStrokes(nextStrokes);
+      _optionalChain([onBegin, 'optionalCall', _4 => _4()]);
+    };
+    const handlePointerMove = (event) => {
+      const activeStroke = activeStrokeRef.current;
+      if (!activeStroke || isDisabled) return;
+      event.preventDefault();
+      activeStroke.points.push(getPointFromEvent(event));
+      const nextStrokes = [...strokesRef.current];
+      strokesRef.current = nextStrokes;
+      setStrokes(nextStrokes);
+    };
+    const finishStroke = () => {
+      if (!activeStrokeRef.current) return;
+      activeStrokeRef.current = null;
+      const payload = emitChange(strokesRef.current);
+      _optionalChain([onEnd, 'optionalCall', _5 => _5(payload)]);
+    };
+    const handleKeyDown = (event) => {
+      if (!clearable || isDisabled) return;
+      if (event.key !== "Delete" && event.key !== "Backspace") return;
+      event.preventDefault();
+      clear();
+    };
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.classNames.call(void 0, _tigercatcore.signatureRootClasses, className), style, ...rest, children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.getSignatureCanvasWrapClasses.call(void 0, disabled, readonly), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "canvas",
+        {
+          ref: canvasRef,
+          className: _tigercatcore.signatureCanvasClasses,
+          width,
+          height,
+          tabIndex: isDisabled ? -1 : 0,
+          role: "img",
+          "aria-label": ariaLabel,
+          "aria-disabled": isDisabled || void 0,
+          onPointerDown: handlePointerDown,
+          onPointerMove: handlePointerMove,
+          onPointerUp: finishStroke,
+          onPointerCancel: finishStroke,
+          onKeyDown: handleKeyDown
+        }
+      ) }),
+      clearable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.signatureToolbarClasses, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "button",
+        {
+          type: "button",
+          className: _tigercatcore.signatureClearButtonClasses,
+          disabled: isDisabled || _tigercatcore.isSignatureEmpty.call(void 0, strokesRef.current),
+          onClick: clear,
+          children: clearText
+        }
+      ) })
+    ] });
+  }
+);
+Signature.displayName = "Signature";
+var Signature_default = Signature;
+
+
+
+
+exports.Signature = Signature; exports.Signature_default = Signature_default;

package/dist/chunk-7P4MIU6I.js

@@ -1,14 +1,28 @@
-'use strict';
+"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 chunkWVVXZKNI_js = require('./chunk-WVVXZKNI.js');
-var chunkGRXBGL6Q_js = require('./chunk-GRXBGL6Q.js');
-var chunkVCULFIZ5_js = require('./chunk-VCULFIZ5.js');
-var chunkUF3DXKCI_js = require('./chunk-UF3DXKCI.js');
-var chunkCI2WHAT2_js = require('./chunk-CI2WHAT2.js');
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
+var _chunkWVVXZKNIjs = require('./chunk-WVVXZKNI.js');
 
+
+var _chunkGRXBGL6Qjs = require('./chunk-GRXBGL6Q.js');
+
+
+var _chunkVCULFIZ5js = require('./chunk-VCULFIZ5.js');
+
+
+var _chunkUF3DXKCIjs = require('./chunk-UF3DXKCI.js');
+
+
+var _chunkCI2WHAT2js = require('./chunk-CI2WHAT2.js');
+
+// src/components/CommentThread.tsx
+var _react = require('react');
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
 var CommentThread = ({
   nodes,
   items,
@@ -39,24 +53,24 @@ var CommentThread = ({
   className,
   ...divProps
 }) => {
-  const [innerExpandedKeys, setInnerExpandedKeys] = react.useState(defaultExpandedKeys);
-  const [expandedAllKeys, setExpandedAllKeys] = react.useState(/* @__PURE__ */ new Set());
-  const [replyingTo, setReplyingTo] = react.useState(null);
-  const [replyValue, setReplyValue] = react.useState("");
-  const mergedExpandedKeys = expandedKeys ?? innerExpandedKeys;
-  const expandedSet = react.useMemo(
+  const [innerExpandedKeys, setInnerExpandedKeys] = _react.useState.call(void 0, defaultExpandedKeys);
+  const [expandedAllKeys, setExpandedAllKeys] = _react.useState.call(void 0, /* @__PURE__ */ new Set());
+  const [replyingTo, setReplyingTo] = _react.useState.call(void 0, null);
+  const [replyValue, setReplyValue] = _react.useState.call(void 0, "");
+  const mergedExpandedKeys = _nullishCoalesce(expandedKeys, () => ( innerExpandedKeys));
+  const expandedSet = _react.useMemo.call(void 0, 
     () => new Set(mergedExpandedKeys),
     [mergedExpandedKeys]
   );
-  const resolvedNodes = react.useMemo(() => {
-    const tree = nodes && nodes.length > 0 ? nodes : tigercatCore.buildCommentTree(items ?? []);
-    return tigercatCore.clipCommentTreeDepth(tree, maxDepth);
+  const resolvedNodes = _react.useMemo.call(void 0, () => {
+    const tree = nodes && nodes.length > 0 ? nodes : _tigercatcore.buildCommentTree.call(void 0, _nullishCoalesce(items, () => ( [])));
+    return _tigercatcore.clipCommentTreeDepth.call(void 0, tree, maxDepth);
   }, [nodes, items, maxDepth]);
   const updateExpandedKeys = (next) => {
     if (!expandedKeys) {
       setInnerExpandedKeys(next);
     }
-    onExpandedChange?.(next);
+    _optionalChain([onExpandedChange, 'optionalCall', _ => _(next)]);
   };
   const toggleExpanded = (id) => {
     const next = expandedSet.has(id) ? mergedExpandedKeys.filter((key) => key !== id) : [...mergedExpandedKeys, id];
@@ -68,12 +82,12 @@ var CommentThread = ({
       next.add(node.id);
       return next;
     });
-    onLoadMore?.(node);
+    _optionalChain([onLoadMore, 'optionalCall', _2 => _2(node)]);
   };
   const handleReplySubmit = (node) => {
     const trimmed = replyValue.trim();
     if (!trimmed) return;
-    onReply?.(node, replyValue);
+    _optionalChain([onReply, 'optionalCall', _3 => _3(node, replyValue)]);
     setReplyValue("");
     setReplyingTo(null);
     if (!expandedSet.has(node.id)) {
@@ -84,12 +98,12 @@ var CommentThread = ({
   const BTN_BASE = "px-1.5 py-0.5 h-auto min-h-0 text-xs rounded";
   const ACTION_BTN = `${BTN_BASE} text-gray-400 hover:text-gray-600 font-normal hover:bg-gray-50`;
   const PRIMARY_BTN = `${BTN_BASE} text-[var(--tiger-primary,#2563eb)] hover:text-[var(--tiger-primary-hover,#1d4ed8)] font-medium hover:bg-[var(--tiger-primary,#2563eb)]/5`;
-  const renderActionButton = (label, key, onClick, active) => /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGRXBGL6Q_js.Button,
+  const renderActionButton = (label, key, onClick, active) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkGRXBGL6Qjs.Button,
     {
       size: "sm",
       variant: "ghost",
-      className: tigercatCore.classNames(
+      className: _tigercatcore.classNames.call(void 0, 
         ACTION_BTN,
         active && "text-[var(--tiger-primary,#2563eb)] hover:text-[var(--tiger-primary,#2563eb)] font-medium"
       ),
@@ -114,7 +128,7 @@ var CommentThread = ({
         renderActionButton(
           `${likeLabel}${likeCount}`,
           "like",
-          () => onLike?.(node, !node.liked),
+          () => _optionalChain([onLike, 'optionalCall', _4 => _4(node, !node.liked)]),
           node.liked
         )
       );
@@ -128,22 +142,22 @@ var CommentThread = ({
       );
     }
     if (showMore) {
-      actions.push(renderActionButton(moreText, "more", () => onMore?.(node)));
+      actions.push(renderActionButton(moreText, "more", () => _optionalChain([onMore, 'optionalCall', _5 => _5(node)])));
     }
     if (node.actions && node.actions.length > 0) {
       node.actions.forEach((action, index) => {
-        const actionKey = action.key ?? `${node.id}-action-${index}`;
+        const actionKey = _nullishCoalesce(action.key, () => ( `${node.id}-action-${index}`));
         actions.push(
-          /* @__PURE__ */ jsxRuntime.jsx(
-            chunkGRXBGL6Q_js.Button,
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkGRXBGL6Qjs.Button,
             {
               size: "sm",
-              variant: action.variant ?? "ghost",
+              variant: _nullishCoalesce(action.variant, () => ( "ghost")),
               className: ACTION_BTN,
               disabled: action.disabled,
               onClick: () => {
-                action.onClick?.(node, action);
-                onAction?.(node, action);
+                _optionalChain([action, 'access', _6 => _6.onClick, 'optionalCall', _7 => _7(node, action)]);
+                _optionalChain([onAction, 'optionalCall', _8 => _8(node, action)]);
               },
               children: action.label
             },
@@ -152,17 +166,17 @@ var CommentThread = ({
         );
       });
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
-        className: tigercatCore.classNames(
+        className: _tigercatcore.classNames.call(void 0, 
           "tiger-comment-thread-item",
           depth === 1 && "py-4",
           depth === 1 && !isLast && showDivider && "border-b border-[var(--tiger-border,#e5e7eb)]"
         ),
-        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3", children: [
-          showAvatar && node.user ? /* @__PURE__ */ jsxRuntime.jsx(
-            chunkCI2WHAT2_js.Avatar,
+        children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-3", children: [
+          showAvatar && node.user ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkCI2WHAT2js.Avatar,
             {
               size: depth === 1 ? "md" : "sm",
               src: node.user.avatar,
@@ -170,19 +184,19 @@ var CommentThread = ({
               className: "shrink-0 mt-0.5"
             }
           ) : null,
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
-              node.user?.name ? /* @__PURE__ */ jsxRuntime.jsx(chunkUF3DXKCI_js.Text, { tag: "span", size: "sm", weight: "bold", children: node.user.name }) : null,
-              node.user?.title ? /* @__PURE__ */ jsxRuntime.jsx(chunkUF3DXKCI_js.Text, { tag: "span", size: "xs", color: "muted", children: node.user.title }) : null,
-              node.tag ? /* @__PURE__ */ jsxRuntime.jsx(chunkVCULFIZ5_js.Tag, { size: "sm", variant: node.tag.variant ?? "default", children: node.tag.label }) : null,
-              node.tags?.map((tag, index) => /* @__PURE__ */ jsxRuntime.jsx(chunkVCULFIZ5_js.Tag, { size: "sm", variant: tag.variant ?? "default", children: tag.label }, `${node.id}-tag-${index}`)),
-              node.time ? /* @__PURE__ */ jsxRuntime.jsx(chunkUF3DXKCI_js.Text, { tag: "span", size: "xs", color: "muted", className: "ml-auto", children: tigercatCore.formatCommentTime(node.time) }) : 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", 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", children: node.user.title }) : null,
+              node.tag ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVCULFIZ5js.Tag, { size: "sm", variant: _nullishCoalesce(node.tag.variant, () => ( "default")), 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, _chunkVCULFIZ5js.Tag, { size: "sm", variant: _nullishCoalesce(tag.variant, () => ( "default")), 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", children: _tigercatcore.formatCommentTime.call(void 0, node.time) }) : null
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-[var(--tiger-text-secondary,#4b5563)] leading-relaxed break-words mt-1.5 mb-2", children: node.content }),
-            actions.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap items-center gap-1", children: actions }) : null,
-            replyingTo === node.id ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 space-y-2 bg-[var(--tiger-surface-muted,#f9fafb)] p-3 rounded-[var(--tiger-radius-md,0.5rem)]", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                chunkWVVXZKNI_js.Textarea,
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-sm text-[var(--tiger-text-secondary,#4b5563)] leading-relaxed break-words mt-1.5 mb-2", children: node.content }),
+            actions.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-wrap items-center gap-1", children: actions }) : null,
+            replyingTo === node.id ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mt-3 space-y-2 bg-[var(--tiger-surface-muted,#f9fafb)] p-3 rounded-[var(--tiger-radius-md,0.5rem)]", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunkWVVXZKNIjs.Textarea,
                 {
                   rows: 2,
                   value: replyValue,
@@ -191,9 +205,9 @@ var CommentThread = ({
                   onChange: (event) => setReplyValue(event.target.value)
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 justify-end", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkGRXBGL6Q_js.Button,
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2 justify-end", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  _chunkGRXBGL6Qjs.Button,
                   {
                     size: "sm",
                     variant: "ghost",
@@ -204,22 +218,22 @@ var CommentThread = ({
                     children: cancelReplyText
                   }
                 ),
-                /* @__PURE__ */ jsxRuntime.jsx(chunkGRXBGL6Q_js.Button, { size: "sm", variant: "primary", onClick: () => handleReplySubmit(node), children: replyButtonText })
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGRXBGL6Qjs.Button, { size: "sm", variant: "primary", onClick: () => handleReplySubmit(node), children: replyButtonText })
               ] })
             ] }) : null,
-            hasChildren ? /* @__PURE__ */ jsxRuntime.jsx(
-              chunkGRXBGL6Q_js.Button,
+            hasChildren ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _chunkGRXBGL6Qjs.Button,
               {
                 size: "sm",
                 variant: "ghost",
-                className: tigercatCore.classNames("mt-2", PRIMARY_BTN),
+                className: _tigercatcore.classNames.call(void 0, "mt-2", 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`
               }
             ) : null,
-            showReplies ? /* @__PURE__ */ jsxRuntime.jsxs(
+            showReplies ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
               "div",
               {
                 id: repliesId,
@@ -228,8 +242,8 @@ var CommentThread = ({
                   visibleChildren.map(
                     (child, index) => renderNode(child, depth + 1, index === visibleChildren.length - 1)
                   ),
-                  showLoadMoreBtn ? /* @__PURE__ */ jsxRuntime.jsx(
-                    chunkGRXBGL6Q_js.Button,
+                  showLoadMoreBtn ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _chunkGRXBGL6Qjs.Button,
                     {
                       size: "sm",
                       variant: "ghost",
@@ -247,19 +261,21 @@ var CommentThread = ({
       node.id
     );
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "div",
     {
-      className: tigercatCore.classNames("tiger-comment-thread flex flex-col", className),
-      role: divProps.role ?? "feed",
+      className: _tigercatcore.classNames.call(void 0, "tiger-comment-thread flex flex-col", className),
+      role: _nullishCoalesce(divProps.role, () => ( "feed")),
       "data-tiger-comment-thread": true,
-      "aria-label": divProps["aria-label"] ?? (divProps["aria-labelledby"] ? void 0 : "\u8BC4\u8BBA\u7EBF\u7A0B"),
+      "aria-label": _nullishCoalesce(divProps["aria-label"], () => ( (divProps["aria-labelledby"] ? void 0 : "\u8BC4\u8BBA\u7EBF\u7A0B"))),
       ...divProps,
-      children: resolvedNodes.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(chunkUF3DXKCI_js.Text, { tag: "div", size: "sm", color: "muted", className: "text-center py-8", children: emptyText }) : resolvedNodes.map((node, index) => renderNode(node, 1, index === resolvedNodes.length - 1))
+      children: resolvedNodes.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUF3DXKCIjs.Text, { tag: "div", size: "sm", color: "muted", className: "text-center py-8", children: emptyText }) : resolvedNodes.map((node, index) => renderNode(node, 1, index === resolvedNodes.length - 1))
     }
   );
 };
 var CommentThread_default = CommentThread;
 
-exports.CommentThread = CommentThread;
-exports.CommentThread_default = CommentThread_default;
+
+
+
+exports.CommentThread = CommentThread; exports.CommentThread_default = CommentThread_default;