@expcat/tigercat-react 1.1.0 → 1.2.0

package/dist/{chunk-KPRUZCKN.js → chunk-H6NC6SBX.js}

@@ -1,16 +1,26 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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 chunkXTV5JLLC_js = require('./chunk-XTV5JLLC.js');
-var chunk36ATCHP4_js = require('./chunk-36ATCHP4.js');
-var chunkUKLVOR4E_js = require('./chunk-UKLVOR4E.js');
-var React = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
+var _chunkXTV5JLLCjs = require('./chunk-XTV5JLLC.js');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefault(React);
+var _chunkUVMQJOTXjs = require('./chunk-UVMQJOTX.js');
 
+
+var _chunkUKLVOR4Ejs = require('./chunk-UKLVOR4E.js');
+
+// src/components/HeatmapChart.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
 var HeatmapChart = ({
   width = 400,
   height = 300,
@@ -42,7 +52,7 @@ var HeatmapChart = ({
   onCellClick,
   onCellHover
 }) => {
-  const canvasRef = React.useRef(null);
+  const canvasRef = _react.useRef.call(void 0, null);
   const {
     tooltipPosition,
     resolvedHoveredIndex,
@@ -51,7 +61,7 @@ var HeatmapChart = ({
     handleMouseMove,
     handleMouseLeave,
     handleClick
-  } = chunkXTV5JLLC_js.useChartInteraction({
+  } = _chunkXTV5JLLCjs.useChartInteraction.call(void 0, {
     hoverable,
     hoveredIndexProp,
     selectable,
@@ -60,18 +70,18 @@ var HeatmapChart = ({
     inactiveOpacity,
     getData: (index) => data[index],
     onHoveredIndexChange: (index) => {
-      onHoveredIndexChange?.(index);
-      onCellHover?.(index, index !== null ? data[index] : null);
+      _optionalChain([onHoveredIndexChange, 'optionalCall', _ => _(index)]);
+      _optionalChain([onCellHover, 'optionalCall', _2 => _2(index, index !== null ? data[index] : null)]);
     },
     onSelectedIndexChange,
     callbacks: { onClick: onCellClick }
   });
-  const innerRect = React.useMemo(
-    () => tigercatCore.getChartInnerRect(width, height, padding),
+  const innerRect = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getChartInnerRect.call(void 0, width, height, padding),
     [width, height, padding]
   );
-  const cells = React.useMemo(
-    () => tigercatCore.computeHeatmapCells(data, {
+  const cells = _react.useMemo.call(void 0, 
+    () => _tigercatcore.computeHeatmapCells.call(void 0, data, {
       xLabels,
       yLabels,
       width: innerRect.width,
@@ -93,8 +103,8 @@ var HeatmapChart = ({
       colorSpace
     ]
   );
-  const tooltipContent = React.useMemo(
-    () => tigercatCore.resolveChartTooltipContent(resolvedHoveredIndex, cells, void 0, (cell) => {
+  const tooltipContent = _react.useMemo.call(void 0, 
+    () => _tigercatcore.resolveChartTooltipContent.call(void 0, resolvedHoveredIndex, cells, void 0, (cell) => {
       const val = valueFormatter ? valueFormatter(cell.value) : `${cell.value}`;
       return `${cell.xLabel} \xD7 ${cell.yLabel}: ${val}`;
     }),
@@ -104,25 +114,25 @@ var HeatmapChart = ({
   const rect = innerRect;
   const cellW = (rect.width - cellGap * (xLabels.length - 1)) / xLabels.length;
   const cellH = (rect.height - cellGap * (yLabels.length - 1)) / yLabels.length;
-  const resolvedRenderMode = tigercatCore.resolveHeatmapRenderMode(cells.length, {
+  const resolvedRenderMode = _tigercatcore.resolveHeatmapRenderMode.call(void 0, cells.length, {
     renderMode,
     canvasThreshold
   });
   const shouldRenderCanvas = resolvedRenderMode === "canvas";
-  React.useEffect(() => {
+  _react.useEffect.call(void 0, () => {
     if (!shouldRenderCanvas) return;
     const canvas = canvasRef.current;
-    const context = canvas?.getContext("2d");
+    const context = _optionalChain([canvas, 'optionalAccess', _3 => _3.getContext, 'call', _4 => _4("2d")]);
     if (!canvas || !context) return;
     context.clearRect(0, 0, rect.width, rect.height);
     context.textAlign = "center";
     context.textBaseline = "middle";
     context.font = "10px sans-serif";
     cells.forEach((cell, idx) => {
-      context.globalAlpha = tigercatCore.getChartElementOpacity(idx, activeIndex, {
+      context.globalAlpha = _nullishCoalesce(_tigercatcore.getChartElementOpacity.call(void 0, idx, activeIndex, {
         activeOpacity,
         inactiveOpacity
-      }) ?? 1;
+      }), () => ( 1));
       context.fillStyle = cell.fill;
       const radius = Math.max(0, Math.min(cellRadius, cell.w / 2, cell.h / 2));
       if (radius > 0) {
@@ -169,7 +179,7 @@ var HeatmapChart = ({
     showValues,
     valueFormatter
   ]);
-  const getCanvasPoint = React.useCallback((event) => {
+  const getCanvasPoint = _react.useCallback.call(void 0, (event) => {
     const canvas = event.currentTarget;
     const bounds = canvas.getBoundingClientRect();
     const nativeEvent = event.nativeEvent;
@@ -179,10 +189,10 @@ var HeatmapChart = ({
     const scaleY = bounds.height > 0 ? canvas.height / bounds.height : 1;
     return { x: offsetX * scaleX, y: offsetY * scaleY };
   }, []);
-  const handleCanvasMouseMove = React.useCallback(
+  const handleCanvasMouseMove = _react.useCallback.call(void 0, 
     (event) => {
       const point = getCanvasPoint(event);
-      const index = tigercatCore.getHeatmapCellIndexAtPoint(cells, point.x, point.y);
+      const index = _tigercatcore.getHeatmapCellIndexAtPoint.call(void 0, cells, point.x, point.y);
       if (index === null) {
         handleMouseLeave();
         return;
@@ -192,43 +202,43 @@ var HeatmapChart = ({
     },
     [cells, getCanvasPoint, handleMouseEnter, handleMouseLeave, handleMouseMove]
   );
-  const handleCanvasClick = React.useCallback(
+  const handleCanvasClick = _react.useCallback.call(void 0, 
     (event) => {
       const point = getCanvasPoint(event);
-      const index = tigercatCore.getHeatmapCellIndexAtPoint(cells, point.x, point.y);
+      const index = _tigercatcore.getHeatmapCellIndexAtPoint.call(void 0, cells, point.x, point.y);
       if (index !== null) {
         handleClick(index);
       }
     },
     [cells, getCanvasPoint, handleClick]
   );
-  const chart = /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkUKLVOR4E_js.ChartCanvas,
+  const chart = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _chunkUKLVOR4Ejs.ChartCanvas,
     {
       width,
       height,
       padding,
       title,
       desc,
-      className: tigercatCore.classNames(className),
+      className: _tigercatcore.classNames.call(void 0, className),
       children: [
-        xLabels.map((lbl, i) => /* @__PURE__ */ jsxRuntime.jsx(
+        xLabels.map((lbl, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "text",
           {
             x: i * (cellW + cellGap) + cellW / 2,
             y: rect.height + 16,
-            className: tigercatCore.chartAxisTickTextClasses,
+            className: _tigercatcore.chartAxisTickTextClasses,
             textAnchor: "middle",
             children: lbl
           },
           `x-${i}`
         )),
-        yLabels.map((lbl, i) => /* @__PURE__ */ jsxRuntime.jsx(
+        yLabels.map((lbl, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "text",
           {
             x: -8,
             y: i * (cellH + cellGap) + cellH / 2,
-            className: tigercatCore.chartAxisTickTextClasses,
+            className: _tigercatcore.chartAxisTickTextClasses,
             textAnchor: "end",
             dominantBaseline: "middle",
             children: lbl
@@ -236,12 +246,12 @@ var HeatmapChart = ({
           `y-${i}`
         )),
         !shouldRenderCanvas && cells.map((cell, idx) => {
-          const opacity = tigercatCore.getChartElementOpacity(idx, activeIndex, {
+          const opacity = _tigercatcore.getChartElementOpacity.call(void 0, idx, activeIndex, {
             activeOpacity,
             inactiveOpacity
           });
-          return /* @__PURE__ */ jsxRuntime.jsxs(React__default.default.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
+          return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react2.default.Fragment, { children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "rect",
               {
                 x: cell.x,
@@ -251,9 +261,9 @@ var HeatmapChart = ({
                 rx: cellRadius,
                 fill: cell.fill,
                 opacity,
-                className: tigercatCore.classNames(interactive && "cursor-pointer"),
+                className: _tigercatcore.classNames.call(void 0, interactive && "cursor-pointer"),
                 style: {
-                  transition: "opacity 0.2s ease-out",
+                  transition: "opacity var(--tiger-motion-duration-base,0.2s) var(--tiger-motion-ease-decelerate,ease-out)",
                   rx: `var(--tiger-chart-block-radius, ${cellRadius}px)`
                 },
                 onMouseEnter: (e) => handleMouseEnter(idx, e),
@@ -262,7 +272,7 @@ var HeatmapChart = ({
                 onClick: () => handleClick(idx)
               }
             ),
-            showValues && /* @__PURE__ */ jsxRuntime.jsx(
+            showValues && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "text",
               {
                 x: cell.x + cell.w / 2,
@@ -278,8 +288,8 @@ var HeatmapChart = ({
       ]
     }
   );
-  const tooltip = showTooltip && hoverable ? /* @__PURE__ */ jsxRuntime.jsx(
-    chunk36ATCHP4_js.ChartTooltip,
+  const tooltip = showTooltip && hoverable ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkUVMQJOTXjs.ChartTooltip,
     {
       content: tooltipContent,
       visible: resolvedHoveredIndex !== null && tooltipContent !== "",
@@ -287,9 +297,9 @@ var HeatmapChart = ({
       y: tooltipPosition.y
     }
   ) : null;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-block relative", children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "inline-block relative", children: [
     chart,
-    shouldRenderCanvas && /* @__PURE__ */ jsxRuntime.jsx(
+    shouldRenderCanvas && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "canvas",
       {
         ref: canvasRef,
@@ -297,7 +307,7 @@ var HeatmapChart = ({
         height: rect.height,
         "data-heatmap-canvas": "true",
         "data-heatmap-render-mode": resolvedRenderMode,
-        className: tigercatCore.classNames(interactive && "cursor-pointer"),
+        className: _tigercatcore.classNames.call(void 0, interactive && "cursor-pointer"),
         style: {
           position: "absolute",
           left: `${rect.x}px`,
@@ -315,4 +325,6 @@ var HeatmapChart = ({
   ] });
 };
 
+
+
 exports.HeatmapChart = HeatmapChart;

package/dist/chunk-HLS4CHWX.mjs

@@ -1,7 +1,6 @@
-import React from 'react';
-import { classNames, getTextClasses } from '@expcat/tigercat-core';
-
 // src/components/Text.tsx
+import React from "react";
+import { classNames, getTextClasses } from "@expcat/tigercat-core";
 var Text = React.memo(
   ({
     tag = "p",
@@ -26,4 +25,6 @@ var Text = React.memo(
 );
 Text.displayName = "Text";
 
-export { Text };
+export {
+  Text
+};

package/dist/chunk-HQ3QOT7H.js

@@ -1,33 +1,38 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/shared/icons.tsx
 
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
 
-// src/components/shared/icons.tsx
-var StatusIcon = ({ path, className, ...svgProps }) => /* @__PURE__ */ jsxRuntime.jsx(
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var StatusIcon = ({ path, className, ...svgProps }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   "svg",
   {
     className,
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
-    viewBox: tigercatCore.icon24ViewBox,
+    viewBox: _tigercatcore.icon24ViewBox,
     stroke: "currentColor",
-    strokeWidth: tigercatCore.icon24StrokeWidth,
+    strokeWidth: _tigercatcore.icon24StrokeWidth,
     ...svgProps,
-    children: /* @__PURE__ */ jsxRuntime.jsx(
+    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "path",
       {
-        strokeLinecap: tigercatCore.icon24PathStrokeLinecap,
-        strokeLinejoin: tigercatCore.icon24PathStrokeLinejoin,
+        strokeLinecap: _tigercatcore.icon24PathStrokeLinecap,
+        strokeLinejoin: _tigercatcore.icon24PathStrokeLinejoin,
         d: path
       }
     )
   }
 );
 var StatusIconWithLoading = ({ path, className, isLoading = false, spinnerClass = "" }) => {
-  const merged = tigercatCore.classNames(className, isLoading && spinnerClass);
-  return /* @__PURE__ */ jsxRuntime.jsx(StatusIcon, { path, className: merged });
+  const merged = _tigercatcore.classNames.call(void 0, className, isLoading && spinnerClass);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StatusIcon, { path, className: merged });
 };
 
-exports.StatusIcon = StatusIcon;
-exports.StatusIconWithLoading = StatusIconWithLoading;
+
+
+
+exports.StatusIcon = StatusIcon; exports.StatusIconWithLoading = StatusIconWithLoading;

package/dist/chunk-HR5GBE3P.js

@@ -1,10 +1,28 @@
-'use strict';
+"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
+var _react = require('react');
 
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
 
-// src/components/FileManager.tsx
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
 var FileManager = ({
   files = [],
   viewMode = "list",
@@ -28,9 +46,9 @@ var FileManager = ({
   onSearchTextChange,
   renderIcon
 }) => {
-  const [localSearch, setLocalSearch] = react.useState(searchText);
-  const model = react.useMemo(
-    () => tigercatCore.deriveFileManagerModel({
+  const [localSearch, setLocalSearch] = _react.useState.call(void 0, searchText);
+  const model = _react.useMemo.call(void 0, 
+    () => _tigercatcore.deriveFileManagerModel.call(void 0, {
       files,
       currentPath,
       selectedKeys,
@@ -41,53 +59,53 @@ var FileManager = ({
     }),
     [files, currentPath, selectedKeys, sortField, sortOrder, showHidden, localSearch, searchText]
   );
-  const containerClasses = react.useMemo(() => tigercatCore.getFileManagerContainerClasses(className), [className]);
-  const handleSelect = react.useCallback(
+  const containerClasses = _react.useMemo.call(void 0, () => _tigercatcore.getFileManagerContainerClasses.call(void 0, className), [className]);
+  const handleSelect = _react.useCallback.call(void 0, 
     (item) => {
       if (item.disabled) return;
-      onSelect?.(item);
-      const keys = tigercatCore.toggleFileSelection(selectedKeys, item.key, multiple);
-      onSelectedKeysChange?.(keys);
+      _optionalChain([onSelect, 'optionalCall', _ => _(item)]);
+      const keys = _tigercatcore.toggleFileSelection.call(void 0, selectedKeys, item.key, multiple);
+      _optionalChain([onSelectedKeysChange, 'optionalCall', _2 => _2(keys)]);
     },
     [selectedKeys, multiple, onSelect, onSelectedKeysChange]
   );
-  const handleOpen = react.useCallback(
+  const handleOpen = _react.useCallback.call(void 0, 
     (item) => {
-      const result = tigercatCore.resolveFileOpen(item, currentPath);
+      const result = _tigercatcore.resolveFileOpen.call(void 0, item, currentPath);
       if (!result) return;
       if (result.type === "navigate") {
-        onCurrentPathChange?.(result.path);
-        onNavigate?.(result.path);
+        _optionalChain([onCurrentPathChange, 'optionalCall', _3 => _3(result.path)]);
+        _optionalChain([onNavigate, 'optionalCall', _4 => _4(result.path)]);
       } else {
-        onOpen?.(result.item);
+        _optionalChain([onOpen, 'optionalCall', _5 => _5(result.item)]);
       }
     },
     [currentPath, onOpen, onNavigate, onCurrentPathChange]
   );
-  const navigateToBreadcrumb = react.useCallback(
+  const navigateToBreadcrumb = _react.useCallback.call(void 0, 
     (index) => {
-      const newPath = tigercatCore.sliceBreadcrumbPath(currentPath, index);
-      onCurrentPathChange?.(newPath);
-      onNavigate?.(newPath);
+      const newPath = _tigercatcore.sliceBreadcrumbPath.call(void 0, currentPath, index);
+      _optionalChain([onCurrentPathChange, 'optionalCall', _6 => _6(newPath)]);
+      _optionalChain([onNavigate, 'optionalCall', _7 => _7(newPath)]);
     },
     [currentPath, onNavigate, onCurrentPathChange]
   );
   const breadcrumbItems = [
-    /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "span",
       {
-        className: tigercatCore.fileManagerBreadcrumbItemClasses,
+        className: _tigercatcore.fileManagerBreadcrumbItemClasses,
         onClick: () => navigateToBreadcrumb(0),
         children: "Root"
       },
       "root"
     ),
     ...currentPath.flatMap((seg, i) => [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: tigercatCore.fileManagerBreadcrumbSeparatorClasses, children: "/" }, `sep-${i}`),
-      /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.fileManagerBreadcrumbSeparatorClasses, children: "/" }, `sep-${i}`),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "span",
         {
-          className: tigercatCore.fileManagerBreadcrumbItemClasses,
+          className: _tigercatcore.fileManagerBreadcrumbItemClasses,
           onClick: () => navigateToBreadcrumb(i + 1),
           children: seg
         },
@@ -95,54 +113,56 @@ var FileManager = ({
       )
     ])
   ];
-  const contentClass = viewMode === "grid" ? `${tigercatCore.fileManagerContentClasses} grid grid-cols-4 gap-2` : tigercatCore.fileManagerContentClasses;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.classNames(containerClasses), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.fileManagerToolbarClasses, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("nav", { className: tigercatCore.fileManagerBreadcrumbClasses, "aria-label": "File path", children: breadcrumbItems }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1" }),
-      searchable && /* @__PURE__ */ jsxRuntime.jsx(
+  const contentClass = viewMode === "grid" ? `${_tigercatcore.fileManagerContentClasses} grid grid-cols-4 gap-2` : _tigercatcore.fileManagerContentClasses;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.classNames.call(void 0, containerClasses), children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.fileManagerToolbarClasses, children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "nav", { className: _tigercatcore.fileManagerBreadcrumbClasses, "aria-label": "File path", children: breadcrumbItems }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-1" }),
+      searchable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "input",
         {
           type: "text",
-          className: tigercatCore.fileManagerSearchClasses,
+          className: _tigercatcore.fileManagerSearchClasses,
           placeholder: "Search...",
           value: localSearch,
           onChange: (e) => {
             setLocalSearch(e.target.value);
-            onSearchTextChange?.(e.target.value);
+            _optionalChain([onSearchTextChange, 'optionalCall', _8 => _8(e.target.value)]);
           }
         }
       )
     ] }),
-    model.processedItems.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: contentClass, role: "listbox", "aria-multiselectable": multiple, children: model.processedItems.map((item, index) => {
+    model.processedItems.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: contentClass, role: "listbox", "aria-multiselectable": multiple, children: model.processedItems.map((item, index) => {
       const isSelected = model.selectedSet.has(item.key);
-      const itemClass = tigercatCore.getFileItemClasses(viewMode, isSelected);
-      const dragItem = draggable && !item.disabled ? tigercatCore.toFileDragItem(item, index) : void 0;
-      return /* @__PURE__ */ jsxRuntime.jsxs(
+      const itemClass = _tigercatcore.getFileItemClasses.call(void 0, viewMode, isSelected);
+      const dragItem = draggable && !item.disabled ? _tigercatcore.toFileDragItem.call(void 0, item, index) : void 0;
+      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
         "div",
         {
           className: itemClass,
           role: "option",
           "aria-selected": isSelected,
           "data-disabled": item.disabled || void 0,
-          "data-drag-id": dragItem?.id,
+          "data-drag-id": _optionalChain([dragItem, 'optionalAccess', _9 => _9.id]),
           onClick: () => handleSelect(item),
           onDoubleClick: () => handleOpen(item),
           draggable: draggable && !item.disabled,
           children: [
-            renderIcon ? renderIcon(item) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: tigercatCore.fileManagerItemIconClasses, "aria-hidden": "true", children: item.type === "folder" ? "\u{1F4C1}" : "\u{1F4C4}" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: tigercatCore.fileManagerItemNameClasses, children: item.name }),
-            viewMode === "list" && item.size !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: tigercatCore.fileManagerItemMetaClasses, children: tigercatCore.formatFileSizeLabel(item.size) }),
-            viewMode === "list" && item.modified && /* @__PURE__ */ jsxRuntime.jsx("span", { className: tigercatCore.fileManagerItemMetaClasses, children: item.modified })
+            renderIcon ? renderIcon(item) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.fileManagerItemIconClasses, "aria-hidden": "true", children: item.type === "folder" ? "\u{1F4C1}" : "\u{1F4C4}" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.fileManagerItemNameClasses, children: item.name }),
+            viewMode === "list" && item.size !== void 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.fileManagerItemMetaClasses, children: _tigercatcore.formatFileSizeLabel.call(void 0, item.size) }),
+            viewMode === "list" && item.modified && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.fileManagerItemMetaClasses, children: item.modified })
           ]
         },
         item.key
       );
-    }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.fileManagerEmptyClasses, children: emptyText }),
-    loading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.fileManagerLoadingClasses, children: "Loading..." })
+    }) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.fileManagerEmptyClasses, children: emptyText }),
+    loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.fileManagerLoadingClasses, children: "Loading..." })
   ] });
 };
 var FileManager_default = FileManager;
 
-exports.FileManager = FileManager;
-exports.FileManager_default = FileManager_default;
+
+
+
+exports.FileManager = FileManager; exports.FileManager_default = FileManager_default;