@expcat/tigercat-react 1.1.0 → 1.2.14

package/dist/chunk-A4PPPGJ5.js

@@ -1,284 +0,0 @@
-'use strict';
-
-var chunk5OLE7XM3_js = require('./chunk-5OLE7XM3.js');
-var chunkGAT4ZATZ_js = require('./chunk-GAT4ZATZ.js');
-var chunkGRXBGL6Q_js = require('./chunk-GRXBGL6Q.js');
-var chunkMPO7Y76D_js = require('./chunk-MPO7Y76D.js');
-var chunkUF3DXKCI_js = require('./chunk-UF3DXKCI.js');
-var chunkUIO6O4MI_js = require('./chunk-UIO6O4MI.js');
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-var getGroupKey = (group, index) => {
-  return 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(
-    () => tigercatCore.buildNotificationGroups(items, groups, groupBy, groupOrder),
-    [items, groups, groupBy, groupOrder]
-  );
-  const firstGroupKey = react.useMemo(() => {
-    return resolvedGroups.length > 0 ? getGroupKey(resolvedGroups[0], 0) : void 0;
-  }, [resolvedGroups]);
-  const [internalGroupKey, setInternalGroupKey] = react.useState(
-    defaultActiveGroupKey
-  );
-  const [internalReadFilter, setInternalReadFilter] = react.useState(defaultReadFilter);
-  const currentGroupKey = activeGroupKey ?? internalGroupKey ?? firstGroupKey;
-  const currentReadFilter = readFilter ?? internalReadFilter;
-  react.useEffect(() => {
-    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]);
-  react.useMemo(() => {
-    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(
-    () => /* @__PURE__ */ new Map()
-  );
-  react.useEffect(() => {
-    if (manageReadState) setReadStateOverrides(/* @__PURE__ */ new Map());
-  }, [items, manageReadState]);
-  const applyReadOverrides = (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;
-    });
-  };
-  const effectiveGroups = react.useMemo(
-    () => resolvedGroups.map((group) => ({
-      ...group,
-      items: applyReadOverrides(group.items)
-    })),
-    [resolvedGroups, readStateOverrides]
-  );
-  const effectiveCurrentGroup = react.useMemo(() => {
-    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(
-    () => effectiveCurrentGroup?.items ?? [],
-    [effectiveCurrentGroup]
-  );
-  const effectiveItems = react.useMemo(() => applyReadOverrides(items), [items, readStateOverrides]);
-  const hasUnread = react.useMemo(
-    () => effectiveCurrentGroupItems.some((item) => !item.read),
-    [effectiveCurrentGroupItems]
-  );
-  const totalUnread = react.useMemo(() => {
-    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(
-    () => tigercatCore.classNames("tiger-notification-center", "w-full", "flex", "flex-col", className),
-    [className]
-  );
-  const filterButtons = react.useMemo(
-    () => [
-      { key: "all", label: allLabel },
-      { key: "unread", label: unreadLabel },
-      { key: "read", label: readLabel }
-    ],
-    [allLabel, unreadLabel, readLabel]
-  );
-  const groupTabData = react.useMemo(
-    () => resolvedGroups.map((group, index) => {
-      const effectiveGroup = effectiveGroups.find(
-        (eg, ei) => getGroupKey(eg, ei) === getGroupKey(group, index)
-      );
-      const groupItems = effectiveGroup?.items ?? group.items;
-      const unreadCount = groupItems.filter((item) => !item.read).length;
-      const labelBase = group.title || String(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(
-    () => filterItems(effectiveItems, currentReadFilter),
-    [effectiveItems, currentReadFilter]
-  );
-  const handleGroupChange = (key) => {
-    if (activeGroupKey === void 0) {
-      setInternalGroupKey(key);
-    }
-    onGroupChange?.(key);
-  };
-  const handleReadFilterChange = (next) => {
-    if (readFilter === void 0) {
-      setInternalReadFilter(next);
-    }
-    onReadFilterChange?.(next);
-  };
-  const handleMarkAllRead = () => {
-    if (manageReadState) {
-      setReadStateOverrides((prev) => {
-        const next = new Map(prev);
-        effectiveCurrentGroupItems.forEach((item) => next.set(item.id, true));
-        return next;
-      });
-    }
-    onMarkAllRead?.(currentGroupKey, effectiveCurrentGroupItems);
-  };
-  const renderItem = (item, _index) => {
-    const isRead = Boolean(item.read);
-    const timeText = item.time ? tigercatCore.formatActivityTime(item.time) : "";
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        className: tigercatCore.classNames(
-          "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("div", { className: "flex-1 min-w-0", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-baseline justify-between gap-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(chunkUF3DXKCI_js.Text, { tag: "span", size: "sm", weight: isRead ? "normal" : "semibold", children: item.title }),
-              timeText ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-[var(--tiger-text-muted,#6b7280)] whitespace-nowrap flex-shrink-0", children: timeText }) : null
-            ] }),
-            item.description ? /* @__PURE__ */ jsxRuntime.jsx("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(
-            chunkGRXBGL6Q_js.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;
-                  });
-                }
-                onItemReadChange?.(item, !isRead);
-              },
-              children: isRead ? markUnreadText : markReadText
-            }
-          )
-        ]
-      }
-    );
-  };
-  const renderList = (listItems) => /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGAT4ZATZ_js.List,
-    {
-      dataSource: listItems,
-      split: true,
-      bordered: "divided",
-      hoverable: true,
-      emptyText,
-      onItemClick: (item, index) => onItemClick?.(item, index),
-      renderItem
-    }
-  );
-  const content = loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsxRuntime.jsx(chunkMPO7Y76D_js.Loading, { text: loadingText }) }) : resolvedGroups.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "-mx-4 -mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(chunk5OLE7XM3_js.Tabs, { type: "line", size: "small", activeKey: currentGroupKey, onChange: handleGroupChange, children: groupTabData.map((tab) => /* @__PURE__ */ jsxRuntime.jsx(
-    chunk5OLE7XM3_js.TabPane,
-    {
-      tabKey: tab.key,
-      label: tab.label,
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-[380px] overflow-y-auto", children: renderList(tab.filteredItems) })
-    },
-    String(tab.key)
-  )) }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "-mx-4 -mb-4 max-h-[380px] overflow-y-auto", children: renderList(filteredFlatItems) });
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: wrapperClasses,
-      role: props.role ?? "region",
-      "aria-label": props["aria-label"] ?? (props["aria-labelledby"] ? void 0 : title),
-      ...props,
-      "data-tiger-notification-center": true,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkUIO6O4MI_js.Card,
-        {
-          variant: "bordered",
-          className: "w-full",
-          header: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2.5", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(chunkUF3DXKCI_js.Text, { tag: "div", size: "base", weight: "bold", children: title }),
-                totalUnread > 0 ? /* @__PURE__ */ jsxRuntime.jsx("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(chunkGRXBGL6Q_js.Button, { size: "sm", variant: "ghost", disabled: !hasUnread, onClick: handleMarkAllRead, children: markAllReadText })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("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(
-              "button",
-              {
-                className: tigercatCore.classNames(
-                  "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-ACQLSECT.js

@@ -1,279 +0,0 @@
-'use strict';
-
-var chunkPGBKMW4Q_js = require('./chunk-PGBKMW4Q.js');
-var react = require('react');
-var reactDom = require('react-dom');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-var SvgIcon = ({ d, cls = "w-5 h-5" }) => /* @__PURE__ */ jsxRuntime.jsx(
-  "svg",
-  {
-    className: cls,
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    stroke: "currentColor",
-    children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d })
-  }
-);
-var ImagePreview = ({
-  open,
-  images,
-  currentIndex = 0,
-  zIndex = 1050,
-  maskClosable = true,
-  scaleStep = 0.5,
-  minScale = 0.25,
-  maxScale = 5,
-  onOpenChange,
-  onCurrentIndexChange,
-  onScaleChange
-}) => {
-  const isOpen = open;
-  const [scale, setScale] = react.useState(1);
-  const [rotation, setRotation] = react.useState(0);
-  const [offsetX, setOffsetX] = react.useState(0);
-  const [offsetY, setOffsetY] = react.useState(0);
-  const [index, setIndex] = react.useState(currentIndex);
-  const draggingRef = react.useRef(false);
-  const dragStartRef = react.useRef({ x: 0, y: 0, ox: 0, oy: 0 });
-  const resetTransform = react.useCallback(() => {
-    setScale(1);
-    setRotation(0);
-    setOffsetX(0);
-    setOffsetY(0);
-  }, []);
-  react.useEffect(() => {
-    setIndex(currentIndex);
-    resetTransform();
-  }, [currentIndex, resetTransform]);
-  react.useEffect(() => {
-    if (isOpen) {
-      resetTransform();
-      setIndex(currentIndex);
-      document.body.style.overflow = "hidden";
-    } else {
-      document.body.style.overflow = "";
-    }
-    return () => {
-      document.body.style.overflow = "";
-    };
-  }, [isOpen, currentIndex, resetTransform]);
-  const handleClose = react.useCallback(() => {
-    onOpenChange?.(false);
-  }, [onOpenChange]);
-  chunkPGBKMW4Q_js.useEscapeKey({ enabled: !!isOpen, onEscape: handleClose });
-  const navState = react.useMemo(() => tigercatCore.getPreviewNavState(index, images.length), [index, images.length]);
-  const handleZoomIn = react.useCallback(() => {
-    setScale((s) => {
-      const next = tigercatCore.clampScale(s + scaleStep, minScale, maxScale);
-      onScaleChange?.(next);
-      return next;
-    });
-  }, [scaleStep, minScale, maxScale, onScaleChange]);
-  const handleZoomOut = react.useCallback(() => {
-    setScale((s) => {
-      const next = tigercatCore.clampScale(s - scaleStep, minScale, maxScale);
-      onScaleChange?.(next);
-      return next;
-    });
-  }, [scaleStep, minScale, maxScale, onScaleChange]);
-  const handleReset = react.useCallback(() => {
-    resetTransform();
-    onScaleChange?.(1);
-  }, [resetTransform, onScaleChange]);
-  const handleRotateLeft = react.useCallback(() => {
-    setRotation((value) => tigercatCore.normalizeRotation(value - 90));
-  }, []);
-  const handleRotateRight = react.useCallback(() => {
-    setRotation((value) => tigercatCore.normalizeRotation(value + 90));
-  }, []);
-  const handlePrev = react.useCallback(() => {
-    if (index > 0) {
-      const next = index - 1;
-      setIndex(next);
-      resetTransform();
-      onCurrentIndexChange?.(next);
-    }
-  }, [index, resetTransform, onCurrentIndexChange]);
-  const handleNext = react.useCallback(() => {
-    if (index < images.length - 1) {
-      const next = index + 1;
-      setIndex(next);
-      resetTransform();
-      onCurrentIndexChange?.(next);
-    }
-  }, [index, images.length, resetTransform, onCurrentIndexChange]);
-  react.useEffect(() => {
-    if (!isOpen) return;
-    const handler = (e) => {
-      if (e.key === "ArrowLeft") handlePrev();
-      if (e.key === "ArrowRight") handleNext();
-    };
-    document.addEventListener("keydown", handler);
-    return () => document.removeEventListener("keydown", handler);
-  }, [isOpen, handlePrev, handleNext]);
-  const handleWheel = react.useCallback(
-    (e) => {
-      e.preventDefault();
-      const delta = e.deltaY > 0 ? -scaleStep : scaleStep;
-      setScale((s) => {
-        const next = tigercatCore.clampScale(s + delta, minScale, maxScale);
-        onScaleChange?.(next);
-        return next;
-      });
-    },
-    [scaleStep, minScale, maxScale, onScaleChange]
-  );
-  const handleMouseDown = react.useCallback(
-    (e) => {
-      if (e.button !== 0) return;
-      e.preventDefault();
-      draggingRef.current = true;
-      dragStartRef.current = { x: e.clientX, y: e.clientY, ox: offsetX, oy: offsetY };
-    },
-    [offsetX, offsetY]
-  );
-  const handleMouseMove = react.useCallback((e) => {
-    if (!draggingRef.current) return;
-    setOffsetX(dragStartRef.current.ox + (e.clientX - dragStartRef.current.x));
-    setOffsetY(dragStartRef.current.oy + (e.clientY - dragStartRef.current.y));
-  }, []);
-  const handleMouseUp = react.useCallback(() => {
-    draggingRef.current = false;
-  }, []);
-  const handleMaskClick = react.useCallback(
-    (e) => {
-      if (maskClosable && e.target === e.currentTarget) {
-        handleClose();
-      }
-    },
-    [maskClosable, handleClose]
-  );
-  const transform = react.useMemo(
-    () => `${tigercatCore.calculateTransform(scale, offsetX, offsetY)} rotate(${rotation}deg)`,
-    [scale, offsetX, offsetY, rotation]
-  );
-  if (!isOpen || !images.length) return null;
-  const currentSrc = images[index] || images[0];
-  return reactDom.createPortal(
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        className: tigercatCore.imagePreviewWrapperClasses,
-        style: { zIndex },
-        role: "dialog",
-        "aria-modal": "true",
-        "aria-label": "Image preview",
-        onClick: handleMaskClick,
-        onWheel: handleWheel,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.imagePreviewMaskClasses, "aria-hidden": "true" }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "img",
-            {
-              src: currentSrc,
-              className: tigercatCore.imagePreviewImgClasses,
-              style: { transform },
-              alt: `Preview image ${index + 1}`,
-              draggable: false,
-              onMouseDown: handleMouseDown,
-              onMouseMove: handleMouseMove,
-              onMouseUp: handleMouseUp,
-              onMouseLeave: handleMouseUp
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              className: tigercatCore.imagePreviewCloseBtnClasses,
-              onClick: handleClose,
-              "aria-label": "Close preview",
-              type: "button",
-              children: /* @__PURE__ */ jsxRuntime.jsx(SvgIcon, { d: tigercatCore.previewCloseIconPath })
-            }
-          ),
-          images.length > 1 && /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              className: tigercatCore.classNames(tigercatCore.imagePreviewNavBtnClasses, "left-4"),
-              onClick: handlePrev,
-              disabled: !navState.hasPrev,
-              "aria-label": "Previous image",
-              type: "button",
-              children: /* @__PURE__ */ jsxRuntime.jsx(SvgIcon, { d: tigercatCore.prevIconPath })
-            }
-          ),
-          images.length > 1 && /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              className: tigercatCore.classNames(tigercatCore.imagePreviewNavBtnClasses, "right-4"),
-              onClick: handleNext,
-              disabled: !navState.hasNext,
-              "aria-label": "Next image",
-              type: "button",
-              children: /* @__PURE__ */ jsxRuntime.jsx(SvgIcon, { d: tigercatCore.nextIconPath })
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.imagePreviewToolbarClasses, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                className: tigercatCore.imagePreviewToolbarBtnClasses,
-                onClick: handleZoomOut,
-                "aria-label": "Zoom out",
-                type: "button",
-                children: /* @__PURE__ */ jsxRuntime.jsx(SvgIcon, { d: tigercatCore.zoomOutIconPath })
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                className: tigercatCore.imagePreviewToolbarBtnClasses,
-                onClick: handleReset,
-                "aria-label": "Reset",
-                type: "button",
-                children: /* @__PURE__ */ jsxRuntime.jsx(SvgIcon, { d: tigercatCore.resetIconPath })
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                className: tigercatCore.imagePreviewToolbarBtnClasses,
-                onClick: handleZoomIn,
-                "aria-label": "Zoom in",
-                type: "button",
-                children: /* @__PURE__ */ jsxRuntime.jsx(SvgIcon, { d: tigercatCore.zoomInIconPath })
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                className: tigercatCore.imagePreviewToolbarBtnClasses,
-                onClick: handleRotateLeft,
-                "aria-label": "Rotate left",
-                type: "button",
-                children: /* @__PURE__ */ jsxRuntime.jsx(SvgIcon, { d: tigercatCore.imageViewerIcons.rotateLeft })
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                className: tigercatCore.imagePreviewToolbarBtnClasses,
-                onClick: handleRotateRight,
-                "aria-label": "Rotate right",
-                type: "button",
-                children: /* @__PURE__ */ jsxRuntime.jsx(SvgIcon, { d: tigercatCore.imageViewerIcons.rotateRight })
-              }
-            ),
-            navState.counter && /* @__PURE__ */ jsxRuntime.jsx("span", { className: tigercatCore.imagePreviewCounterClasses, children: navState.counter })
-          ] })
-        ]
-      }
-    ),
-    document.body
-  );
-};
-
-exports.ImagePreview = ImagePreview;