@expcat/tigercat-react 1.2.0 → 1.2.14

package/dist/{chunk-ILYL3KSJ.js → chunk-2DH6MGC6.js}

@@ -9,10 +9,10 @@ var _chunkZYJTHGQWjs = require('./chunk-ZYJTHGQW.js');
 var _chunkWVVXZKNIjs = require('./chunk-WVVXZKNI.js');
 
 
-var _chunkGRXBGL6Qjs = require('./chunk-GRXBGL6Q.js');
+var _chunk56ZV3VVYjs = require('./chunk-56ZV3VVY.js');
 
 
-var _chunkCI2WHAT2js = require('./chunk-CI2WHAT2.js');
+var _chunk4MQCUKICjs = require('./chunk-4MQCUKIC.js');
 
 // src/components/ChatWindow.tsx
 var _react = require('react');
@@ -45,7 +45,6 @@ var ChatWindow = ({
   allowShiftEnter = true,
   allowEmpty = false,
   clearOnSend = true,
-  statusVariant: _sv,
   virtual = false,
   virtualItemHeight = 88,
   virtualHeight = 400,
@@ -122,7 +121,7 @@ var ChatWindow = ({
           role: "listitem",
           children: [
             showAvatar && message.user ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkCI2WHAT2js.Avatar,
+              _chunk4MQCUKICjs.Avatar,
               {
                 size: "sm",
                 src: message.user.avatar,
@@ -230,7 +229,7 @@ var ChatWindow = ({
           onKeyDown: handleKeyDown
         }
       ) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGRXBGL6Qjs.Button, { disabled: !canSend, onClick: handleSend, "aria-label": _nullishCoalesce(sendAriaLabel, () => ( sendText)), children: sendText })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk56ZV3VVYjs.Button, { disabled: !canSend, onClick: handleSend, "aria-label": _nullishCoalesce(sendAriaLabel, () => ( sendText)), children: sendText })
     ] })
   ] });
 };

package/dist/{chunk-BBAYDH2M.mjs → chunk-3FEFHD3E.mjs}

@@ -1,12 +1,12 @@
 import {
   Modal
-} from "./chunk-HWG4HNQH.mjs";
+} from "./chunk-AKDBQOKX.mjs";
 import {
   ImageCropper
 } from "./chunk-SY23FAXK.mjs";
 import {
   Button
-} from "./chunk-GKJNQUTW.mjs";
+} from "./chunk-USWK2S3Y.mjs";
 
 // src/components/CropUpload.tsx
 import { useState, useRef, useCallback, useMemo } from "react";

package/dist/{chunk-EPN7QWP6.mjs → chunk-3G5EJRD4.mjs}

@@ -31,12 +31,17 @@ var Descriptions = ({
   children,
   ...props
 }) => {
+  const isResponsive = typeof columnProp === "object" && columnProp !== null;
   const subscribe = useMemo(() => {
+    if (!isResponsive) {
+      return () => () => {
+      };
+    }
     return (cb) => {
       window.addEventListener("resize", cb);
       return () => window.removeEventListener("resize", cb);
     };
-  }, []);
+  }, [isResponsive]);
   const getSnapshot = () => window.innerWidth;
   const getServerSnapshot = () => 1024;
   const windowWidth = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);

package/dist/{chunk-CI2WHAT2.js → chunk-4MQCUKIC.js}

@@ -1,4 +1,8 @@
-"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/Avatar.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 _chunkTQOWIDQTjs = require('./chunk-TQOWIDQT.js');
+
+// src/components/Avatar.tsx
 var _react = require('react');
 
 
@@ -12,7 +16,7 @@ var _react = require('react');
 var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
 var Avatar = ({
-  size = "md",
+  size,
   shape = "circle",
   src,
   alt = "",
@@ -24,23 +28,26 @@ var Avatar = ({
   ...props
 }) => {
   const [imageError, setImageError] = _react.useState.call(void 0, false);
+  const group = _react.useContext.call(void 0, _chunkTQOWIDQTjs.AvatarGroupContext);
   const hasImage = Boolean(src) && !imageError;
   const displayText = text ? _tigercatcore.getInitials.call(void 0, text) : "";
+  const resolvedSize = _nullishCoalesce(_nullishCoalesce(size, () => ( _optionalChain([group, 'optionalAccess', _ => _.size]))), () => ( "md"));
   const ariaLabelProp = props["aria-label"];
   const ariaLabelledbyProp = props["aria-labelledby"];
   const ariaHiddenProp = props["aria-hidden"];
-  const computedLabel = _nullishCoalesce(_nullishCoalesce(ariaLabelProp, () => ( (alt.trim() ? alt : void 0))), () => ( (_optionalChain([text, 'optionalAccess', _ => _.trim, 'call', _2 => _2()]) || void 0)));
+  const computedLabel = _nullishCoalesce(_nullishCoalesce(ariaLabelProp, () => ( (alt.trim() ? alt : void 0))), () => ( (_optionalChain([text, 'optionalAccess', _2 => _2.trim, 'call', _3 => _3()]) || void 0)));
   const isDecorative = ariaHiddenProp === true || !computedLabel && !ariaLabelledbyProp;
   const avatarClasses = _react.useMemo.call(void 0, 
     () => _tigercatcore.classNames.call(void 0, 
       _tigercatcore.avatarBaseClasses,
-      _tigercatcore.avatarSizeClasses[size],
+      _tigercatcore.avatarSizeClasses[resolvedSize],
       _tigercatcore.avatarShapeClasses[shape],
+      _optionalChain([group, 'optionalAccess', _4 => _4.itemClass]),
       !hasImage && bgColor,
       !hasImage && textColor,
       className
     ),
-    [size, shape, hasImage, bgColor, textColor, className]
+    [resolvedSize, shape, _optionalChain([group, 'optionalAccess', _5 => _5.itemClass]), hasImage, bgColor, textColor, className]
   );
   if (hasImage) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { ...props, className: avatarClasses, "aria-hidden": isDecorative ? true : ariaHiddenProp, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 

package/dist/{chunk-FE7PEZTI.mjs → chunk-4ZZ7YRTB.mjs}

@@ -1,5 +1,9 @@
+import {
+  AvatarGroupContext
+} from "./chunk-4R5YXNU4.mjs";
+
 // src/components/Avatar.tsx
-import { useState, useMemo } from "react";
+import { useState, useMemo, useContext } from "react";
 import {
   classNames,
   avatarBaseClasses,
@@ -12,7 +16,7 @@ import {
 } from "@expcat/tigercat-core";
 import { jsx } from "react/jsx-runtime";
 var Avatar = ({
-  size = "md",
+  size,
   shape = "circle",
   src,
   alt = "",
@@ -24,8 +28,10 @@ var Avatar = ({
   ...props
 }) => {
   const [imageError, setImageError] = useState(false);
+  const group = useContext(AvatarGroupContext);
   const hasImage = Boolean(src) && !imageError;
   const displayText = text ? getInitials(text) : "";
+  const resolvedSize = size ?? group?.size ?? "md";
   const ariaLabelProp = props["aria-label"];
   const ariaLabelledbyProp = props["aria-labelledby"];
   const ariaHiddenProp = props["aria-hidden"];
@@ -34,13 +40,14 @@ var Avatar = ({
   const avatarClasses = useMemo(
     () => classNames(
       avatarBaseClasses,
-      avatarSizeClasses[size],
+      avatarSizeClasses[resolvedSize],
       avatarShapeClasses[shape],
+      group?.itemClass,
       !hasImage && bgColor,
       !hasImage && textColor,
       className
     ),
-    [size, shape, hasImage, bgColor, textColor, className]
+    [resolvedSize, shape, group?.itemClass, hasImage, bgColor, textColor, className]
   );
   if (hasImage) {
     return /* @__PURE__ */ jsx("span", { ...props, className: avatarClasses, "aria-hidden": isDecorative ? true : ariaHiddenProp, children: /* @__PURE__ */ jsx(

package/dist/{chunk-GRXBGL6Q.js → chunk-56ZV3VVY.js}

@@ -1,4 +1,8 @@
-"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(); } }// src/components/Button.tsx
+"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 _chunkYMKA4L3Zjs = require('./chunk-YMKA4L3Z.js');
+
+// src/components/Button.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 
 
@@ -29,7 +33,7 @@ var createDefaultSpinner = () => {
 };
 var Button = ({
   variant = "primary",
-  size = "md",
+  size,
   disabled = false,
   loading = false,
   loadingIcon,
@@ -45,6 +49,8 @@ var Button = ({
   "aria-disabled": ariaDisabledProp,
   ...rest
 }) => {
+  const group = _chunkYMKA4L3Zjs.useButtonGroupContext.call(void 0, );
+  const resolvedSize = _nullishCoalesce(_nullishCoalesce(size, () => ( _optionalChain([group, 'optionalAccess', _ => _.size]))), () => ( "md"));
   const isDisabled = disabled || loading;
   const ariaBusy = _nullishCoalesce(ariaBusyProp, () => ( (loading ? true : void 0)));
   const ariaDisabled = _nullishCoalesce(ariaDisabledProp, () => ( (isDisabled ? true : void 0)));
@@ -53,12 +59,12 @@ var Button = ({
     return _tigercatcore.classNames.call(void 0, 
       _tigercatcore.buttonBaseClasses,
       variantClasses,
-      _tigercatcore.buttonSizeClasses[size],
+      _tigercatcore.buttonSizeClasses[resolvedSize],
       isDisabled && _tigercatcore.buttonDisabledClasses,
       block && "w-full",
       className
     );
-  }, [variant, size, isDisabled, block, danger, className]);
+  }, [variant, resolvedSize, isDisabled, block, danger, className]);
   const iconIsRight = iconPosition === "right";
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "button",

package/dist/{chunk-RPKF4S2Q.mjs → chunk-5XS6PXBX.mjs}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-A42OLED6.mjs";
 import {
   Button
-} from "./chunk-GKJNQUTW.mjs";
+} from "./chunk-USWK2S3Y.mjs";
 import {
   Loading
 } from "./chunk-FNJDBFKM.mjs";

package/dist/{chunk-DLLLDGXD.mjs → chunk-6CAKUMWV.mjs}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-WNLUUD5N.mjs";
 import {
   Button
-} from "./chunk-GKJNQUTW.mjs";
+} from "./chunk-USWK2S3Y.mjs";
 
 // src/components/DataTableWithToolbar.tsx
 import { useEffect, useMemo, useRef, useState } from "react";

package/dist/{chunk-P3XVLJYD.js → chunk-6CWZXS5B.js}

@@ -31,12 +31,17 @@ var Descriptions = ({
   children,
   ...props
 }) => {
+  const isResponsive = typeof columnProp === "object" && columnProp !== null;
   const subscribe = _react.useMemo.call(void 0, () => {
+    if (!isResponsive) {
+      return () => () => {
+      };
+    }
     return (cb) => {
       window.addEventListener("resize", cb);
       return () => window.removeEventListener("resize", cb);
     };
-  }, []);
+  }, [isResponsive]);
   const getSnapshot = () => window.innerWidth;
   const getServerSnapshot = () => 1024;
   const windowWidth = _react.useSyncExternalStore.call(void 0, subscribe, getSnapshot, getServerSnapshot);

package/dist/{chunk-2JUPXEWX.js → chunk-7YUD6VIC.js}

@@ -9,7 +9,7 @@ var _chunk6Z4LLPZAjs = require('./chunk-6Z4LLPZA.js');
 var _chunkZYJTHGQWjs = require('./chunk-ZYJTHGQW.js');
 
 
-var _chunkGRXBGL6Qjs = require('./chunk-GRXBGL6Q.js');
+var _chunk56ZV3VVYjs = require('./chunk-56ZV3VVY.js');
 
 // src/components/DataTableWithToolbar.tsx
 var _react = require('react');
@@ -153,7 +153,7 @@ var DataTableWithToolbar = ({
                 }
               ),
               _nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _39 => _39.showSearchButton]), () => ( true)) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkGRXBGL6Qjs.Button,
+                _chunk56ZV3VVYjs.Button,
                 {
                   size: "sm",
                   variant: "primary",
@@ -200,7 +200,7 @@ var DataTableWithToolbar = ({
               " \u9879"
             ] }) : null,
             _optionalChain([toolbar, 'optionalAccess', _45 => _45.bulkActions, 'optionalAccess', _46 => _46.map, 'call', _47 => _47((action) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkGRXBGL6Qjs.Button,
+              _chunk56ZV3VVYjs.Button,
               {
                 size: "sm",
                 variant: _nullishCoalesce(action.variant, () => ( "outline")),

package/dist/{chunk-HWG4HNQH.mjs → chunk-AKDBQOKX.mjs}

@@ -1,6 +1,6 @@
 import {
   Button
-} from "./chunk-GKJNQUTW.mjs";
+} from "./chunk-USWK2S3Y.mjs";
 import {
   renderBodyPortal,
   useBodyScrollLock,

package/dist/{chunk-2WBFUUVP.mjs → chunk-BONUUJU3.mjs}

@@ -28,6 +28,7 @@ var Splitter = ({
   const containerRef = useRef(null);
   const dragSessionRef = useRef(null);
   const [paneSizes, setPaneSizes] = useState([]);
+  const [draggingIndex, setDraggingIndex] = useState(-1);
   const draggingRef = useRef(null);
   const cleanupDragSession = useCallback(() => {
     dragSessionRef.current?.dispose();
@@ -70,6 +71,7 @@ var Splitter = ({
         startPos: direction === "horizontal" ? e.clientX : e.clientY,
         startSizes: [...paneSizes]
       };
+      setDraggingIndex(index);
       onResizeStart?.({ index, sizes: [...paneSizes] });
       dragSessionRef.current = createDocumentDragSession({
         startX: e.clientX,
@@ -97,6 +99,7 @@ var Splitter = ({
           }
           draggingRef.current = null;
           dragSessionRef.current = null;
+          setDraggingIndex(-1);
         }
       });
     },
@@ -143,7 +146,7 @@ var Splitter = ({
   return /* @__PURE__ */ jsx("div", { ref: containerRef, className: containerClasses, style, "data-direction": direction, children: childArray.map((child, i) => {
     const size = paneSizes[i];
     const paneStyle = size != null ? getPaneStyle(size, direction) : void 0;
-    const isDragging = draggingRef.current?.index === i;
+    const isDragging = draggingIndex === i;
     return /* @__PURE__ */ jsxs(React.Fragment, { children: [
       /* @__PURE__ */ jsx(
         "div",

package/dist/{chunk-IUTPGKU5.js → chunk-DTYDPMNR.js}

@@ -7,7 +7,7 @@ var _chunkXPA2YCQOjs = require('./chunk-XPA2YCQO.js');
 var _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
 
 
-var _chunkGRXBGL6Qjs = require('./chunk-GRXBGL6Q.js');
+var _chunk56ZV3VVYjs = require('./chunk-56ZV3VVY.js');
 
 // src/components/FormWizard.tsx
 var _react = require('react');
@@ -156,8 +156,8 @@ var FormWizard = ({
     ) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "px-6 py-4 flex flex-col items-center", children: contentNode }),
     showActions && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-center gap-3 px-6 py-2 border-t border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface-muted,#f9fafb)]", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGRXBGL6Qjs.Button, { htmlType: "button", variant: "secondary", disabled: isFirst, onClick: handlePrev, children: _tigercatcore.resolveLocaleText.call(void 0, labels.prevText, prevText) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGRXBGL6Qjs.Button, { htmlType: "button", variant: "primary", onClick: handleNext, children: isLast ? _tigercatcore.resolveLocaleText.call(void 0, labels.finishText, finishText) : _tigercatcore.resolveLocaleText.call(void 0, labels.nextText, nextText) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk56ZV3VVYjs.Button, { htmlType: "button", variant: "secondary", disabled: isFirst, onClick: handlePrev, children: _tigercatcore.resolveLocaleText.call(void 0, labels.prevText, prevText) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk56ZV3VVYjs.Button, { htmlType: "button", variant: "primary", onClick: handleNext, children: isLast ? _tigercatcore.resolveLocaleText.call(void 0, labels.finishText, finishText) : _tigercatcore.resolveLocaleText.call(void 0, labels.nextText, nextText) })
     ] })
   ] });
 };

package/dist/{chunk-PLUE64IS.js → chunk-DXMSDLVJ.js}

@@ -18,7 +18,7 @@ var _chunkUF3DXKCIjs = require('./chunk-UF3DXKCI.js');
 var _chunkUIO6O4MIjs = require('./chunk-UIO6O4MI.js');
 
 
-var _chunkCI2WHAT2js = require('./chunk-CI2WHAT2.js');
+var _chunk4MQCUKICjs = require('./chunk-4MQCUKIC.js');
 
 // src/components/ActivityFeed.tsx
 var _react = require('react');
@@ -89,7 +89,7 @@ var ActivityFeed = ({
       (action, actionIndex) => renderAction(item, action, actionIndex)
     )]);
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.activityItemClasses, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.activityItemLayoutClasses, children: [
-      showAvatar && item.user ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCI2WHAT2js.Avatar, { size: "sm", src: item.user.avatar, text: item.user.name, className: "shrink-0" }) : null,
+      showAvatar && item.user ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4MQCUKICjs.Avatar, { size: "sm", src: item.user.avatar, text: item.user.name, className: "shrink-0" }) : null,
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.activityItemBodyClasses, children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.activityItemHeaderClasses, children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.activityItemTitleGroupClasses, children: [

package/dist/{chunk-7P4MIU6I.js → chunk-EX63M5ID.js}

@@ -3,7 +3,7 @@
 var _chunkWVVXZKNIjs = require('./chunk-WVVXZKNI.js');
 
 
-var _chunkGRXBGL6Qjs = require('./chunk-GRXBGL6Q.js');
+var _chunk56ZV3VVYjs = require('./chunk-56ZV3VVY.js');
 
 
 var _chunkVCULFIZ5js = require('./chunk-VCULFIZ5.js');
@@ -12,7 +12,7 @@ var _chunkVCULFIZ5js = require('./chunk-VCULFIZ5.js');
 var _chunkUF3DXKCIjs = require('./chunk-UF3DXKCI.js');
 
 
-var _chunkCI2WHAT2js = require('./chunk-CI2WHAT2.js');
+var _chunk4MQCUKICjs = require('./chunk-4MQCUKIC.js');
 
 // src/components/CommentThread.tsx
 var _react = require('react');
@@ -99,7 +99,7 @@ var CommentThread = ({
   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.call(void 0, 
-    _chunkGRXBGL6Qjs.Button,
+    _chunk56ZV3VVYjs.Button,
     {
       size: "sm",
       variant: "ghost",
@@ -149,7 +149,7 @@ var CommentThread = ({
         const actionKey = _nullishCoalesce(action.key, () => ( `${node.id}-action-${index}`));
         actions.push(
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkGRXBGL6Qjs.Button,
+            _chunk56ZV3VVYjs.Button,
             {
               size: "sm",
               variant: _nullishCoalesce(action.variant, () => ( "ghost")),
@@ -176,7 +176,7 @@ var CommentThread = ({
         ),
         children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-3", children: [
           showAvatar && node.user ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkCI2WHAT2js.Avatar,
+            _chunk4MQCUKICjs.Avatar,
             {
               size: depth === 1 ? "md" : "sm",
               src: node.user.avatar,
@@ -207,7 +207,7 @@ var CommentThread = ({
               ),
               /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2 justify-end", children: [
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunkGRXBGL6Qjs.Button,
+                  _chunk56ZV3VVYjs.Button,
                   {
                     size: "sm",
                     variant: "ghost",
@@ -218,11 +218,11 @@ var CommentThread = ({
                     children: cancelReplyText
                   }
                 ),
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGRXBGL6Qjs.Button, { size: "sm", variant: "primary", onClick: () => handleReplySubmit(node), children: replyButtonText })
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk56ZV3VVYjs.Button, { size: "sm", variant: "primary", onClick: () => handleReplySubmit(node), children: replyButtonText })
               ] })
             ] }) : null,
             hasChildren ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkGRXBGL6Qjs.Button,
+              _chunk56ZV3VVYjs.Button,
               {
                 size: "sm",
                 variant: "ghost",
@@ -243,7 +243,7 @@ var CommentThread = ({
                     (child, index) => renderNode(child, depth + 1, index === visibleChildren.length - 1)
                   ),
                   showLoadMoreBtn ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _chunkGRXBGL6Qjs.Button,
+                    _chunk56ZV3VVYjs.Button,
                     {
                       size: "sm",
                       variant: "ghost",

package/dist/{chunk-X7XFQCDD.mjs → chunk-GBJILZTY.mjs}

@@ -18,7 +18,7 @@ import {
 } from "./chunk-P6E3DILH.mjs";
 import {
   Avatar
-} from "./chunk-FE7PEZTI.mjs";
+} from "./chunk-4ZZ7YRTB.mjs";
 
 // src/components/ActivityFeed.tsx
 import { useMemo } from "react";

package/dist/{chunk-2PCALG7V.js → chunk-H4AR4GXH.js}

@@ -28,6 +28,7 @@ var Splitter = ({
   const containerRef = _react.useRef.call(void 0, null);
   const dragSessionRef = _react.useRef.call(void 0, null);
   const [paneSizes, setPaneSizes] = _react.useState.call(void 0, []);
+  const [draggingIndex, setDraggingIndex] = _react.useState.call(void 0, -1);
   const draggingRef = _react.useRef.call(void 0, null);
   const cleanupDragSession = _react.useCallback.call(void 0, () => {
     _optionalChain([dragSessionRef, 'access', _ => _.current, 'optionalAccess', _2 => _2.dispose, 'call', _3 => _3()]);
@@ -70,6 +71,7 @@ var Splitter = ({
         startPos: direction === "horizontal" ? e.clientX : e.clientY,
         startSizes: [...paneSizes]
       };
+      setDraggingIndex(index);
       _optionalChain([onResizeStart, 'optionalCall', _4 => _4({ index, sizes: [...paneSizes] })]);
       dragSessionRef.current = _tigercatcore.createDocumentDragSession.call(void 0, {
         startX: e.clientX,
@@ -97,6 +99,7 @@ var Splitter = ({
           }
           draggingRef.current = null;
           dragSessionRef.current = null;
+          setDraggingIndex(-1);
         }
       });
     },
@@ -143,7 +146,7 @@ var Splitter = ({
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: containerRef, className: containerClasses, style, "data-direction": direction, children: childArray.map((child, i) => {
     const size = paneSizes[i];
     const paneStyle = size != null ? _tigercatcore.getPaneStyle.call(void 0, size, direction) : void 0;
-    const isDragging = _optionalChain([draggingRef, 'access', _10 => _10.current, 'optionalAccess', _11 => _11.index]) === i;
+    const isDragging = draggingIndex === i;
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react2.default.Fragment, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "div",

package/dist/{chunk-QIXQYLH5.js → chunk-IZXU7DF6.js}

@@ -13,6 +13,7 @@ var Divider = _react2.default.memo(
     color,
     thickness,
     className,
+    style: styleProp,
     ...props
   }) => {
     const classes = _react.useMemo.call(void 0, () => {
@@ -20,8 +21,11 @@ var Divider = _react2.default.memo(
       return className ? `${base} ${className}` : base;
     }, [orientation, lineStyle, spacing, className]);
     const style = _react.useMemo.call(void 0, 
-      () => _tigercatcore.getDividerStyle.call(void 0, orientation, color, thickness),
-      [color, thickness, orientation]
+      () => ({
+        ..._tigercatcore.getDividerStyle.call(void 0, orientation, color, thickness),
+        ...styleProp
+      }),
+      [color, thickness, orientation, styleProp]
     );
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",

package/dist/{chunk-S7RUTD3X.mjs → chunk-J5R4Q2QM.mjs}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-QAIBQHIO.mjs";
 import {
   Button
-} from "./chunk-GKJNQUTW.mjs";
+} from "./chunk-USWK2S3Y.mjs";
 
 // src/components/FormWizard.tsx
 import { useCallback, useEffect, useMemo, useState } from "react";

package/dist/{chunk-6OOGL43U.mjs → chunk-MMGZEG7G.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-7QZ4XT2P.mjs";
 import {
   Button
-} from "./chunk-GKJNQUTW.mjs";
+} from "./chunk-USWK2S3Y.mjs";
 import {
   Tag
 } from "./chunk-TGKNEMD4.mjs";
@@ -12,7 +12,7 @@ import {
 } from "./chunk-HLS4CHWX.mjs";
 import {
   Avatar
-} from "./chunk-FE7PEZTI.mjs";
+} from "./chunk-4ZZ7YRTB.mjs";
 
 // src/components/CommentThread.tsx
 import { useMemo, useState } from "react";

package/dist/{chunk-LA3CJOWA.js → chunk-NMEVQPOD.js}

@@ -57,7 +57,8 @@ function getNextInstanceId() {
 var NotificationItem = ({ notification: notification2, onClose }) => {
   const [isVisible, setIsVisible] = _react.useState.call(void 0, false);
   _react.useEffect.call(void 0, () => {
-    setTimeout(() => setIsVisible(true), 10);
+    const timer = setTimeout(() => setIsVisible(true), 10);
+    return () => clearTimeout(timer);
   }, []);
   const colorScheme = _tigercatcore.getNotificationTypeClasses.call(void 0, notification2.type);
   const notificationClasses = _tigercatcore.classNames.call(void 0, 

package/dist/{chunk-OFTLPYYC.mjs → chunk-OQ6Z6U7R.mjs}

@@ -1,12 +1,14 @@
 // src/components/Breadcrumb.tsx
-import React, { createContext, useCallback, useContext, useMemo } from "react";
+import React, { createContext, useCallback, useContext, useMemo, useState } from "react";
 import {
   classNames,
   breadcrumbContainerClasses,
+  breadcrumbEllipsisClasses,
   getBreadcrumbItemClasses,
   getBreadcrumbLinkClasses,
   getBreadcrumbSeparatorClasses,
-  getSeparatorContent
+  getSeparatorContent,
+  getBreadcrumbCollapsedItems
 } from "@expcat/tigercat-core";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var BreadcrumbContext = createContext(null);
@@ -70,6 +72,7 @@ var BreadcrumbItem = ({
 };
 var Breadcrumb = ({
   separator = "/",
+  maxItems,
   className,
   style,
   extra,
@@ -77,13 +80,50 @@ var Breadcrumb = ({
   ...props
 }) => {
   const hasExtra = Boolean(extra);
+  const [expanded, setExpanded] = useState(false);
   const containerClasses = React.useMemo(
     () => classNames(breadcrumbContainerClasses, hasExtra && "w-full", className),
     [className, hasExtra]
   );
   const contextValue = React.useMemo(() => ({ separator }), [separator]);
+  const renderedItems = useMemo(() => {
+    const items = React.Children.toArray(children);
+    if (expanded || maxItems === void 0 || maxItems <= 0 || maxItems >= items.length) {
+      return items;
+    }
+    const { collapsed } = getBreadcrumbCollapsedItems(items.length, maxItems);
+    if (collapsed.length === 0) return items;
+    const collapsedSet = new Set(collapsed);
+    const result = [];
+    let ellipsisInserted = false;
+    items.forEach((item, index) => {
+      if (collapsedSet.has(index)) {
+        if (!ellipsisInserted) {
+          ellipsisInserted = true;
+          result.push(
+            /* @__PURE__ */ jsxs("li", { className: getBreadcrumbItemClasses(), children: [
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: breadcrumbEllipsisClasses,
+                  "aria-label": "Show collapsed breadcrumb items",
+                  onClick: () => setExpanded(true),
+                  children: "..."
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: getBreadcrumbSeparatorClasses(), "aria-hidden": "true", children: getSeparatorContent(separator) })
+            ] }, "__tiger-breadcrumb-ellipsis")
+          );
+        }
+        return;
+      }
+      result.push(item);
+    });
+    return result;
+  }, [children, expanded, maxItems, separator]);
   return /* @__PURE__ */ jsx(BreadcrumbContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs("nav", { className: containerClasses, "aria-label": "Breadcrumb", style, ...props, children: [
-    /* @__PURE__ */ jsx("ol", { className: "flex items-center flex-wrap gap-2", children }),
+    /* @__PURE__ */ jsx("ol", { className: "flex items-center flex-wrap gap-2", children: renderedItems }),
     hasExtra && /* @__PURE__ */ jsx("div", { className: "ml-auto flex items-center", children: extra })
   ] }) });
 };

package/dist/{chunk-EV6KRX6F.mjs → chunk-OXGAZPPS.mjs}

@@ -91,7 +91,7 @@ var Alert = ({
       setCountdownProgress(100);
       const timer = setTimeout(() => {
         setVisible(false);
-        onClose?.(new MouseEvent("click"));
+        onClose?.();
       }, duration);
       let countdownTimer;
       if (showCountdown) {