@expcat/tigercat-react 1.0.7 → 1.2.0

package/dist/chunk-IUT6A4FC.js

@@ -0,0 +1,297 @@
+"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 _chunkWG3YS2QVjs = require('./chunk-WG3YS2QV.js');
+
+
+var _chunkGRXBGL6Qjs = require('./chunk-GRXBGL6Q.js');
+
+
+var _chunk3MRP3XYIjs = require('./chunk-3MRP3XYI.js');
+
+
+var _chunkUF3DXKCIjs = require('./chunk-UF3DXKCI.js');
+
+
+var _chunkUIO6O4MIjs = require('./chunk-UIO6O4MI.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, 
+          "flex items-start gap-3 w-full py-0.5 transition-colors",
+          !isRead && "border-l-2 border-l-[var(--tiger-primary,#2563eb)] -ml-[2px] pl-[calc(0.75rem-2px)]"
+        ),
+        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.jsx.call(void 0, _chunkUF3DXKCIjs.Text, { tag: "span", size: "sm", weight: isRead ? "normal" : "semibold", children: item.title }),
+              timeText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-xs text-[var(--tiger-text-muted,#6b7280)] whitespace-nowrap flex-shrink-0", children: timeText }) : null
+            ] }),
+            item.description ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-0.5 text-xs text-[var(--tiger-text-muted,#6b7280)] line-clamp-2 leading-relaxed", children: item.description }) : null
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkGRXBGL6Qjs.Button,
+            {
+              size: "sm",
+              variant: "ghost",
+              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) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkWG3YS2QVjs.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-12", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3MRP3XYIjs.Loading, { text: loadingText }) }) : 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, 
+        _chunkUIO6O4MIjs.Card,
+        {
+          variant: "bordered",
+          className: "w-full",
+          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", 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-xs font-semibold rounded-full bg-[var(--tiger-primary,#2563eb)] text-white", children: totalUnread }) : null
+              ] }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGRXBGL6Qjs.Button, { size: "sm", variant: "ghost", disabled: !hasUnread, onClick: handleMarkAllRead, children: markAllReadText })
+            ] }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "inline-flex rounded-[var(--tiger-radius-sm,0.375rem)] border border-[var(--tiger-border,#e5e7eb)] overflow-hidden self-start", children: filterButtons.map((option) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "button",
+              {
+                className: _tigercatcore.classNames.call(void 0, 
+                  "px-3 py-1 text-xs font-medium transition-colors",
+                  "border-r border-[var(--tiger-border,#e5e7eb)] last:border-r-0",
+                  currentReadFilter === option.key ? "bg-[var(--tiger-primary,#2563eb)] text-white" : "bg-[var(--tiger-surface,#ffffff)] text-[var(--tiger-text-muted,#6b7280)] hover:bg-[var(--tiger-surface-muted,#f9fafb)]"
+                ),
+                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-IUTPGKU5.js

@@ -0,0 +1,169 @@
+"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 _chunkXPA2YCQOjs = require('./chunk-XPA2YCQO.js');
+
+
+var _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
+
+
+var _chunkGRXBGL6Qjs = require('./chunk-GRXBGL6Q.js');
+
+// src/components/FormWizard.tsx
+var _react = require('react');
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var FormWizard = ({
+  steps = [],
+  current,
+  defaultCurrent = 0,
+  clickable = false,
+  direction = "horizontal",
+  size = "default",
+  simple = false,
+  showSteps = true,
+  showActions = true,
+  prevText,
+  nextText,
+  finishText,
+  locale,
+  beforeNext,
+  autoSave,
+  onChange,
+  onFinish,
+  renderStep,
+  className,
+  style,
+  ...props
+}) => {
+  const config = _chunkTDODFBBOjs.useTigerConfig.call(void 0, );
+  const mergedLocale = _react.useMemo.call(void 0, 
+    () => _tigercatcore.mergeTigerLocale.call(void 0, config.locale, locale),
+    [config.locale, locale]
+  );
+  const labels = _react.useMemo.call(void 0, () => _tigercatcore.getFormWizardLabels.call(void 0, mergedLocale), [mergedLocale]);
+  const [innerCurrent, setInnerCurrent] = _react.useState.call(void 0, defaultCurrent);
+  _react.useEffect.call(void 0, () => {
+    if (current !== void 0) setInnerCurrent(current);
+  }, [current]);
+  const totalCount = steps.length;
+  const currentIndex = _nullishCoalesce(current, () => ( innerCurrent));
+  const currentStep = steps[currentIndex];
+  const isFirst = currentIndex <= 0;
+  const isLast = currentIndex >= totalCount - 1;
+  const wrapperClasses = _tigercatcore.classNames.call(void 0, 
+    "tiger-form-wizard w-full rounded-[var(--tiger-radius-md,0.5rem)] border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] shadow-sm overflow-hidden",
+    className
+  );
+  const setCurrent = _react.useCallback.call(void 0, 
+    (next) => {
+      const clamped = _tigercatcore.clampStepIndex.call(void 0, next, totalCount);
+      if (current === void 0) {
+        setInnerCurrent(clamped);
+      }
+      _optionalChain([onChange, 'optionalCall', _ => _(clamped, currentIndex)]);
+      if (autoSave && steps[clamped]) {
+        autoSave(clamped, steps[clamped]);
+      }
+    },
+    [current, currentIndex, onChange, totalCount, autoSave, steps]
+  );
+  const runBeforeNext = _react.useCallback.call(void 0, 
+    () => _tigercatcore.runStepValidation.call(void 0, currentIndex, currentStep, steps, beforeNext),
+    [beforeNext, currentIndex, currentStep, steps]
+  );
+  const findNextUnskipped = _react.useCallback.call(void 0, 
+    (from, dir) => _tigercatcore.findNextUnskippedStep.call(void 0, from, dir, steps, currentIndex),
+    [steps, currentIndex]
+  );
+  const handlePrev = _react.useCallback.call(void 0, () => {
+    if (currentIndex <= 0) return;
+    const target = findNextUnskipped(currentIndex - 1, -1);
+    if (target === currentIndex) return;
+    setCurrent(target);
+  }, [currentIndex, setCurrent, findNextUnskipped]);
+  const handleNext = _react.useCallback.call(void 0, async () => {
+    if (totalCount === 0) return;
+    const ok = await runBeforeNext();
+    if (!ok) return;
+    if (isLast) {
+      _optionalChain([onFinish, 'optionalCall', _2 => _2(currentIndex, steps)]);
+      return;
+    }
+    const target = findNextUnskipped(currentIndex + 1, 1);
+    if (target === currentIndex) return;
+    setCurrent(target);
+  }, [
+    currentIndex,
+    totalCount,
+    isLast,
+    onFinish,
+    runBeforeNext,
+    setCurrent,
+    steps,
+    findNextUnskipped
+  ]);
+  const handleStepChange = _react.useCallback.call(void 0, 
+    async (nextIndex) => {
+      if (nextIndex === currentIndex || _optionalChain([steps, 'access', _3 => _3[nextIndex], 'optionalAccess', _4 => _4.disabled])) return;
+      if (nextIndex > currentIndex) {
+        const ok = await runBeforeNext();
+        if (!ok) return;
+      }
+      setCurrent(nextIndex);
+    },
+    [currentIndex, runBeforeNext, setCurrent, steps]
+  );
+  const contentNode = _react.useMemo.call(void 0, () => {
+    if (!currentStep) return null;
+    if (renderStep) return renderStep(currentStep, currentIndex);
+    return _nullishCoalesce(currentStep.content, () => ( null));
+  }, [currentIndex, currentStep, renderStep]);
+  const stepsNodes = _react.useMemo.call(void 0, 
+    () => steps.map((step, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkXPA2YCQOjs.StepsItem,
+      {
+        title: step.title,
+        description: step.description,
+        status: step.status,
+        icon: step.icon,
+        disabled: step.disabled
+      },
+      _nullishCoalesce(step.key, () => ( index))
+    )),
+    [steps]
+  );
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: wrapperClasses, style, "data-tiger-form-wizard": true, ...props, children: [
+    showSteps && steps.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "px-6 py-5 bg-[var(--tiger-surface-muted,#f9fafb)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkXPA2YCQOjs.Steps,
+      {
+        current: currentIndex,
+        direction,
+        size,
+        simple,
+        clickable,
+        onChange: handleStepChange,
+        children: stepsNodes
+      }
+    ) }),
+    /* @__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) })
+    ] })
+  ] });
+};
+var FormWizard_default = FormWizard;
+
+
+
+
+exports.FormWizard = FormWizard; exports.FormWizard_default = FormWizard_default;

package/dist/{chunk-FNDPGSEW.mjs → chunk-IXQAECFP.mjs}

@@ -1,15 +1,92 @@
-import { createContext, useContext, useState, useRef, useMemo, useCallback, useEffect } from 'react';
-import { scrollToAnchor, classNames, getAnchorWrapperClasses, getAnchorInkContainerClasses, getAnchorInkActiveClasses, getAnchorLinkListClasses, findActiveAnchor } from '@expcat/tigercat-core';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
 // src/components/Anchor.tsx
+import React, {
+  createContext,
+  useContext,
+  useState,
+  useEffect,
+  useCallback,
+  useMemo,
+  useRef
+} from "react";
+import {
+  classNames,
+  getAnchorWrapperClasses,
+  getAnchorInkContainerClasses,
+  getAnchorInkActiveClasses,
+  getAnchorLinkClasses,
+  getAnchorLinkListClasses,
+  createAnchorObserver,
+  scrollToAnchor
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var AnchorContext = createContext(null);
 function useAnchorContext() {
   return useContext(AnchorContext);
 }
+var AnchorLink = ({
+  href,
+  title,
+  target,
+  className,
+  children,
+  ...props
+}) => {
+  const anchorContext = useAnchorContext();
+  const register = anchorContext?.registerLink;
+  const unregister = anchorContext?.unregisterLink;
+  useEffect(() => {
+    if (href) {
+      register?.(href);
+    }
+    return () => {
+      unregister?.(href);
+    };
+  }, [href, register, unregister]);
+  const handleClick = (event) => {
+    event.preventDefault();
+    anchorContext?.handleLinkClick(href, event);
+  };
+  const linkClasses = useMemo(() => {
+    const isActive = anchorContext?.activeLink === href;
+    return classNames(getAnchorLinkClasses(isActive, className));
+  }, [anchorContext?.activeLink, href, className]);
+  const hasNestedLinks = React.Children.toArray(children).some(
+    (child) => React.isValidElement(child) && child.type === AnchorLink
+  );
+  if (hasNestedLinks) {
+    return /* @__PURE__ */ jsxs("div", { className: "anchor-link-wrapper", children: [
+      /* @__PURE__ */ jsx(
+        "a",
+        {
+          href,
+          target,
+          className: linkClasses,
+          "data-anchor-href": href,
+          onClick: handleClick,
+          ...props,
+          children: title
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "pl-3 mt-1 space-y-1", children })
+    ] });
+  }
+  const content = children ?? title;
+  return /* @__PURE__ */ jsx(
+    "a",
+    {
+      href,
+      target,
+      className: linkClasses,
+      "data-anchor-href": href,
+      onClick: handleClick,
+      ...props,
+      children: content
+    }
+  );
+};
 var Anchor = ({
   affix = true,
-  bounds = 5,
+  bounds: _bounds = 5,
   offsetTop = 0,
   showInkInFixed = false,
   targetOffset,
@@ -27,10 +104,13 @@ var Anchor = ({
   const anchorRef = useRef(null);
   const inkRef = useRef(null);
   const isScrollingRef = useRef(false);
-  const animationFrameRef = useRef(null);
   const scrollTimeoutRef = useRef(null);
   const getContainerRef = useRef(getContainer);
   getContainerRef.current = getContainer;
+  const getCurrentAnchorRef = useRef(getCurrentAnchor);
+  getCurrentAnchorRef.current = getCurrentAnchor;
+  const onChangeRef = useRef(onChange);
+  onChangeRef.current = onChange;
   const scrollOffset = useMemo(() => targetOffset ?? offsetTop, [targetOffset, offsetTop]);
   const registerLink = useCallback((href) => {
     setLinks((prevLinks) => {
@@ -65,44 +145,34 @@ var Anchor = ({
     [onClick, scrollTo]
   );
   useEffect(() => {
-    let container = null;
-    let handleScroll = null;
+    let stop = null;
     const timeoutId = setTimeout(() => {
-      container = getContainerRef.current();
-      handleScroll = () => {
-        if (isScrollingRef.current) return;
-        if (animationFrameRef.current !== null) {
-          cancelAnimationFrame(animationFrameRef.current);
-        }
-        animationFrameRef.current = requestAnimationFrame(() => {
-          const currentContainer = getContainerRef.current();
-          const newActiveLink = findActiveAnchor(links, currentContainer, bounds, scrollOffset);
-          const finalActiveLink = getCurrentAnchor ? getCurrentAnchor(newActiveLink) : newActiveLink;
-          setActiveLink((prevActiveLink) => {
-            if (finalActiveLink !== prevActiveLink) {
-              onChange?.(finalActiveLink);
+      const container = getContainerRef.current();
+      const root = container === window ? null : container;
+      stop = createAnchorObserver(links, {
+        offsetTop: scrollOffset,
+        root,
+        onChange: (newActiveLink) => {
+          if (isScrollingRef.current) return;
+          const finalActiveLink = getCurrentAnchorRef.current ? getCurrentAnchorRef.current(newActiveLink) : newActiveLink;
+          setActiveLink((prev) => {
+            if (finalActiveLink !== prev) {
+              onChangeRef.current?.(finalActiveLink);
               return finalActiveLink;
             }
-            return prevActiveLink;
+            return prev;
           });
-        });
-      };
-      container.addEventListener("scroll", handleScroll, { passive: true });
-      handleScroll();
+        }
+      });
     }, 0);
     return () => {
       clearTimeout(timeoutId);
-      if (container && handleScroll) {
-        container.removeEventListener("scroll", handleScroll);
-      }
-      if (animationFrameRef.current !== null) {
-        cancelAnimationFrame(animationFrameRef.current);
-      }
+      stop?.();
       if (scrollTimeoutRef.current !== null) {
         clearTimeout(scrollTimeoutRef.current);
       }
     };
-  }, [links, bounds, scrollOffset, getCurrentAnchor, onChange]);
+  }, [links, scrollOffset]);
   useEffect(() => {
     if (!inkRef.current || !anchorRef.current || !activeLink) {
       return;
@@ -156,4 +226,9 @@ var Anchor = ({
 };
 var Anchor_default = Anchor;
 
-export { Anchor, Anchor_default, useAnchorContext };
+export {
+  useAnchorContext,
+  AnchorLink,
+  Anchor,
+  Anchor_default
+};

package/dist/chunk-J3N24I7A.mjs

@@ -1,8 +1,14 @@
-import { useMemo } from 'react';
-import { generateQRMatrix, classNames, qrcodeContainerClasses, qrcodeOverlayClasses, qrcodeExpiredTextClasses, qrcodeRefreshClasses } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
 // src/components/QRCode.tsx
+import { useMemo } from "react";
+import { classNames } from "@expcat/tigercat-core";
+import {
+  qrcodeContainerClasses,
+  qrcodeOverlayClasses,
+  qrcodeExpiredTextClasses,
+  qrcodeRefreshClasses,
+  generateQRMatrix
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var QRCode = ({
   value,
   size = 128,
@@ -55,4 +61,7 @@ var QRCode = ({
 };
 var QRCode_default = QRCode;
 
-export { QRCode, QRCode_default };
+export {
+  QRCode,
+  QRCode_default
+};