@expcat/tigercat-react 1.0.7 → 1.2.0

package/dist/chunk-3JGOTJZM.js

@@ -1,174 +0,0 @@
-'use strict';
-
-var chunkAGR3FM3V_js = require('./chunk-AGR3FM3V.js');
-var chunkKNBNE74O_js = require('./chunk-KNBNE74O.js');
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-var SvgIcon = ({ d, className = "w-8 h-8" }) => /* @__PURE__ */ jsxRuntime.jsx(
-  "svg",
-  {
-    className,
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    stroke: "currentColor",
-    children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d })
-  }
-);
-var Image = ({
-  src,
-  alt = "",
-  width,
-  height,
-  fit = "cover",
-  fallbackSrc,
-  preview = true,
-  lazy = false,
-  className,
-  errorRender,
-  placeholderRender,
-  onPreviewOpenChange,
-  onPreviewVisibleChange,
-  onClick,
-  onKeyDown,
-  style,
-  ...props
-}) => {
-  const [loading, setLoading] = react.useState(true);
-  const [error, setError] = react.useState(false);
-  const [actualSrc, setActualSrc] = react.useState(lazy ? "" : src);
-  const [previewVisible, setPreviewVisible] = react.useState(false);
-  const containerRef = react.useRef(null);
-  const group = react.useContext(chunkAGR3FM3V_js.ImageGroupContext);
-  const registeredIndexRef = react.useRef(-1);
-  react.useEffect(() => {
-    if (group && src) {
-      registeredIndexRef.current = group.register(src);
-      return () => {
-        group.unregister(src);
-      };
-    }
-  }, [group, src]);
-  react.useEffect(() => {
-    if (!lazy || !containerRef.current) return;
-    const observer = new IntersectionObserver(
-      (entries) => {
-        if (entries[0]?.isIntersecting) {
-          setActualSrc(src);
-          observer.disconnect();
-        }
-      },
-      { threshold: 0.01 }
-    );
-    observer.observe(containerRef.current);
-    return () => observer.disconnect();
-  }, [lazy, src]);
-  react.useEffect(() => {
-    if (!lazy) {
-      setActualSrc(src);
-      setError(false);
-      setLoading(true);
-    }
-  }, [src, lazy]);
-  const handleLoad = react.useCallback(() => {
-    setLoading(false);
-    setError(false);
-  }, []);
-  const handleError = react.useCallback(() => {
-    setLoading(false);
-    setError(true);
-    if (fallbackSrc && actualSrc !== fallbackSrc) {
-      setActualSrc(fallbackSrc);
-      setError(false);
-      setLoading(true);
-    }
-  }, [fallbackSrc, actualSrc]);
-  const handleClick = react.useCallback(
-    (e) => {
-      onClick?.(e);
-      if (!preview) return;
-      if (group) {
-        group.openPreview(registeredIndexRef.current >= 0 ? registeredIndexRef.current : 0);
-      } else {
-        setPreviewVisible(true);
-        onPreviewOpenChange?.(true);
-        onPreviewVisibleChange?.(true);
-      }
-    },
-    [preview, group, onClick, onPreviewOpenChange, onPreviewVisibleChange]
-  );
-  const handleKeyDown = react.useCallback(
-    (e) => {
-      onKeyDown?.(e);
-      if (preview && (e.key === "Enter" || e.key === " ")) {
-        e.preventDefault();
-        handleClick(e);
-      }
-    },
-    [preview, handleClick, onKeyDown]
-  );
-  const containerClasses = react.useMemo(
-    () => tigercatCore.classNames(tigercatCore.imageBaseClasses, preview && tigercatCore.imagePreviewCursorClass, className),
-    [preview, className]
-  );
-  const imgClasses = react.useMemo(() => tigercatCore.getImageImgClasses(fit), [fit]);
-  const containerStyle = react.useMemo(() => {
-    const s = { ...style };
-    const w = tigercatCore.toCSSSize(width);
-    const h = tigercatCore.toCSSSize(height);
-    if (w) s.width = w;
-    if (h) s.height = h;
-    return s;
-  }, [width, height, style]);
-  let content;
-  if (error && !fallbackSrc) {
-    content = errorRender || /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.imageErrorClasses, children: /* @__PURE__ */ jsxRuntime.jsx(SvgIcon, { d: tigercatCore.imageErrorIconPath }) });
-  } else if (loading && !actualSrc) {
-    content = placeholderRender || /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.imageLoadingClasses, children: /* @__PURE__ */ jsxRuntime.jsx(SvgIcon, { d: tigercatCore.imageErrorIconPath }) });
-  } else {
-    content = /* @__PURE__ */ jsxRuntime.jsx(
-      "img",
-      {
-        src: actualSrc,
-        alt,
-        className: imgClasses,
-        onLoad: handleLoad,
-        onError: handleError
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ...props,
-        ref: containerRef,
-        className: containerClasses,
-        style: containerStyle,
-        role: preview ? "button" : void 0,
-        tabIndex: preview ? 0 : void 0,
-        "aria-label": preview ? `Preview ${alt || "image"}` : void 0,
-        onClick: handleClick,
-        onKeyDown: handleKeyDown,
-        children: content
-      }
-    ),
-    !group && previewVisible && src && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkKNBNE74O_js.ImagePreview,
-      {
-        open: previewVisible,
-        images: [src],
-        currentIndex: 0,
-        onOpenChange: (val) => {
-          setPreviewVisible(val);
-          onPreviewOpenChange?.(val);
-          onPreviewVisibleChange?.(val);
-        }
-      }
-    )
-  ] });
-};
-
-exports.Image = Image;

package/dist/chunk-3NE6VZRY.js

@@ -1,67 +0,0 @@
-'use strict';
-
-var chunkOWUGXP6K_js = require('./chunk-OWUGXP6K.js');
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-var BreadcrumbItem = ({
-  href,
-  target,
-  current = false,
-  separator: customSeparator,
-  className,
-  style,
-  onClick,
-  children,
-  icon,
-  ...props
-}) => {
-  const breadcrumbContext = chunkOWUGXP6K_js.useBreadcrumbContext();
-  const itemClasses = react.useMemo(
-    () => tigercatCore.getBreadcrumbItemClasses(className),
-    [className]
-  );
-  const linkClasses = react.useMemo(() => tigercatCore.getBreadcrumbLinkClasses(current), [current]);
-  const separatorClasses = react.useMemo(() => tigercatCore.getBreadcrumbSeparatorClasses(), []);
-  const separatorContent = react.useMemo(() => {
-    const sep = customSeparator !== void 0 ? customSeparator : breadcrumbContext?.separator || "/";
-    return tigercatCore.getSeparatorContent(sep);
-  }, [customSeparator, breadcrumbContext]);
-  const handleClick = react.useCallback(
-    (event) => {
-      if (!current) {
-        onClick?.(event);
-      }
-    },
-    [current, onClick]
-  );
-  const computedRel = react.useMemo(() => {
-    if (target === "_blank") {
-      return "noopener noreferrer";
-    }
-    return void 0;
-  }, [target]);
-  const contentElements = icon ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex", children: icon }),
-    children
-  ] }) : children;
-  const linkElement = href && !current ? /* @__PURE__ */ jsxRuntime.jsx(
-    "a",
-    {
-      className: linkClasses,
-      href,
-      target,
-      rel: computedRel,
-      onClick: handleClick,
-      children: contentElements
-    }
-  ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: linkClasses, "aria-current": current ? "page" : void 0, children: contentElements });
-  const separatorElement = !current ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: separatorClasses, "aria-hidden": "true", children: separatorContent }) : null;
-  return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: itemClasses, style, ...props, children: [
-    linkElement,
-    separatorElement
-  ] });
-};
-
-exports.BreadcrumbItem = BreadcrumbItem;

package/dist/chunk-3USEV7EV.js

@@ -1,405 +0,0 @@
-'use strict';
-
-var chunk2XOFRGY6_js = require('./chunk-2XOFRGY6.js');
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-var spinnerSvg = tigercatCore.getSpinnerSVG("spinner");
-var Upload = ({
-  accept,
-  multiple = false,
-  limit,
-  maxSize,
-  disabled = false,
-  drag = false,
-  listType = "text",
-  fileList: controlledFileList,
-  showFileList = true,
-  autoUpload = true,
-  customRequest,
-  onChange,
-  onRemove,
-  onPreview,
-  beforeUpload,
-  onProgress,
-  onSuccess,
-  onError,
-  onExceed,
-  locale,
-  labels: labelsOverrides,
-  children,
-  className,
-  style,
-  ...divProps
-}) => {
-  const config = chunk2XOFRGY6_js.useTigerConfig();
-  const mergedLocale = react.useMemo(
-    () => tigercatCore.mergeTigerLocale(config.locale, locale),
-    [config.locale, locale]
-  );
-  const labels = react.useMemo(
-    () => tigercatCore.getUploadLabels(mergedLocale, labelsOverrides),
-    [mergedLocale, labelsOverrides]
-  );
-  const inputRef = react.useRef(null);
-  const [isDragging, setIsDragging] = react.useState(false);
-  const [internalFileList, setInternalFileList] = react.useState([]);
-  const isControlled = controlledFileList !== void 0;
-  const fileList = isControlled ? controlledFileList : internalFileList;
-  const updateFileList = react.useCallback(
-    (newFileList) => {
-      if (!isControlled) {
-        setInternalFileList(newFileList);
-      }
-    },
-    [isControlled]
-  );
-  const handleClick = () => {
-    if (disabled) return;
-    inputRef.current?.click();
-  };
-  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({
-      currentCount: fileList.length,
-      incomingFiles,
-      limit,
-      accept,
-      maxSize,
-      beforeUpload
-    });
-    if (prepared.rejectedExceedFiles.length > 0) {
-      onExceed?.(prepared.rejectedExceedFiles, fileList);
-    }
-    let nextFileList = [...fileList];
-    for (const file of prepared.acceptedFiles) {
-      const uploadFile = tigercatCore.fileToUploadFile(file);
-      nextFileList = [...nextFileList, uploadFile];
-      updateFileList(nextFileList);
-      if (onChange) {
-        onChange(uploadFile, nextFileList);
-      }
-      if (autoUpload) {
-        uploadFile.status = "uploading";
-        if (customRequest) {
-          customRequest({
-            file,
-            onProgress: (progress) => {
-              uploadFile.progress = progress;
-              if (onProgress) {
-                onProgress(progress, uploadFile);
-              }
-            },
-            onSuccess: (response) => {
-              uploadFile.status = "success";
-              if (onSuccess) {
-                onSuccess(response, uploadFile);
-              }
-            },
-            onError: (error) => {
-              uploadFile.status = "error";
-              uploadFile.error = error.message;
-              if (onError) {
-                onError(error, uploadFile);
-              }
-            }
-          });
-        } else {
-          uploadFile.status = "success";
-        }
-      }
-    }
-  };
-  const handleRemove = (file) => {
-    const newFileList = fileList.filter((f) => f.uid !== file.uid);
-    const removeResult = onRemove?.(file, newFileList);
-    if (removeResult === false) return;
-    updateFileList(newFileList);
-    onChange?.(file, newFileList);
-  };
-  const handlePreview = (file) => {
-    onPreview?.(file);
-  };
-  const handleDragOver = (event) => {
-    if (disabled) return;
-    event.preventDefault();
-    setIsDragging(true);
-  };
-  const handleDragKeyDown = (event) => {
-    if (disabled) return;
-    if (event.key === "Enter" || event.key === " ") {
-      event.preventDefault();
-      handleClick();
-    }
-  };
-  const handleDragLeave = (event) => {
-    if (disabled) return;
-    event.preventDefault();
-    setIsDragging(false);
-  };
-  const handleDrop = async (event) => {
-    if (disabled) return;
-    event.preventDefault();
-    setIsDragging(false);
-    const files = Array.from(event.dataTransfer?.files || []);
-    await processFiles(files);
-  };
-  const renderUploadButton = () => {
-    if (drag) {
-      return /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          className: tigercatCore.getDragAreaClasses(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(
-              "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(
-                  "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("p", { className: "mb-2 text-sm", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: labels.clickToUploadText }),
-              " ",
-              labels.dragAndDropText
-            ] }),
-            accept && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500", children: tigercatCore.interpolateUploadLabel(labels.acceptInfoText, { accept }) }),
-            maxSize && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500", children: tigercatCore.interpolateUploadLabel(labels.maxSizeInfoText, {
-              maxSize: tigercatCore.formatFileSize(maxSize)
-            }) })
-          ]
-        }
-      );
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        className: tigercatCore.getUploadButtonClasses(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("div", { className: "flex flex-wrap gap-2 mt-4", children: fileList.map((file) => renderPictureCard(file)) });
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx("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("li", { className: tigercatCore.getFileListItemClasses(file.status), children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center flex-1 min-w-0", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "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(
-              "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("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium truncate", children: file.name }),
-          file.size && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500", children: tigercatCore.formatFileSize(file.size) })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2 ml-4", children: [
-        file.status === "success" && /* @__PURE__ */ jsxRuntime.jsx(
-          "svg",
-          {
-            className: tigercatCore.getUploadStatusIconClasses("success", "sm"),
-            fill: "currentColor",
-            viewBox: tigercatCore.icon20ViewBox,
-            "aria-label": labels.successAriaLabel,
-            children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: tigercatCore.successCircleSolidIcon20PathD, clipRule: "evenodd" })
-          }
-        ),
-        file.status === "error" && /* @__PURE__ */ jsxRuntime.jsx(
-          "svg",
-          {
-            className: tigercatCore.getUploadStatusIconClasses("error", "sm"),
-            fill: "currentColor",
-            viewBox: tigercatCore.icon20ViewBox,
-            "aria-label": labels.errorAriaLabel,
-            children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: tigercatCore.errorCircleSolidIcon20PathD, clipRule: "evenodd" })
-          }
-        ),
-        file.status === "uploading" && /* @__PURE__ */ jsxRuntime.jsx(
-          "svg",
-          {
-            className: tigercatCore.getUploadStatusIconClasses("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("circle", { ...el.attrs }, index);
-              if (el.type === "path") return /* @__PURE__ */ jsxRuntime.jsx("path", { ...el.attrs }, index);
-              return null;
-            })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            type: "button",
-            className: "text-gray-400 hover:text-red-500 transition-colors",
-            onClick: () => handleRemove(file),
-            "aria-label": tigercatCore.interpolateUploadLabel(labels.removeFileAriaLabel, {
-              fileName: file.name
-            }),
-            children: /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: tigercatCore.icon20ViewBox, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("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("div", { className: tigercatCore.getPictureCardClasses(file.status), children: [
-      imageUrl && /* @__PURE__ */ jsxRuntime.jsx("img", { src: imageUrl, alt: file.name, className: "w-full h-full object-cover" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("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(
-          "button",
-          {
-            type: "button",
-            className: "text-white hover:text-blue-200 transition-colors",
-            onClick: () => handlePreview(file),
-            "aria-label": tigercatCore.interpolateUploadLabel(labels.previewFileAriaLabel, {
-              fileName: file.name
-            }),
-            children: /* @__PURE__ */ jsxRuntime.jsxs(
-              "svg",
-              {
-                className: "w-6 h-6",
-                fill: "none",
-                stroke: "currentColor",
-                viewBox: "0 0 24 24",
-                "aria-hidden": "true",
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    "path",
-                    {
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round",
-                      strokeWidth: 2,
-                      d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    "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(
-          "button",
-          {
-            type: "button",
-            className: "text-white hover:text-red-200 transition-colors",
-            onClick: () => handleRemove(file),
-            "aria-label": tigercatCore.interpolateUploadLabel(labels.removeFileAriaLabel, {
-              fileName: file.name
-            }),
-            children: /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-6 h-6", fill: "currentColor", viewBox: "0 0 20 20", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(
-              "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("div", { className: "absolute inset-0 bg-white bg-opacity-75 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
-        "svg",
-        {
-          className: tigercatCore.getUploadStatusIconClasses("uploading", "lg", {
-            spinning: true
-          }),
-          fill: "none",
-          viewBox: spinnerSvg.viewBox,
-          children: spinnerSvg.elements.map((el, index) => {
-            if (el.type === "circle") return /* @__PURE__ */ jsxRuntime.jsx("circle", { ...el.attrs }, index);
-            if (el.type === "path") return /* @__PURE__ */ jsxRuntime.jsx("path", { ...el.attrs }, index);
-            return null;
-          })
-        }
-      ) })
-    ] }, file.uid);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...divProps, className: tigercatCore.classNames("tiger-upload", className), style, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "input",
-      {
-        ref: inputRef,
-        type: "file",
-        accept,
-        multiple,
-        disabled,
-        style: { display: "none" },
-        onChange: handleFileChange,
-        "aria-hidden": "true"
-      }
-    ),
-    renderUploadButton(),
-    renderFileList()
-  ] });
-};
-
-exports.Upload = Upload;