@expcat/tigercat-react 1.4.0 → 2.0.0-preview.1

package/dist/chunk-OS6M3IZF.js

@@ -1,374 +0,0 @@
-"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 _chunkRFHPG4KNjs = require('./chunk-RFHPG4KN.js');
-
-
-var _chunkPT5T5F4Hjs = require('./chunk-PT5T5F4H.js');
-
-
-var _chunkZLNBE4ISjs = require('./chunk-ZLNBE4IS.js');
-
-
-var _chunkYRVAF2IDjs = require('./chunk-YRVAF2ID.js');
-
-
-var _chunkUF3DXKCIjs = require('./chunk-UF3DXKCI.js');
-
-
-var _chunkFQO7BKXWjs = require('./chunk-FQO7BKXW.js');
-
-// src/components/NotificationCenter.tsx
-var _react = require('react');
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var getGroupKey = (group, index) => {
-  return _nullishCoalesce(_nullishCoalesce(group.key, () => ( group.title)), () => ( index));
-};
-var filterItems = (items, filter) => {
-  return items.filter((item) => {
-    const isRead = Boolean(item.read);
-    if (filter === "read") return isRead;
-    if (filter === "unread") return !isRead;
-    return true;
-  });
-};
-var NotificationCenter = ({
-  items = [],
-  groups,
-  groupBy,
-  groupOrder,
-  activeGroupKey,
-  defaultActiveGroupKey,
-  readFilter,
-  defaultReadFilter = "all",
-  loading = false,
-  loadingText = "\u52A0\u8F7D\u4E2D...",
-  emptyText = "\u6682\u65E0\u901A\u77E5",
-  title = "\u901A\u77E5\u4E2D\u5FC3",
-  allLabel = "\u5168\u90E8",
-  unreadLabel = "\u672A\u8BFB",
-  readLabel = "\u5DF2\u8BFB",
-  markAllReadText = "\u5168\u90E8\u6807\u8BB0\u5DF2\u8BFB",
-  markReadText = "\u6807\u8BB0\u5DF2\u8BFB",
-  markUnreadText = "\u6807\u8BB0\u672A\u8BFB",
-  manageReadState = false,
-  onGroupChange,
-  onReadFilterChange,
-  onMarkAllRead,
-  onItemClick,
-  onItemReadChange,
-  className,
-  ...props
-}) => {
-  const resolvedGroups = _react.useMemo.call(void 0, 
-    () => _tigercatcore.buildNotificationGroups.call(void 0, items, groups, groupBy, groupOrder),
-    [items, groups, groupBy, groupOrder]
-  );
-  const firstGroupKey = _react.useMemo.call(void 0, () => {
-    return resolvedGroups.length > 0 ? getGroupKey(resolvedGroups[0], 0) : void 0;
-  }, [resolvedGroups]);
-  const [internalGroupKey, setInternalGroupKey] = _react.useState.call(void 0, 
-    defaultActiveGroupKey
-  );
-  const [internalReadFilter, setInternalReadFilter] = _react.useState.call(void 0, defaultReadFilter);
-  const currentGroupKey = _nullishCoalesce(_nullishCoalesce(activeGroupKey, () => ( internalGroupKey)), () => ( firstGroupKey));
-  const currentReadFilter = _nullishCoalesce(readFilter, () => ( internalReadFilter));
-  _react.useEffect.call(void 0, () => {
-    if (activeGroupKey !== void 0) return;
-    if (resolvedGroups.length === 0) {
-      setInternalGroupKey(void 0);
-      return;
-    }
-    const keys = resolvedGroups.map((group, index) => getGroupKey(group, index));
-    if (!keys.some((key) => key === currentGroupKey)) {
-      setInternalGroupKey(keys[0]);
-    }
-  }, [activeGroupKey, currentGroupKey, resolvedGroups]);
-  const _currentGroup = _react.useMemo.call(void 0, () => {
-    if (resolvedGroups.length === 0) return void 0;
-    if (currentGroupKey === void 0) return resolvedGroups[0];
-    const index = resolvedGroups.findIndex(
-      (group, groupIndex) => getGroupKey(group, groupIndex) === currentGroupKey
-    );
-    return index >= 0 ? resolvedGroups[index] : resolvedGroups[0];
-  }, [currentGroupKey, resolvedGroups]);
-  const [readStateOverrides, setReadStateOverrides] = _react.useState.call(void 0, 
-    () => /* @__PURE__ */ new Map()
-  );
-  _react.useEffect.call(void 0, () => {
-    if (manageReadState) setReadStateOverrides(/* @__PURE__ */ new Map());
-  }, [items, manageReadState]);
-  const applyReadOverrides = _react.useCallback.call(void 0, 
-    (list) => {
-      if (!manageReadState || readStateOverrides.size === 0) return list;
-      return list.map((item) => {
-        const override = readStateOverrides.get(item.id);
-        return override !== void 0 ? { ...item, read: override } : item;
-      });
-    },
-    [manageReadState, readStateOverrides]
-  );
-  const effectiveGroups = _react.useMemo.call(void 0, 
-    () => resolvedGroups.map((group) => ({
-      ...group,
-      items: applyReadOverrides(group.items)
-    })),
-    [resolvedGroups, applyReadOverrides]
-  );
-  const effectiveCurrentGroup = _react.useMemo.call(void 0, () => {
-    if (effectiveGroups.length === 0) return void 0;
-    if (currentGroupKey === void 0) return effectiveGroups[0];
-    const index = effectiveGroups.findIndex(
-      (group, groupIndex) => getGroupKey(group, groupIndex) === currentGroupKey
-    );
-    return index >= 0 ? effectiveGroups[index] : effectiveGroups[0];
-  }, [currentGroupKey, effectiveGroups]);
-  const effectiveCurrentGroupItems = _react.useMemo.call(void 0, 
-    () => _nullishCoalesce(_optionalChain([effectiveCurrentGroup, 'optionalAccess', _ => _.items]), () => ( [])),
-    [effectiveCurrentGroup]
-  );
-  const effectiveItems = _react.useMemo.call(void 0, () => applyReadOverrides(items), [items, applyReadOverrides]);
-  const hasUnread = _react.useMemo.call(void 0, 
-    () => effectiveCurrentGroupItems.some((item) => !item.read),
-    [effectiveCurrentGroupItems]
-  );
-  const totalUnread = _react.useMemo.call(void 0, () => {
-    const allItems = effectiveGroups.flatMap((group) => group.items);
-    if (allItems.length === 0) return effectiveItems.filter((item) => !item.read).length;
-    return allItems.filter((item) => !item.read).length;
-  }, [effectiveGroups, effectiveItems]);
-  const wrapperClasses = _react.useMemo.call(void 0, 
-    () => _tigercatcore.classNames.call(void 0, "tiger-notification-center", "w-full", "flex", "flex-col", className),
-    [className]
-  );
-  const filterButtons = _react.useMemo.call(void 0, 
-    () => [
-      { key: "all", label: allLabel },
-      { key: "unread", label: unreadLabel },
-      { key: "read", label: readLabel }
-    ],
-    [allLabel, unreadLabel, readLabel]
-  );
-  const groupTabData = _react.useMemo.call(void 0, 
-    () => resolvedGroups.map((group, index) => {
-      const effectiveGroup = effectiveGroups.find(
-        (eg, ei) => getGroupKey(eg, ei) === getGroupKey(group, index)
-      );
-      const groupItems = _nullishCoalesce(_optionalChain([effectiveGroup, 'optionalAccess', _2 => _2.items]), () => ( group.items));
-      const unreadCount = groupItems.filter((item) => !item.read).length;
-      const labelBase = group.title || String(_nullishCoalesce(group.key, () => ( index)));
-      const label = unreadCount > 0 ? `${labelBase} (${unreadCount})` : labelBase;
-      const filteredItems = filterItems(groupItems, currentReadFilter);
-      return { key: getGroupKey(group, index), label, filteredItems };
-    }),
-    [resolvedGroups, effectiveGroups, currentReadFilter]
-  );
-  const filteredFlatItems = _react.useMemo.call(void 0, 
-    () => filterItems(effectiveItems, currentReadFilter),
-    [effectiveItems, currentReadFilter]
-  );
-  const handleGroupChange = (key) => {
-    if (activeGroupKey === void 0) {
-      setInternalGroupKey(key);
-    }
-    _optionalChain([onGroupChange, 'optionalCall', _3 => _3(key)]);
-  };
-  const handleReadFilterChange = (next) => {
-    if (readFilter === void 0) {
-      setInternalReadFilter(next);
-    }
-    _optionalChain([onReadFilterChange, 'optionalCall', _4 => _4(next)]);
-  };
-  const handleMarkAllRead = () => {
-    if (manageReadState) {
-      setReadStateOverrides((prev) => {
-        const next = new Map(prev);
-        effectiveCurrentGroupItems.forEach((item) => next.set(item.id, true));
-        return next;
-      });
-    }
-    _optionalChain([onMarkAllRead, 'optionalCall', _5 => _5(currentGroupKey, effectiveCurrentGroupItems)]);
-  };
-  const renderItem = (item, _index) => {
-    const isRead = Boolean(item.read);
-    const timeText = item.time ? _tigercatcore.formatActivityTime.call(void 0, item.time) : "";
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "div",
-      {
-        className: _tigercatcore.classNames.call(void 0, 
-          "group relative flex items-start gap-3.5 w-full p-3.5 rounded-xl transition-all duration-300 hover:bg-gray-50/60 dark:hover:bg-gray-800/30",
-          !isRead ? "bg-blue-50/20 dark:bg-blue-950/5 hover:bg-blue-50/40 dark:hover:bg-blue-950/10 border-l-[3px] border-l-blue-500/80 -ml-[3px] pl-[calc(0.875rem-3px)]" : "border-l-[3px] border-l-transparent -ml-[3px] pl-[calc(0.875rem-3px)]"
-        ),
-        children: [
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 min-w-0", children: [
-            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-baseline justify-between gap-2", children: [
-              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-1.5", children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunkUF3DXKCIjs.Text,
-                  {
-                    tag: "span",
-                    size: "sm",
-                    weight: isRead ? "normal" : "semibold",
-                    className: isRead ? "text-gray-600 dark:text-gray-400" : "text-gray-900 dark:text-gray-100",
-                    children: item.title
-                  }
-                ),
-                !isRead && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "w-1.5 h-1.5 rounded-full bg-blue-500 dark:bg-blue-400 shrink-0 shadow-sm shadow-blue-500/40 animate-pulse" })
-              ] }),
-              timeText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-[11px] text-gray-400 dark:text-gray-500 font-medium whitespace-nowrap flex-shrink-0 self-center", children: timeText }) : null
-            ] }),
-            item.description ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "div",
-              {
-                className: _tigercatcore.classNames.call(void 0, 
-                  "mt-1 text-xs leading-relaxed line-clamp-2",
-                  isRead ? "text-gray-500 dark:text-gray-400" : "text-gray-600 dark:text-gray-300"
-                ),
-                children: item.description
-              }
-            ) : null
-          ] }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkZLNBE4ISjs.Button,
-            {
-              size: "sm",
-              variant: "ghost",
-              className: "opacity-0 group-hover:opacity-100 focus:opacity-100 rounded-full px-2.5 py-1 text-[11px] font-semibold transition-all duration-200 bg-gray-100 hover:bg-gray-200 dark:bg-gray-800 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-300 border-0 flex-shrink-0 self-center",
-              onClick: (event) => {
-                event.stopPropagation();
-                if (manageReadState) {
-                  setReadStateOverrides((prev) => {
-                    const next = new Map(prev);
-                    next.set(item.id, !isRead);
-                    return next;
-                  });
-                }
-                _optionalChain([onItemReadChange, 'optionalCall', _6 => _6(item, !isRead)]);
-              },
-              children: isRead ? markUnreadText : markReadText
-            }
-          )
-        ]
-      }
-    );
-  };
-  const renderList = (listItems) => {
-    if (listItems.length === 0) {
-      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-center justify-center py-14 px-4 text-center", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "p-3.5 bg-gray-50 dark:bg-gray-900 rounded-full mb-3 shadow-inner", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "svg",
-          {
-            className: "w-8 h-8 text-gray-400 dark:text-gray-600 animate-pulse",
-            fill: "none",
-            viewBox: "0 0 24 24",
-            stroke: "currentColor",
-            strokeWidth: "1.5",
-            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "path",
-              {
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                d: "M14.857 17.082a23.848 23.848 0 0 0 5.454-1.31A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.967 8.967 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0"
-              }
-            )
-          }
-        ) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkUF3DXKCIjs.Text,
-          {
-            tag: "div",
-            size: "sm",
-            color: "muted",
-            className: "font-semibold text-gray-400 dark:text-gray-500",
-            children: emptyText
-          }
-        )
-      ] });
-    }
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkPT5T5F4Hjs.List,
-      {
-        dataSource: listItems,
-        split: true,
-        bordered: "divided",
-        hoverable: true,
-        emptyText,
-        onItemClick: (item, index) => _optionalChain([onItemClick, 'optionalCall', _7 => _7(item, index)]),
-        renderItem
-      }
-    );
-  };
-  const content = loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center justify-center py-16", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYRVAF2IDjs.Loading, { text: loadingText, className: "text-blue-500 dark:text-blue-400 font-medium" }) }) : resolvedGroups.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "-mx-4 -mb-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRFHPG4KNjs.Tabs, { type: "line", size: "small", activeKey: currentGroupKey, onChange: handleGroupChange, children: groupTabData.map((tab) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRFHPG4KNjs.TabPane, { tabKey: tab.key, label: tab.label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "max-h-[380px] overflow-y-auto", children: renderList(tab.filteredItems) }) }, String(tab.key))) }) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "-mx-4 -mb-4 max-h-[380px] overflow-y-auto", children: renderList(filteredFlatItems) });
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      className: wrapperClasses,
-      role: _nullishCoalesce(props.role, () => ( "region")),
-      "aria-label": _nullishCoalesce(props["aria-label"], () => ( (props["aria-labelledby"] ? void 0 : title))),
-      ...props,
-      "data-tiger-notification-center": true,
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkFQO7BKXWjs.Card,
-        {
-          variant: "bordered",
-          className: "w-full rounded-2xl border border-gray-100/80 dark:border-gray-800/80 bg-white/95 dark:bg-gray-950/90 backdrop-blur-md shadow-[0_8px_30px_rgb(0,0,0,0.04)] dark:shadow-[0_8px_30px_rgb(0,0,0,0.2)] transition-all duration-300 overflow-hidden",
-          header: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-3", children: [
-            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2.5", children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunkUF3DXKCIjs.Text,
-                  {
-                    tag: "div",
-                    size: "base",
-                    weight: "bold",
-                    className: "text-gray-900 dark:text-gray-100",
-                    children: title
-                  }
-                ),
-                totalUnread > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "inline-flex items-center justify-center min-w-[20px] h-5 px-1.5 text-[11px] font-bold rounded-full bg-gradient-to-r from-blue-500 to-indigo-600 text-white shadow-sm shadow-blue-500/20 animate-pulse", children: totalUnread }) : null
-              ] }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkZLNBE4ISjs.Button,
-                {
-                  size: "sm",
-                  variant: "ghost",
-                  disabled: !hasUnread,
-                  onClick: handleMarkAllRead,
-                  className: _tigercatcore.classNames.call(void 0, 
-                    "text-xs font-semibold transition-colors duration-200",
-                    hasUnread ? "text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300" : "text-gray-400 dark:text-gray-600"
-                  ),
-                  children: markAllReadText
-                }
-              )
-            ] }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "inline-flex items-center gap-0.5 p-0.5 rounded-lg bg-gray-100/80 dark:bg-gray-800/60 self-start", children: filterButtons.map((option) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "button",
-              {
-                className: _tigercatcore.classNames.call(void 0, 
-                  "px-3.5 py-1 text-xs font-semibold rounded-md transition-all duration-200",
-                  currentReadFilter === option.key ? "bg-white dark:bg-gray-700 text-gray-900 dark:text-white shadow-sm scale-102" : "text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white"
-                ),
-                onClick: () => handleReadFilterChange(option.key),
-                children: option.label
-              },
-              option.key
-            )) })
-          ] }),
-          children: content
-        }
-      )
-    }
-  );
-};
-var NotificationCenter_default = NotificationCenter;
-
-
-
-
-exports.NotificationCenter = NotificationCenter; exports.NotificationCenter_default = NotificationCenter_default;

package/dist/chunk-P36GX65N.js

@@ -1,79 +0,0 @@
-"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/VirtualList.tsx
-var _react = require('react');
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var VirtualList = ({
-  itemCount = 0,
-  itemHeight = 40,
-  estimatedItemHeight,
-  getItemHeight,
-  sizeStrategy: customStrategy,
-  height = 400,
-  overscan = 5,
-  className,
-  renderItem,
-  onScroll
-}) => {
-  const [scrollTop, setScrollTop] = _react.useState.call(void 0, 0);
-  const containerRef = _react.useRef.call(void 0, null);
-  const strategy = _react.useMemo.call(void 0, () => {
-    if (customStrategy) return customStrategy;
-    if (getItemHeight) return _tigercatcore.variableSizeStrategy.call(void 0, getItemHeight, itemCount);
-    if (estimatedItemHeight !== void 0)
-      return _tigercatcore.dynamicSizeStrategy.call(void 0, estimatedItemHeight, itemCount);
-    return _tigercatcore.fixedSizeStrategy.call(void 0, itemHeight);
-  }, [customStrategy, getItemHeight, estimatedItemHeight, itemHeight, itemCount]);
-  const range = _react.useMemo.call(void 0, 
-    () => strategy.getRange(scrollTop, height, itemCount, overscan),
-    [scrollTop, height, itemCount, overscan, strategy]
-  );
-  const handleScroll = _react.useCallback.call(void 0, () => {
-    if (containerRef.current) {
-      const st = containerRef.current.scrollTop;
-      setScrollTop(st);
-      _optionalChain([onScroll, 'optionalCall', _ => _(st)]);
-    }
-  }, [onScroll]);
-  const { startIndex, endIndex, totalHeight } = range;
-  const items = [];
-  for (let i = startIndex; i <= endIndex; i++) {
-    const itemH = strategy.getItemHeight(i);
-    items.push(
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { height: `${itemH}px`, width: "100%" }, children: renderItem({ index: i }) }, i)
-    );
-  }
-  const offsetTop = startIndex >= 0 ? strategy.getItemOffset(startIndex) : 0;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      ref: containerRef,
-      className: _tigercatcore.classNames.call(void 0, _tigercatcore.virtualListContainerClasses, className),
-      style: { height: `${height}px` },
-      onScroll: handleScroll,
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.virtualListInnerClasses, style: { height: `${totalHeight}px` }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "div",
-        {
-          style: {
-            transform: `translateY(${offsetTop}px)`,
-            position: "absolute",
-            top: 0,
-            left: 0,
-            width: "100%"
-          },
-          children: items
-        }
-      ) })
-    }
-  );
-};
-
-
-
-exports.VirtualList = VirtualList;

package/dist/chunk-PFYK2V3E.js

@@ -1,149 +0,0 @@
-"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/Resizable.tsx
-var _react = require('react');
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var Resizable = ({
-  defaultWidth,
-  defaultHeight,
-  minWidth = 0,
-  minHeight = 0,
-  maxWidth,
-  maxHeight,
-  handles = _tigercatcore.defaultResizeHandles,
-  axis = "both",
-  disabled = false,
-  lockAspectRatio = false,
-  className,
-  style,
-  onResizeStart,
-  onResize,
-  onResizeEnd,
-  children
-}) => {
-  const [width, setWidth] = _react.useState.call(void 0, defaultWidth);
-  const [height, setHeight] = _react.useState.call(void 0, defaultHeight);
-  const [draggingHandle, setDraggingHandle] = _react.useState.call(void 0, null);
-  const dragSessionRef = _react.useRef.call(void 0, null);
-  const dragRef = _react.useRef.call(void 0, null);
-  const cleanupDragSession = _react.useCallback.call(void 0, () => {
-    _optionalChain([dragSessionRef, 'access', _ => _.current, 'optionalAccess', _2 => _2.dispose, 'call', _3 => _3()]);
-    dragSessionRef.current = null;
-  }, []);
-  _react.useEffect.call(void 0, () => cleanupDragSession, [cleanupDragSession]);
-  const handleMouseDown = _react.useCallback.call(void 0, 
-    (handle, e) => {
-      if (disabled) return;
-      e.preventDefault();
-      cleanupDragSession();
-      const sw = _nullishCoalesce(width, () => ( 0));
-      const sh = _nullishCoalesce(height, () => ( 0));
-      dragRef.current = {
-        handle,
-        startX: e.clientX,
-        startY: e.clientY,
-        startW: sw,
-        startH: sh
-      };
-      setDraggingHandle(handle);
-      _optionalChain([onResizeStart, 'optionalCall', _4 => _4({ width: sw, height: sh, handle, deltaX: 0, deltaY: 0 })]);
-      const calculateResize = (currentX, currentY) => {
-        const drag = dragRef.current;
-        if (!drag) return null;
-        const mouseDeltaX = currentX - drag.startX;
-        const mouseDeltaY = currentY - drag.startY;
-        const { deltaWidth, deltaHeight } = _tigercatcore.calculateResizeDelta.call(void 0, 
-          drag.handle,
-          mouseDeltaX,
-          mouseDeltaY,
-          axis
-        );
-        let newW = drag.startW + deltaWidth;
-        let newH = drag.startH + deltaHeight;
-        if (lockAspectRatio) {
-          const ar = _tigercatcore.applyAspectRatio.call(void 0, newW, newH, drag.startW, drag.startH);
-          newW = ar.width;
-          newH = ar.height;
-        }
-        const clamped = _tigercatcore.clampDimensions.call(void 0, newW, newH, minWidth, minHeight, maxWidth, maxHeight);
-        return {
-          width: clamped.width,
-          height: clamped.height,
-          handle: drag.handle,
-          deltaX: clamped.width - drag.startW,
-          deltaY: clamped.height - drag.startH
-        };
-      };
-      dragSessionRef.current = _tigercatcore.createDocumentDragSession.call(void 0, {
-        startX: e.clientX,
-        startY: e.clientY,
-        ownerDocument: e.currentTarget.ownerDocument,
-        onMove: ({ currentX, currentY }) => {
-          const next = calculateResize(currentX, currentY);
-          if (!next) return;
-          setWidth(next.width);
-          setHeight(next.height);
-          _optionalChain([onResize, 'optionalCall', _5 => _5(next)]);
-        },
-        onEnd: ({ currentX, currentY }) => {
-          const next = calculateResize(currentX, currentY);
-          if (next) _optionalChain([onResizeEnd, 'optionalCall', _6 => _6(next)]);
-          dragRef.current = null;
-          dragSessionRef.current = null;
-          setDraggingHandle(null);
-        }
-      });
-    },
-    [
-      disabled,
-      width,
-      height,
-      axis,
-      lockAspectRatio,
-      minWidth,
-      minHeight,
-      maxWidth,
-      maxHeight,
-      cleanupDragSession,
-      onResizeStart,
-      onResize,
-      onResizeEnd
-    ]
-  );
-  const containerClasses = _react.useMemo.call(void 0, 
-    () => _tigercatcore.classNames.call(void 0, _tigercatcore.resizableBaseClasses, "group/resizable", className),
-    [className]
-  );
-  const containerStyle = _react.useMemo.call(void 0, () => {
-    const s = { ...style };
-    if (width != null) s.width = `${width}px`;
-    if (height != null) s.height = `${height}px`;
-    return s;
-  }, [width, height, style]);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: containerClasses, style: containerStyle, "data-resizable": "", children: [
-    children,
-    handles.map((pos) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "div",
-      {
-        className: _tigercatcore.getResizableHandleClasses.call(void 0, pos, draggingHandle === pos, disabled),
-        "data-handle": pos,
-        onMouseDown: (e) => handleMouseDown(pos, e)
-      },
-      pos
-    ))
-  ] });
-};
-var Resizable_default = Resizable;
-
-
-
-
-exports.Resizable = Resizable; exports.Resizable_default = Resizable_default;