@expcat/tigercat-react 1.4.0 → 1.5.0

package/dist/{chunk-56CTXEJS.mjs → chunk-4HMMH4XS.mjs}

@@ -1,12 +1,15 @@
 import {
   Modal
-} from "./chunk-M3MOSUZO.mjs";
+} from "./chunk-SI3P3V75.mjs";
 import {
   ImageCropper
-} from "./chunk-SY23FAXK.mjs";
+} from "./chunk-T6HNFCOW.mjs";
 import {
   Button
 } from "./chunk-5TE7KLE5.mjs";
+import {
+  useTigerConfig
+} from "./chunk-QAIBQHIO.mjs";
 
 // src/components/CropUpload.tsx
 import { useState, useRef, useCallback, useMemo } from "react";
@@ -18,21 +21,30 @@ import {
   validateUploadFile,
   readFileAsDataUrl,
   getCropperResult,
-  isActivationKey
+  isActivationKey,
+  getImageEditorLabels,
+  mergeTigerLocale
 } from "@expcat/tigercat-core";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var CropUpload = ({
+  locale,
   accept = "image/*",
   disabled = false,
   maxSize,
   cropperProps,
-  modalTitle = "\u88C1\u526A\u56FE\u7247",
-  modalWidth: _modalWidth = 520,
+  modalTitle,
+  modalWidth = 520,
   className,
   children,
   onCropComplete,
   onError
 }) => {
+  const config = useTigerConfig();
+  const mergedLocale = useMemo(
+    () => mergeTigerLocale(config.locale, locale),
+    [config.locale, locale]
+  );
+  const labels = useMemo(() => getImageEditorLabels(mergedLocale), [mergedLocale]);
   const fileInputRef = useRef(null);
   const cropperRef = useRef(null);
   const [modalVisible, setModalVisible] = useState(false);
@@ -112,7 +124,7 @@ var CropUpload = ({
         onClick: handleTriggerClick,
         role: "button",
         tabIndex: disabled ? -1 : 0,
-        "aria-label": "Select image to crop and upload",
+        "aria-label": labels.selectImageAriaLabel,
         "aria-disabled": disabled ? "true" : void 0,
         onKeyDown: handleKeyDown,
         children: children || /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -135,7 +147,7 @@ var CropUpload = ({
               )
             }
           ),
-          /* @__PURE__ */ jsx("span", { children: "\u9009\u62E9\u56FE\u7247" })
+          /* @__PURE__ */ jsx("span", { children: labels.selectImageText })
         ] })
       }
     ),
@@ -144,16 +156,17 @@ var CropUpload = ({
       {
         open: modalVisible,
         size: "lg",
-        title: modalTitle,
+        width: modalWidth,
+        title: modalTitle ?? labels.cropModalTitle,
         className: "tiger-crop-upload-modal",
         closable: true,
         maskClosable: false,
         onClose: handleCancel,
         footer: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-3", children: [
-          /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: handleCancel, children: "\u53D6\u6D88" }),
-          /* @__PURE__ */ jsx(Button, { onClick: handleConfirm, loading: cropping, children: "\u786E\u8BA4\u88C1\u526A" })
+          /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: handleCancel, children: labels.cropCancelText }),
+          /* @__PURE__ */ jsx(Button, { onClick: handleConfirm, loading: cropping, children: labels.cropConfirmText })
         ] }),
-        children: imageSrc && /* @__PURE__ */ jsx(ImageCropper, { ref: cropperRef, src: imageSrc, ...cropperProps })
+        children: imageSrc && /* @__PURE__ */ jsx(ImageCropper, { ref: cropperRef, src: imageSrc, locale, ...cropperProps })
       }
     )
   ] });

package/dist/{chunk-ZQSMJS2Q.mjs → chunk-4MREOFVE.mjs}

@@ -88,8 +88,8 @@ var Cascader = (props) => {
   const isSearchMode = showSearch && searchQuery.length > 0;
   const flattenedOptions = useMemo(() => {
     if (!showSearch) return [];
-    return flattenCascaderOptions(options);
-  }, [showSearch, options]);
+    return flattenCascaderOptions(options, [], [], changeOnSelect);
+  }, [showSearch, options, changeOnSelect]);
   const searchResults = useMemo(() => {
     if (!isSearchMode) return [];
     return filterCascaderOptions(flattenedOptions, searchQuery, showSearch);
@@ -270,7 +270,7 @@ var Cascader = (props) => {
                   disabled: item.disabled
                 }),
                 onClick: () => handleSearchResultClick(item.valuePath, item.disabled),
-                children: item.label
+                children: typeof showSearch === "object" && showSearch.render ? showSearch.render(searchQuery, item.path) : item.label
               },
               item.valuePath.join(",")
             )) })

package/dist/{chunk-EEF26RBA.mjs → chunk-4SU6D2E7.mjs}

@@ -1,5 +1,9 @@
+import {
+  useTigerConfig
+} from "./chunk-QAIBQHIO.mjs";
+
 // src/components/Badge.tsx
-import React from "react";
+import React, { useMemo } from "react";
 import {
   classNames,
   getBadgeVariantClasses,
@@ -10,11 +14,14 @@ import {
   badgeWrapperClasses,
   badgePositionClasses,
   formatBadgeContent,
-  shouldHideBadge
+  shouldHideBadge,
+  getStatusLabels,
+  mergeTigerLocale
 } from "@expcat/tigercat-core";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var Badge = React.memo(
   ({
+    locale,
     variant = "danger",
     size = "md",
     type = "number",
@@ -28,6 +35,11 @@ var Badge = React.memo(
     ["aria-label"]: ariaLabelProp,
     ...props
   }) => {
+    const config = useTigerConfig();
+    const labels = useMemo(
+      () => getStatusLabels(mergeTigerLocale(config.locale, locale)),
+      [config.locale, locale]
+    );
     const isDot = type === "dot";
     const isHidden = shouldHideBadge(content, type, showZero);
     const displayContent = formatBadgeContent(content, max, showZero);
@@ -39,7 +51,7 @@ var Badge = React.memo(
       !standalone && badgePositionClasses[position],
       className
     );
-    const computedAriaLabel = ariaLabelProp ?? (isDot ? "notification" : type === "number" ? `${displayContent} notifications` : `${displayContent ?? ""}`);
+    const computedAriaLabel = ariaLabelProp ?? (isDot ? labels.badgeLabel : type === "number" ? labels.badgeCountLabel.replace("{count}", String(displayContent)) : `${displayContent ?? ""}`);
     if (isHidden) {
       return standalone ? null : /* @__PURE__ */ jsx(Fragment, { children });
     }

package/dist/{chunk-ZZAR4IDS.js → chunk-4TPRBVW7.js}

@@ -1,4 +1,8 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }// src/components/Timeline.tsx
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
+
+// src/components/Timeline.tsx
 var _react = require('react');
 
 
@@ -12,6 +16,8 @@ var _react = require('react');
 
 
 
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
 var Timeline = ({
@@ -24,8 +30,14 @@ var Timeline = ({
   renderItem,
   renderDot: customRenderDot,
   className,
+  locale,
   ...ulProps
 }) => {
+  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 processedItems = _react.useMemo.call(void 0, () => {
     let result = reverse ? [...items].reverse() : [...items];
     if (mode === "alternate") {
@@ -88,9 +100,14 @@ var Timeline = ({
     const itemClasses = _tigercatcore.getTimelineItemClasses.call(void 0, mode, position, true);
     const headClasses = _tigercatcore.getTimelineHeadClasses.call(void 0, mode);
     const contentClasses = _tigercatcore.getTimelineContentClasses.call(void 0, mode, position);
+    const pendingText = _tigercatcore.resolveLocaleText.call(void 0, 
+      "Loading...",
+      _optionalChain([mergedLocale, 'optionalAccess', _ => _.timeline, 'optionalAccess', _2 => _2.pendingText]),
+      _optionalChain([mergedLocale, 'optionalAccess', _3 => _3.common, 'optionalAccess', _4 => _4.loadingText])
+    );
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "li", { className: itemClasses, children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: headClasses, children: renderDotElement({}, true) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: contentClasses, children: pendingContent || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.timelineDescriptionClasses, children: "Loading..." }) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: contentClasses, children: pendingContent || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.timelineDescriptionClasses, children: pendingText }) })
     ] }, "pending");
   };
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 

package/dist/{chunk-NSEO2B74.mjs → chunk-4V5RL25M.mjs}

@@ -8,7 +8,8 @@ import {
   backTopContainerClasses,
   backTopHiddenClasses,
   backTopVisibleClasses,
-  backTopIconPath
+  backTopIconPath,
+  isBrowser
 } from "@expcat/tigercat-core";
 import { jsx } from "react/jsx-runtime";
 var DefaultIcon = () => /* @__PURE__ */ jsx(
@@ -24,7 +25,7 @@ var DefaultIcon = () => /* @__PURE__ */ jsx(
     children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: backTopIconPath })
   }
 );
-var getDefaultTarget = () => window;
+var getDefaultTarget = () => isBrowser() ? window : null;
 var BackTop = ({
   visibilityHeight = 400,
   target = getDefaultTarget,
@@ -36,8 +37,10 @@ var BackTop = ({
   ...props
 }) => {
   const [visible, setVisible] = useState(false);
+  const [targetElement, setTargetElement] = useState(null);
   useEffect(() => {
     const el = target();
+    setTargetElement(el);
     if (!el) return;
     const visibilityController = createBackTopVisibilityController({
       target: el,
@@ -49,6 +52,7 @@ var BackTop = ({
     return () => {
       el.removeEventListener("scroll", visibilityController.schedule);
       visibilityController.cancel();
+      setTargetElement(null);
     };
   }, [target, visibilityHeight]);
   const handleClick = useCallback(
@@ -60,14 +64,13 @@ var BackTop = ({
     [target, duration, onClick]
   );
   const buttonClasses = useMemo(() => {
-    const el = target();
-    const positionClasses = !el || el === window ? backTopButtonClasses : backTopContainerClasses;
+    const positionClasses = !targetElement || targetElement === window ? backTopButtonClasses : backTopContainerClasses;
     return classNames(
       positionClasses,
       visible ? backTopVisibleClasses : backTopHiddenClasses,
       className
     );
-  }, [target, visible, className]);
+  }, [targetElement, visible, className]);
   return /* @__PURE__ */ jsx(
     "button",
     {

package/dist/{chunk-AUW7DCXL.js → chunk-5JYVN65W.js}

@@ -1,4 +1,8 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/QRCode.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/QRCode.tsx
 var _react = require('react');
 var _tigercatcore = require('@expcat/tigercat-core');
 
@@ -17,11 +21,25 @@ var QRCode = ({
   level: _level = "M",
   status = "active",
   onRefresh,
-  className
+  className,
+  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 matrix = _react.useMemo.call(void 0, () => _tigercatcore.generateQRMatrix.call(void 0, value), [value]);
   const moduleSize = _react.useMemo.call(void 0, () => size / matrix.length, [size, matrix.length]);
   const containerClass = _tigercatcore.classNames.call(void 0, _tigercatcore.qrcodeContainerClasses, className);
+  const ariaLabel = _tigercatcore.resolveLocaleText.call(void 0, "QR Code", _optionalChain([mergedLocale, 'optionalAccess', _ => _.qrcode, 'optionalAccess', _2 => _2.ariaLabel]));
+  const expiredText = _tigercatcore.resolveLocaleText.call(void 0, "QR code expired", _optionalChain([mergedLocale, 'optionalAccess', _3 => _3.qrcode, 'optionalAccess', _4 => _4.expiredText]));
+  const refreshText = _tigercatcore.resolveLocaleText.call(void 0, "Refresh", _optionalChain([mergedLocale, 'optionalAccess', _5 => _5.qrcode, 'optionalAccess', _6 => _6.refreshText]));
+  const loadingText = _tigercatcore.resolveLocaleText.call(void 0, 
+    "Loading...",
+    _optionalChain([mergedLocale, 'optionalAccess', _7 => _7.qrcode, 'optionalAccess', _8 => _8.loadingText]),
+    _optionalChain([mergedLocale, 'optionalAccess', _9 => _9.common, 'optionalAccess', _10 => _10.loadingText])
+  );
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: containerClass, style: { width: size, height: size }, children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "svg",
@@ -31,7 +49,7 @@ var QRCode = ({
         viewBox: `0 0 ${size} ${size}`,
         xmlns: "http://www.w3.org/2000/svg",
         role: "img",
-        "aria-label": "QR Code",
+        "aria-label": ariaLabel,
         children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { width: size, height: size, fill: bgColor }),
           matrix.flatMap(
@@ -53,10 +71,10 @@ var QRCode = ({
       }
     ),
     status === "expired" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.qrcodeOverlayClasses, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.qrcodeExpiredTextClasses, children: "QR code expired" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.qrcodeRefreshClasses, onClick: onRefresh, children: "Refresh" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.qrcodeExpiredTextClasses, children: expiredText }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.qrcodeRefreshClasses, onClick: onRefresh, children: refreshText })
     ] }),
-    status === "loading" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.qrcodeOverlayClasses, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-sm text-gray-500", children: "Loading..." }) })
+    status === "loading" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.qrcodeOverlayClasses, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-sm text-gray-500", children: loadingText }) })
   ] });
 };
 var QRCode_default = QRCode;

package/dist/{chunk-YRVAF2ID.js → chunk-5QLSTNA3.js}

@@ -22,6 +22,7 @@ var _react = require('react');
 
 
 
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
 var Loading = ({
@@ -36,9 +37,14 @@ var Loading = ({
   lockScroll = true,
   className,
   style,
+  locale,
   ...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 [visible, setVisible] = _react.useState.call(void 0, delay <= 0);
   _react.useEffect.call(void 0, () => {
     _tigercatcore.injectLoadingAnimationStyles.call(void 0, );
@@ -121,7 +127,7 @@ var Loading = ({
       className: containerClasses,
       style: mergedStyle,
       role: "status",
-      "aria-label": text || _tigercatcore.resolveLocaleText.call(void 0, "Loading", _optionalChain([config, 'access', _ => _.locale, 'optionalAccess', _2 => _2.common, 'optionalAccess', _3 => _3.loadingText])),
+      "aria-label": text || _tigercatcore.resolveLocaleText.call(void 0, "Loading", _optionalChain([mergedLocale, 'optionalAccess', _ => _.common, 'optionalAccess', _2 => _2.loadingText])),
       "aria-live": "polite",
       "aria-busy": true,
       ...props,

package/dist/chunk-5SX2M3LU.mjs

@@ -0,0 +1,319 @@
+import {
+  useTigerConfig
+} from "./chunk-QAIBQHIO.mjs";
+
+// src/components/FileManager.tsx
+import { useCallback, useMemo, useRef, useState } from "react";
+import {
+  classNames,
+  getFileManagerContainerClasses,
+  getFileItemClasses,
+  deriveFileManagerModel,
+  toggleFileSelection,
+  resolveFileOpen,
+  sliceBreadcrumbPath,
+  toFileDragItem,
+  applyFileDragReorder,
+  formatFileSizeLabel,
+  getFileManagerLabels,
+  fileManagerToolbarClasses,
+  fileManagerBreadcrumbClasses,
+  fileManagerBreadcrumbItemClasses,
+  fileManagerBreadcrumbSeparatorClasses,
+  fileManagerContentClasses,
+  fileManagerItemIconClasses,
+  fileManagerItemNameClasses,
+  fileManagerItemMetaClasses,
+  fileManagerEmptyClasses,
+  fileManagerLoadingClasses,
+  fileManagerSearchClasses,
+  resolveLocaleText,
+  mergeTigerLocale
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
+var FileManager = ({
+  files = [],
+  viewMode = "list",
+  selectedKeys = [],
+  multiple = false,
+  columns,
+  sortField = "name",
+  sortOrder = "asc",
+  currentPath = [],
+  showHidden = false,
+  draggable = false,
+  loading = false,
+  emptyText,
+  searchable = false,
+  searchText = "",
+  className,
+  onSelect,
+  onOpen,
+  onNavigate,
+  onSelectedKeysChange,
+  onCurrentPathChange,
+  onSearchTextChange,
+  onReorder,
+  renderIcon,
+  locale
+}) => {
+  const config = useTigerConfig();
+  const mergedLocale = useMemo(
+    () => mergeTigerLocale(config.locale, locale),
+    [config.locale, locale]
+  );
+  const [localSearch, setLocalSearch] = useState(searchText);
+  const [focusedIndex, setFocusedIndex] = useState(0);
+  const contentRef = useRef(null);
+  const dragFromIndex = useRef(null);
+  const labels = useMemo(() => getFileManagerLabels(mergedLocale), [mergedLocale]);
+  const metaColumns = columns ?? ["size", "modified"];
+  const showSizeColumn = metaColumns.includes("size");
+  const showModifiedColumn = metaColumns.includes("modified");
+  const showTypeColumn = metaColumns.includes("type");
+  const model = useMemo(
+    () => deriveFileManagerModel({
+      files,
+      currentPath,
+      selectedKeys,
+      sortField,
+      sortOrder,
+      showHidden,
+      searchText: localSearch || searchText
+    }),
+    [files, currentPath, selectedKeys, sortField, sortOrder, showHidden, localSearch, searchText]
+  );
+  const containerClasses = useMemo(() => getFileManagerContainerClasses(className), [className]);
+  const handleSelect = useCallback(
+    (item) => {
+      if (item.disabled) return;
+      onSelect?.(item);
+      const keys = toggleFileSelection(selectedKeys, item.key, multiple);
+      onSelectedKeysChange?.(keys);
+    },
+    [selectedKeys, multiple, onSelect, onSelectedKeysChange]
+  );
+  const handleOpen = useCallback(
+    (item) => {
+      const result = resolveFileOpen(item, currentPath);
+      if (!result) return;
+      if (result.type === "navigate") {
+        onCurrentPathChange?.(result.path);
+        onNavigate?.(result.path);
+      } else {
+        onOpen?.(result.item);
+      }
+    },
+    [currentPath, onOpen, onNavigate, onCurrentPathChange]
+  );
+  const navigateToBreadcrumb = useCallback(
+    (index) => {
+      const newPath = sliceBreadcrumbPath(currentPath, index);
+      onCurrentPathChange?.(newPath);
+      onNavigate?.(newPath);
+    },
+    [currentPath, onNavigate, onCurrentPathChange]
+  );
+  const breadcrumbItems = [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: fileManagerBreadcrumbItemClasses,
+        onClick: () => navigateToBreadcrumb(0),
+        children: labels.rootText
+      },
+      "root"
+    ),
+    ...currentPath.flatMap((seg, i) => [
+      /* @__PURE__ */ jsx("span", { className: fileManagerBreadcrumbSeparatorClasses, children: "/" }, `sep-${i}`),
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: fileManagerBreadcrumbItemClasses,
+          onClick: () => navigateToBreadcrumb(i + 1),
+          children: seg
+        },
+        `path-${i}`
+      )
+    ])
+  ];
+  const contentClass = viewMode === "grid" ? `${fileManagerContentClasses} grid grid-cols-4 gap-2` : fileManagerContentClasses;
+  const firstEnabledIndex = model.processedItems.findIndex((item) => !item.disabled);
+  const focusedItem = focusedIndex >= 0 && !model.processedItems[focusedIndex]?.disabled ? focusedIndex : firstEnabledIndex;
+  const focusItemAt = useCallback((index) => {
+    requestAnimationFrame(() => {
+      contentRef.current?.querySelector(`[data-option-index="${index}"]`)?.focus();
+    });
+  }, []);
+  const moveFocus = useCallback(
+    (current, direction) => {
+      if (model.processedItems.length === 0) return;
+      let next = current;
+      for (let i = 0; i < model.processedItems.length; i += 1) {
+        next = (next + direction + model.processedItems.length) % model.processedItems.length;
+        if (!model.processedItems[next]?.disabled) {
+          setFocusedIndex(next);
+          focusItemAt(next);
+          return;
+        }
+      }
+    },
+    [focusItemAt, model.processedItems]
+  );
+  const handleItemKeyDown = useCallback(
+    (event, item, index) => {
+      switch (event.key) {
+        case "ArrowDown":
+        case "ArrowRight":
+          event.preventDefault();
+          moveFocus(index, 1);
+          return;
+        case "ArrowUp":
+        case "ArrowLeft":
+          event.preventDefault();
+          moveFocus(index, -1);
+          return;
+        case "Home":
+          event.preventDefault();
+          if (firstEnabledIndex >= 0) {
+            setFocusedIndex(firstEnabledIndex);
+            focusItemAt(firstEnabledIndex);
+          }
+          return;
+        case "End": {
+          event.preventDefault();
+          let lastEnabledIndex = -1;
+          for (let next = model.processedItems.length - 1; next >= 0; next -= 1) {
+            if (!model.processedItems[next]?.disabled) {
+              lastEnabledIndex = next;
+              break;
+            }
+          }
+          if (lastEnabledIndex >= 0) {
+            setFocusedIndex(lastEnabledIndex);
+            focusItemAt(lastEnabledIndex);
+          }
+          return;
+        }
+        case " ":
+          event.preventDefault();
+          handleSelect(item);
+          return;
+        case "Enter":
+          event.preventDefault();
+          handleSelect(item);
+          handleOpen(item);
+          return;
+        default:
+          return;
+      }
+    },
+    [firstEnabledIndex, focusItemAt, handleOpen, handleSelect, model.processedItems, moveFocus]
+  );
+  const handleDragStart = useCallback(
+    (event, item, index) => {
+      if (!draggable || item.disabled) return;
+      dragFromIndex.current = index;
+      event.dataTransfer.effectAllowed = "move";
+      event.dataTransfer.setData("text/plain", String(toFileDragItem(item, index).id));
+    },
+    [draggable]
+  );
+  const handleDragOver = useCallback(
+    (event) => {
+      if (!draggable || dragFromIndex.current === null) return;
+      event.preventDefault();
+      event.dataTransfer.dropEffect = "move";
+    },
+    [draggable]
+  );
+  const handleDrop = useCallback(
+    (event, toIndex) => {
+      if (!draggable) return;
+      const fromIndex = dragFromIndex.current;
+      dragFromIndex.current = null;
+      if (fromIndex === null || fromIndex === toIndex) return;
+      event.preventDefault();
+      const items = model.processedItems;
+      const reordered = applyFileDragReorder(items, {
+        item: toFileDragItem(items[fromIndex], fromIndex),
+        fromIndex,
+        toIndex,
+        fromContainerId: "",
+        toContainerId: ""
+      });
+      onReorder?.(reordered, fromIndex, toIndex);
+    },
+    [draggable, model.processedItems, onReorder]
+  );
+  return /* @__PURE__ */ jsxs("div", { className: classNames(containerClasses), children: [
+    /* @__PURE__ */ jsxs("div", { className: fileManagerToolbarClasses, children: [
+      /* @__PURE__ */ jsx("nav", { className: fileManagerBreadcrumbClasses, "aria-label": "File path", children: breadcrumbItems }),
+      /* @__PURE__ */ jsx("div", { className: "flex-1" }),
+      searchable && /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          className: fileManagerSearchClasses,
+          placeholder: resolveLocaleText("Search...", mergedLocale?.common?.searchPlaceholder),
+          value: localSearch,
+          onChange: (e) => {
+            setLocalSearch(e.target.value);
+            onSearchTextChange?.(e.target.value);
+          }
+        }
+      )
+    ] }),
+    model.processedItems.length > 0 ? /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: contentRef,
+        className: contentClass,
+        role: "listbox",
+        "aria-multiselectable": multiple,
+        children: model.processedItems.map((item, index) => {
+          const isSelected = model.selectedSet.has(item.key);
+          const itemClass = getFileItemClasses(viewMode, isSelected);
+          const dragItem = draggable && !item.disabled ? toFileDragItem(item, index) : void 0;
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: itemClass,
+              role: "option",
+              "aria-selected": isSelected,
+              tabIndex: !item.disabled && index === focusedItem ? 0 : -1,
+              "data-option-index": index,
+              "data-disabled": item.disabled || void 0,
+              "data-drag-id": dragItem?.id,
+              onFocus: () => {
+                if (!item.disabled) setFocusedIndex(index);
+              },
+              onKeyDown: (event) => handleItemKeyDown(event, item, index),
+              onClick: () => handleSelect(item),
+              onDoubleClick: () => handleOpen(item),
+              draggable: draggable && !item.disabled,
+              onDragStart: (event) => handleDragStart(event, item, index),
+              onDragOver: handleDragOver,
+              onDrop: (event) => handleDrop(event, index),
+              children: [
+                renderIcon ? renderIcon(item) : /* @__PURE__ */ jsx("span", { className: fileManagerItemIconClasses, "aria-hidden": "true", children: item.type === "folder" ? "\u{1F4C1}" : "\u{1F4C4}" }),
+                /* @__PURE__ */ jsx("span", { className: fileManagerItemNameClasses, children: item.name }),
+                viewMode === "list" && showTypeColumn && /* @__PURE__ */ jsx("span", { className: fileManagerItemMetaClasses, children: item.extension ?? item.type }),
+                viewMode === "list" && showSizeColumn && item.size !== void 0 && /* @__PURE__ */ jsx("span", { className: fileManagerItemMetaClasses, children: formatFileSizeLabel(item.size) }),
+                viewMode === "list" && showModifiedColumn && item.modified && /* @__PURE__ */ jsx("span", { className: fileManagerItemMetaClasses, children: item.modified })
+              ]
+            },
+            item.key
+          );
+        })
+      }
+    ) : /* @__PURE__ */ jsx("div", { className: fileManagerEmptyClasses, children: resolveLocaleText("Empty folder", emptyText, mergedLocale?.common?.emptyText) }),
+    loading && /* @__PURE__ */ jsx("div", { className: fileManagerLoadingClasses, children: resolveLocaleText("Loading...", mergedLocale?.common?.loadingText) })
+  ] });
+};
+var FileManager_default = FileManager;
+
+export {
+  FileManager,
+  FileManager_default
+};