@expcat/tigercat-react 1.3.3 → 1.4.0

package/dist/{chunk-I373B74W.js → chunk-MC26ORSN.js}

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

package/dist/{chunk-5HFHHFQS.mjs → chunk-MTIGGMHG.mjs}

@@ -1,3 +1,7 @@
+import {
+  useTigerConfig
+} from "./chunk-QAIBQHIO.mjs";
+
 // src/components/FileManager.tsx
 import { useCallback, useMemo, useState } from "react";
 import {
@@ -20,7 +24,9 @@ import {
   fileManagerItemMetaClasses,
   fileManagerEmptyClasses,
   fileManagerLoadingClasses,
-  fileManagerSearchClasses
+  fileManagerSearchClasses,
+  resolveLocaleText,
+  mergeTigerLocale
 } from "@expcat/tigercat-core";
 import { jsx, jsxs } from "react/jsx-runtime";
 var FileManager = ({
@@ -34,7 +40,7 @@ var FileManager = ({
   showHidden = false,
   draggable = false,
   loading = false,
-  emptyText = "Empty folder",
+  emptyText,
   searchable = false,
   searchText = "",
   className,
@@ -44,8 +50,14 @@ var FileManager = ({
   onSelectedKeysChange,
   onCurrentPathChange,
   onSearchTextChange,
-  renderIcon
+  renderIcon,
+  locale
 }) => {
+  const config = useTigerConfig();
+  const mergedLocale = useMemo(
+    () => mergeTigerLocale(config.locale, locale),
+    [config.locale, locale]
+  );
   const [localSearch, setLocalSearch] = useState(searchText);
   const model = useMemo(
     () => deriveFileManagerModel({
@@ -123,7 +135,7 @@ var FileManager = ({
         {
           type: "text",
           className: fileManagerSearchClasses,
-          placeholder: "Search...",
+          placeholder: resolveLocaleText("Search...", mergedLocale?.common?.searchPlaceholder),
           value: localSearch,
           onChange: (e) => {
             setLocalSearch(e.target.value);
@@ -156,7 +168,7 @@ var FileManager = ({
         },
         item.key
       );
-    }) }) : /* @__PURE__ */ jsx("div", { className: fileManagerEmptyClasses, children: emptyText }),
+    }) }) : /* @__PURE__ */ jsx("div", { className: fileManagerEmptyClasses, children: resolveLocaleText("Empty folder", emptyText, mergedLocale?.common?.emptyText) }),
     loading && /* @__PURE__ */ jsx("div", { className: fileManagerLoadingClasses, children: "Loading..." })
   ] });
 };

package/dist/{chunk-DKT2EYVM.mjs → chunk-MV2JQ6XQ.mjs}

@@ -1,6 +1,6 @@
 import {
   useControlledState
-} from "./chunk-UQMPEMY7.mjs";
+} from "./chunk-WHYHLUXG.mjs";
 
 // src/components/CheckboxGroup.tsx
 import { createContext, useContext } from "react";
@@ -19,7 +19,7 @@ var CheckboxGroup = ({
   className,
   ...props
 }) => {
-  const [value, setInternalValue, isControlled] = useControlledState(controlledValue, defaultValue);
+  const [value, setValue] = useControlledState(controlledValue, defaultValue, onChange);
   const updateValue = (val, checked) => {
     if (disabled) return;
     const currentValue = [...value];
@@ -29,10 +29,7 @@ var CheckboxGroup = ({
     } else if (!checked && index !== -1) {
       currentValue.splice(index, 1);
     }
-    if (!isControlled) {
-      setInternalValue(currentValue);
-    }
-    onChange?.(currentValue);
+    setValue(currentValue);
   };
   const context = {
     value,

package/dist/{chunk-HR5GBE3P.js → chunk-NDGA3N6H.js}

@@ -1,4 +1,8 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/components/FileManager.tsx
+"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; }
+
+var _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
+
+// src/components/FileManager.tsx
 var _react = require('react');
 
 
@@ -18,6 +22,8 @@ var _react = require('react');
 
 
 
+
+
 
 
 
@@ -34,7 +40,7 @@ var FileManager = ({
   showHidden = false,
   draggable = false,
   loading = false,
-  emptyText = "Empty folder",
+  emptyText,
   searchable = false,
   searchText = "",
   className,
@@ -44,8 +50,14 @@ var FileManager = ({
   onSelectedKeysChange,
   onCurrentPathChange,
   onSearchTextChange,
-  renderIcon
+  renderIcon,
+  locale
 }) => {
+  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 [localSearch, setLocalSearch] = _react.useState.call(void 0, searchText);
   const model = _react.useMemo.call(void 0, 
     () => _tigercatcore.deriveFileManagerModel.call(void 0, {
@@ -123,11 +135,11 @@ var FileManager = ({
         {
           type: "text",
           className: _tigercatcore.fileManagerSearchClasses,
-          placeholder: "Search...",
+          placeholder: _tigercatcore.resolveLocaleText.call(void 0, "Search...", _optionalChain([mergedLocale, 'optionalAccess', _8 => _8.common, 'optionalAccess', _9 => _9.searchPlaceholder])),
           value: localSearch,
           onChange: (e) => {
             setLocalSearch(e.target.value);
-            _optionalChain([onSearchTextChange, 'optionalCall', _8 => _8(e.target.value)]);
+            _optionalChain([onSearchTextChange, 'optionalCall', _10 => _10(e.target.value)]);
           }
         }
       )
@@ -143,7 +155,7 @@ var FileManager = ({
           role: "option",
           "aria-selected": isSelected,
           "data-disabled": item.disabled || void 0,
-          "data-drag-id": _optionalChain([dragItem, 'optionalAccess', _9 => _9.id]),
+          "data-drag-id": _optionalChain([dragItem, 'optionalAccess', _11 => _11.id]),
           onClick: () => handleSelect(item),
           onDoubleClick: () => handleOpen(item),
           draggable: draggable && !item.disabled,
@@ -156,7 +168,7 @@ var FileManager = ({
         },
         item.key
       );
-    }) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.fileManagerEmptyClasses, children: emptyText }),
+    }) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.fileManagerEmptyClasses, children: _tigercatcore.resolveLocaleText.call(void 0, "Empty folder", emptyText, _optionalChain([mergedLocale, 'optionalAccess', _12 => _12.common, 'optionalAccess', _13 => _13.emptyText])) }),
     loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.fileManagerLoadingClasses, children: "Loading..." })
   ] });
 };

package/dist/{chunk-BO6QGXMN.mjs → chunk-NEZ445D4.mjs}

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

package/dist/{chunk-4U5HSR2H.js → chunk-NVI2P7VH.js}

@@ -1,10 +1,10 @@
 "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 _chunkSTTQ5LXXjs = require('./chunk-STTQ5LXX.js');
 
 // src/components/ImagePreview.tsx
 var _react = require('react');
-var _reactdom = require('react-dom');
 
 
 
@@ -223,7 +223,7 @@ var ImagePreview = ({
   );
   if (!isOpen || !images.length) return null;
   const currentSrc = images[index] || images[0];
-  return _reactdom.createPortal.call(void 0, 
+  return _chunkSTTQ5LXXjs.renderBodyPortal.call(void 0, 
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "div",
       {
@@ -341,8 +341,7 @@ var ImagePreview = ({
           ] })
         ]
       }
-    ),
-    document.body
+    )
   );
 };