ssovee-os-web-ui 0.1.106 → 0.1.108

package/dist/index.cjs

@@ -1,13 +1,17 @@
 'use strict';
 
-var React23 = require('react');
+var React24 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('@phosphor-icons/react');
 var Editor = require('@monaco-editor/react');
 var react$1 = require('@tiptap/react');
 var StarterKit = require('@tiptap/starter-kit');
 var uaParserJs = require('ua-parser-js');
+var reactPdf = require('react-pdf');
+require('react-pdf/dist/Page/TextLayer.css');
+require('react-pdf/dist/Page/AnnotationLayer.css');
 
+var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 function _interopNamespace(e) {
@@ -28,7 +32,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React23__namespace = /*#__PURE__*/_interopNamespace(React23);
+var React24__namespace = /*#__PURE__*/_interopNamespace(React24);
 var Editor__default = /*#__PURE__*/_interopDefault(Editor);
 var StarterKit__default = /*#__PURE__*/_interopDefault(StarterKit);
 
@@ -38,7 +42,7 @@ var StarterKit__default = /*#__PURE__*/_interopDefault(StarterKit);
 function cn(...inputs) {
   return inputs.filter(Boolean).join(" ");
 }
-var Button = React23__namespace.default.forwardRef(
+var Button = React24__namespace.default.forwardRef(
   ({
     className,
     variant = "primary",
@@ -174,7 +178,7 @@ var Typography = ({
   return /* @__PURE__ */ jsxRuntime.jsx(Component, { className: classes, children });
 };
 var Typography_default = Typography;
-var Input = React23__namespace.default.forwardRef(
+var Input = React24__namespace.default.forwardRef(
   ({
     className,
     variant = "default",
@@ -252,7 +256,7 @@ var Input = React23__namespace.default.forwardRef(
 );
 Input.displayName = "Input";
 var Input_default = Input;
-var TextArea = React23__namespace.default.forwardRef(
+var TextArea = React24__namespace.default.forwardRef(
   ({
     className,
     variant = "default",
@@ -318,7 +322,7 @@ var CodeEditor = ({
   className,
   isDarkTheme
 }) => {
-  const editorTheme = React23.useMemo(() => {
+  const editorTheme = React24.useMemo(() => {
     if (typeof isDarkTheme === "undefined") return "light";
     const isDark = Boolean(isDarkTheme);
     return isDark ? "vs-dark" : "light";
@@ -337,7 +341,7 @@ var CodeEditor = ({
 };
 var CodeEditor_default = CodeEditor;
 var RichEditor = ({ content, onChange, isDarkTheme }) => {
-  const onChangeRef = React23.useRef(onChange);
+  const onChangeRef = React24.useRef(onChange);
   onChangeRef.current = onChange;
   const editorTheme = isDarkTheme ? "vs-dark" : "light";
   const editor = react$1.useEditor({
@@ -348,7 +352,7 @@ var RichEditor = ({ content, onChange, isDarkTheme }) => {
       onChangeRef.current(updatedEditor.getHTML());
     }
   }, []);
-  React23.useEffect(() => {
+  React24.useEffect(() => {
     if (editor && content !== editor.getHTML()) {
       editor.commands.setContent(content, { emitUpdate: false });
     }
@@ -391,7 +395,7 @@ var RichEditor = ({ content, onChange, isDarkTheme }) => {
   ] });
 };
 var RichEditor_default = RichEditor;
-var Select = React23__namespace.default.forwardRef(
+var Select = React24__namespace.default.forwardRef(
   ({
     className,
     options,
@@ -471,7 +475,7 @@ var Select = React23__namespace.default.forwardRef(
 );
 Select.displayName = "Select";
 var Select_default = Select;
-var Checkbox = React23__namespace.default.forwardRef(
+var Checkbox = React24__namespace.default.forwardRef(
   ({
     className,
     variant = "default",
@@ -546,7 +550,7 @@ var Checkbox = React23__namespace.default.forwardRef(
 );
 Checkbox.displayName = "Checkbox";
 var Checkbox_default = Checkbox;
-var Toggle = React23__namespace.default.forwardRef(
+var Toggle = React24__namespace.default.forwardRef(
   ({
     checked,
     onChange,
@@ -652,10 +656,10 @@ var Dropdown = ({
   className,
   trigger
 }) => {
-  const [isOpen, setIsOpen] = React23.useState(false);
-  const dropdownRef = React23.useRef(null);
+  const [isOpen, setIsOpen] = React24.useState(false);
+  const dropdownRef = React24.useRef(null);
   const selectedOption = options.find((option) => option.value === value);
-  React23.useEffect(() => {
+  React24.useEffect(() => {
     const handleClickOutside = (event) => {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
         setIsOpen(false);
@@ -782,9 +786,9 @@ var ImageWithPlaceholder = ({
   };
   const resolvedSrc = resolveSrc(src);
   const initialSrc = isValidSrc(resolvedSrc) ? resolvedSrc : fallbackSrc;
-  const [imgSrc, setImgSrc] = React23.useState(initialSrc);
-  const [hasError, setHasError] = React23.useState(!isValidSrc(resolvedSrc));
-  React23.useEffect(() => {
+  const [imgSrc, setImgSrc] = React24.useState(initialSrc);
+  const [hasError, setHasError] = React24.useState(!isValidSrc(resolvedSrc));
+  React24.useEffect(() => {
     const nextResolvedSrc = resolveSrc(src);
     if (isValidSrc(nextResolvedSrc)) {
       setImgSrc(nextResolvedSrc);
@@ -993,8 +997,8 @@ var Toast = ({
   showCloseButton = true,
   className
 }) => {
-  const [isShowing, setIsShowing] = React23.useState(false);
-  React23.useEffect(() => {
+  const [isShowing, setIsShowing] = React24.useState(false);
+  React24.useEffect(() => {
     if (isVisible) {
       setIsShowing(true);
       let timer = null;
@@ -1218,7 +1222,7 @@ var Modal = ({
   closeOnEscape = true,
   className
 }) => {
-  React23.useEffect(() => {
+  React24.useEffect(() => {
     if (!isOpen) return;
     const handleEscape = (e) => {
       if (e.key === "Escape" && closeOnEscape) {
@@ -1285,7 +1289,7 @@ var Modal = ({
   );
 };
 var Modal_default = Modal;
-var Card = React23__namespace.default.forwardRef(
+var Card = React24__namespace.default.forwardRef(
   ({
     className,
     variant = "default",
@@ -1323,7 +1327,7 @@ var Card = React23__namespace.default.forwardRef(
 );
 Card.displayName = "Card";
 var Card_default = Card;
-var Badge = React23__namespace.default.forwardRef(
+var Badge = React24__namespace.default.forwardRef(
   ({
     className,
     variant = "default",
@@ -1378,7 +1382,7 @@ var Avatar = ({
   className,
   onClick
 }) => {
-  const [imgError, setImgError] = React23.useState(false);
+  const [imgError, setImgError] = React24.useState(false);
   const sizeClasses = {
     sm: "w-8 h-8 text-xs",
     md: "w-10 h-10 text-sm",
@@ -1401,7 +1405,7 @@ var Avatar = ({
       }
     ) }) });
   };
-  const handleImgError = React23.useCallback(() => {
+  const handleImgError = React24.useCallback(() => {
     setImgError(true);
   }, []);
   const isSrcAvailable = typeof src === "string" && src.trim() !== "";
@@ -1473,8 +1477,8 @@ var Tooltip = ({
   delay = 200,
   className
 }) => {
-  const [isVisible, setIsVisible] = React23.useState(false);
-  const [timeoutId, setTimeoutId] = React23.useState(null);
+  const [isVisible, setIsVisible] = React24.useState(false);
+  const [timeoutId, setTimeoutId] = React24.useState(null);
   const showTooltip = () => {
     const id = setTimeout(() => setIsVisible(true), delay);
     setTimeoutId(id);
@@ -1604,14 +1608,14 @@ var matchShortcut = (event, shortcut, os) => {
 var useShortcutFormatter = ({
   globalKeyboardShortcuts: globalKeyboardShortcuts2 = []
 } = {}) => {
-  const [os, setOS] = React23.useState("windows");
-  const listenersRef = React23.useRef(
+  const [os, setOS] = React24.useState("windows");
+  const listenersRef = React24.useRef(
     /* @__PURE__ */ new Map()
   );
-  React23.useEffect(() => {
+  React24.useEffect(() => {
     setOS(detectOS());
   }, []);
-  React23.useEffect(() => {
+  React24.useEffect(() => {
     if (!globalKeyboardShortcuts2.length) return;
     const handleKeyDown = (event) => {
       for (const shortcut of globalKeyboardShortcuts2) {
@@ -1629,21 +1633,21 @@ var useShortcutFormatter = ({
       window.removeEventListener("keydown", handleKeyDown);
     };
   }, [os, globalKeyboardShortcuts2]);
-  const formatKeys = React23.useCallback(
+  const formatKeys = React24.useCallback(
     (keys = []) => {
       const separator = os === "mac" ? "" : " + ";
       return keys.map((key) => keyMap[os][key.toLowerCase()] || key.toUpperCase()).join(separator);
     },
     [os]
   );
-  const getShortcutByCommand = React23.useCallback(
+  const getShortcutByCommand = React24.useCallback(
     (command) => {
       const found = globalKeyboardShortcuts2.find((s) => s.command === command);
       return found ? found.shortcut : [];
     },
     [globalKeyboardShortcuts2]
   );
-  const addShortcutListener = React23.useCallback(
+  const addShortcutListener = React24.useCallback(
     (command, listener) => {
       if (!listenersRef.current.has(command)) {
         listenersRef.current.set(command, /* @__PURE__ */ new Set());
@@ -1652,7 +1656,7 @@ var useShortcutFormatter = ({
     },
     []
   );
-  const removeShortcutListener = React23.useCallback(
+  const removeShortcutListener = React24.useCallback(
     (command, listener) => {
       if (listenersRef.current.has(command)) {
         listenersRef.current.get(command).delete(listener);
@@ -1692,7 +1696,7 @@ var globalKeyboardShortcuts = [
     usage: "Focus on current app search"
   }
 ];
-var SearchInput = React23__namespace.default.forwardRef(
+var SearchInput = React24__namespace.default.forwardRef(
   ({
     onSearch,
     placeholder = "Search...",
@@ -1707,16 +1711,16 @@ var SearchInput = React23__namespace.default.forwardRef(
     isActive = true,
     ...props
   }, ref) => {
-    const [searchValue, setSearchValue] = React23__namespace.default.useState(value || "");
-    const inputRef = React23.useRef(null);
-    React23.useImperativeHandle(ref, () => inputRef.current);
+    const [searchValue, setSearchValue] = React24__namespace.default.useState(value || "");
+    const inputRef = React24.useRef(null);
+    React24.useImperativeHandle(ref, () => inputRef.current);
     const {
       addShortcutListener,
       removeShortcutListener,
       formatKeys,
       getShortcutByCommand
     } = useShortcutFormatter_default({ globalKeyboardShortcuts });
-    React23.useEffect(() => {
+    React24.useEffect(() => {
       setSearchValue(value ?? "");
     }, [value]);
     const handleChange = (e) => {
@@ -1725,7 +1729,7 @@ var SearchInput = React23__namespace.default.forwardRef(
       onChange?.(e);
       onSearch?.(newValue);
     };
-    const handleClear = React23.useCallback(() => {
+    const handleClear = React24.useCallback(() => {
       setSearchValue("");
       onSearch?.("");
       const syntheticEvent = {
@@ -1733,7 +1737,7 @@ var SearchInput = React23__namespace.default.forwardRef(
       };
       onChange?.(syntheticEvent);
     }, [onChange, onSearch]);
-    React23.useEffect(() => {
+    React24.useEffect(() => {
       if (!enableKeyboardShortcuts || !isActive) return;
       const handleFocusSearch = (e) => {
         e?.preventDefault();
@@ -1886,8 +1890,8 @@ var FileUpload = ({
   children,
   dragAndDrop = false
 }) => {
-  const fileInputRef = React23.useRef(null);
-  const [isDragOver, setIsDragOver] = React23__namespace.default.useState(false);
+  const fileInputRef = React24.useRef(null);
+  const [isDragOver, setIsDragOver] = React24__namespace.default.useState(false);
   const handleFileSelect = (files) => {
     if (!files) return;
     const fileArray = Array.from(files);
@@ -2185,7 +2189,7 @@ var Pagination = ({
   ] });
 };
 var Pagination_default = Pagination;
-var Radio = React23__namespace.default.forwardRef(
+var Radio = React24__namespace.default.forwardRef(
   ({
     className,
     label,
@@ -2250,7 +2254,7 @@ var Radio = React23__namespace.default.forwardRef(
 Radio.displayName = "Radio";
 var Radio_default = Radio;
 var Accordion = ({ items, active = -1 }) => {
-  const [activeIndex, setActiveIndex] = React23.useState(active);
+  const [activeIndex, setActiveIndex] = React24.useState(active);
   const toggleAccordion = (index) => {
     setActiveIndex(activeIndex === index ? null : index);
   };
@@ -2291,8 +2295,8 @@ var Tabs = ({
   buttonClassName = "flex items-center gap-1 px-[8px] py-[2px] text-[13px] cursor-pointer transition-all duration-300 text-neutral-300 rounded-[6px] m-[8px]",
   activeButtonClassName = "bg-surface-3 text-neutral-400"
 }) => {
-  const [activeTab, setActiveTab] = React23.useState(defaultActiveTab);
-  React23.useEffect(() => {
+  const [activeTab, setActiveTab] = React24.useState(defaultActiveTab);
+  React24.useEffect(() => {
     setActiveTab(defaultActiveTab);
   }, [defaultActiveTab]);
   const handleTabClick = (index) => {
@@ -2318,6 +2322,54 @@ var Tabs = ({
   ] });
 };
 var Tabs_default = Tabs;
+reactPdf.pdfjs.GlobalWorkerOptions.workerSrc = new URL(
+  "pdfjs-dist/build/pdf.worker.min.mjs",
+  (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('index.cjs', document.baseURI).href))
+).toString();
+var base64ToUint8Array = (base64) => {
+  const value = base64.includes(",") ? base64.slice(base64.indexOf(",") + 1) : base64;
+  const binary = atob(value);
+  const bytes = new Uint8Array(binary.length);
+  for (let index = 0; index < binary.length; index += 1) {
+    bytes[index] = binary.charCodeAt(index);
+  }
+  return bytes;
+};
+var PdfPreview = ({ base64, fileName, className }) => {
+  const [numPages, setNumPages] = React24.useState(0);
+  const [error, setError] = React24.useState();
+  const [pageWidth, setPageWidth] = React24.useState(900);
+  React24.useEffect(() => {
+    const updatePageWidth = () => setPageWidth(Math.min(900, Math.max(320, window.innerWidth - 48)));
+    updatePageWidth();
+    window.addEventListener("resize", updatePageWidth);
+    return () => window.removeEventListener("resize", updatePageWidth);
+  }, []);
+  let pdfData;
+  try {
+    pdfData = base64ToUint8Array(base64);
+  } catch {
+    pdfData = new Uint8Array();
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("h-full min-h-96 w-full overflow-auto bg-muted/30", className), children: /* @__PURE__ */ jsxRuntime.jsx(
+    reactPdf.Document,
+    {
+      file: { data: pdfData },
+      onLoadSuccess: ({ numPages: loadedPages }) => {
+        setNumPages(loadedPages);
+        setError(void 0);
+      },
+      onLoadError: (loadError) => {
+        console.error("PDF preview error:", loadError);
+        setError(`Unable to preview ${fileName}`);
+      },
+      loading: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-h-96 items-center justify-center", children: "Loading PDF..." }),
+      error: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-h-96 items-center justify-center", children: error ?? "Unable to preview this PDF." }),
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-center gap-4 p-4", children: Array.from({ length: numPages }, (_, index) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden rounded-lg bg-white shadow-sm", children: /* @__PURE__ */ jsxRuntime.jsx(reactPdf.Page, { pageNumber: index + 1, renderTextLayer: true, renderAnnotationLayer: true, width: pageWidth }) }, `page_${index + 1}`)) })
+    }
+  ) });
+};
+var PdfPreview_default = PdfPreview;
 var imageExtensions = /\.(avif|bmp|gif|heic|jpe?g|png|svg|tiff?|webp)$/i;
 var textExtensions = /\.(c|cc|conf|cpp|css|csv|env|h|hpp|html?|ini|java|js|jsx|log|md|mjs|php|py|rb|rs|sh|sql|swift|ts|tsx|txt|xml|yaml|yml)$/i;
 var audioExtensions = /\.(aac|flac|m4a|mp3|ogg|wav|weba)$/i;
@@ -2390,7 +2442,7 @@ var PreviewComponent = ({ fileName, base64, className }) => {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex h-full min-h-48 w-full items-center justify-center overflow-auto", className), children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: dataUrl, alt: fileName, className: "max-h-full max-w-full object-contain" }) });
   }
   if (previewType === "pdf") {
-    return /* @__PURE__ */ jsxRuntime.jsx("iframe", { title: fileName, src: dataUrl, className: cn("h-full min-h-96 w-full border-0", className) });
+    return /* @__PURE__ */ jsxRuntime.jsx(PdfPreview_default, { base64, fileName, className });
   }
   if (previewType === "audio") {
     return /* @__PURE__ */ jsxRuntime.jsx("audio", { controls: true, src: dataUrl, className: cn("w-full", className) });
@@ -2430,11 +2482,11 @@ function renderPluginChild(child, app, api, reloadKey) {
     const renderFn = child;
     return renderFn({ app, api });
   }
-  return React23.Children.map(child, (node, index) => {
-    if (!React23.isValidElement(node)) {
+  return React24.Children.map(child, (node, index) => {
+    if (!React24.isValidElement(node)) {
       return node;
     }
-    return React23.cloneElement(
+    return React24.cloneElement(
       node,
       {
         key: `${reloadKey}-${index}`,
@@ -2464,13 +2516,13 @@ function PluginPlayground({
   metadata,
   backgroundImage
 }) {
-  const [mockUser] = React23.useState(DEFAULT_MOCK_USER);
-  const [mockToken] = React23.useState(DEFAULT_TOKEN);
-  const [isMinimized, setIsMinimized] = React23.useState(false);
-  const [isClosed, setIsClosed] = React23.useState(false);
-  const [isActive, setIsActive] = React23.useState(true);
-  const [isNightMode, setIsNightMode] = React23.useState(true);
-  React23.useEffect(() => {
+  const [mockUser] = React24.useState(DEFAULT_MOCK_USER);
+  const [mockToken] = React24.useState(DEFAULT_TOKEN);
+  const [isMinimized, setIsMinimized] = React24.useState(false);
+  const [isClosed, setIsClosed] = React24.useState(false);
+  const [isActive, setIsActive] = React24.useState(true);
+  const [isNightMode, setIsNightMode] = React24.useState(true);
+  React24.useEffect(() => {
     if (typeof window === "undefined") return;
     const storedTheme = window.localStorage.getItem("plugin-playground-theme");
     const prefersDark = window.matchMedia(
@@ -2479,7 +2531,7 @@ function PluginPlayground({
     const shouldUseDark = storedTheme ? storedTheme === "dark" : prefersDark;
     setIsNightMode(shouldUseDark);
   }, []);
-  React23.useEffect(() => {
+  React24.useEffect(() => {
     if (typeof document === "undefined") return;
     document.documentElement.classList.toggle("dark", isNightMode);
     window.localStorage.setItem(
@@ -2489,25 +2541,25 @@ function PluginPlayground({
   }, [isNightMode]);
   const title = metadata.title ?? metadata.name ?? "Plugin Playground";
   const slug = metadata.slug ?? "local-plugin";
-  const defaultSize = React23.useMemo(() => getDefaultSize(metadata), [metadata]);
+  const defaultSize = React24.useMemo(() => getDefaultSize(metadata), [metadata]);
   const canvasBackground = backgroundImage ?? metadata.backgroundImage ?? DEFAULT_BACKGROUND;
   const isWindowResizable = metadata.windowSize?.isAppWindowResizing ?? metadata.isResizing ?? true;
-  const minimizeWindow = React23.useCallback(() => {
+  const minimizeWindow = React24.useCallback(() => {
     setIsActive(false);
     setIsMinimized(true);
     setIsClosed(false);
   }, []);
-  const closeWindow = React23.useCallback(() => {
+  const closeWindow = React24.useCallback(() => {
     setIsActive(false);
     setIsClosed(true);
     setIsMinimized(false);
   }, []);
-  const restoreWindow = React23.useCallback(() => {
+  const restoreWindow = React24.useCallback(() => {
     setIsActive(true);
     setIsClosed(false);
     setIsMinimized(false);
   }, []);
-  const mockApi = React23.useMemo(() => {
+  const mockApi = React24.useMemo(() => {
     return {
       showToast: (message, type) => {
         console.info(`[playground:${type}] ${message}`);
@@ -2524,7 +2576,7 @@ function PluginPlayground({
       isDarkTheme: isNightMode
     };
   }, [mockToken, mockUser, isNightMode]);
-  const appProps = React23.useMemo(
+  const appProps = React24.useMemo(
     () => ({
       name: title,
       slug,
@@ -2694,13 +2746,13 @@ var WindowWithSideMenu = ({
     removeShortcutListener,
     getShortcutByCommand
   } = useShortcutFormatter_default({ globalKeyboardShortcuts });
-  const [state, dispatch] = React23.useReducer(reducer, {
+  const [state, dispatch] = React24.useReducer(reducer, {
     ...initialState,
     windowSize: app.windowSize.windowSize ?? defaultSize,
     defaultSize: app.windowSize.windowSize ?? defaultSize
   });
-  const windowRef = React23.useRef(null);
-  React23.useEffect(() => {
+  const windowRef = React24.useRef(null);
+  React24.useEffect(() => {
     if (app.isMinimize !== state.isMinimized) {
       dispatch({ type: "SYNC_MINIMIZE_STATE", payload: app.isMinimize });
     }
@@ -2761,7 +2813,7 @@ var WindowWithSideMenu = ({
     document.body.style.userSelect = "none";
     dispatch({ type: "START_RESIZE", payload: { x: e.clientX, y: e.clientY } });
   };
-  React23.useEffect(() => {
+  React24.useEffect(() => {
     if (state.isDragging || state.resizeStart) {
       window.addEventListener("mousemove", handleMouseMove);
       window.addEventListener("mouseup", handleMouseUp);
@@ -2772,7 +2824,7 @@ var WindowWithSideMenu = ({
       document.body.style.userSelect = "";
     };
   }, [state.isDragging, state.resizeStart]);
-  React23.useEffect(() => {
+  React24.useEffect(() => {
     if (windowRef.current) {
       windowRef.current.addEventListener("click", () => {
         if (app?.callback) {
@@ -2781,7 +2833,7 @@ var WindowWithSideMenu = ({
       });
     }
   }, [app?.slug, windowRef]);
-  React23.useEffect(() => {
+  React24.useEffect(() => {
     const handleExitApp = () => {
       if (app?.callback) {
         app?.callback("CLOSE_APP");
@@ -2792,7 +2844,7 @@ var WindowWithSideMenu = ({
       removeShortcutListener("exit_app", handleExitApp);
     };
   }, [app?.slug, app.isActive]);
-  React23.useEffect(() => {
+  React24.useEffect(() => {
     const handleMinimize = () => {
       if (app?.slug && app.isActive) {
         dispatch({
@@ -2809,7 +2861,7 @@ var WindowWithSideMenu = ({
       removeShortcutListener("minimize_app", handleMinimize);
     };
   }, [app?.slug, app.isActive, state.isMinimized, state.windowSize]);
-  React23.useEffect(() => {
+  React24.useEffect(() => {
     const handleMaximize = () => {
       if (app?.slug && app.isActive) {
         dispatch({
@@ -2980,7 +3032,7 @@ var WindowWithSideMenu = ({
                   style: {
                     maxHeight: `${state.windowSize.height - 37}px`
                   },
-                  children: React23.isValidElement(children) && typeof children.type !== "string" ? React23__namespace.default.cloneElement(children, {
+                  children: React24.isValidElement(children) && typeof children.type !== "string" ? React24__namespace.default.cloneElement(children, {
                     windowSize: state.windowSize,
                     isAppWindowResizing: state.resizeStart !== null
                   }) : children
@@ -3086,13 +3138,13 @@ var WindowWithoutSideMenu = ({
     removeShortcutListener,
     getShortcutByCommand
   } = useShortcutFormatter_default({ globalKeyboardShortcuts });
-  const [state, dispatch] = React23.useReducer(reducer2, {
+  const [state, dispatch] = React24.useReducer(reducer2, {
     ...initialState2,
     windowSize: app.windowSize.windowSize ?? defaultSize,
     defaultSize: app.windowSize.windowSize ?? defaultSize
   });
-  const windowRef = React23.useRef(null);
-  React23.useEffect(() => {
+  const windowRef = React24.useRef(null);
+  React24.useEffect(() => {
     if (app.isMinimize !== state.isMinimized) {
       dispatch({ type: "SYNC_MINIMIZE_STATE", payload: app.isMinimize });
     }
@@ -3149,7 +3201,7 @@ var WindowWithoutSideMenu = ({
     document.body.style.userSelect = "none";
     dispatch({ type: "START_RESIZE", payload: { x: e.clientX, y: e.clientY } });
   };
-  React23.useEffect(() => {
+  React24.useEffect(() => {
     if (state.isDragging || state.resizeStart) {
       window.addEventListener("mousemove", handleMouseMove);
       window.addEventListener("mouseup", handleMouseUp);
@@ -3160,7 +3212,7 @@ var WindowWithoutSideMenu = ({
       document.body.style.userSelect = "";
     };
   }, [state.isDragging, state.resizeStart]);
-  React23.useEffect(() => {
+  React24.useEffect(() => {
     if (windowRef.current) {
       windowRef.current.addEventListener("click", () => {
         if (app?.callback) {
@@ -3169,7 +3221,7 @@ var WindowWithoutSideMenu = ({
       });
     }
   }, [app?.slug, windowRef]);
-  React23.useEffect(() => {
+  React24.useEffect(() => {
     const handleExitApp = () => {
       if (app?.callback) {
         app?.callback("CLOSE_APP");
@@ -3180,7 +3232,7 @@ var WindowWithoutSideMenu = ({
       removeShortcutListener("exit_app", handleExitApp);
     };
   }, [app?.slug, app.isActive]);
-  React23.useEffect(() => {
+  React24.useEffect(() => {
     const handleMinimize = () => {
       if (app?.slug && app.isActive) {
         dispatch({
@@ -3197,7 +3249,7 @@ var WindowWithoutSideMenu = ({
       removeShortcutListener("minimize_app", handleMinimize);
     };
   }, [app?.slug, app.isActive, state.isMinimized, state.windowSize]);
-  React23.useEffect(() => {
+  React24.useEffect(() => {
     const handleMaximize = () => {
       if (app?.slug && app.isActive) {
         dispatch({
@@ -3313,7 +3365,7 @@ var WindowWithoutSideMenu = ({
                 style: {
                   maxHeight: `${state.windowSize.height - 37}px`
                 },
-                children: React23.isValidElement(children) && typeof children.type !== "string" ? React23__namespace.default.cloneElement(children, {
+                children: React24.isValidElement(children) && typeof children.type !== "string" ? React24__namespace.default.cloneElement(children, {
                   windowSize: state.windowSize,
                   isAppWindowResizing: state.resizeStart !== null
                 }) : children
@@ -3336,7 +3388,7 @@ var WindowWithoutSideMenu = ({
   );
 };
 var WindowWithoutSideMenu_default = WindowWithoutSideMenu;
-var Table = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
+var Table = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
   "table",
   {
     ref,
@@ -3345,9 +3397,9 @@ var Table = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @
   }
 ) }));
 Table.displayName = "Table";
-var TableHeader = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn("[&_tr]:border-b text-neutral-400 bg-surface-2", className), ...props }));
+var TableHeader = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn("[&_tr]:border-b text-neutral-400 bg-surface-2", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableBody = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "tbody",
   {
     ref,
@@ -3356,7 +3408,7 @@ var TableBody = React23__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableFooter = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "tfoot",
   {
     ref,
@@ -3368,7 +3420,7 @@ var TableFooter = React23__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React23__namespace.forwardRef(({ className, onClick, ...props }, ref) => {
+var TableRow = React24__namespace.forwardRef(({ className, onClick, ...props }, ref) => {
   const isInteractive = typeof onClick === "function";
   return /* @__PURE__ */ jsxRuntime.jsx(
     "tr",
@@ -3385,7 +3437,7 @@ var TableRow = React23__namespace.forwardRef(({ className, onClick, ...props },
   );
 });
 TableRow.displayName = "TableRow";
-var TableHead = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableHead = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "th",
   {
     ref,
@@ -3397,7 +3449,7 @@ var TableHead = React23__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableCell = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "td",
   {
     ref,
@@ -3406,7 +3458,7 @@ var TableCell = React23__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableCaption = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "caption",
   {
     ref,
@@ -3416,12 +3468,12 @@ var TableCaption = React23__namespace.forwardRef(({ className, ...props }, ref)
 ));
 TableCaption.displayName = "TableCaption";
 var useGridClasses = (windowSize, gridRules) => {
-  const deviceType = React23.useMemo(() => {
+  const deviceType = React24.useMemo(() => {
     if (windowSize.width <= 640) return "mobile";
     if (windowSize.width <= 1024) return "tablet";
     return "desktop";
   }, [windowSize]);
-  const gridClasses = React23.useMemo(() => {
+  const gridClasses = React24.useMemo(() => {
     const classes = {};
     for (const element in gridRules) {
       const classRules = gridRules[element] ?? {};
@@ -3434,8 +3486,8 @@ var useGridClasses = (windowSize, gridRules) => {
 };
 var useGridClasses_default = useGridClasses;
 var useDeviceSupport = () => {
-  const [isSupported, setIsSupported] = React23.useState(true);
-  React23.useEffect(() => {
+  const [isSupported, setIsSupported] = React24.useState(true);
+  React24.useEffect(() => {
     function checkSupport() {
       const ua = typeof window !== "undefined" ? window.navigator.userAgent : "";
       const width = typeof window !== "undefined" ? window.innerWidth : 1920;
@@ -3561,7 +3613,7 @@ var useSound = () => {
     audio.currentTime = 0;
     await audio.play();
   };
-  const playSound = React23.useCallback((type) => {
+  const playSound = React24.useCallback((type) => {
     if (typeof window === "undefined") {
       return;
     }
@@ -3626,6 +3678,7 @@ exports.Input = Input_default;
 exports.Loading = Loading_default;
 exports.Modal = Modal_default;
 exports.Pagination = Pagination_default;
+exports.PdfPreview = PdfPreview_default;
 exports.PluginPlayground = PluginPlayground;
 exports.PreviewComponent = PreviewComponent_default;
 exports.Progress = Progress_default;