@expcat/tigercat-react 1.3.4 → 1.5.0

package/dist/{chunk-ZJI2VLIL.js → chunk-TLDTBCT6.js}

@@ -1,4 +1,8 @@
-"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/Tag.tsx
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
+
+// src/components/Tag.tsx
 var _react = require('react');
 
 
@@ -13,6 +17,8 @@ var _react = require('react');
 
 
 
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
 var CloseIcon = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -37,15 +43,21 @@ var CloseIcon = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
   }
 );
 var Tag = ({
+  locale,
   variant = "default",
   size = "md",
   closable = false,
-  closeAriaLabel = "Close tag",
+  closeAriaLabel,
   onClose,
   children,
   className,
   ...props
 }) => {
+  const config = _chunkTDODFBBOjs.useTigerConfig.call(void 0, );
+  const labels = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getStatusLabels.call(void 0, _tigercatcore.mergeTigerLocale.call(void 0, config.locale, locale)),
+    [config.locale, locale]
+  );
   _tigercatcore.warnUnsupportedColorProp.call(void 0, "Tag", props);
   const [isVisible, setIsVisible] = _react.useState.call(void 0, true);
   const tagClasses = _react.useMemo.call(void 0, 
@@ -73,7 +85,7 @@ var Tag = ({
       {
         className: closeButtonClasses,
         onClick: handleClose,
-        "aria-label": closeAriaLabel,
+        "aria-label": _nullishCoalesce(closeAriaLabel, () => ( labels.tagCloseAriaLabel)),
         type: "button",
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseIcon, {})
       }

package/dist/{chunk-XFPJYKBQ.js → chunk-TN7GMDME.js}

@@ -12,8 +12,9 @@ var _reactdom = require('react-dom'); var _reactdom2 = _interopRequireDefault(_r
 
 var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
+var FloatButtonGroupContext = _react.createContext.call(void 0, null);
 var FloatButton = ({
-  shape = "circle",
+  shape,
   size = "md",
   type = "primary",
   tooltip,
@@ -24,16 +25,18 @@ var FloatButton = ({
   onClick,
   ...props
 }) => {
+  const group = _react.useContext.call(void 0, FloatButtonGroupContext);
+  const resolvedShape = _nullishCoalesce(_nullishCoalesce(shape, () => ( _optionalChain([group, 'optionalAccess', _ => _.shape]))), () => ( "circle"));
   const classes = _react.useMemo.call(void 0, 
     () => _tigercatcore.classNames.call(void 0, 
       _tigercatcore.floatButtonBaseClasses,
-      _tigercatcore.floatButtonShapeClasses[shape],
+      _tigercatcore.floatButtonShapeClasses[resolvedShape],
       _tigercatcore.floatButtonSizeClasses[size],
       _tigercatcore.floatButtonTypeClasses[type],
       disabled && _tigercatcore.floatButtonDisabledClasses,
       className
     ),
-    [shape, size, type, disabled, className]
+    [resolvedShape, size, type, disabled, className]
   );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "button",
@@ -50,7 +53,7 @@ var FloatButton = ({
   );
 };
 var FloatButtonGroup = ({
-  shape: _shape = "circle",
+  shape: groupShape,
   trigger = "click",
   open: controlledOpen,
   triggerNode,
@@ -59,24 +62,25 @@ var FloatButtonGroup = ({
   onOpenChange,
   ...props
 }) => {
+  const groupContextValue = _react.useMemo.call(void 0, () => ({ shape: groupShape }), [groupShape]);
   const [internalOpen, setInternalOpen] = _react.useState.call(void 0, false);
   const isOpen = _nullishCoalesce(controlledOpen, () => ( internalOpen));
   const toggle = _react.useCallback.call(void 0, () => {
     const next = !isOpen;
     setInternalOpen(next);
-    _optionalChain([onOpenChange, 'optionalCall', _ => _(next)]);
+    _optionalChain([onOpenChange, 'optionalCall', _2 => _2(next)]);
   }, [isOpen, onOpenChange]);
   const handleMouseEnter = _react.useCallback.call(void 0, () => {
     setInternalOpen(true);
-    _optionalChain([onOpenChange, 'optionalCall', _2 => _2(true)]);
+    _optionalChain([onOpenChange, 'optionalCall', _3 => _3(true)]);
   }, [onOpenChange]);
   const handleMouseLeave = _react.useCallback.call(void 0, () => {
     setInternalOpen(false);
-    _optionalChain([onOpenChange, 'optionalCall', _3 => _3(false)]);
+    _optionalChain([onOpenChange, 'optionalCall', _4 => _4(false)]);
   }, [onOpenChange]);
   const groupClasses = _react.useMemo.call(void 0, () => _tigercatcore.classNames.call(void 0, _tigercatcore.floatButtonGroupClasses, className), [className]);
   if (!_tigercatcore.isBrowser.call(void 0, )) return null;
-  const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+  const content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FloatButtonGroupContext.Provider, { value: groupContextValue, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
       className: groupClasses,
@@ -88,7 +92,7 @@ var FloatButtonGroup = ({
         isOpen && children
       ]
     }
-  );
+  ) });
   return _reactdom2.default.createPortal(content, document.body);
 };
 

package/dist/{chunk-ZYJTHGQW.js → chunk-TO4SSBAJ.js}

@@ -1,4 +1,11 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/components/Input.tsx
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _chunkI3CDTF4Ujs = require('./chunk-I3CDTF4U.js');
+
+
+var _chunkL3WPA2RPjs = require('./chunk-L3WPA2RP.js');
+
+// src/components/Input.tsx
 var _react = require('react');
 
 
@@ -15,7 +22,7 @@ var _react = require('react');
 var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
 var Input = ({
-  size = "md",
+  size,
   type = "text",
   status = "default",
   errorMessage,
@@ -47,11 +54,13 @@ var Input = ({
   ...props
 }) => {
   _tigercatcore.injectShakeStyle.call(void 0, );
+  const inputGroup = _chunkI3CDTF4Ujs.useInputGroupContext.call(void 0, );
+  const effectiveSize = _nullishCoalesce(_nullishCoalesce(size, () => ( _optionalChain([inputGroup, 'optionalAccess', _ => _.size]))), () => ( "md"));
   const wrapperRef = _react.useRef.call(void 0, null);
   const inputRef = _react.useRef.call(void 0, null);
   const reactId = _react.useId.call(void 0, );
   const errorMsgId = `tiger-input-error-${reactId}`;
-  const [internalValue, setInternalValue] = _react.useState.call(void 0, _nullishCoalesce(defaultValue, () => ( "")));
+  const [inputValue, setInputValue] = _chunkL3WPA2RPjs.useControlledState.call(void 0, value, _nullishCoalesce(defaultValue, () => ( "")));
   const [passwordVisible, setPasswordVisible] = _react.useState.call(void 0, false);
   _react.useEffect.call(void 0, () => {
     if (status === "error" && wrapperRef.current) {
@@ -62,29 +71,21 @@ var Input = ({
     }
   }, [status, _shakeTrigger]);
   const handleAnimationEnd = _react.useCallback.call(void 0, () => {
-    _optionalChain([wrapperRef, 'access', _ => _.current, 'optionalAccess', _2 => _2.classList, 'access', _3 => _3.remove, 'call', _4 => _4(_tigercatcore.SHAKE_CLASS)]);
+    _optionalChain([wrapperRef, 'access', _2 => _2.current, 'optionalAccess', _3 => _3.classList, 'access', _4 => _4.remove, 'call', _5 => _5(_tigercatcore.SHAKE_CLASS)]);
   }, []);
-  const isControlled = value !== void 0;
-  const inputValue = isControlled ? value : internalValue;
   const currentValStr = String(inputValue);
   const handleInput = (event) => {
-    if (!isControlled) {
-      setInternalValue(_tigercatcore.parseInputValue.call(void 0, event.currentTarget, type));
-    }
-    _optionalChain([onInput, 'optionalCall', _5 => _5(event)]);
+    setInputValue(_tigercatcore.parseInputValue.call(void 0, event.currentTarget, type));
+    _optionalChain([onInput, 'optionalCall', _6 => _6(event)]);
   };
   const handleChange = (event) => {
-    if (!isControlled) {
-      setInternalValue(_tigercatcore.parseInputValue.call(void 0, event.currentTarget, type));
-    }
-    _optionalChain([onChange, 'optionalCall', _6 => _6(event)]);
+    setInputValue(_tigercatcore.parseInputValue.call(void 0, event.currentTarget, type));
+    _optionalChain([onChange, 'optionalCall', _7 => _7(event)]);
   };
   const handleClear = () => {
-    if (!isControlled) {
-      setInternalValue("");
-    }
-    _optionalChain([onClear, 'optionalCall', _7 => _7()]);
-    _optionalChain([inputRef, 'access', _8 => _8.current, 'optionalAccess', _9 => _9.focus, 'call', _10 => _10()]);
+    setInputValue("");
+    _optionalChain([onClear, 'optionalCall', _8 => _8()]);
+    _optionalChain([inputRef, 'access', _9 => _9.current, 'optionalAccess', _10 => _10.focus, 'call', _11 => _11()]);
   };
   const togglePasswordVisibility = () => {
     setPasswordVisible((v) => !v);
@@ -96,21 +97,21 @@ var Input = ({
   const showPasswordToggle = showPassword && type === "password" && !disabled;
   const effectiveType = showPassword && type === "password" ? passwordVisible ? "text" : "password" : type;
   const inputClasses = _tigercatcore.getInputClasses.call(void 0, {
-    size,
+    size: effectiveSize,
     status,
     hasPrefix,
     hasSuffix
   });
   const renderSuffix = () => {
     if (activeError) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { id: errorMsgId, className: _tigercatcore.getInputErrorClasses.call(void 0, size), children: errorMessage });
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { id: errorMsgId, className: _tigercatcore.getInputErrorClasses.call(void 0, effectiveSize), children: errorMessage });
     }
     if (showClear) {
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "button",
         {
           type: "button",
-          className: _tigercatcore.getInputClearButtonClasses.call(void 0, size),
+          className: _tigercatcore.getInputClearButtonClasses.call(void 0, effectiveSize),
           onClick: handleClear,
           "aria-label": "Clear input",
           tabIndex: -1,
@@ -123,7 +124,7 @@ var Input = ({
         "button",
         {
           type: "button",
-          className: _tigercatcore.getInputPasswordToggleClasses.call(void 0, size),
+          className: _tigercatcore.getInputPasswordToggleClasses.call(void 0, effectiveSize),
           onClick: togglePasswordVisibility,
           "aria-label": passwordVisible ? "Hide password" : "Show password",
           tabIndex: -1,
@@ -132,7 +133,7 @@ var Input = ({
       );
     }
     if (suffix) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.getInputAffixClasses.call(void 0, "suffix", size), children: suffix });
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.getInputAffixClasses.call(void 0, "suffix", effectiveSize), children: suffix });
     }
     return null;
   };
@@ -144,7 +145,7 @@ var Input = ({
       style,
       onAnimationEnd: handleAnimationEnd,
       children: [
-        hasPrefix && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.getInputAffixClasses.call(void 0, "prefix", size), children: prefix }),
+        hasPrefix && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.getInputAffixClasses.call(void 0, "prefix", effectiveSize), children: prefix }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "input",
           {

package/dist/{chunk-N4PP3ENO.js → chunk-TPU6S7G7.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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 _chunkCY5GRTAXjs = require('./chunk-CY5GRTAX.js');
+var _chunk24NDLFPKjs = require('./chunk-24NDLFPK.js');
 
 // src/components/FormItem.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -43,7 +43,7 @@ var FormItem = ({
   className,
   condition
 }) => {
-  const formContext = _chunkCY5GRTAXjs.useFormContext.call(void 0, );
+  const formContext = _chunk24NDLFPKjs.useFormContext.call(void 0, );
   const [errorMessage, setErrorMessage] = _react.useState.call(void 0, "");
   const [shakeTrigger, setShakeTrigger] = _react.useState.call(void 0, 0);
   const prevFormErrorRef = _react.useRef.call(void 0, "");

package/dist/{chunk-PU7KEYLP.mjs → chunk-TRXNHYWB.mjs}

@@ -1,24 +1,24 @@
 import {
   Table
-} from "./chunk-2TZ3SBMU.mjs";
+} from "./chunk-S4NGDDAM.mjs";
 import {
   Select
-} from "./chunk-KXNWY2Q7.mjs";
+} from "./chunk-LUABLBKS.mjs";
 import {
   Popover
 } from "./chunk-RYHM75MP.mjs";
-import {
-  useTigerConfig
-} from "./chunk-QAIBQHIO.mjs";
 import {
   Input
-} from "./chunk-WNLUUD5N.mjs";
+} from "./chunk-DEQZZKY5.mjs";
 import {
   Checkbox
-} from "./chunk-MSHCPJIJ.mjs";
+} from "./chunk-6BOSSZM3.mjs";
 import {
   Button
 } from "./chunk-5TE7KLE5.mjs";
+import {
+  useTigerConfig
+} from "./chunk-QAIBQHIO.mjs";
 
 // src/components/DataTableWithToolbar.tsx
 import { useEffect, useMemo, useRef, useState } from "react";
@@ -41,7 +41,7 @@ var DataTableWithToolbar = ({
   onBulkAction,
   hiddenColumnKeys,
   defaultHiddenColumnKeys,
-  onHiddenColumnsChange,
+  onHiddenColumnKeysChange,
   pagination = false,
   onPageChange,
   onPageSizeChange,
@@ -142,7 +142,7 @@ var DataTableWithToolbar = ({
     if (hiddenColumnKeys === void 0) {
       setInternalHiddenKeys(nextHiddenKeys);
     }
-    onHiddenColumnsChange?.(nextHiddenKeys);
+    onHiddenColumnKeysChange?.(nextHiddenKeys);
   };
   const handleToggleColumnVisibility = (columnKey, visible) => {
     const nextHiddenKeys = visible ? resolvedHiddenKeys.filter((key) => key !== columnKey) : [...resolvedHiddenKeys, columnKey];

package/dist/{chunk-H6NC6SBX.js → chunk-TVEO2CFD.js}

@@ -3,7 +3,7 @@
 var _chunkXTV5JLLCjs = require('./chunk-XTV5JLLC.js');
 
 
-var _chunkUVMQJOTXjs = require('./chunk-UVMQJOTX.js');
+var _chunkSK7PXSVEjs = require('./chunk-SK7PXSVE.js');
 
 
 var _chunkUKLVOR4Ejs = require('./chunk-UKLVOR4E.js');
@@ -289,7 +289,7 @@ var HeatmapChart = ({
     }
   );
   const tooltip = showTooltip && hoverable ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkUVMQJOTXjs.ChartTooltip,
+    _chunkSK7PXSVEjs.ChartTooltip,
     {
       content: tooltipContent,
       visible: resolvedHoveredIndex !== null && tooltipContent !== "",

package/dist/{chunk-6QQBMZQ6.mjs → chunk-U2ZXZ2KQ.mjs}

@@ -8,7 +8,9 @@ import {
   clampDimensions,
   applyAspectRatio,
   defaultResizeHandles,
-  createDocumentDragSession
+  createDocumentDragSession,
+  getResizeKeyboardDelta,
+  getResizeHandleOrientation
 } from "@expcat/tigercat-core";
 import { jsx, jsxs } from "react/jsx-runtime";
 var Resizable = ({
@@ -118,6 +120,54 @@ var Resizable = ({
       onResizeEnd
     ]
   );
+  const handleKeyDown = useCallback(
+    (handle, e) => {
+      if (disabled) return;
+      const delta = getResizeKeyboardDelta(e.key);
+      if (!delta) return;
+      e.preventDefault();
+      const startW = width ?? 0;
+      const startH = height ?? 0;
+      const { deltaWidth, deltaHeight } = calculateResizeDelta(
+        handle,
+        delta.deltaX,
+        delta.deltaY,
+        axis
+      );
+      let newW = startW + deltaWidth;
+      let newH = startH + deltaHeight;
+      if (lockAspectRatio) {
+        const ar = applyAspectRatio(newW, newH, startW, startH);
+        newW = ar.width;
+        newH = ar.height;
+      }
+      const clamped = clampDimensions(newW, newH, minWidth, minHeight, maxWidth, maxHeight);
+      setWidth(clamped.width);
+      setHeight(clamped.height);
+      const evt = {
+        width: clamped.width,
+        height: clamped.height,
+        handle,
+        deltaX: clamped.width - startW,
+        deltaY: clamped.height - startH
+      };
+      onResize?.(evt);
+      onResizeEnd?.(evt);
+    },
+    [
+      disabled,
+      width,
+      height,
+      axis,
+      lockAspectRatio,
+      minWidth,
+      minHeight,
+      maxWidth,
+      maxHeight,
+      onResize,
+      onResizeEnd
+    ]
+  );
   const containerClasses = useMemo(
     () => classNames(resizableBaseClasses, "group/resizable", className),
     [className]
@@ -130,15 +180,29 @@ var Resizable = ({
   }, [width, height, style]);
   return /* @__PURE__ */ jsxs("div", { className: containerClasses, style: containerStyle, "data-resizable": "", children: [
     children,
-    handles.map((pos) => /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: getResizableHandleClasses(pos, draggingHandle === pos, disabled),
-        "data-handle": pos,
-        onMouseDown: (e) => handleMouseDown(pos, e)
-      },
-      pos
-    ))
+    handles.map((pos) => {
+      const usesHeight = pos === "top" || pos === "bottom";
+      const valueNow = Math.round((usesHeight ? height : width) ?? 0);
+      const valueMin = usesHeight ? minHeight : minWidth;
+      const valueMax = usesHeight ? maxHeight : maxWidth;
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: getResizableHandleClasses(pos, draggingHandle === pos, disabled),
+          "data-handle": pos,
+          role: "separator",
+          "aria-label": `Resize ${pos}`,
+          "aria-orientation": getResizeHandleOrientation(pos),
+          "aria-valuenow": valueNow,
+          "aria-valuemin": valueMin,
+          "aria-valuemax": valueMax,
+          tabIndex: disabled ? -1 : 0,
+          onMouseDown: (e) => handleMouseDown(pos, e),
+          onKeyDown: (e) => handleKeyDown(pos, e)
+        },
+        pos
+      );
+    })
   ] });
 };
 var Resizable_default = Resizable;

package/dist/{chunk-FB34UWF7.mjs → chunk-U337RHJB.mjs}

@@ -1,15 +1,15 @@
 import {
   Timeline
-} from "./chunk-ZA5EFHET.mjs";
+} from "./chunk-Z6BDNV3S.mjs";
 import {
   Loading
-} from "./chunk-FNJDBFKM.mjs";
+} from "./chunk-WTIEJCRV.mjs";
 import {
   Link
 } from "./chunk-XZVQ3PJS.mjs";
 import {
   Tag
-} from "./chunk-WMPCN7OF.mjs";
+} from "./chunk-MZCGQED3.mjs";
 import {
   Text
 } from "./chunk-HLS4CHWX.mjs";
@@ -90,45 +90,75 @@ var ActivityFeed = ({
     const actionNodes = item.actions?.map(
       (action, actionIndex) => renderAction(item, action, actionIndex)
     );
-    return /* @__PURE__ */ jsx("div", { className: classNames(activityItemClasses, "p-4 rounded-2xl border border-gray-100/70 dark:border-gray-800/40 bg-white/40 dark:bg-gray-900/15 backdrop-blur-sm shadow-sm transition-all duration-300 hover:shadow-md hover:shadow-gray-100/30 dark:hover:shadow-none hover:bg-white dark:hover:bg-gray-900/30 hover:-translate-y-0.5 w-full"), children: /* @__PURE__ */ jsxs("div", { className: activityItemLayoutClasses, children: [
-      showAvatar && item.user ? /* @__PURE__ */ jsx(
-        Avatar,
-        {
-          size: "sm",
-          src: item.user.avatar,
-          text: item.user.name,
-          className: "shrink-0 ring-2 ring-white dark:ring-gray-900 shadow-sm transition-transform hover:scale-105 duration-200"
-        }
-      ) : null,
-      /* @__PURE__ */ jsxs("div", { className: activityItemBodyClasses, children: [
-        /* @__PURE__ */ jsxs("div", { className: activityItemHeaderClasses, children: [
-          /* @__PURE__ */ jsxs("div", { className: activityItemTitleGroupClasses, children: [
-            titleText ? /* @__PURE__ */ jsx(Text, { tag: "div", size: "sm", weight: "semibold", className: "text-gray-900 dark:text-gray-100 hover:text-blue-600 dark:hover:text-blue-400 transition-colors cursor-pointer truncate", children: titleText }) : null,
-            item.status ? /* @__PURE__ */ jsx(
-              Tag,
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: classNames(
+          activityItemClasses,
+          "p-4 rounded-2xl border border-gray-100/70 dark:border-gray-800/40 bg-white/40 dark:bg-gray-900/15 backdrop-blur-sm shadow-sm transition-all duration-300 hover:shadow-md hover:shadow-gray-100/30 dark:hover:shadow-none hover:bg-white dark:hover:bg-gray-900/30 hover:-translate-y-0.5 w-full"
+        ),
+        children: /* @__PURE__ */ jsxs("div", { className: activityItemLayoutClasses, children: [
+          showAvatar && item.user ? /* @__PURE__ */ jsx(
+            Avatar,
+            {
+              size: "sm",
+              src: item.user.avatar,
+              text: item.user.name,
+              className: "shrink-0 ring-2 ring-white dark:ring-gray-900 shadow-sm transition-transform hover:scale-105 duration-200"
+            }
+          ) : null,
+          /* @__PURE__ */ jsxs("div", { className: activityItemBodyClasses, children: [
+            /* @__PURE__ */ jsxs("div", { className: activityItemHeaderClasses, children: [
+              /* @__PURE__ */ jsxs("div", { className: activityItemTitleGroupClasses, children: [
+                titleText ? /* @__PURE__ */ jsx(
+                  Text,
+                  {
+                    tag: "div",
+                    size: "sm",
+                    weight: "semibold",
+                    className: "text-gray-900 dark:text-gray-100 hover:text-blue-600 dark:hover:text-blue-400 transition-colors cursor-pointer truncate",
+                    children: titleText
+                  }
+                ) : null,
+                item.status ? /* @__PURE__ */ jsx(
+                  Tag,
+                  {
+                    variant: item.status.variant ?? "default",
+                    size: "sm",
+                    className: "shrink-0 rounded-full px-2 py-0.5 text-[10px] font-semibold tracking-wide uppercase border border-current bg-current/10 shadow-sm",
+                    children: item.status.label
+                  }
+                ) : null
+              ] }),
+              timeText ? /* @__PURE__ */ jsx(
+                Text,
+                {
+                  tag: "div",
+                  size: "xs",
+                  color: "muted",
+                  className: "shrink-0 whitespace-nowrap font-medium text-gray-400 dark:text-gray-500",
+                  children: timeText
+                }
+              ) : null
+            ] }),
+            descriptionText ? /* @__PURE__ */ jsx(
+              Text,
               {
-                variant: item.status.variant ?? "default",
+                tag: "div",
                 size: "sm",
-                className: "shrink-0 rounded-full px-2 py-0.5 text-[10px] font-semibold tracking-wide uppercase border border-current bg-opacity-10 shadow-sm",
-                children: item.status.label
+                color: "muted",
+                className: classNames(
+                  activityItemDescriptionClasses,
+                  "text-gray-600 dark:text-gray-300 leading-relaxed pl-0.5 mt-1"
+                ),
+                children: descriptionText
               }
-            ) : null
-          ] }),
-          timeText ? /* @__PURE__ */ jsx(Text, { tag: "div", size: "xs", color: "muted", className: "shrink-0 whitespace-nowrap font-medium text-gray-400 dark:text-gray-500", children: timeText }) : null
-        ] }),
-        descriptionText ? /* @__PURE__ */ jsx(
-          Text,
-          {
-            tag: "div",
-            size: "sm",
-            color: "muted",
-            className: classNames(activityItemDescriptionClasses, "text-gray-600 dark:text-gray-300 leading-relaxed pl-0.5 mt-1"),
-            children: descriptionText
-          }
-        ) : null,
-        actionNodes?.length ? /* @__PURE__ */ jsx("div", { className: classNames(activityItemActionsClasses, "mt-2.5"), children: actionNodes }) : null
-      ] })
-    ] }) });
+            ) : null,
+            actionNodes?.length ? /* @__PURE__ */ jsx("div", { className: classNames(activityItemActionsClasses, "mt-2.5"), children: actionNodes }) : null
+          ] })
+        ] })
+      }
+    );
   };
   if (loading) {
     return /* @__PURE__ */ jsx(
@@ -168,7 +198,24 @@ var ActivityFeed = ({
             size: "sm",
             className: "tiger-activity-feed-empty bg-white/40 dark:bg-gray-900/20 border-gray-100 dark:border-gray-800/80 backdrop-blur-sm rounded-2xl shadow-sm overflow-hidden",
             children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-12 px-4", children: [
-              /* @__PURE__ */ jsx("svg", { className: "w-12 h-12 text-gray-300 dark:text-gray-600 mb-3 animate-pulse", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 7.5h1.5m-1.5 3h1.5m-7.5 3h10.5m-10.5 3h10.5m-13.5-9h16.5M3 5.25h18M3 18.75h18" }) }),
+              /* @__PURE__ */ jsx(
+                "svg",
+                {
+                  className: "w-12 h-12 text-gray-300 dark:text-gray-600 mb-3 animate-pulse",
+                  fill: "none",
+                  viewBox: "0 0 24 24",
+                  stroke: "currentColor",
+                  strokeWidth: "1.5",
+                  children: /* @__PURE__ */ jsx(
+                    "path",
+                    {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      d: "M12 7.5h1.5m-1.5 3h1.5m-7.5 3h10.5m-10.5 3h10.5m-13.5-9h16.5M3 5.25h18M3 18.75h18"
+                    }
+                  )
+                }
+              ),
               /* @__PURE__ */ jsx(Text, { tag: "div", size: "sm", color: "muted", className: "font-medium", children: emptyText })
             ] })
           }
@@ -191,7 +238,16 @@ var ActivityFeed = ({
         return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
           showGroupTitle && groupTitle ? headerNode ?? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
             /* @__PURE__ */ jsx("span", { className: "w-1.5 h-3.5 bg-blue-500 rounded-full dark:bg-blue-400 shadow-sm shadow-blue-500/20" }),
-            /* @__PURE__ */ jsx(Text, { tag: "span", size: "sm", weight: "bold", className: "text-gray-900 dark:text-gray-100 uppercase tracking-wider", children: groupTitle })
+            /* @__PURE__ */ jsx(
+              Text,
+              {
+                tag: "span",
+                size: "sm",
+                weight: "bold",
+                className: "text-gray-900 dark:text-gray-100 uppercase tracking-wider",
+                children: groupTitle
+              }
+            )
           ] }) : null,
           /* @__PURE__ */ jsx(
             Timeline,
@@ -220,7 +276,12 @@ var ActivityFeed = ({
                   pulseClass = "bg-blue-500/30";
                 }
                 return /* @__PURE__ */ jsxs("div", { className: "relative flex items-center justify-center w-4 h-4", children: [
-                  pulseClass ? /* @__PURE__ */ jsx("span", { className: `absolute inline-flex h-full w-full rounded-full animate-ping opacity-75 ${pulseClass}` }) : null,
+                  pulseClass ? /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: `absolute inline-flex h-full w-full rounded-full animate-ping opacity-75 ${pulseClass}`
+                    }
+                  ) : null,
                   /* @__PURE__ */ jsx("span", { className: `${baseDotClass} ${colorClass} relative z-10` })
                 ] });
               },

package/dist/{chunk-XRNKHQTL.js → chunk-UEAXYZSE.js}

@@ -8,6 +8,7 @@ var _tigercatcore = require('@expcat/tigercat-core');
 
 
 
+
 var _jsxruntime = require('react/jsx-runtime');
 var Mentions = ({
   value = "",
@@ -68,10 +69,10 @@ var Mentions = ({
       if (!isOpen) return;
       if (e.key === "ArrowDown") {
         e.preventDefault();
-        setActiveIndex((prev) => (prev + 1) % filteredOptions.length);
+        setActiveIndex((prev) => _tigercatcore.getCyclicIndex.call(void 0, filteredOptions.length, prev, 1));
       } else if (e.key === "ArrowUp") {
         e.preventDefault();
-        setActiveIndex((prev) => (prev - 1 + filteredOptions.length) % filteredOptions.length);
+        setActiveIndex((prev) => _tigercatcore.getCyclicIndex.call(void 0, filteredOptions.length, prev, -1));
       } else if (e.key === "Enter") {
         e.preventDefault();
         const opt = filteredOptions[activeIndex];