@expcat/tigercat-react 1.0.7 → 1.2.0

package/dist/{chunk-Z6F67MJE.mjs → chunk-UBP7HZSU.mjs}

@@ -1,8 +1,7 @@
-import { useMemo, useCallback } from 'react';
-import { classNames } from '@expcat/tigercat-core';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
 // src/components/ChartLegend.tsx
+import { useMemo, useCallback } from "react";
+import { classNames } from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var ChartLegend = ({
   items,
   position = "bottom",
@@ -54,9 +53,9 @@ var ChartLegend = ({
           {
             type: interactive ? "button" : void 0,
             className: classNames(
-              "flex items-center gap-2 text-sm",
+              "flex items-center gap-2 text-sm rounded-[var(--tiger-chart-legend-row-radius,0)]",
               "text-[color:var(--tiger-text-secondary,#6b7280)]",
-              interactive ? "cursor-pointer hover:text-[color:var(--tiger-text,#374151)] transition-colors" : "cursor-default",
+              interactive ? "cursor-pointer hover:text-[color:var(--tiger-text,#374151)] hover:bg-[var(--tiger-chart-legend-row-hover-bg,transparent)] transition-colors" : "cursor-default",
               item.active === false ? "opacity-50" : void 0
             ),
             role: "listitem",
@@ -72,7 +71,8 @@ var ChartLegend = ({
                   style: {
                     width: `${markerSize}px`,
                     height: `${markerSize}px`,
-                    backgroundColor: item.color
+                    background: `var(--tiger-chart-legend-marker-image, ${item.color})`,
+                    "--tiger-chart-legend-marker-color": item.color
                   },
                   "aria-hidden": "true",
                   "data-legend-marker": "true"
@@ -89,4 +89,7 @@ var ChartLegend = ({
 };
 var ChartLegend_default = ChartLegend;
 
-export { ChartLegend, ChartLegend_default };
+export {
+  ChartLegend,
+  ChartLegend_default
+};

package/dist/chunk-UF3DXKCI.js

@@ -1,14 +1,7 @@
-'use strict';
-
-var React = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-// src/components/Text.tsx
-var Text = React__default.default.memo(
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }// src/components/Text.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _tigercatcore = require('@expcat/tigercat-core');
+var Text = _react2.default.memo(
   ({
     tag = "p",
     size,
@@ -23,13 +16,15 @@ var Text = React__default.default.memo(
     className,
     ...props
   }) => {
-    const textClasses = tigercatCore.classNames(
-      tigercatCore.getTextClasses({ size, weight, align, color, truncate, italic, underline, lineThrough }),
+    const textClasses = _tigercatcore.classNames.call(void 0, 
+      _tigercatcore.getTextClasses.call(void 0, { size, weight, align, color, truncate, italic, underline, lineThrough }),
       className
     );
-    return React__default.default.createElement(tag, { ...props, className: textClasses }, children);
+    return _react2.default.createElement(tag, { ...props, className: textClasses }, children);
   }
 );
 Text.displayName = "Text";
 
+
+
 exports.Text = Text;

package/dist/chunk-UHFHOTNI.js

@@ -0,0 +1,498 @@
+"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/Upload.tsx
+var _react = require('react');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var spinnerSvg = _tigercatcore.getSpinnerSVG.call(void 0, "spinner");
+var Upload = ({
+  accept,
+  multiple = false,
+  limit,
+  maxSize,
+  disabled = false,
+  drag = false,
+  listType = "text",
+  fileList: controlledFileList,
+  showFileList = true,
+  autoUpload = true,
+  queue = false,
+  maxConcurrent = 2,
+  chunkSize,
+  resumable = false,
+  customRequest,
+  onQueueChange,
+  onChunkProgress,
+  onChange,
+  onRemove,
+  onPreview,
+  beforeUpload,
+  onProgress,
+  onSuccess,
+  onError,
+  onExceed,
+  locale,
+  labels: labelsOverrides,
+  children,
+  className,
+  style,
+  ...divProps
+}) => {
+  const config = _chunkTDODFBBOjs.useTigerConfig.call(void 0, );
+  const mergedLocale = _react.useMemo.call(void 0, 
+    () => _tigercatcore.mergeTigerLocale.call(void 0, config.locale, locale),
+    [config.locale, locale]
+  );
+  const labels = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getUploadLabels.call(void 0, mergedLocale, labelsOverrides),
+    [mergedLocale, labelsOverrides]
+  );
+  const inputRef = _react.useRef.call(void 0, null);
+  const [isDragging, setIsDragging] = _react.useState.call(void 0, false);
+  const [internalFileList, setInternalFileList] = _react.useState.call(void 0, []);
+  const isControlled = controlledFileList !== void 0;
+  const fileList = isControlled ? controlledFileList : internalFileList;
+  const updateFileList = _react.useCallback.call(void 0, 
+    (newFileList) => {
+      if (!isControlled) {
+        setInternalFileList(newFileList);
+      }
+    },
+    [isControlled]
+  );
+  const handleClick = () => {
+    if (disabled) return;
+    _optionalChain([inputRef, 'access', _ => _.current, 'optionalAccess', _2 => _2.click, 'call', _3 => _3()]);
+  };
+  const handleFileChange = async (event) => {
+    const files = Array.from(event.target.files || []);
+    await processFiles(files);
+    if (event.target) {
+      event.target.value = "";
+    }
+  };
+  const processFiles = async (incomingFiles) => {
+    if (incomingFiles.length === 0) return;
+    const prepared = await _tigercatcore.prepareUploadFiles.call(void 0, {
+      currentCount: fileList.length,
+      incomingFiles,
+      limit,
+      accept,
+      maxSize,
+      beforeUpload
+    });
+    if (prepared.rejectedExceedFiles.length > 0) {
+      _optionalChain([onExceed, 'optionalCall', _4 => _4(prepared.rejectedExceedFiles, fileList)]);
+    }
+    let nextFileList = [...fileList];
+    for (const file of prepared.acceptedFiles) {
+      const uploadFile = _tigercatcore.fileToUploadFile.call(void 0, file);
+      nextFileList = [...nextFileList, uploadFile];
+      updateFileList(nextFileList);
+      if (onChange) {
+        onChange(uploadFile, nextFileList);
+      }
+      if (autoUpload && !queue) {
+        await uploadOne(file, uploadFile, () => updateFileList([...nextFileList]));
+      }
+    }
+    if (autoUpload && queue) {
+      const queueItems = prepared.acceptedFiles.map(
+        (file) => _tigercatcore.createUploadQueueItem.call(void 0, file, _optionalChain([nextFileList, 'access', _5 => _5.find, 'call', _6 => _6((item) => item.file === file), 'optionalAccess', _7 => _7.uid]), chunkSize)
+      );
+      _optionalChain([onQueueChange, 'optionalCall', _8 => _8(queueItems)]);
+      await _tigercatcore.runUploadQueue.call(void 0, 
+        queueItems,
+        async (item) => {
+          const uploadFile = nextFileList.find((candidate) => candidate.uid === item.id);
+          if (!uploadFile) return;
+          await uploadOne(item.file, uploadFile, () => updateFileList([...nextFileList]));
+        },
+        { concurrency: maxConcurrent, onChange: onQueueChange }
+      );
+    }
+  };
+  const uploadOne = async (file, uploadFile, notify) => {
+    uploadFile.status = "uploading";
+    notify();
+    if (!customRequest) {
+      uploadFile.progress = 100;
+      uploadFile.status = "success";
+      notify();
+      return;
+    }
+    const chunks = chunkSize ? _tigercatcore.createUploadChunks.call(void 0, file, chunkSize) : [];
+    const resumeKey = resumable ? _tigercatcore.getUploadResumeKey.call(void 0, file) : void 0;
+    if (chunks.length <= 1) {
+      await requestUpload(file, uploadFile, notify, { resumeKey });
+      return;
+    }
+    for (const chunk of chunks) {
+      const chunkFile = new File([chunk.blob], file.name, {
+        type: file.type,
+        lastModified: file.lastModified
+      });
+      await requestUpload(chunkFile, uploadFile, notify, {
+        originalFile: file,
+        chunk,
+        totalChunks: chunks.length,
+        resumeKey
+      });
+    }
+    uploadFile.progress = 100;
+    uploadFile.status = "success";
+    _optionalChain([onSuccess, 'optionalCall', _9 => _9({ chunks: chunks.length, resumeKey }, uploadFile)]);
+    notify();
+  };
+  const requestUpload = (file, uploadFile, notify, options) => {
+    return new Promise((resolve, reject) => {
+      _optionalChain([customRequest, 'optionalCall', _10 => _10({
+        file,
+        originalFile: options.originalFile,
+        chunk: options.chunk,
+        chunkIndex: _optionalChain([options, 'access', _11 => _11.chunk, 'optionalAccess', _12 => _12.index]),
+        totalChunks: options.totalChunks,
+        resumeKey: options.resumeKey,
+        onProgress: (progress) => {
+          const nextProgress = options.chunk ? Math.round(
+            (options.chunk.index + progress / 100) / (_nullishCoalesce(options.totalChunks, () => ( 1))) * 100
+          ) : progress;
+          uploadFile.progress = nextProgress;
+          if (options.chunk) {
+            _optionalChain([onChunkProgress, 'optionalCall', _13 => _13(options.chunk, progress, uploadFile)]);
+          }
+          _optionalChain([onProgress, 'optionalCall', _14 => _14(nextProgress, uploadFile)]);
+          notify();
+        },
+        onSuccess: (response) => {
+          if (!options.chunk) {
+            uploadFile.status = "success";
+            uploadFile.progress = 100;
+            _optionalChain([onSuccess, 'optionalCall', _15 => _15(response, uploadFile)]);
+            notify();
+          }
+          resolve();
+        },
+        onError: (error) => {
+          uploadFile.status = "error";
+          uploadFile.error = error.message;
+          _optionalChain([onError, 'optionalCall', _16 => _16(error, uploadFile)]);
+          notify();
+          reject(error);
+        }
+      })]);
+    });
+  };
+  const handleRemove = (file) => {
+    const newFileList = fileList.filter((f) => f.uid !== file.uid);
+    const removeResult = _optionalChain([onRemove, 'optionalCall', _17 => _17(file, newFileList)]);
+    if (removeResult === false) return;
+    updateFileList(newFileList);
+    _optionalChain([onChange, 'optionalCall', _18 => _18(file, newFileList)]);
+  };
+  const handlePreview = (file) => {
+    _optionalChain([onPreview, 'optionalCall', _19 => _19(file)]);
+  };
+  const handleDragOver = (event) => {
+    const result = _tigercatcore.handleUploadDragOver.call(void 0, event, disabled);
+    if (!result.handled) return;
+    setIsDragging(result.isDragging);
+  };
+  const handleDragKeyDown = (event) => {
+    if (disabled) return;
+    if (event.key === "Enter" || event.key === " ") {
+      event.preventDefault();
+      handleClick();
+    }
+  };
+  const handleDragLeave = (event) => {
+    const result = _tigercatcore.handleUploadDragLeave.call(void 0, event, disabled);
+    if (!result.handled) return;
+    setIsDragging(result.isDragging);
+  };
+  const handleDrop = async (event) => {
+    const result = _tigercatcore.handleUploadDrop.call(void 0, event, disabled);
+    if (!result.handled) return;
+    setIsDragging(result.isDragging);
+    await processFiles(result.files);
+  };
+  const renderUploadButton = () => {
+    if (drag) {
+      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        "div",
+        {
+          className: _tigercatcore.getDragAreaClasses.call(void 0, isDragging, disabled),
+          onClick: handleClick,
+          onKeyDown: handleDragKeyDown,
+          onDragOver: handleDragOver,
+          onDragLeave: handleDragLeave,
+          onDrop: handleDrop,
+          role: "button",
+          tabIndex: disabled ? -1 : 0,
+          "aria-disabled": disabled,
+          "aria-label": labels.dragAreaAriaLabel,
+          children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "svg",
+              {
+                className: "w-12 h-12 mb-3 text-gray-400",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24",
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: 2,
+                    d: "M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "mb-2 text-sm", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-semibold", children: labels.clickToUploadText }),
+              " ",
+              labels.dragAndDropText
+            ] }),
+            accept && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xs text-gray-500", children: _tigercatcore.interpolateUploadLabel.call(void 0, labels.acceptInfoText, { accept }) }),
+            maxSize && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xs text-gray-500", children: _tigercatcore.interpolateUploadLabel.call(void 0, labels.maxSizeInfoText, {
+              maxSize: _tigercatcore.formatFileSize.call(void 0, maxSize)
+            }) })
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        type: "button",
+        className: _tigercatcore.getUploadButtonClasses.call(void 0, disabled),
+        onClick: handleClick,
+        disabled,
+        "aria-label": labels.buttonAriaLabel,
+        children: children || labels.selectFileText
+      }
+    );
+  };
+  const renderFileList = () => {
+    if (!showFileList || fileList.length === 0) {
+      return null;
+    }
+    if (listType === "picture-card") {
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-wrap gap-2 mt-4", children: fileList.map((file) => renderPictureCard(file)) });
+    }
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: "mt-4 space-y-2", role: "list", "aria-label": labels.uploadedFilesAriaLabel, children: fileList.map((file) => renderFileItem(file)) });
+  };
+  const renderFileItem = (file) => {
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "li", { className: _tigercatcore.getFileListItemClasses.call(void 0, file.status), children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center flex-1 min-w-0", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "svg",
+          {
+            className: "w-5 h-5 mr-2 flex-shrink-0",
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24",
+            "aria-hidden": "true",
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "path",
+              {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 2,
+                d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm font-medium truncate", children: file.name }),
+          file.size && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xs text-gray-500", children: _tigercatcore.formatFileSize.call(void 0, file.size) })
+        ] })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center space-x-2 ml-4", children: [
+        file.status === "success" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "svg",
+          {
+            className: _tigercatcore.getUploadStatusIconClasses.call(void 0, "success", "sm"),
+            fill: "currentColor",
+            viewBox: _tigercatcore.icon20ViewBox,
+            "aria-label": labels.successAriaLabel,
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { fillRule: "evenodd", d: _tigercatcore.successCircleSolidIcon20PathD, clipRule: "evenodd" })
+          }
+        ),
+        file.status === "error" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "svg",
+          {
+            className: _tigercatcore.getUploadStatusIconClasses.call(void 0, "error", "sm"),
+            fill: "currentColor",
+            viewBox: _tigercatcore.icon20ViewBox,
+            "aria-label": labels.errorAriaLabel,
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { fillRule: "evenodd", d: _tigercatcore.errorCircleSolidIcon20PathD, clipRule: "evenodd" })
+          }
+        ),
+        file.status === "uploading" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "svg",
+          {
+            className: _tigercatcore.getUploadStatusIconClasses.call(void 0, "uploading", "sm", {
+              spinning: true
+            }),
+            fill: "none",
+            viewBox: spinnerSvg.viewBox,
+            "aria-label": labels.uploadingAriaLabel,
+            children: spinnerSvg.elements.map((el, index) => {
+              if (el.type === "circle") return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { ...el.attrs }, index);
+              if (el.type === "path") return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { ...el.attrs }, index);
+              return null;
+            })
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            type: "button",
+            className: "text-gray-400 hover:text-red-500 transition-colors",
+            onClick: () => handleRemove(file),
+            "aria-label": _tigercatcore.interpolateUploadLabel.call(void 0, labels.removeFileAriaLabel, {
+              fileName: file.name
+            }),
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { className: "w-5 h-5", fill: "currentColor", viewBox: _tigercatcore.icon20ViewBox, "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { fillRule: "evenodd", d: _tigercatcore.closeSolidIcon20PathD, clipRule: "evenodd" }) })
+          }
+        )
+      ] })
+    ] }, file.uid);
+  };
+  const renderPictureCard = (file) => {
+    const imageUrl = file.url || (file.file ? URL.createObjectURL(file.file) : "");
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.getPictureCardClasses.call(void 0, file.status), children: [
+      imageUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "img", { src: imageUrl, alt: file.name, className: "w-full h-full object-cover" }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "absolute inset-0 bg-black bg-opacity-0 hover:bg-opacity-50 transition-all flex items-center justify-center space-x-2 opacity-0 hover:opacity-100", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            type: "button",
+            className: "text-white hover:text-blue-200 transition-colors",
+            onClick: () => handlePreview(file),
+            "aria-label": _tigercatcore.interpolateUploadLabel.call(void 0, labels.previewFileAriaLabel, {
+              fileName: file.name
+            }),
+            children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+              "svg",
+              {
+                className: "w-6 h-6",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24",
+                "aria-hidden": "true",
+                children: [
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    "path",
+                    {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      strokeWidth: 2,
+                      d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
+                    }
+                  ),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    "path",
+                    {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      strokeWidth: 2,
+                      d: "M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            type: "button",
+            className: "text-white hover:text-red-200 transition-colors",
+            onClick: () => handleRemove(file),
+            "aria-label": _tigercatcore.interpolateUploadLabel.call(void 0, labels.removeFileAriaLabel, {
+              fileName: file.name
+            }),
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { className: "w-6 h-6", fill: "currentColor", viewBox: "0 0 20 20", "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "path",
+              {
+                fillRule: "evenodd",
+                d: "M9 2a1 1 0 00-.894.553L7.382 4H4a1 1 0 000 2v10a2 2 0 002 2h8a2 2 0 002-2V6a1 1 0 100-2h-3.382l-.724-1.447A1 1 0 0011 2H9zM7 8a1 1 0 012 0v6a1 1 0 11-2 0V8zm5-1a1 1 0 00-1 1v6a1 1 0 102 0V8a1 1 0 00-1-1z",
+                clipRule: "evenodd"
+              }
+            ) })
+          }
+        )
+      ] }),
+      file.status === "uploading" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute inset-0 bg-white bg-opacity-75 flex items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "svg",
+        {
+          className: _tigercatcore.getUploadStatusIconClasses.call(void 0, "uploading", "lg", {
+            spinning: true
+          }),
+          fill: "none",
+          viewBox: spinnerSvg.viewBox,
+          children: spinnerSvg.elements.map((el, index) => {
+            if (el.type === "circle") return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { ...el.attrs }, index);
+            if (el.type === "path") return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { ...el.attrs }, index);
+            return null;
+          })
+        }
+      ) })
+    ] }, file.uid);
+  };
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ...divProps, className: _tigercatcore.classNames.call(void 0, "tiger-upload", className), style, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "input",
+      {
+        ref: inputRef,
+        type: "file",
+        accept,
+        multiple,
+        disabled,
+        style: { display: "none" },
+        onChange: handleFileChange,
+        "aria-hidden": "true"
+      }
+    ),
+    renderUploadButton(),
+    renderFileList()
+  ] });
+};
+
+
+
+exports.Upload = Upload;