@cannymindstech/file-viewers 0.27.1

package/dist/chunk-EKNP342T.mjs

@@ -0,0 +1,299 @@
+"use client";
+import {
+  getFileExtension
+} from "./chunk-KJNOBIUZ.mjs";
+import {
+  FileIcon_default,
+  mergeToolbarConfig
+} from "./chunk-7PMZ4GN5.mjs";
+
+// src/components/viewers/AudioViewer.tsx
+import {
+  useEffect,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+import {
+  Box,
+  Card,
+  CardContent,
+  CardHeader,
+  LinearProgress,
+  Typography,
+  IconButton,
+  Tooltip,
+  Stack
+} from "@mui/material";
+import DownloadIcon from "@mui/icons-material/Download";
+import PrintIcon from "@mui/icons-material/Print";
+import FullscreenIcon from "@mui/icons-material/Fullscreen";
+import InfoIcon from "@mui/icons-material/Info";
+import DescriptionIcon from "@mui/icons-material/Description";
+import HistoryIcon from "@mui/icons-material/History";
+import { LocalOffer } from "@mui/icons-material";
+import { jsx, jsxs } from "react/jsx-runtime";
+var AudioViewer = ({
+  file,
+  url,
+  fileName,
+  className = "",
+  style = {},
+  width = "100%",
+  height = "100%",
+  onLoad,
+  onError,
+  onDownloadClick,
+  onPrintClick,
+  onMetadataClick,
+  onPropertiesClick,
+  onTagsClick,
+  onHistoryClick,
+  showDownload = true,
+  showPrint = false,
+  showMetadata = false,
+  showProperties = false,
+  showTags = true,
+  showHistory = true,
+  // Extract props that shouldn't be passed to DOM elements
+  mimeType,
+  fileSize,
+  showPageCount,
+  showPageNavigation,
+  showZoomControls,
+  showSearch,
+  customRegistry,
+  initialSearchText,
+  initialSearchPages,
+  autoOpenSearch,
+  autoExecuteSearch,
+  onSearchComplete,
+  toolbarActions,
+  ...props
+}) => {
+  const audioRef = useRef(null);
+  const containerRef = useRef(null);
+  const [objectUrl, setObjectUrl] = useState(null);
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const [isFullScreen, setIsFullScreen] = useState(false);
+  useEffect(() => {
+    let urlValue = null;
+    if (file) {
+      setIsLoading(true);
+      urlValue = URL.createObjectURL(file);
+    } else if (url) {
+      urlValue = url;
+    }
+    setObjectUrl(urlValue);
+    setError(null);
+    return () => {
+      if (urlValue && file) {
+        URL.revokeObjectURL(urlValue);
+      }
+    };
+  }, [file, url]);
+  useEffect(() => {
+    if (!audioRef.current) {
+      return;
+    }
+    const handleLoadedMetadata = () => {
+      setIsLoading(false);
+      onLoad?.();
+    };
+    const handleError = () => {
+      const message = "Failed to load audio resource";
+      setIsLoading(false);
+      setError(message);
+      onError?.(new Error(message));
+    };
+    const element = audioRef.current;
+    element.addEventListener("loadedmetadata", handleLoadedMetadata);
+    element.addEventListener("error", handleError);
+    return () => {
+      element.removeEventListener("loadedmetadata", handleLoadedMetadata);
+      element.removeEventListener("error", handleError);
+    };
+  }, [onLoad, onError, objectUrl]);
+  const resolvedFileName = useMemo(
+    () => fileName || file?.name || (url ? url.split("/").pop() : "audio"),
+    [fileName, file, url]
+  );
+  const fileExtension = useMemo(
+    () => getFileExtension(resolvedFileName || ""),
+    [resolvedFileName]
+  );
+  const handleToggleFullScreen = () => {
+    if (!isFullScreen && containerRef.current?.requestFullscreen) {
+      containerRef.current.requestFullscreen();
+      setIsFullScreen(true);
+    } else if (isFullScreen && document.exitFullscreen) {
+      document.exitFullscreen();
+      setIsFullScreen(false);
+    }
+  };
+  const toolbar = mergeToolbarConfig({
+    showDownload,
+    showPrint,
+    showMetadata,
+    showTags,
+    showProperties,
+    showHistory,
+    onDownloadClick,
+    onPrintClick,
+    onMetadataClick,
+    onPropertiesClick,
+    onHistoryClick,
+    toolbarActions
+  });
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      ref: containerRef,
+      className: `audio-viewer ${className}`,
+      sx: { width, height, ...style },
+      ...props,
+      children: /* @__PURE__ */ jsxs(
+        Card,
+        {
+          sx: { height: "100%", display: "flex", flexDirection: "column" },
+          elevation: 1,
+          children: [
+            /* @__PURE__ */ jsx(
+              CardHeader,
+              {
+                avatar: /* @__PURE__ */ jsx(FileIcon_default, { ext: fileExtension, size: 32 }),
+                title: /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", fontWeight: 500, children: resolvedFileName }),
+                action: /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, children: [
+                  !toolbar.isHidden("download") && /* @__PURE__ */ jsx(Tooltip, { title: toolbar.getLabel("download") || "Download", children: /* @__PURE__ */ jsx(
+                    IconButton,
+                    {
+                      size: "small",
+                      onClick: toolbar.getHandler("download", onDownloadClick),
+                      disabled: toolbar.isDisabled("download"),
+                      "aria-label": "Download audio",
+                      children: toolbar.getIcon("download") || /* @__PURE__ */ jsx(DownloadIcon, {})
+                    }
+                  ) }),
+                  !toolbar.isHidden("print") && /* @__PURE__ */ jsx(Tooltip, { title: toolbar.getLabel("print") || "Print", children: /* @__PURE__ */ jsx(
+                    IconButton,
+                    {
+                      size: "small",
+                      onClick: toolbar.getHandler("print", onPrintClick),
+                      disabled: toolbar.isDisabled("print"),
+                      "aria-label": "Print audio",
+                      children: toolbar.getIcon("print") || /* @__PURE__ */ jsx(PrintIcon, {})
+                    }
+                  ) }),
+                  !toolbar.isHidden("fullscreen") && /* @__PURE__ */ jsx(Tooltip, { title: toolbar.getLabel("fullscreen") || "Fullscreen", children: /* @__PURE__ */ jsx(
+                    IconButton,
+                    {
+                      size: "small",
+                      onClick: toolbar.getHandler(
+                        "fullscreen",
+                        handleToggleFullScreen
+                      ),
+                      disabled: toolbar.isDisabled("fullscreen"),
+                      "aria-label": "Toggle fullscreen",
+                      children: toolbar.getIcon("fullscreen") || /* @__PURE__ */ jsx(FullscreenIcon, {})
+                    }
+                  ) }),
+                  !toolbar.isHidden("metadata") && /* @__PURE__ */ jsx(
+                    Tooltip,
+                    {
+                      title: toolbar.getLabel("metadata") || "Document Metadata",
+                      children: /* @__PURE__ */ jsx(
+                        IconButton,
+                        {
+                          size: "small",
+                          onClick: toolbar.getHandler("metadata", onMetadataClick),
+                          disabled: toolbar.isDisabled("metadata"),
+                          "aria-label": "View document metadata",
+                          children: toolbar.getIcon("metadata") || /* @__PURE__ */ jsx(DescriptionIcon, {})
+                        }
+                      )
+                    }
+                  ),
+                  !toolbar.isHidden("properties") && /* @__PURE__ */ jsx(
+                    Tooltip,
+                    {
+                      title: toolbar.getLabel("properties") || "Document Properties",
+                      children: /* @__PURE__ */ jsx(
+                        IconButton,
+                        {
+                          size: "small",
+                          onClick: toolbar.getHandler(
+                            "properties",
+                            onPropertiesClick
+                          ),
+                          disabled: toolbar.isDisabled("properties"),
+                          "aria-label": "View document properties",
+                          children: toolbar.getIcon("properties") || /* @__PURE__ */ jsx(InfoIcon, {})
+                        }
+                      )
+                    }
+                  ),
+                  !toolbar.isHidden("tags") && /* @__PURE__ */ jsx(Tooltip, { title: toolbar.getLabel("tags") || "Document Tags", children: /* @__PURE__ */ jsx(
+                    IconButton,
+                    {
+                      size: "small",
+                      onClick: toolbar.getHandler("tags", onTagsClick),
+                      disabled: toolbar.isDisabled("tags"),
+                      "aria-label": "View document tags",
+                      children: toolbar.getIcon("tags") || /* @__PURE__ */ jsx(LocalOffer, {})
+                    }
+                  ) }),
+                  !toolbar.isHidden("history") && /* @__PURE__ */ jsx(
+                    Tooltip,
+                    {
+                      title: toolbar.getLabel("history") || "Document History",
+                      children: /* @__PURE__ */ jsx(
+                        IconButton,
+                        {
+                          size: "small",
+                          onClick: toolbar.getHandler("history", onHistoryClick),
+                          disabled: toolbar.isDisabled("history"),
+                          "aria-label": "View document history",
+                          children: toolbar.getIcon("history") || /* @__PURE__ */ jsx(HistoryIcon, {})
+                        }
+                      )
+                    }
+                  )
+                ] }),
+                sx: { pb: 1.5 }
+              }
+            ),
+            isLoading && /* @__PURE__ */ jsx(LinearProgress, { sx: { mx: 3, mb: 2 } }),
+            error && /* @__PURE__ */ jsx(Typography, { color: "error", variant: "body2", sx: { px: 3, pb: 1 }, children: error }),
+            /* @__PURE__ */ jsx(
+              CardContent,
+              {
+                sx: {
+                  flexGrow: 1,
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center"
+                },
+                children: objectUrl ? /* @__PURE__ */ jsx(
+                  "audio",
+                  {
+                    ref: audioRef,
+                    controls: true,
+                    controlsList: "nodownload",
+                    style: { width: "100%" },
+                    src: objectUrl
+                  }
+                ) : /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: "No audio source provided." })
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+
+export {
+  AudioViewer
+};
+//# sourceMappingURL=chunk-EKNP342T.mjs.map

package/dist/chunk-EKNP342T.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/viewers/AudioViewer.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  Box,\n  Card,\n  CardContent,\n  CardHeader,\n  LinearProgress,\n  Typography,\n  IconButton,\n  Tooltip,\n  Stack,\n} from \"@mui/material\";\nimport DownloadIcon from \"@mui/icons-material/Download\";\nimport PrintIcon from \"@mui/icons-material/Print\";\nimport FullscreenIcon from \"@mui/icons-material/Fullscreen\";\nimport InfoIcon from \"@mui/icons-material/Info\";\nimport DescriptionIcon from \"@mui/icons-material/Description\";\nimport HistoryIcon from \"@mui/icons-material/History\";\nimport { LocalOffer } from \"@mui/icons-material\";\nimport { FileViewerProps } from \"../../types\";\nimport { getFileExtension } from \"../../utils/fileUtils\";\nimport { mergeToolbarConfig } from \"../../utils/toolbarUtils\";\nimport FileIcon from \"../FileIcon\";\n\nexport const AudioViewer: React.FC<FileViewerProps> = ({\n  file,\n  url,\n  fileName,\n  className = \"\",\n  style = {},\n  width = \"100%\",\n  height = \"100%\",\n  onLoad,\n  onError,\n  onDownloadClick,\n  onPrintClick,\n  onMetadataClick,\n  onPropertiesClick,\n  onTagsClick,\n  onHistoryClick,\n  showDownload = true,\n  showPrint = false,\n  showMetadata = false,\n  showProperties = false,\n  showTags = true,\n  showHistory = true,\n  // Extract props that shouldn't be passed to DOM elements\n  mimeType,\n  fileSize,\n  showPageCount,\n  showPageNavigation,\n  showZoomControls,\n  showSearch,\n  customRegistry,\n  initialSearchText,\n  initialSearchPages,\n  autoOpenSearch,\n  autoExecuteSearch,\n  onSearchComplete,\n  toolbarActions,\n  ...props\n}) => {\n  const audioRef = useRef<HTMLAudioElement | null>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [objectUrl, setObjectUrl] = useState<string | null>(null);\n  const [isLoading, setIsLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [isFullScreen, setIsFullScreen] = useState(false);\n\n  useEffect(() => {\n    let urlValue: string | null = null;\n\n    if (file) {\n      setIsLoading(true);\n      urlValue = URL.createObjectURL(file);\n    } else if (url) {\n      urlValue = url;\n    }\n\n    setObjectUrl(urlValue);\n    setError(null);\n\n    return () => {\n      if (urlValue && file) {\n        URL.revokeObjectURL(urlValue);\n      }\n    };\n  }, [file, url]);\n\n  useEffect(() => {\n    if (!audioRef.current) {\n      return;\n    }\n\n    const handleLoadedMetadata = () => {\n      setIsLoading(false);\n      onLoad?.();\n    };\n\n    const handleError = () => {\n      const message = \"Failed to load audio resource\";\n      setIsLoading(false);\n      setError(message);\n      onError?.(new Error(message));\n    };\n\n    const element = audioRef.current;\n    element.addEventListener(\"loadedmetadata\", handleLoadedMetadata);\n    element.addEventListener(\"error\", handleError);\n\n    return () => {\n      element.removeEventListener(\"loadedmetadata\", handleLoadedMetadata);\n      element.removeEventListener(\"error\", handleError);\n    };\n  }, [onLoad, onError, objectUrl]);\n\n  const resolvedFileName = useMemo(\n    () => fileName || file?.name || (url ? url.split(\"/\").pop() : \"audio\"),\n    [fileName, file, url]\n  );\n\n  const fileExtension = useMemo(\n    () => getFileExtension(resolvedFileName || \"\"),\n    [resolvedFileName]\n  );\n\n  const handleToggleFullScreen = () => {\n    if (!isFullScreen && containerRef.current?.requestFullscreen) {\n      containerRef.current.requestFullscreen();\n      setIsFullScreen(true);\n    } else if (isFullScreen && document.exitFullscreen) {\n      document.exitFullscreen();\n      setIsFullScreen(false);\n    }\n  };\n\n  const toolbar = mergeToolbarConfig({\n    showDownload,\n    showPrint,\n    showMetadata,\n    showTags,\n    showProperties,\n    showHistory,\n    onDownloadClick,\n    onPrintClick,\n    onMetadataClick,\n    onPropertiesClick,\n    onHistoryClick,\n    toolbarActions,\n  });\n\n  return (\n    <Box\n      ref={containerRef}\n      className={`audio-viewer ${className}`}\n      sx={{ width, height, ...style }}\n      {...props}\n    >\n      <Card\n        sx={{ height: \"100%\", display: \"flex\", flexDirection: \"column\" }}\n        elevation={1}\n      >\n        <CardHeader\n          avatar={<FileIcon ext={fileExtension} size={32} />}\n          title={\n            <Typography variant=\"subtitle1\" fontWeight={500}>\n              {resolvedFileName}\n            </Typography>\n          }\n          action={\n            <Stack direction=\"row\" spacing={1}>\n              {!toolbar.isHidden(\"download\") && (\n                <Tooltip title={toolbar.getLabel(\"download\") || \"Download\"}>\n                  <IconButton\n                    size=\"small\"\n                    onClick={toolbar.getHandler(\"download\", onDownloadClick)}\n                    disabled={toolbar.isDisabled(\"download\")}\n                    aria-label=\"Download audio\"\n                  >\n                    {toolbar.getIcon(\"download\") || <DownloadIcon />}\n                  </IconButton>\n                </Tooltip>\n              )}\n              {!toolbar.isHidden(\"print\") && (\n                <Tooltip title={toolbar.getLabel(\"print\") || \"Print\"}>\n                  <IconButton\n                    size=\"small\"\n                    onClick={toolbar.getHandler(\"print\", onPrintClick)}\n                    disabled={toolbar.isDisabled(\"print\")}\n                    aria-label=\"Print audio\"\n                  >\n                    {toolbar.getIcon(\"print\") || <PrintIcon />}\n                  </IconButton>\n                </Tooltip>\n              )}\n              {!toolbar.isHidden(\"fullscreen\") && (\n                <Tooltip title={toolbar.getLabel(\"fullscreen\") || \"Fullscreen\"}>\n                  <IconButton\n                    size=\"small\"\n                    onClick={toolbar.getHandler(\n                      \"fullscreen\",\n                      handleToggleFullScreen\n                    )}\n                    disabled={toolbar.isDisabled(\"fullscreen\")}\n                    aria-label=\"Toggle fullscreen\"\n                  >\n                    {toolbar.getIcon(\"fullscreen\") || <FullscreenIcon />}\n                  </IconButton>\n                </Tooltip>\n              )}\n              {!toolbar.isHidden(\"metadata\") && (\n                <Tooltip\n                  title={toolbar.getLabel(\"metadata\") || \"Document Metadata\"}\n                >\n                  <IconButton\n                    size=\"small\"\n                    onClick={toolbar.getHandler(\"metadata\", onMetadataClick)}\n                    disabled={toolbar.isDisabled(\"metadata\")}\n                    aria-label=\"View document metadata\"\n                  >\n                    {toolbar.getIcon(\"metadata\") || <DescriptionIcon />}\n                  </IconButton>\n                </Tooltip>\n              )}\n              {!toolbar.isHidden(\"properties\") && (\n                <Tooltip\n                  title={\n                    toolbar.getLabel(\"properties\") || \"Document Properties\"\n                  }\n                >\n                  <IconButton\n                    size=\"small\"\n                    onClick={toolbar.getHandler(\n                      \"properties\",\n                      onPropertiesClick\n                    )}\n                    disabled={toolbar.isDisabled(\"properties\")}\n                    aria-label=\"View document properties\"\n                  >\n                    {toolbar.getIcon(\"properties\") || <InfoIcon />}\n                  </IconButton>\n                </Tooltip>\n              )}\n              {!toolbar.isHidden(\"tags\") && (\n                <Tooltip title={toolbar.getLabel(\"tags\") || \"Document Tags\"}>\n                  <IconButton\n                    size=\"small\"\n                    onClick={toolbar.getHandler(\"tags\", onTagsClick)}\n                    disabled={toolbar.isDisabled(\"tags\")}\n                    aria-label=\"View document tags\"\n                  >\n                    {toolbar.getIcon(\"tags\") || <LocalOffer />}\n                  </IconButton>\n                </Tooltip>\n              )}\n              {!toolbar.isHidden(\"history\") && (\n                <Tooltip\n                  title={toolbar.getLabel(\"history\") || \"Document History\"}\n                >\n                  <IconButton\n                    size=\"small\"\n                    onClick={toolbar.getHandler(\"history\", onHistoryClick)}\n                    disabled={toolbar.isDisabled(\"history\")}\n                    aria-label=\"View document history\"\n                  >\n                    {toolbar.getIcon(\"history\") || <HistoryIcon />}\n                  </IconButton>\n                </Tooltip>\n              )}\n            </Stack>\n          }\n          sx={{ pb: 1.5 }}\n        />\n        {isLoading && <LinearProgress sx={{ mx: 3, mb: 2 }} />}\n        {error && (\n          <Typography color=\"error\" variant=\"body2\" sx={{ px: 3, pb: 1 }}>\n            {error}\n          </Typography>\n        )}\n        <CardContent\n          sx={{\n            flexGrow: 1,\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n          }}\n        >\n          {objectUrl ? (\n            <audio\n              ref={audioRef}\n              controls\n              controlsList=\"nodownload\"\n              style={{ width: \"100%\" }}\n              src={objectUrl}\n            />\n          ) : (\n            <Typography variant=\"body2\" color=\"text.secondary\">\n              No audio source provided.\n            </Typography>\n          )}\n        </CardContent>\n      </Card>\n    </Box>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-EM63H4SA.js

@@ -0,0 +1,290 @@
+"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; }"use client";
+
+// src/utils/toolbarUtils.ts
+function mergeToolbarConfig(props) {
+  const { toolbarActions = {} } = props;
+  const legacyVisibility = {
+    download: props.showDownload,
+    print: props.showPrint,
+    search: props.showSearch,
+    metadata: props.showMetadata,
+    properties: props.showProperties,
+    tags: props.showTags,
+    history: props.showHistory,
+    pageNavigation: props.showPageNavigation,
+    zoomControls: props.showZoomControls,
+    pageCount: props.showPageCount,
+    rotation: props.showRotation,
+    rotateLeft: props.showRotation,
+    rotateRight: props.showRotation
+  };
+  const legacyHandlers = {
+    download: props.onDownloadClick,
+    print: props.onPrintClick,
+    metadata: props.onMetadataClick,
+    properties: props.onPropertiesClick,
+    tags: props.onTagsClick,
+    history: props.onHistoryClick
+  };
+  return {
+    isHidden: (actionId) => {
+      if (_optionalChain([toolbarActions, 'access', _ => _[actionId], 'optionalAccess', _2 => _2.hidden]) !== void 0) {
+        return toolbarActions[actionId].hidden;
+      }
+      if (_optionalChain([toolbarActions, 'access', _3 => _3[actionId], 'optionalAccess', _4 => _4.disabled]) !== void 0) {
+        return false;
+      }
+      if (legacyVisibility[actionId] !== void 0) {
+        return !legacyVisibility[actionId];
+      }
+      return false;
+    },
+    isDisabled: (actionId) => {
+      if (_optionalChain([toolbarActions, 'access', _5 => _5[actionId], 'optionalAccess', _6 => _6.disabled]) !== void 0) {
+        return toolbarActions[actionId].disabled;
+      }
+      return false;
+    },
+    getHandler: (actionId, defaultHandler) => {
+      return _nullishCoalesce(_nullishCoalesce(_optionalChain([toolbarActions, 'access', _7 => _7[actionId], 'optionalAccess', _8 => _8.onClick]), () => ( legacyHandlers[actionId])), () => ( defaultHandler));
+    },
+    getIcon: (actionId) => {
+      return _optionalChain([toolbarActions, 'access', _9 => _9[actionId], 'optionalAccess', _10 => _10.icon]);
+    },
+    getLabel: (actionId) => {
+      return _optionalChain([toolbarActions, 'access', _11 => _11[actionId], 'optionalAccess', _12 => _12.label]);
+    }
+  };
+}
+
+// src/components/FileIcon.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var FileIcon = ({ ext, size = 48, sx = {} }) => {
+  const extension = _optionalChain([ext, 'optionalAccess', _13 => _13.toLowerCase, 'call', _14 => _14(), 'access', _15 => _15.replace, 'call', _16 => _16(/^\./, "")]) || "";
+  const getIconConfig = (extension2) => {
+    switch (extension2) {
+      case "pdf":
+        return { color: "#d32f2f", bgColor: "#ffebee", label: "PDF" };
+      case "doc":
+      case "docx":
+        return { color: "#1976d2", bgColor: "#e3f2fd", label: extension2.toUpperCase() };
+      case "xls":
+      case "xlsx":
+        return { color: "#388e3c", bgColor: "#e8f5e8", label: extension2.toUpperCase() };
+      case "ppt":
+      case "pptx":
+        return { color: "#f57c00", bgColor: "#fff3e0", label: extension2.toUpperCase() };
+      case "jpg":
+      case "jpeg":
+      case "png":
+      case "gif":
+      case "svg":
+      case "webp":
+      case "bmp":
+      case "tiff":
+      case "tif":
+        return { color: "#7b1fa2", bgColor: "#f3e5f5", label: extension2.toUpperCase() };
+      case "mp4":
+      case "avi":
+      case "mov":
+      case "wmv":
+      case "webm":
+      case "mkv":
+        return { color: "#c2185b", bgColor: "#fce4ec", label: extension2.toUpperCase() };
+      case "mp3":
+      case "wav":
+      case "flac":
+      case "aac":
+      case "ogg":
+      case "m4a":
+        return { color: "#303f9f", bgColor: "#e8eaf6", label: extension2.toUpperCase() };
+      case "zip":
+      case "rar":
+      case "7z":
+      case "tar":
+      case "gz":
+        return { color: "#f9a825", bgColor: "#fffde7", label: extension2.toUpperCase() };
+      case "txt":
+      case "md":
+      case "csv":
+        return { color: "#424242", bgColor: "#f5f5f5", label: extension2.toUpperCase() };
+      case "js":
+      case "jsx":
+      case "ts":
+      case "tsx":
+      case "html":
+      case "css":
+      case "json":
+      case "xml":
+      case "py":
+      case "java":
+      case "cpp":
+      case "c":
+        return { color: "#424242", bgColor: "#f5f5f5", label: extension2.toUpperCase() };
+      default:
+        return { color: "#757575", bgColor: "#fafafa", label: extension2 ? extension2.toUpperCase() : "FILE" };
+    }
+  };
+  const iconConfig = getIconConfig(extension);
+  const getSVGIcon = (ext2) => {
+    const iconSize = size * 0.6;
+    switch (ext2) {
+      case "pdf":
+      case "doc":
+      case "docx":
+      case "ppt":
+      case "pptx":
+        return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z", stroke: iconConfig.color, strokeWidth: "2", fill: "none" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "polyline", { points: "14,2 14,8 20,8", stroke: iconConfig.color, strokeWidth: "2", fill: "none" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "line", { x1: "16", y1: "13", x2: "8", y2: "13", stroke: iconConfig.color, strokeWidth: "2" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "line", { x1: "16", y1: "17", x2: "8", y2: "17", stroke: iconConfig.color, strokeWidth: "2" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "polyline", { points: "10,9 9,9 8,9", stroke: iconConfig.color, strokeWidth: "2" })
+        ] });
+      case "xls":
+      case "xlsx":
+        return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z", stroke: iconConfig.color, strokeWidth: "2", fill: "none" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "polyline", { points: "14,2 14,8 20,8", stroke: iconConfig.color, strokeWidth: "2", fill: "none" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "line", { x1: "8", y1: "13", x2: "16", y2: "13", stroke: iconConfig.color, strokeWidth: "2" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "line", { x1: "8", y1: "17", x2: "16", y2: "17", stroke: iconConfig.color, strokeWidth: "2" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "line", { x1: "12", y1: "9", x2: "12", y2: "21", stroke: iconConfig.color, strokeWidth: "2" })
+        ] });
+      case "jpg":
+      case "jpeg":
+      case "png":
+      case "gif":
+      case "svg":
+      case "webp":
+      case "bmp":
+      case "tiff":
+      case "tif":
+        return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2", stroke: iconConfig.color, strokeWidth: "2", fill: "none" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "8.5", cy: "8.5", r: "1.5", stroke: iconConfig.color, strokeWidth: "2", fill: "none" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "polyline", { points: "21,15 16,10 5,21", stroke: iconConfig.color, strokeWidth: "2", fill: "none" })
+        ] });
+      case "mp4":
+      case "avi":
+      case "mov":
+      case "wmv":
+      case "webm":
+      case "mkv":
+        return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "polygon", { points: "23 12 8 2 8 22 23 12", stroke: iconConfig.color, strokeWidth: "2", fill: "none" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { x: "1", y: "5", width: "6", height: "14", rx: "1", stroke: iconConfig.color, strokeWidth: "2", fill: "none" })
+        ] });
+      case "mp3":
+      case "wav":
+      case "flac":
+      case "aac":
+      case "ogg":
+      case "m4a":
+        return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M9 18V5l12-2v13", stroke: iconConfig.color, strokeWidth: "2", fill: "none" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "6", cy: "18", r: "3", stroke: iconConfig.color, strokeWidth: "2", fill: "none" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "18", cy: "16", r: "3", stroke: iconConfig.color, strokeWidth: "2", fill: "none" })
+        ] });
+      case "zip":
+      case "rar":
+      case "7z":
+      case "tar":
+      case "gz":
+        return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { x: "3", y: "11", width: "18", height: "10", rx: "2", ry: "2", stroke: iconConfig.color, strokeWidth: "2", fill: "none" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "12", cy: "16", r: "1", stroke: iconConfig.color, strokeWidth: "2", fill: "none" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M7 11V7a5 5 0 0 1 10 0v4", stroke: iconConfig.color, strokeWidth: "2", fill: "none" })
+        ] });
+      case "txt":
+      case "md":
+      case "csv":
+        return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z", stroke: iconConfig.color, strokeWidth: "2", fill: "none" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "polyline", { points: "14,2 14,8 20,8", stroke: iconConfig.color, strokeWidth: "2", fill: "none" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "line", { x1: "16", y1: "13", x2: "8", y2: "13", stroke: iconConfig.color, strokeWidth: "2" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "line", { x1: "16", y1: "17", x2: "8", y2: "17", stroke: iconConfig.color, strokeWidth: "2" })
+        ] });
+      case "js":
+      case "jsx":
+      case "ts":
+      case "tsx":
+      case "html":
+      case "css":
+      case "json":
+      case "xml":
+      case "py":
+      case "java":
+      case "cpp":
+      case "c":
+        return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "polyline", { points: "16 18 22 12 16 6", stroke: iconConfig.color, strokeWidth: "2", fill: "none" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "polyline", { points: "8 6 2 12 8 18", stroke: iconConfig.color, strokeWidth: "2", fill: "none" })
+        ] });
+      default:
+        return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z", stroke: iconConfig.color, strokeWidth: "2", fill: "none" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "polyline", { points: "14,2 14,8 20,8", stroke: iconConfig.color, strokeWidth: "2", fill: "none" })
+        ] });
+    }
+  };
+  const containerStyle = {
+    position: "relative",
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    ...sx
+  };
+  const iconBoxStyle = {
+    position: "relative",
+    width: size,
+    height: size,
+    backgroundColor: iconConfig.bgColor,
+    borderRadius: "8px",
+    border: "1px solid rgba(0, 0, 0, 0.12)",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    transition: "all 0.2s ease-in-out",
+    cursor: "default"
+  };
+  const labelStyle = {
+    position: "absolute",
+    bottom: "-4px",
+    right: "-4px",
+    padding: "2px 4px",
+    backgroundColor: "#ffffff",
+    border: "1px solid rgba(0, 0, 0, 0.12)",
+    borderRadius: "4px",
+    boxShadow: "0px 2px 4px rgba(0, 0, 0, 0.1)",
+    fontSize: "10px",
+    fontWeight: 600,
+    color: iconConfig.color,
+    lineHeight: 1,
+    fontFamily: '"Roboto", "Helvetica", "Arial", sans-serif'
+  };
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: containerStyle, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      style: iconBoxStyle,
+      onMouseEnter: (e) => {
+        e.currentTarget.style.boxShadow = "0px 4px 8px rgba(0, 0, 0, 0.12)";
+        e.currentTarget.style.transform = "translateY(-1px)";
+      },
+      onMouseLeave: (e) => {
+        e.currentTarget.style.boxShadow = "none";
+        e.currentTarget.style.transform = "translateY(0)";
+      },
+      children: [
+        getSVGIcon(extension),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: labelStyle, children: iconConfig.label })
+      ]
+    }
+  ) });
+};
+var FileIcon_default = FileIcon;
+
+
+
+
+exports.mergeToolbarConfig = mergeToolbarConfig; exports.FileIcon_default = FileIcon_default;
+//# sourceMappingURL=chunk-EM63H4SA.js.map