@muhgholy/next-drive 4.1.0 → 4.3.0

package/dist/client/index.cjs

@@ -1,7 +1,7 @@
 require('./index.css');
 'use strict';
 
-var chunkCFLH4TCQ_cjs = require('../chunk-CFLH4TCQ.cjs');
+var chunkTA6L5FYG_cjs = require('../chunk-TA6L5FYG.cjs');
 var chunkA65ZAA2Z_cjs = require('../chunk-A65ZAA2Z.cjs');
 var React3 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -227,11 +227,8 @@ var DriveProvider = (props) => {
     setSelectedFileIds((prev) => prev.filter((sid) => sid !== id));
     await callAPI("restore", { method: "POST", query: { id } });
   }, [callAPI]);
-  const createUrl = React3.useCallback((driveFile, options) => {
-    return chunkCFLH4TCQ_cjs.driveCreateUrl(driveFile, apiEndpoint, options);
-  }, [apiEndpoint]);
-  const createSrcSet = React3.useCallback((driveFile, format) => {
-    return chunkCFLH4TCQ_cjs.driveCreateSrcSet(driveFile, apiEndpoint, format);
+  const createUrl = React3.useCallback((driveFile) => {
+    return chunkTA6L5FYG_cjs.driveCreateUrl(driveFile, apiEndpoint);
   }, [apiEndpoint]);
   React3__namespace.default.useEffect(() => {
     const stored = localStorage.getItem("drive_active_account");
@@ -299,7 +296,6 @@ var DriveProvider = (props) => {
     loadMore,
     // Utilities
     createUrl,
-    createSrcSet,
     callAPI,
     // Optimistic Actions
     createFolder,
@@ -437,12 +433,13 @@ var useUpload = (apiEndpoint, activeAccountId, withCredentials = false, onUpload
       addLog(item.id, "success", `All ${totalChunks} chunks uploaded successfully`);
       updateUpload(item.id, { status: "complete", currentChunk: totalChunks });
     } catch (error) {
-      if (error.message === "Cancelled") {
+      const errorMessage = error instanceof Error ? error.message : "Unknown error";
+      if (errorMessage === "Cancelled") {
         addLog(item.id, "warning", "Upload cancelled by user");
         updateUpload(item.id, { status: "cancelled" });
       } else {
-        addLog(item.id, "error", `Upload failed: ${error.message}`);
-        updateUpload(item.id, { status: "error", error: error.message });
+        addLog(item.id, "error", `Upload failed: ${errorMessage}`);
+        updateUpload(item.id, { status: "error", error: errorMessage });
       }
     } finally {
       abortControllers.current.delete(item.id);
@@ -546,7 +543,7 @@ function Button({
     Comp,
     {
       "data-slot": "button",
-      className: chunkCFLH4TCQ_cjs.cn(buttonVariants({ variant, size, className })),
+      className: chunkTA6L5FYG_cjs.cn(buttonVariants({ variant, size, className })),
       ...props
     }
   );
@@ -565,7 +562,7 @@ function Dialog2Content({
       SheetPrimitive__namespace.Overlay,
       {
         "data-slot": "dialog2-overlay",
-        className: chunkCFLH4TCQ_cjs.cn(
+        className: chunkTA6L5FYG_cjs.cn(
           "nd:fixed nd:inset-0 nd:z-50 nd:bg-black/60 nd:backdrop-blur-sm",
           "nd:data-[state=open]:animate-in nd:data-[state=closed]:animate-out",
           "nd:data-[state=closed]:fade-out-0 nd:data-[state=open]:fade-in-0"
@@ -576,7 +573,7 @@ function Dialog2Content({
       SheetPrimitive__namespace.Content,
       {
         "data-slot": "dialog2-content",
-        className: chunkCFLH4TCQ_cjs.cn(
+        className: chunkTA6L5FYG_cjs.cn(
           "nd:overflow-hidden",
           // Base styles
           "nd:fixed nd:z-50 nd:flex nd:flex-col nd:bg-background nd:shadow-2xl nd:outline-none",
@@ -601,7 +598,7 @@ function Dialog2Content({
             SheetPrimitive__namespace.Close,
             {
               "data-slot": "dialog2-close",
-              className: chunkCFLH4TCQ_cjs.cn(
+              className: chunkTA6L5FYG_cjs.cn(
                 "nd:absolute nd:top-3 nd:right-3 nd:z-10",
                 "nd:flex nd:items-center nd:justify-center nd:size-8 nd:rounded-full",
                 "nd:bg-muted/80 nd:hover:bg-muted nd:text-muted-foreground nd:hover:text-foreground",
@@ -624,7 +621,7 @@ function Dialog2Header({ className, ...props }) {
     "div",
     {
       "data-slot": "dialog2-header",
-      className: chunkCFLH4TCQ_cjs.cn(
+      className: chunkTA6L5FYG_cjs.cn(
         "nd:flex nd:items-center nd:justify-between nd:shrink-0 nd:px-4 nd:h-14 nd:border-b nd:bg-background/95 nd:backdrop-blur-sm",
         className
       ),
@@ -637,7 +634,7 @@ function Dialog2Body({ className, ...props }) {
     "div",
     {
       "data-slot": "dialog2-body",
-      className: chunkCFLH4TCQ_cjs.cn("nd:flex-1 nd:min-h-0 nd:overflow-hidden", className),
+      className: chunkTA6L5FYG_cjs.cn("nd:flex-1 nd:min-h-0 nd:overflow-hidden", className),
       ...props
     }
   );
@@ -647,7 +644,7 @@ function Dialog2Footer({ className, ...props }) {
     "div",
     {
       "data-slot": "dialog2-footer",
-      className: chunkCFLH4TCQ_cjs.cn(
+      className: chunkTA6L5FYG_cjs.cn(
         "nd:flex nd:items-center nd:justify-end nd:gap-2 nd:shrink-0 nd:px-4 nd:py-3 nd:border-t nd:bg-background/95 nd:backdrop-blur-sm",
         className
       ),
@@ -663,7 +660,7 @@ function Dialog2Title({
     SheetPrimitive__namespace.Title,
     {
       "data-slot": "dialog2-title",
-      className: chunkCFLH4TCQ_cjs.cn("nd:text-base nd:font-semibold", className),
+      className: chunkTA6L5FYG_cjs.cn("nd:text-base nd:font-semibold", className),
       ...props
     }
   );
@@ -674,7 +671,7 @@ var SheetPortal = SheetPrimitive__namespace.Portal;
 var SheetOverlay = React3__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SheetPrimitive__namespace.Overlay,
   {
-    className: chunkCFLH4TCQ_cjs.cn(
+    className: chunkTA6L5FYG_cjs.cn(
       "nd:fixed nd:inset-0 nd:z-50 nd:bg-black/80 nd:data-[state=open]:animate-in nd:data-[state=closed]:animate-out nd:data-[state=closed]:fade-out-0 nd:data-[state=open]:fade-in-0",
       className
     ),
@@ -705,7 +702,7 @@ var SheetContent = React3__namespace.forwardRef(({ side = "right", className, ch
     SheetPrimitive__namespace.Content,
     {
       ref,
-      className: chunkCFLH4TCQ_cjs.cn(sheetVariants({ side }), className),
+      className: chunkTA6L5FYG_cjs.cn(sheetVariants({ side }), className),
       ...props,
       children: [
         children,
@@ -722,7 +719,7 @@ var SheetTitle = React3__namespace.forwardRef(({ className, ...props }, ref) =>
   SheetPrimitive__namespace.Title,
   {
     ref,
-    className: chunkCFLH4TCQ_cjs.cn("nd:text-lg nd:font-semibold nd:text-foreground", className),
+    className: chunkTA6L5FYG_cjs.cn("nd:text-lg nd:font-semibold nd:text-foreground", className),
     ...props
   }
 ));
@@ -731,7 +728,7 @@ var SheetDescription = React3__namespace.forwardRef(({ className, ...props }, re
   SheetPrimitive__namespace.Description,
   {
     ref,
-    className: chunkCFLH4TCQ_cjs.cn("nd:text-sm nd:text-muted-foreground", className),
+    className: chunkTA6L5FYG_cjs.cn("nd:text-sm nd:text-muted-foreground", className),
     ...props
   }
 ));
@@ -754,7 +751,7 @@ function DialogOverlay({
     SheetPrimitive__namespace.Overlay,
     {
       "data-slot": "dialog-overlay",
-      className: chunkCFLH4TCQ_cjs.cn(
+      className: chunkTA6L5FYG_cjs.cn(
         "nd:data-[state=open]:animate-in nd:data-[state=closed]:animate-out nd:data-[state=closed]:fade-out-0 nd:data-[state=open]:fade-in-0 nd:fixed nd:inset-0 nd:z-50 nd:bg-black/50",
         className
       ),
@@ -774,7 +771,7 @@ function DialogContent({
       SheetPrimitive__namespace.Content,
       {
         "data-slot": "dialog-content",
-        className: chunkCFLH4TCQ_cjs.cn(
+        className: chunkTA6L5FYG_cjs.cn(
           "nd:bg-background nd:data-[state=open]:animate-in nd:data-[state=closed]:animate-out nd:data-[state=closed]:fade-out-0 nd:data-[state=open]:fade-in-0 nd:data-[state=closed]:zoom-out-95 nd:data-[state=open]:zoom-in-95 nd:fixed nd:top-[50%] nd:left-[50%] nd:z-50 nd:grid nd:w-full nd:max-w-[calc(100%-2rem)] nd:translate-x-[-50%] nd:translate-y-[-50%] nd:gap-4 nd:rounded-lg nd:border nd:p-6 nd:shadow-lg nd:duration-200 nd:sm:max-w-lg",
           className
         ),
@@ -802,7 +799,7 @@ function DialogHeader({ className, ...props }) {
     "div",
     {
       "data-slot": "dialog-header",
-      className: chunkCFLH4TCQ_cjs.cn("nd:flex nd:flex-col nd:gap-2 nd:text-center nd:sm:text-left", className),
+      className: chunkTA6L5FYG_cjs.cn("nd:flex nd:flex-col nd:gap-2 nd:text-center nd:sm:text-left", className),
       ...props
     }
   );
@@ -812,7 +809,7 @@ function DialogFooter({ className, ...props }) {
     "div",
     {
       "data-slot": "dialog-footer",
-      className: chunkCFLH4TCQ_cjs.cn(
+      className: chunkTA6L5FYG_cjs.cn(
         "nd:flex nd:flex-col-reverse nd:gap-2 nd:sm:flex-row nd:sm:justify-end",
         className
       ),
@@ -828,7 +825,7 @@ function DialogTitle({
     SheetPrimitive__namespace.Title,
     {
       "data-slot": "dialog-title",
-      className: chunkCFLH4TCQ_cjs.cn("nd:text-lg nd:leading-none nd:font-semibold", className),
+      className: chunkTA6L5FYG_cjs.cn("nd:text-lg nd:leading-none nd:font-semibold", className),
       ...props
     }
   );
@@ -841,7 +838,7 @@ function DialogDescription({
     SheetPrimitive__namespace.Description,
     {
       "data-slot": "dialog-description",
-      className: chunkCFLH4TCQ_cjs.cn("nd:text-muted-foreground nd:text-sm", className),
+      className: chunkTA6L5FYG_cjs.cn("nd:text-muted-foreground nd:text-sm", className),
       ...props
     }
   );
@@ -853,7 +850,7 @@ var DropdownMenuSubTrigger = React3__namespace.forwardRef(({ className, inset, c
   DropdownMenuPrimitive__namespace.SubTrigger,
   {
     ref,
-    className: chunkCFLH4TCQ_cjs.cn(
+    className: chunkTA6L5FYG_cjs.cn(
       "nd:flex nd:cursor-default nd:select-none nd:items-center nd:rounded-sm nd:px-2 nd:py-1.5 nd:text-sm nd:outline-none nd:focus:bg-accent nd:data-[state=open]:bg-accent",
       inset && "nd:pl-8",
       className
@@ -870,7 +867,7 @@ var DropdownMenuSubContent = React3__namespace.forwardRef(({ className, ...props
   DropdownMenuPrimitive__namespace.SubContent,
   {
     ref,
-    className: chunkCFLH4TCQ_cjs.cn(
+    className: chunkTA6L5FYG_cjs.cn(
       "nd:z-50 nd:min-w-[8rem] nd:overflow-hidden nd:rounded-md nd:border nd:bg-popover nd:p-1 nd:text-popover-foreground nd:shadow-lg nd:data-[state=open]:animate-in nd:data-[state=closed]:animate-out nd:data-[state=closed]:fade-out-0 nd:data-[state=open]:fade-in-0 nd:data-[state=closed]:zoom-out-95 nd:data-[state=open]:zoom-in-95 nd:data-[side=bottom]:slide-in-from-top-2 nd:data-[side=left]:slide-in-from-right-2 nd:data-[side=right]:slide-in-from-left-2 nd:data-[side=top]:slide-in-from-bottom-2",
       className
     ),
@@ -883,7 +880,7 @@ var DropdownMenuContent = React3__namespace.forwardRef(({ className, sideOffset
   {
     ref,
     sideOffset,
-    className: chunkCFLH4TCQ_cjs.cn(
+    className: chunkTA6L5FYG_cjs.cn(
       "nd:z-50 nd:min-w-[8rem] nd:overflow-hidden nd:rounded-md nd:border nd:bg-popover nd:p-1 nd:text-popover-foreground nd:shadow-md nd:data-[state=open]:animate-in nd:data-[state=closed]:animate-out nd:data-[state=closed]:fade-out-0 nd:data-[state=open]:fade-in-0 nd:data-[state=closed]:zoom-out-95 nd:data-[state=open]:zoom-in-95 nd:data-[side=bottom]:slide-in-from-top-2 nd:data-[side=left]:slide-in-from-right-2 nd:data-[side=right]:slide-in-from-left-2 nd:data-[side=top]:slide-in-from-bottom-2",
       className
     ),
@@ -895,7 +892,7 @@ var DropdownMenuItem = React3__namespace.forwardRef(({ className, inset, ...prop
   DropdownMenuPrimitive__namespace.Item,
   {
     ref,
-    className: chunkCFLH4TCQ_cjs.cn(
+    className: chunkTA6L5FYG_cjs.cn(
       "nd:relative nd:flex nd:cursor-default nd:select-none nd:items-center nd:rounded-sm nd:px-2 nd:py-1.5 nd:text-sm nd:outline-none nd:transition-colors nd:focus:bg-accent nd:focus:text-accent-foreground nd:data-[disabled]:pointer-events-none nd:data-[disabled]:opacity-50",
       inset && "nd:pl-8",
       className
@@ -908,7 +905,7 @@ var DropdownMenuCheckboxItem = React3__namespace.forwardRef(({ className, childr
   DropdownMenuPrimitive__namespace.CheckboxItem,
   {
     ref,
-    className: chunkCFLH4TCQ_cjs.cn(
+    className: chunkTA6L5FYG_cjs.cn(
       "nd:relative nd:flex nd:cursor-default nd:select-none nd:items-center nd:rounded-sm nd:px-2 nd:py-1.5 nd:text-sm nd:outline-none nd:transition-colors nd:focus:bg-accent nd:focus:text-accent-foreground nd:data-[disabled]:pointer-events-none nd:data-[disabled]:opacity-50",
       className
     ),
@@ -925,7 +922,7 @@ var DropdownMenuRadioItem = React3__namespace.forwardRef(({ className, children,
   DropdownMenuPrimitive__namespace.RadioItem,
   {
     ref,
-    className: chunkCFLH4TCQ_cjs.cn(
+    className: chunkTA6L5FYG_cjs.cn(
       "nd:relative nd:flex nd:cursor-default nd:select-none nd:items-center nd:rounded-sm nd:px-2 nd:py-1.5 nd:text-sm nd:outline-none nd:transition-colors nd:focus:bg-accent nd:focus:text-accent-foreground nd:data-[disabled]:pointer-events-none nd:data-[disabled]:opacity-50",
       className
     ),
@@ -941,7 +938,7 @@ var DropdownMenuLabel = React3__namespace.forwardRef(({ className, inset, ...pro
   DropdownMenuPrimitive__namespace.Label,
   {
     ref,
-    className: chunkCFLH4TCQ_cjs.cn(
+    className: chunkTA6L5FYG_cjs.cn(
       "nd:px-2 nd:py-1.5 nd:text-sm nd:font-semibold",
       inset && "nd:pl-8",
       className
@@ -954,7 +951,7 @@ var DropdownMenuSeparator = React3__namespace.forwardRef(({ className, ...props
   DropdownMenuPrimitive__namespace.Separator,
   {
     ref,
-    className: chunkCFLH4TCQ_cjs.cn("-nd:mx-1 nd:my-1 nd:h-px nd:bg-muted", className),
+    className: chunkTA6L5FYG_cjs.cn("-nd:mx-1 nd:my-1 nd:h-px nd:bg-muted", className),
     ...props
   }
 ));
@@ -983,7 +980,7 @@ function Alert({
     {
       "data-slot": "alert",
       role: "alert",
-      className: chunkCFLH4TCQ_cjs.cn(alertVariants({ variant }), className),
+      className: chunkTA6L5FYG_cjs.cn(alertVariants({ variant }), className),
       ...props
     }
   );
@@ -993,7 +990,7 @@ function AlertTitle({ className, ...props }) {
     "div",
     {
       "data-slot": "alert-title",
-      className: chunkCFLH4TCQ_cjs.cn(
+      className: chunkTA6L5FYG_cjs.cn(
         "nd:col-start-2 nd:line-clamp-1 nd:min-h-4 nd:font-medium nd:tracking-tight",
         className
       ),
@@ -1009,7 +1006,7 @@ function AlertDescription({
     "div",
     {
       "data-slot": "alert-description",
-      className: chunkCFLH4TCQ_cjs.cn(
+      className: chunkTA6L5FYG_cjs.cn(
         "nd:text-muted-foreground nd:col-start-2 nd:grid nd:justify-items-start nd:gap-1 nd:text-sm nd:[&_p]:leading-relaxed",
         className
       ),
@@ -1023,7 +1020,7 @@ function Input({ className, type, ...props }) {
     {
       type,
       "data-slot": "input",
-      className: chunkCFLH4TCQ_cjs.cn(
+      className: chunkTA6L5FYG_cjs.cn(
         "file:nd:text-foreground placeholder:nd:text-muted-foreground selection:nd:bg-primary selection:nd:text-primary-foreground nd:dark:bg-input/30 nd:border-input nd:h-9 nd:w-full nd:min-w-0 nd:rounded-md nd:border nd:bg-transparent nd:px-3 nd:py-1 nd:text-base nd:shadow-xs nd:transition-[color,box-shadow] nd:outline-none file:nd:inline-flex file:nd:h-7 file:nd:border-0 file:nd:bg-transparent file:nd:text-sm file:nd:font-medium nd:disabled:pointer-events-none nd:disabled:cursor-not-allowed nd:disabled:opacity-50 nd:md:text-sm",
         "nd:focus-visible:border-ring nd:focus-visible:ring-ring/50 nd:focus-visible:ring-[3px]",
         "aria-invalid:nd:ring-destructive/20 dark:aria-invalid:nd:ring-destructive/40 aria-invalid:nd:border-destructive",
@@ -1041,7 +1038,7 @@ function Label2({
     LabelPrimitive__namespace.Root,
     {
       "data-slot": "label",
-      className: chunkCFLH4TCQ_cjs.cn(
+      className: chunkTA6L5FYG_cjs.cn(
         "nd:flex nd:items-center nd:gap-2 nd:text-sm nd:leading-none nd:font-medium nd:select-none group-nd:data-[disabled=true]:pointer-events-none group-nd:data-[disabled=true]:opacity-50 peer-nd:disabled:cursor-not-allowed peer-nd:disabled:opacity-50",
         className
       ),
@@ -1063,7 +1060,8 @@ var DialogConfirmation = (props) => {
     setIsLoading(true);
     setError(null);
     try {
-      const response = await (inputs ? onConfirm(inputsValue) : onConfirm());
+      const confirmFn = onConfirm;
+      const response = await (inputs ? confirmFn(inputsValue) : confirmFn());
       if (response[0]) {
         onClose();
       } else {
@@ -1354,7 +1352,7 @@ function Progress({
     ProgressPrimitive__namespace.Root,
     {
       "data-slot": "progress",
-      className: chunkCFLH4TCQ_cjs.cn(
+      className: chunkTA6L5FYG_cjs.cn(
         "nd:bg-primary/20 nd:relative nd:h-2 nd:w-full nd:overflow-hidden nd:rounded-full",
         className
       ),
@@ -1363,7 +1361,7 @@ function Progress({
         ProgressPrimitive__namespace.Indicator,
         {
           "data-slot": "progress-indicator",
-          className: chunkCFLH4TCQ_cjs.cn(
+          className: chunkTA6L5FYG_cjs.cn(
             "nd:bg-primary nd:h-full nd:flex-1 nd:transition-all",
             isIndeterminate && "nd:w-1/3 nd:animate-[indeterminate_1.5s_ease-in-out_infinite]",
             !isIndeterminate && "nd:w-full",
@@ -1381,7 +1379,7 @@ var ContextMenuSubTrigger = React3__namespace.forwardRef(({ className, inset, ch
   ContextMenuPrimitive__namespace.SubTrigger,
   {
     ref,
-    className: chunkCFLH4TCQ_cjs.cn(
+    className: chunkTA6L5FYG_cjs.cn(
       "nd:flex nd:cursor-default nd:select-none nd:items-center nd:rounded-sm nd:px-2 nd:py-1.5 nd:text-sm nd:outline-none nd:focus:bg-accent nd:focus:text-accent-foreground nd:data-[state=open]:bg-accent nd:data-[state=open]:text-accent-foreground",
       inset && "nd:pl-8",
       className
@@ -1398,7 +1396,7 @@ var ContextMenuSubContent = React3__namespace.forwardRef(({ className, ...props
   ContextMenuPrimitive__namespace.SubContent,
   {
     ref,
-    className: chunkCFLH4TCQ_cjs.cn(
+    className: chunkTA6L5FYG_cjs.cn(
       "nd:z-50 nd:min-w-[8rem] nd:overflow-hidden nd:rounded-md nd:border nd:bg-popover nd:p-1 nd:text-popover-foreground nd:shadow-md nd:data-[state=open]:animate-in nd:data-[state=closed]:animate-out nd:data-[state=closed]:fade-out-0 nd:data-[state=open]:fade-in-0 nd:data-[state=closed]:zoom-out-95 nd:data-[state=open]:zoom-in-95 nd:data-[side=bottom]:slide-in-from-top-2 nd:data-[side=left]:slide-in-from-right-2 nd:data-[side=right]:slide-in-from-left-2 nd:data-[side=top]:slide-in-from-bottom-2",
       className
     ),
@@ -1410,7 +1408,7 @@ var ContextMenuContent = React3__namespace.forwardRef(({ className, ...props },
   ContextMenuPrimitive__namespace.Content,
   {
     ref,
-    className: chunkCFLH4TCQ_cjs.cn(
+    className: chunkTA6L5FYG_cjs.cn(
       "nd:z-50 nd:min-w-[8rem] nd:overflow-hidden nd:rounded-md nd:border nd:bg-popover nd:p-1 nd:text-popover-foreground nd:shadow-md nd:animate-in nd:fade-in-80 nd:data-[state=open]:animate-in nd:data-[state=closed]:animate-out nd:data-[state=closed]:fade-out-0 nd:data-[state=open]:fade-in-0 nd:data-[state=closed]:zoom-out-95 nd:data-[state=open]:zoom-in-95 nd:data-[side=bottom]:slide-in-from-top-2 nd:data-[side=left]:slide-in-from-right-2 nd:data-[side=right]:slide-in-from-left-2 nd:data-[side=top]:slide-in-from-bottom-2",
       className
     ),
@@ -1422,7 +1420,7 @@ var ContextMenuItem = React3__namespace.forwardRef(({ className, inset, ...props
   ContextMenuPrimitive__namespace.Item,
   {
     ref,
-    className: chunkCFLH4TCQ_cjs.cn(
+    className: chunkTA6L5FYG_cjs.cn(
       "nd:relative nd:flex nd:cursor-default nd:select-none nd:items-center nd:rounded-sm nd:px-2 nd:py-1.5 nd:text-sm nd:outline-none nd:focus:bg-accent nd:focus:text-accent-foreground nd:data-[disabled]:pointer-events-none nd:data-[disabled]:opacity-50",
       inset && "nd:pl-8",
       className
@@ -1435,7 +1433,7 @@ var ContextMenuCheckboxItem = React3__namespace.forwardRef(({ className, childre
   ContextMenuPrimitive__namespace.CheckboxItem,
   {
     ref,
-    className: chunkCFLH4TCQ_cjs.cn(
+    className: chunkTA6L5FYG_cjs.cn(
       "nd:relative nd:flex nd:cursor-default nd:select-none nd:items-center nd:rounded-sm nd:px-2 nd:py-1.5 nd:text-sm nd:outline-none nd:focus:bg-accent nd:focus:text-accent-foreground nd:data-[disabled]:pointer-events-none nd:data-[disabled]:opacity-50",
       className
     ),
@@ -1452,7 +1450,7 @@ var ContextMenuRadioItem = React3__namespace.forwardRef(({ className, children,
   ContextMenuPrimitive__namespace.RadioItem,
   {
     ref,
-    className: chunkCFLH4TCQ_cjs.cn(
+    className: chunkTA6L5FYG_cjs.cn(
       "nd:relative nd:flex nd:cursor-default nd:select-none nd:items-center nd:rounded-sm nd:px-2 nd:py-1.5 nd:text-sm nd:outline-none nd:focus:bg-accent nd:focus:text-accent-foreground nd:data-[disabled]:pointer-events-none nd:data-[disabled]:opacity-50",
       className
     ),
@@ -1468,7 +1466,7 @@ var ContextMenuLabel = React3__namespace.forwardRef(({ className, inset, ...prop
   ContextMenuPrimitive__namespace.Label,
   {
     ref,
-    className: chunkCFLH4TCQ_cjs.cn(
+    className: chunkTA6L5FYG_cjs.cn(
       "nd:px-2 nd:py-1.5 nd:text-sm nd:font-semibold nd:text-foreground",
       inset && "nd:pl-8",
       className
@@ -1481,7 +1479,7 @@ var ContextMenuSeparator = React3__namespace.forwardRef(({ className, ...props }
   ContextMenuPrimitive__namespace.Separator,
   {
     ref,
-    className: chunkCFLH4TCQ_cjs.cn("-nd:mx-1 nd:my-1 nd:h-px nd:bg-border", className),
+    className: chunkTA6L5FYG_cjs.cn("-nd:mx-1 nd:my-1 nd:h-px nd:bg-border", className),
     ...props
   }
 ));
@@ -1724,7 +1722,7 @@ var FileItem = (props) => {
     /* @__PURE__ */ jsxRuntime.jsx(ContextMenuTrigger, { onContextMenu: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: chunkCFLH4TCQ_cjs.cn(
+        className: chunkTA6L5FYG_cjs.cn(
           "group nd:relative nd:cursor-pointer nd:transition-all nd:select-none",
           "nd:focus:outline-none nd:focus-visible:ring-2 nd:focus-visible:ring-primary",
           viewMode === "GRID" ? "nd:flex nd:flex-col nd:rounded-lg nd:sm:rounded-xl nd:border nd:bg-card nd:dark:bg-card/50 nd:hover:bg-accent/50 nd:dark:hover:bg-accent/30 nd:overflow-hidden" : "nd:flex nd:items-center nd:gap-2 nd:sm:gap-3 nd:p-1.5 nd:sm:p-2 nd:rounded-lg nd:border nd:border-transparent nd:hover:bg-accent/50 nd:dark:hover:bg-accent/30 nd:hover:border-border",
@@ -1745,19 +1743,19 @@ var FileItem = (props) => {
                 className: "nd:size-full nd:object-cover nd:transition-transform group-nd:hover:scale-105 nd:duration-300",
                 loading: "lazy"
               }
-            ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:transition-transform group-nd:hover:scale-110 nd:duration-200", children: chunkCFLH4TCQ_cjs.getFileIcon(item.information.type === "FILE" ? item.information.mime : "", isFolder, "nd:size-8 nd:sm:size-10 nd:md:size-12 nd:text-muted-foreground/60") }),
+            ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:transition-transform group-nd:hover:scale-110 nd:duration-200", children: chunkTA6L5FYG_cjs.getFileIcon(item.information.type === "FILE" ? item.information.mime : "", isFolder, "nd:size-8 nd:sm:size-10 nd:md:size-12 nd:text-muted-foreground/60") }),
             isSelected && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:absolute nd:top-1.5 nd:right-1.5 nd:sm:top-2 nd:sm:right-2 nd:size-5 nd:bg-primary nd:rounded-full nd:flex nd:items-center nd:justify-center nd:shadow-md nd:animate-in nd:zoom-in-50", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:size-2 nd:bg-primary-foreground nd:rounded-full" }) }),
             isFolder && currentView === "BROWSE" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:absolute nd:bottom-1.5 nd:right-1.5 nd:sm:bottom-2 nd:sm:right-2 nd:lg:hidden nd:size-5 nd:sm:size-6 nd:bg-primary/90 nd:rounded-full nd:flex nd:items-center nd:justify-center nd:shadow-md", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "nd:size-3 nd:sm:size-3.5 nd:text-primary-foreground" }) })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:p-1.5 nd:sm:p-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "nd:text-sm nd:font-medium nd:truncate nd:leading-tight", title: item.name, children: item.name }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "nd:text-xs nd:text-muted-foreground nd:mt-0.5", children: isFolder ? "Folder" : chunkCFLH4TCQ_cjs.formatBytes(item.information.type === "FILE" ? item.information.sizeInBytes : 0) })
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "nd:text-xs nd:text-muted-foreground nd:mt-0.5", children: isFolder ? "Folder" : chunkTA6L5FYG_cjs.formatBytes(item.information.type === "FILE" ? item.information.sizeInBytes : 0) })
           ] })
         ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:size-10 nd:shrink-0 nd:rounded-lg nd:overflow-hidden nd:bg-muted/50 nd:dark:bg-muted/30 nd:flex nd:items-center nd:justify-center", children: isThumbnailable ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: thumbnailUrl, alt: item.name, className: "nd:size-full nd:object-cover", loading: "lazy" }) : chunkCFLH4TCQ_cjs.getFileIcon(item.information.type === "FILE" ? item.information.mime : "", isFolder, "nd:size-5 nd:text-muted-foreground") }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:size-10 nd:shrink-0 nd:rounded-lg nd:overflow-hidden nd:bg-muted/50 nd:dark:bg-muted/30 nd:flex nd:items-center nd:justify-center", children: isThumbnailable ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: thumbnailUrl, alt: item.name, className: "nd:size-full nd:object-cover", loading: "lazy" }) : chunkTA6L5FYG_cjs.getFileIcon(item.information.type === "FILE" ? item.information.mime : "", isFolder, "nd:size-5 nd:text-muted-foreground") }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:flex-1 nd:min-w-0", children: [
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "nd:text-sm nd:font-medium nd:truncate", title: item.name, children: item.name }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "nd:text-xs nd:text-muted-foreground", children: isFolder ? "Folder" : chunkCFLH4TCQ_cjs.formatBytes(item.information.type === "FILE" ? item.information.sizeInBytes : 0) })
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "nd:text-xs nd:text-muted-foreground", children: isFolder ? "Folder" : chunkTA6L5FYG_cjs.formatBytes(item.information.type === "FILE" ? item.information.sizeInBytes : 0) })
           ] }),
           isFolder && currentView === "BROWSE" && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "nd:size-4 nd:text-muted-foreground nd:lg:hidden nd:shrink-0" })
         ] })
@@ -1817,7 +1815,7 @@ var DriveFileGrid = (props) => {
     let filtered = items;
     if (mimeFilter) {
       filtered = filtered.filter(
-        (item) => chunkCFLH4TCQ_cjs.matchesMimeFilter(
+        (item) => chunkTA6L5FYG_cjs.matchesMimeFilter(
           item.information.type === "FILE" ? item.information.mime : "",
           item.information.type === "FOLDER",
           mimeFilter
@@ -1828,7 +1826,8 @@ var DriveFileGrid = (props) => {
       if (a.information.type === "FOLDER" && b.information.type !== "FOLDER") return -1;
       if (a.information.type !== "FOLDER" && b.information.type === "FOLDER") return 1;
       if (sortBy.field === "order") return 0;
-      let valA, valB;
+      let valA;
+      let valB;
       if (sortBy.field === "name") {
         valA = a.name.toLowerCase();
         valB = b.name.toLowerCase();
@@ -1903,7 +1902,7 @@ var DriveFileGrid = (props) => {
   };
   const enableDrag = currentView === "BROWSE";
   if (isLoading && items.length === 0) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkCFLH4TCQ_cjs.cn("nd:flex-1 nd:flex nd:flex-col", className), children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkTA6L5FYG_cjs.cn("nd:flex-1 nd:flex nd:flex-col", className), children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:h-1 nd:w-full nd:shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(
         Progress,
         {
@@ -1916,10 +1915,10 @@ var DriveFileGrid = (props) => {
     ] });
   }
   if (error) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkCFLH4TCQ_cjs.cn("nd:flex-1 nd:flex nd:items-center nd:justify-center nd:p-8", className), children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "nd:text-destructive nd:font-medium nd:text-center", children: error }) });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkTA6L5FYG_cjs.cn("nd:flex-1 nd:flex nd:items-center nd:justify-center nd:p-8", className), children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "nd:text-destructive nd:font-medium nd:text-center", children: error }) });
   }
   if (processedItems.length === 0) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkCFLH4TCQ_cjs.cn("nd:flex-1 nd:flex nd:flex-col nd:items-center nd:justify-center nd:p-8 nd:text-center", className), children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkTA6L5FYG_cjs.cn("nd:flex-1 nd:flex nd:flex-col nd:items-center nd:justify-center nd:p-8 nd:text-center", className), children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:size-16 nd:rounded-2xl nd:bg-muted/50 nd:dark:bg-muted/30 nd:flex nd:items-center nd:justify-center nd:mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Folder, { className: "nd:size-8 nd:text-muted-foreground/60" }) }),
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "nd:text-sm nd:font-medium nd:text-muted-foreground", children: currentView === "SEARCH" ? "No files match your search" : currentView === "TRASH" ? "Trash is empty" : "This folder is empty" })
     ] });
@@ -1933,7 +1932,7 @@ var DriveFileGrid = (props) => {
         indicatorClassName: "nd:bg-primary"
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkCFLH4TCQ_cjs.cn("nd:flex-1 nd:overflow-y-auto nd:min-h-0 nd:p-2 nd:sm:p-3 nd:md:p-4", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkTA6L5FYG_cjs.cn("nd:flex-1 nd:overflow-y-auto nd:min-h-0 nd:p-2 nd:sm:p-3 nd:md:p-4", className), children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:space-y-4 nd:sm:space-y-6", children: Object.entries(groupedItems).map(([groupName, groupItems]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
         groupBy !== "NONE" && /* @__PURE__ */ jsxRuntime.jsxs("h3", { className: "nd:text-xs nd:font-semibold nd:text-muted-foreground nd:uppercase nd:tracking-wide nd:mb-2 nd:sm:mb-3 nd:px-1", children: [
           groupName,
@@ -1944,7 +1943,7 @@ var DriveFileGrid = (props) => {
             ")"
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(sortable.SortableContext, { items: groupItems.map((i) => i.id), strategy: sortable.rectSortingStrategy, disabled: !enableDrag, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkCFLH4TCQ_cjs.cn(
+        /* @__PURE__ */ jsxRuntime.jsx(sortable.SortableContext, { items: groupItems.map((i) => i.id), strategy: sortable.rectSortingStrategy, disabled: !enableDrag, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkTA6L5FYG_cjs.cn(
           viewMode === "GRID" ? "nd:grid nd:grid-cols-3 nd:sm:grid-cols-4 nd:md:grid-cols-5 nd:lg:grid-cols-6 nd:xl:grid-cols-7 nd:gap-2 nd:sm:gap-3" : "nd:flex nd:flex-col nd:gap-1"
         ), children: groupItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
           SortableItem,
@@ -2045,7 +2044,7 @@ var DriveHeader = ({ className }) => {
     createFolder
   } = useDrive();
   const [dialogs, setDialogs] = React3.useState({ delete: false, emptyTrash: false, newFolder: false });
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkCFLH4TCQ_cjs.cn("nd:flex nd:flex-wrap nd:items-center nd:gap-2 nd:bg-muted/30 nd:dark:bg-muted/20 nd:p-2", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkTA6L5FYG_cjs.cn("nd:flex nd:flex-wrap nd:items-center nd:gap-2 nd:bg-muted/30 nd:dark:bg-muted/20 nd:p-2", className), children: [
     currentView === "BROWSE" && /* @__PURE__ */ jsxRuntime.jsxs(
       Button,
       {
@@ -2133,11 +2132,11 @@ var DriveHeader = ({ className }) => {
       /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuContent, { align: "start", children: [
         /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuItem, { onClick: () => setGroupBy("NONE"), children: [
           groupBy === "NONE" && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "nd:size-3.5 nd:mr-2" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkCFLH4TCQ_cjs.cn(groupBy !== "NONE" && "nd:pl-5.5"), children: "No Grouping" })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkTA6L5FYG_cjs.cn(groupBy !== "NONE" && "nd:pl-5.5"), children: "No Grouping" })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuItem, { onClick: () => setGroupBy("CREATED_AT"), children: [
           groupBy === "CREATED_AT" && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "nd:size-3.5 nd:mr-2" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkCFLH4TCQ_cjs.cn(groupBy !== "CREATED_AT" && "nd:pl-5.5"), children: "Created Date" })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkTA6L5FYG_cjs.cn(groupBy !== "CREATED_AT" && "nd:pl-5.5"), children: "Created Date" })
         ] })
       ] })
     ] }),
@@ -2187,43 +2186,43 @@ var DriveHeader = ({ className }) => {
       /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuContent, { align: "end", children: [
         /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuItem, { onClick: () => setSortBy({ field: "order", order: 1 }), children: [
           sortBy.field === "order" && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "nd:size-3.5 nd:mr-2" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkCFLH4TCQ_cjs.cn(sortBy.field !== "order" && "nd:pl-5.5"), children: "Custom Order" })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkTA6L5FYG_cjs.cn(sortBy.field !== "order" && "nd:pl-5.5"), children: "Custom Order" })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuItem, { onClick: () => setSortBy({ field: "id", order: 1 }), children: [
           sortBy.field === "id" && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "nd:size-3.5 nd:mr-2" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkCFLH4TCQ_cjs.cn(sortBy.field !== "id" && "nd:pl-5.5"), children: "Default" })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkTA6L5FYG_cjs.cn(sortBy.field !== "id" && "nd:pl-5.5"), children: "Default" })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {}),
         /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuItem, { onClick: () => setSortBy({ field: "createdAt", order: -1 }), children: [
           sortBy.field === "createdAt" && sortBy.order === -1 && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "nd:size-3.5 nd:mr-2" }),
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Calendar, { className: chunkCFLH4TCQ_cjs.cn("nd:size-3.5 nd:mr-2", sortBy.field === "createdAt" && sortBy.order === -1 ? "" : "nd:ml-5.5") }),
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Calendar, { className: chunkTA6L5FYG_cjs.cn("nd:size-3.5 nd:mr-2", sortBy.field === "createdAt" && sortBy.order === -1 ? "" : "nd:ml-5.5") }),
           "Date: Newest"
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuItem, { onClick: () => setSortBy({ field: "createdAt", order: 1 }), children: [
           sortBy.field === "createdAt" && sortBy.order === 1 && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "nd:size-3.5 nd:mr-2" }),
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Calendar, { className: chunkCFLH4TCQ_cjs.cn("nd:size-3.5 nd:mr-2", sortBy.field === "createdAt" && sortBy.order === 1 ? "" : "nd:ml-5.5") }),
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Calendar, { className: chunkTA6L5FYG_cjs.cn("nd:size-3.5 nd:mr-2", sortBy.field === "createdAt" && sortBy.order === 1 ? "" : "nd:ml-5.5") }),
           "Date: Oldest"
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {}),
         /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuItem, { onClick: () => setSortBy({ field: "name", order: 1 }), children: [
           sortBy.field === "name" && sortBy.order === 1 && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "nd:size-3.5 nd:mr-2" }),
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDownAZ, { className: chunkCFLH4TCQ_cjs.cn("nd:size-3.5 nd:mr-2", sortBy.field === "name" && sortBy.order === 1 ? "" : "nd:ml-5.5") }),
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDownAZ, { className: chunkTA6L5FYG_cjs.cn("nd:size-3.5 nd:mr-2", sortBy.field === "name" && sortBy.order === 1 ? "" : "nd:ml-5.5") }),
           "Name: A to Z"
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuItem, { onClick: () => setSortBy({ field: "name", order: -1 }), children: [
           sortBy.field === "name" && sortBy.order === -1 && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "nd:size-3.5 nd:mr-2" }),
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUpAZ, { className: chunkCFLH4TCQ_cjs.cn("nd:size-3.5 nd:mr-2", sortBy.field === "name" && sortBy.order === -1 ? "" : "nd:ml-5.5") }),
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUpAZ, { className: chunkTA6L5FYG_cjs.cn("nd:size-3.5 nd:mr-2", sortBy.field === "name" && sortBy.order === -1 ? "" : "nd:ml-5.5") }),
           "Name: Z to A"
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {}),
         /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuItem, { onClick: () => setSortBy({ field: "size", order: -1 }), children: [
           sortBy.field === "size" && sortBy.order === -1 && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "nd:size-3.5 nd:mr-2" }),
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDown01, { className: chunkCFLH4TCQ_cjs.cn("nd:size-3.5 nd:mr-2", sortBy.field === "size" && sortBy.order === -1 ? "" : "nd:ml-5.5") }),
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDown01, { className: chunkTA6L5FYG_cjs.cn("nd:size-3.5 nd:mr-2", sortBy.field === "size" && sortBy.order === -1 ? "" : "nd:ml-5.5") }),
           "Size: Large"
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuItem, { onClick: () => setSortBy({ field: "size", order: 1 }), children: [
           sortBy.field === "size" && sortBy.order === 1 && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "nd:size-3.5 nd:mr-2" }),
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUp01, { className: chunkCFLH4TCQ_cjs.cn("nd:size-3.5 nd:mr-2", sortBy.field === "size" && sortBy.order === 1 ? "" : "nd:ml-5.5") }),
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUp01, { className: chunkTA6L5FYG_cjs.cn("nd:size-3.5 nd:mr-2", sortBy.field === "size" && sortBy.order === 1 ? "" : "nd:ml-5.5") }),
           "Size: Small"
         ] })
       ] })
@@ -2236,7 +2235,7 @@ var DriveHeader = ({ className }) => {
           type: "button",
           variant: "ghost",
           size: "icon",
-          className: chunkCFLH4TCQ_cjs.cn(
+          className: chunkTA6L5FYG_cjs.cn(
             "nd:h-8 nd:w-8",
             viewMode === "GRID" && "nd:bg-background nd:shadow-sm nd:hover:bg-background nd:dark:bg-background/80"
           ),
@@ -2252,7 +2251,7 @@ var DriveHeader = ({ className }) => {
           type: "button",
           variant: "ghost",
           size: "icon",
-          className: chunkCFLH4TCQ_cjs.cn(
+          className: chunkTA6L5FYG_cjs.cn(
             "nd:h-8 nd:w-8",
             viewMode === "LIST" && "nd:bg-background nd:shadow-sm nd:hover:bg-background nd:dark:bg-background/80"
           ),
@@ -2331,7 +2330,7 @@ var DroppablePathItem = (props) => {
       "span",
       {
         ref: setNodeRef,
-        className: chunkCFLH4TCQ_cjs.cn(
+        className: chunkTA6L5FYG_cjs.cn(
           "nd:font-medium nd:text-foreground nd:px-1 nd:text-xs nd:sm:text-sm nd:truncate nd:max-w-30 nd:sm:max-w-none",
           isOver && !isCurrentFolder && "nd:bg-primary/20 nd:rounded"
         ),
@@ -2347,7 +2346,7 @@ var DroppablePathItem = (props) => {
       ref: setNodeRef,
       variant: "ghost",
       size: "sm",
-      className: chunkCFLH4TCQ_cjs.cn(
+      className: chunkTA6L5FYG_cjs.cn(
         "nd:h-6 nd:font-normal nd:text-xs nd:sm:text-sm nd:px-1.5 nd:sm:px-2 nd:truncate nd:max-w-25 nd:sm:max-w-37.5",
         isOver && !isCurrentFolder && "nd:ring-2 nd:ring-primary nd:bg-primary/10 nd:scale-105"
       ),
@@ -2360,7 +2359,7 @@ var DroppablePathItem = (props) => {
 };
 var DrivePathBar = ({ className }) => {
   const { path, navigateToFolder } = useDrive();
-  return /* @__PURE__ */ jsxRuntime.jsx("ol", { className: chunkCFLH4TCQ_cjs.cn("nd:flex nd:items-center nd:gap-1 nd:sm:gap-1.5 nd:text-sm nd:text-muted-foreground nd:overflow-x-auto nd:flex-nowrap nd:min-w-0", className), "aria-label": "Breadcrumb", role: "navigation", children: path.map((item, index) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("ol", { className: chunkTA6L5FYG_cjs.cn("nd:flex nd:items-center nd:gap-1 nd:sm:gap-1.5 nd:text-sm nd:text-muted-foreground nd:overflow-x-auto nd:flex-nowrap nd:min-w-0", className), "aria-label": "Breadcrumb", role: "navigation", children: path.map((item, index) => {
     const isLast = index === path.length - 1;
     return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "nd:flex nd:items-center nd:gap-1 nd:sm:gap-1.5 nd:shrink-0", children: [
       index > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nd:text-muted-foreground/50 nd:text-xs", "aria-hidden": "true", children: "/" }),
@@ -2439,7 +2438,7 @@ var LogViewerDialog = (props) => {
       logs.map((log, index) => /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
-          className: chunkCFLH4TCQ_cjs.cn(
+          className: chunkTA6L5FYG_cjs.cn(
             "nd:flex nd:items-start nd:gap-2 nd:p-2 nd:rounded-md nd:border nd:text-sm",
             log.type === "error" && "nd:bg-destructive/5 nd:border-destructive/20",
             log.type === "warning" && "nd:bg-yellow-500/5 nd:border-yellow-500/20",
@@ -2447,7 +2446,7 @@ var LogViewerDialog = (props) => {
             log.type === "info" && "nd:bg-muted/50 nd:border-border"
           ),
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkCFLH4TCQ_cjs.cn(
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkTA6L5FYG_cjs.cn(
               "nd:shrink-0 nd:size-1.5 nd:rounded-full nd:mt-1.5",
               log.type === "error" && "nd:bg-destructive",
               log.type === "warning" && "nd:bg-yellow-500",
@@ -2495,7 +2494,7 @@ var DriveUpload = (props) => {
   }, [uploads, showUploadsDialog, manuallyOpened]);
   const filterFiles = React3.useCallback((files) => {
     if (!accept) return files;
-    return files.filter((file) => chunkCFLH4TCQ_cjs.matchesMimeFilter(file.type, false, accept));
+    return files.filter((file) => chunkTA6L5FYG_cjs.matchesMimeFilter(file.type, false, accept));
   }, [accept]);
   const handleFiles = React3.useCallback((files) => {
     if (!files || files.length === 0) return;
@@ -2542,7 +2541,7 @@ var DriveUpload = (props) => {
             /* @__PURE__ */ jsxRuntime.jsx(UploadStatusIcon, { status: upload.status }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:flex-1 nd:min-w-0", children: [
               /* @__PURE__ */ jsxRuntime.jsx("p", { className: "nd:text-sm nd:font-medium nd:truncate", children: upload.name }),
-              /* @__PURE__ */ jsxRuntime.jsxs("p", { className: chunkCFLH4TCQ_cjs.cn(
+              /* @__PURE__ */ jsxRuntime.jsxs("p", { className: chunkTA6L5FYG_cjs.cn(
                 "nd:text-xs nd:break-words",
                 upload.status === "error" ? "nd:text-destructive" : "nd:text-muted-foreground"
               ), children: [
@@ -2627,7 +2626,7 @@ var DriveUpload = (props) => {
             size: "sm",
             disabled: isLoading,
             title: "Refresh",
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { className: chunkCFLH4TCQ_cjs.cn("nd:size-4 nd:shrink-0", isLoading && "nd:animate-spin") })
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { className: chunkTA6L5FYG_cjs.cn("nd:size-4 nd:shrink-0", isLoading && "nd:animate-spin") })
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsxs(
@@ -2667,7 +2666,7 @@ var DriveUpload = (props) => {
     /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        className: chunkCFLH4TCQ_cjs.cn(
+        className: chunkTA6L5FYG_cjs.cn(
           "nd:flex nd:flex-col nd:items-center nd:justify-center nd:p-8 nd:border-2 nd:border-dashed nd:rounded-lg nd:cursor-pointer nd:transition-colors",
           isDragging ? "nd:border-primary nd:bg-primary/5" : "nd:border-muted-foreground/25 nd:hover:border-primary/50 nd:hover:bg-muted/50"
         ),
@@ -2729,23 +2728,23 @@ var DriveStorageIndicator = (props) => {
   const isFull = percentage >= 100;
   const stateColor = isFull ? "nd:text-destructive" : isNearFull ? "nd:text-yellow-600 nd:dark:text-yellow-500" : "nd:text-primary";
   if (compact) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkCFLH4TCQ_cjs.cn("nd:flex nd:items-center nd:gap-3 nd:text-xs nd:font-medium nd:text-muted-foreground", className), children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkTA6L5FYG_cjs.cn("nd:flex nd:items-center nd:gap-3 nd:text-xs nd:font-medium nd:text-muted-foreground", className), children: [
       /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "nd:shrink-0 nd:flex nd:items-center nd:gap-1.5", children: [
         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Cloud, { className: "nd:size-3.5" }),
         "Storage"
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(Progress, { value: percentage, indicatorClassName: chunkCFLH4TCQ_cjs.cn("nd:bg-gradient-to-r nd:from-blue-500 nd:to-cyan-500", isNearFull && "nd:from-yellow-500 nd:to-orange-500", isFull && "nd:bg-destructive"), className: "nd:w-24 nd:sm:w-32" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Progress, { value: percentage, indicatorClassName: chunkTA6L5FYG_cjs.cn("nd:bg-gradient-to-r nd:from-blue-500 nd:to-cyan-500", isNearFull && "nd:from-yellow-500 nd:to-orange-500", isFull && "nd:bg-destructive"), className: "nd:w-24 nd:sm:w-32" }),
       /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "nd:shrink-0 nd:whitespace-nowrap", children: [
-        chunkCFLH4TCQ_cjs.formatBytes(usedInBytes),
+        chunkTA6L5FYG_cjs.formatBytes(usedInBytes),
         " / ",
-        chunkCFLH4TCQ_cjs.formatBytes(totalInBytes)
+        chunkTA6L5FYG_cjs.formatBytes(totalInBytes)
       ] })
     ] });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:flex nd:items-center nd:justify-between nd:gap-2 nd:mb-2", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:flex nd:items-center nd:gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Cloud, { className: chunkCFLH4TCQ_cjs.cn("nd:size-4", stateColor) }),
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Cloud, { className: chunkTA6L5FYG_cjs.cn("nd:size-4", stateColor) }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nd:text-xs nd:font-medium nd:text-muted-foreground", children: "Storage" })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "nd:text-xs nd:font-semibold nd:tabular-nums", children: [
@@ -2758,17 +2757,17 @@ var DriveStorageIndicator = (props) => {
       {
         value: percentage,
         className: "nd:h-1.5",
-        indicatorClassName: chunkCFLH4TCQ_cjs.cn(
+        indicatorClassName: chunkTA6L5FYG_cjs.cn(
           "nd:transition-all nd:duration-500",
           isFull ? "nd:bg-destructive" : isNearFull ? "nd:bg-yellow-500" : "nd:bg-gradient-to-r nd:from-blue-500 nd:to-purple-500"
         )
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:flex nd:justify-between nd:items-center nd:mt-1.5", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nd:text-[10px] nd:text-muted-foreground nd:tabular-nums", children: chunkCFLH4TCQ_cjs.formatBytes(usedInBytes) }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nd:text-[10px] nd:text-muted-foreground nd:tabular-nums", children: chunkCFLH4TCQ_cjs.formatBytes(totalInBytes) })
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nd:text-[10px] nd:text-muted-foreground nd:tabular-nums", children: chunkTA6L5FYG_cjs.formatBytes(usedInBytes) }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nd:text-[10px] nd:text-muted-foreground nd:tabular-nums", children: chunkTA6L5FYG_cjs.formatBytes(totalInBytes) })
     ] }),
-    isNearFull && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkCFLH4TCQ_cjs.cn(
+    isNearFull && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkTA6L5FYG_cjs.cn(
       "nd:flex nd:items-center nd:gap-1.5 nd:text-[10px] nd:font-medium nd:px-2 nd:py-1 nd:rounded-md nd:mt-2",
       isFull ? "nd:bg-destructive/10 nd:text-destructive" : "nd:bg-yellow-500/10 nd:text-yellow-600 nd:dark:text-yellow-500"
     ), children: [
@@ -2895,7 +2894,7 @@ var ChooserSidebar = (props) => {
       ) : /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { open: dropdownOpen, onOpenChange: setDropdownOpen, children: [
         /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "ghost", className: "nd:flex-1 nd:min-w-0 nd:justify-between nd:px-2 nd:h-11 nd:hover:bg-muted/50 nd:dark:hover:bg-muted/30", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:flex nd:items-center nd:gap-2 nd:text-left nd:min-w-0 nd:flex-1", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkCFLH4TCQ_cjs.cn(
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkTA6L5FYG_cjs.cn(
               "nd:size-7 nd:rounded-md nd:flex nd:items-center nd:justify-center nd:shrink-0",
               activeAccountId ? "nd:bg-blue-500/10 nd:text-blue-600 nd:dark:bg-blue-500/20 nd:dark:text-blue-400" : "nd:bg-emerald-500/10 nd:text-emerald-600 nd:dark:bg-emerald-500/20 nd:dark:text-emerald-400"
             ), children: activeAccountId ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Database, { className: "nd:size-3.5" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.HardDrive, { className: "nd:size-3.5" }) }),
@@ -2975,7 +2974,7 @@ var ChooserSidebar = (props) => {
         Button,
         {
           variant: "ghost",
-          className: chunkCFLH4TCQ_cjs.cn("nd:w-full nd:justify-start nd:gap-2.5 nd:h-9 nd:px-2.5 nd:font-medium", currentView !== "TRASH" ? "nd:bg-primary/10 nd:text-primary nd:hover:bg-primary/15" : "nd:hover:bg-muted/50"),
+          className: chunkTA6L5FYG_cjs.cn("nd:w-full nd:justify-start nd:gap-2.5 nd:h-9 nd:px-2.5 nd:font-medium", currentView !== "TRASH" ? "nd:bg-primary/10 nd:text-primary nd:hover:bg-primary/15" : "nd:hover:bg-muted/50"),
           onClick: () => {
             setCurrentView("BROWSE");
             onNavigate?.();
@@ -2990,7 +2989,7 @@ var ChooserSidebar = (props) => {
         Button,
         {
           variant: "ghost",
-          className: chunkCFLH4TCQ_cjs.cn("nd:w-full nd:justify-start nd:gap-2.5 nd:h-9 nd:px-2.5 nd:font-medium", currentView === "TRASH" ? "nd:bg-destructive/10 nd:text-destructive nd:hover:bg-destructive/15" : "nd:hover:bg-muted/50"),
+          className: chunkTA6L5FYG_cjs.cn("nd:w-full nd:justify-start nd:gap-2.5 nd:h-9 nd:px-2.5 nd:font-medium", currentView === "TRASH" ? "nd:bg-destructive/10 nd:text-destructive nd:hover:bg-destructive/15" : "nd:hover:bg-muted/50"),
           onClick: () => {
             setCurrentView("TRASH");
             onNavigate?.();
@@ -3084,7 +3083,7 @@ var DriveFileChooser = (props) => {
   }, [multiple, value, onChange]);
   const hasSelection = value && (Array.isArray(value) ? value.length > 0 : true);
   const displayFiles = React3.useMemo(() => !value ? [] : Array.isArray(value) ? value : [value], [value]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkCFLH4TCQ_cjs.cn("nd:w-full", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkTA6L5FYG_cjs.cn("nd:w-full", className), children: [
     !hasSelection ? /* @__PURE__ */ jsxRuntime.jsxs(
       Button,
       {
@@ -3092,26 +3091,26 @@ var DriveFileChooser = (props) => {
         variant: "outline",
         onClick: () => setIsOpen(true),
         disabled,
-        className: chunkCFLH4TCQ_cjs.cn(
+        className: chunkTA6L5FYG_cjs.cn(
           "nd:w-full nd:h-auto nd:justify-start nd:gap-3 nd:px-3 nd:py-2.5 nd:border-dashed",
           error && "nd:border-destructive"
         ),
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkCFLH4TCQ_cjs.cn(
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkTA6L5FYG_cjs.cn(
             "nd:size-9 nd:rounded-lg nd:flex nd:items-center nd:justify-center nd:shrink-0",
             error ? "nd:bg-destructive/10 nd:text-destructive" : "nd:bg-muted/50 nd:text-muted-foreground"
           ), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Upload, { className: "nd:size-4" }) }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:flex-1 nd:min-w-0 nd:text-left", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: chunkCFLH4TCQ_cjs.cn("nd:text-sm nd:font-medium", error && "nd:text-destructive"), children: multiple ? "Select files" : "Select a file" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: chunkTA6L5FYG_cjs.cn("nd:text-sm nd:font-medium", error && "nd:text-destructive"), children: multiple ? "Select files" : "Select a file" }),
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "nd:text-xs nd:text-muted-foreground nd:font-normal nd:truncate", children: placeholder })
           ] })
         ]
       }
     ) : (
       /* Selected Files Display */
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkCFLH4TCQ_cjs.cn("nd:rounded-lg nd:border", error ? "nd:border-destructive" : "nd:border-border", disabled && "nd:opacity-50"), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkTA6L5FYG_cjs.cn("nd:rounded-lg nd:border", error ? "nd:border-destructive" : "nd:border-border", disabled && "nd:opacity-50"), children: [
         !multiple && displayFiles[0] && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:flex nd:items-center nd:gap-3 nd:p-2.5", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:size-12 nd:rounded-lg nd:overflow-hidden nd:bg-muted/30 nd:flex nd:items-center nd:justify-center nd:shrink-0", children: displayFiles[0].file.mime.startsWith("image/") ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: createUrl(displayFiles[0], { quality: "low", format: "webp" }), alt: displayFiles[0].file.name, className: "nd:size-full nd:object-cover" }) : chunkCFLH4TCQ_cjs.getFileIcon(displayFiles[0].file.mime, false, "nd:size-6 nd:text-muted-foreground") }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:size-12 nd:rounded-lg nd:overflow-hidden nd:bg-muted/30 nd:flex nd:items-center nd:justify-center nd:shrink-0", children: displayFiles[0].file.mime.startsWith("image/") ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: createUrl(displayFiles[0]), alt: displayFiles[0].file.name, className: "nd:size-full nd:object-cover" }) : chunkTA6L5FYG_cjs.getFileIcon(displayFiles[0].file.mime, false, "nd:size-6 nd:text-muted-foreground") }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:flex-1 nd:min-w-0", children: [
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "nd:text-sm nd:font-medium nd:truncate", children: displayFiles[0].file.name }),
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "nd:text-xs nd:text-muted-foreground", children: displayFiles[0].file.mime || "File" })
@@ -3135,7 +3134,7 @@ var DriveFileChooser = (props) => {
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:max-h-40 nd:overflow-y-auto nd:divide-y nd:divide-border/50", children: displayFiles.map((file) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:flex nd:items-center nd:gap-2.5 nd:px-3 nd:py-2 nd:hover:bg-muted/20", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:size-8 nd:rounded nd:overflow-hidden nd:bg-muted/30 nd:flex nd:items-center nd:justify-center nd:shrink-0", children: file.file.mime.startsWith("image/") ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: createUrl(file, { quality: "ultralow", format: "webp" }), alt: file.file.name, className: "nd:size-full nd:object-cover" }) : chunkCFLH4TCQ_cjs.getFileIcon(file.file.mime, false, "nd:size-4 nd:text-muted-foreground") }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:size-8 nd:rounded nd:overflow-hidden nd:bg-muted/30 nd:flex nd:items-center nd:justify-center nd:shrink-0", children: file.file.mime.startsWith("image/") ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: createUrl(file), alt: file.file.name, className: "nd:size-full nd:object-cover" }) : chunkTA6L5FYG_cjs.getFileIcon(file.file.mime, false, "nd:size-4 nd:text-muted-foreground") }),
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nd:flex-1 nd:text-sm nd:truncate", children: file.file.name }),
             !disabled && /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "ghost", size: "icon", className: "nd:size-7 nd:shrink-0", onClick: () => handleRemove(file.id), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "nd:size-3.5" }) })
           ] }, file.id)) })
@@ -3301,7 +3300,7 @@ var SidebarContent = (props) => {
       ) : /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { open: dropdownOpen, onOpenChange: setDropdownOpen, children: [
         /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "ghost", className: "nd:flex-1 nd:min-w-0 nd:justify-between nd:px-2 nd:h-11 nd:hover:bg-muted/50 nd:dark:hover:bg-muted/30", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:flex nd:items-center nd:gap-2.5 nd:text-left nd:min-w-0 nd:flex-1", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkCFLH4TCQ_cjs.cn(
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkTA6L5FYG_cjs.cn(
               "nd:size-7 nd:rounded-md nd:flex nd:items-center nd:justify-center nd:shrink-0",
               activeAccountId ? "nd:bg-blue-500/10 nd:text-blue-600 nd:dark:bg-blue-500/20 nd:dark:text-blue-400" : "nd:bg-emerald-500/10 nd:text-emerald-600 nd:dark:bg-emerald-500/20 nd:dark:text-emerald-400"
             ), children: activeAccountId ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Database, { className: "nd:size-3.5" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.HardDrive, { className: "nd:size-3.5" }) }),
@@ -3396,7 +3395,7 @@ var SidebarContent = (props) => {
         Button,
         {
           variant: "ghost",
-          className: chunkCFLH4TCQ_cjs.cn(
+          className: chunkTA6L5FYG_cjs.cn(
             "nd:w-full nd:justify-start nd:gap-2.5 nd:h-9 nd:px-2.5 nd:font-medium",
             currentView !== "TRASH" ? "nd:bg-primary/10 nd:text-primary nd:hover:bg-primary/15 nd:dark:bg-primary/15 nd:dark:hover:bg-primary/20" : "nd:hover:bg-muted/50 nd:dark:hover:bg-muted/30"
           ),
@@ -3414,7 +3413,7 @@ var SidebarContent = (props) => {
         Button,
         {
           variant: "ghost",
-          className: chunkCFLH4TCQ_cjs.cn(
+          className: chunkTA6L5FYG_cjs.cn(
             "nd:w-full nd:justify-start nd:gap-2.5 nd:h-9 nd:px-2.5 nd:font-medium",
             currentView === "TRASH" ? "nd:bg-destructive/10 nd:text-destructive nd:hover:bg-destructive/15 nd:dark:bg-destructive/15" : "nd:hover:bg-muted/50 nd:dark:hover:bg-muted/30"
           ),
@@ -3585,7 +3584,7 @@ var DriveExplorer = (props) => {
   const processedItems = React3.useMemo(() => {
     let filtered = items;
     if (mimeFilter) {
-      filtered = filtered.filter((item) => chunkCFLH4TCQ_cjs.matchesMimeFilter(item.information.type === "FILE" ? item.information.mime : "", item.information.type === "FOLDER", mimeFilter));
+      filtered = filtered.filter((item) => chunkTA6L5FYG_cjs.matchesMimeFilter(item.information.type === "FILE" ? item.information.mime : "", item.information.type === "FOLDER", mimeFilter));
     }
     return [...filtered].sort((a, b) => {
       if (a.information.type === "FOLDER" && b.information.type !== "FOLDER") return -1;
@@ -3595,7 +3594,8 @@ var DriveExplorer = (props) => {
       if (field === "order") {
         return 0;
       }
-      let valA, valB;
+      let valA;
+      let valB;
       if (field === "name") {
         valA = a.name.toLowerCase();
         valB = b.name.toLowerCase();
@@ -3677,7 +3677,7 @@ var DriveExplorer = (props) => {
     }
     if (processedItems.length === 0) {
       return /* @__PURE__ */ jsxRuntime.jsxs(ContextMenu, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ContextMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkCFLH4TCQ_cjs.cn("nd:flex nd:flex-col nd:items-center nd:justify-center nd:py-12 nd:text-center nd:flex-1", className), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ContextMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkTA6L5FYG_cjs.cn("nd:flex nd:flex-col nd:items-center nd:justify-center nd:py-12 nd:text-center nd:flex-1", className), children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:size-12 nd:rounded-full nd:bg-muted nd:flex nd:items-center nd:justify-center nd:mb-3", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Folder, { className: "nd:size-6 nd:text-muted-foreground" }) }),
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "nd:text-sm nd:text-muted-foreground", children: currentView === "SEARCH" ? "No files match your search" : currentView === "TRASH" ? "Trash is empty" : "No files found" })
         ] }) }),
@@ -3698,7 +3698,7 @@ var DriveExplorer = (props) => {
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:lg:hidden nd:px-3 nd:py-2 nd:border-b nd:bg-background/95 nd:dark:bg-background/80 nd:backdrop-blur-sm", children: /* @__PURE__ */ jsxRuntime.jsx(DrivePathBar, {}) }),
     stateContent || /* @__PURE__ */ jsxRuntime.jsxs(ContextMenu, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ContextMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkCFLH4TCQ_cjs.cn("nd:flex-1 nd:overflow-y-auto nd:min-h-0 nd:container nd:mx-auto nd:p-2 nd:sm:p-3 nd:md:p-4", className), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ContextMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkTA6L5FYG_cjs.cn("nd:flex-1 nd:overflow-y-auto nd:min-h-0 nd:container nd:mx-auto nd:p-2 nd:sm:p-3 nd:md:p-4", className), children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:space-y-4 nd:sm:space-y-6 nd:pb-8 nd:sm:pb-12", children: Object.entries(groupedItems).map(([groupName, groupItems]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:space-y-3", children: [
           groupBy !== "NONE" && /* @__PURE__ */ jsxRuntime.jsxs("h3", { className: "nd:text-sm nd:font-medium nd:text-muted-foreground nd:flex nd:items-center nd:gap-2", children: [
             groupName,
@@ -3709,7 +3709,7 @@ var DriveExplorer = (props) => {
               ")"
             ] })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(sortable.SortableContext, { items: groupItems.map((i) => i.id), strategy: sortable.rectSortingStrategy, disabled: !enableDrag, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkCFLH4TCQ_cjs.cn(
+          /* @__PURE__ */ jsxRuntime.jsx(sortable.SortableContext, { items: groupItems.map((i) => i.id), strategy: sortable.rectSortingStrategy, disabled: !enableDrag, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkTA6L5FYG_cjs.cn(
             viewMode === "GRID" ? "nd:grid nd:grid-cols-2 nd:sm:grid-cols-3 nd:md:grid-cols-4 nd:lg:grid-cols-5 nd:xl:grid-cols-6 2nd:xl:grid-cols-7 nd:gap-2 nd:sm:gap-3 nd:md:gap-4" : "nd:flex nd:flex-col nd:gap-1"
           ), children: groupItems.map((item) => {
             const isSelected = selectedFileIds.includes(item.id);
@@ -3723,7 +3723,7 @@ var DriveExplorer = (props) => {
               /* @__PURE__ */ jsxRuntime.jsx(ContextMenuTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(
                 "div",
                 {
-                  className: chunkCFLH4TCQ_cjs.cn(
+                  className: chunkTA6L5FYG_cjs.cn(
                     "group nd:relative nd:cursor-pointer nd:transition-all nd:focus:outline-none nd:focus:ring-2 nd:focus:ring-primary nd:focus:ring-offset-2",
                     viewMode === "GRID" ? "nd:flex nd:flex-col nd:rounded-xl nd:border nd:bg-card nd:dark:bg-card/50 nd:hover:bg-accent/50 nd:dark:hover:bg-accent/30 nd:hover:shadow-sm nd:overflow-hidden" : "nd:flex nd:items-center nd:p-2 nd:rounded-lg nd:hover:bg-accent/50 nd:dark:hover:bg-accent/30 nd:gap-3 nd:border nd:border-transparent nd:hover:border-border",
                     isSelected && "nd:ring-2 nd:ring-primary nd:border-primary/50 nd:bg-accent/30 nd:dark:bg-accent/20",
@@ -3739,18 +3739,18 @@ var DriveExplorer = (props) => {
                   tabIndex: 0,
                   children: viewMode === "GRID" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:aspect-square nd:w-full nd:bg-muted/20 nd:dark:bg-muted/10 nd:flex nd:items-center nd:justify-center nd:overflow-hidden nd:relative", children: [
-                      isThumbnailable ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: thumbnailUrl, alt: item.name, className: "nd:size-full nd:object-contain nd:transition-transform group-nd:hover:scale-105 nd:duration-300", loading: "lazy" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:transition-transform group-nd:hover:scale-110 nd:duration-200", children: chunkCFLH4TCQ_cjs.getFileIcon(item.information.type === "FILE" ? item.information.mime : "", isFolder, "nd:size-10 nd:text-muted-foreground/70") }),
+                      isThumbnailable ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: thumbnailUrl, alt: item.name, className: "nd:size-full nd:object-contain nd:transition-transform group-nd:hover:scale-105 nd:duration-300", loading: "lazy" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:transition-transform group-nd:hover:scale-110 nd:duration-200", children: chunkTA6L5FYG_cjs.getFileIcon(item.information.type === "FILE" ? item.information.mime : "", isFolder, "nd:size-10 nd:text-muted-foreground/70") }),
                       isSelected && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:absolute nd:top-2 nd:right-2 nd:size-5 nd:bg-primary nd:rounded-full nd:flex nd:items-center nd:justify-center nd:shadow-sm nd:animate-in nd:zoom-in-50", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:size-2 nd:bg-primary-foreground nd:rounded-full" }) }),
                       isFolder && currentView === "BROWSE" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:absolute nd:bottom-2 nd:right-2 nd:lg:hidden nd:size-6 nd:bg-primary/90 nd:rounded-full nd:flex nd:items-center nd:justify-center nd:shadow-md", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "nd:size-3.5 nd:text-primary-foreground" }) })
                     ] }),
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:p-2.5", children: [
                       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "nd:text-sm nd:font-medium nd:truncate", title: item.name, children: item.name }),
-                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "nd:text-xs nd:text-muted-foreground nd:mt-0.5", children: isFolder ? "Folder" : chunkCFLH4TCQ_cjs.formatBytes(item.information.type === "FILE" ? item.information.sizeInBytes : 0) })
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "nd:text-xs nd:text-muted-foreground nd:mt-0.5", children: isFolder ? "Folder" : chunkTA6L5FYG_cjs.formatBytes(item.information.type === "FILE" ? item.information.sizeInBytes : 0) })
                     ] })
                   ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:size-9 nd:shrink-0 nd:rounded-md nd:overflow-hidden nd:bg-muted/40 nd:dark:bg-muted/20 nd:flex nd:items-center nd:justify-center nd:border", children: isThumbnailable ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: thumbnailUrl, alt: item.name, className: "nd:size-full nd:object-contain", loading: "lazy" }) : chunkCFLH4TCQ_cjs.getFileIcon(item.information.type === "FILE" ? item.information.mime : "", isFolder, "nd:size-4 nd:text-muted-foreground") }),
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:size-9 nd:shrink-0 nd:rounded-md nd:overflow-hidden nd:bg-muted/40 nd:dark:bg-muted/20 nd:flex nd:items-center nd:justify-center nd:border", children: isThumbnailable ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: thumbnailUrl, alt: item.name, className: "nd:size-full nd:object-contain", loading: "lazy" }) : chunkTA6L5FYG_cjs.getFileIcon(item.information.type === "FILE" ? item.information.mime : "", isFolder, "nd:size-4 nd:text-muted-foreground") }),
                     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nd:text-sm nd:font-medium nd:truncate nd:flex-1", title: item.name, children: item.name }),
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nd:text-xs nd:text-muted-foreground nd:w-20 nd:text-right nd:shrink-0", children: isFolder ? "-" : chunkCFLH4TCQ_cjs.formatBytes(item.information.type === "FILE" ? item.information.sizeInBytes : 0) }),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nd:text-xs nd:text-muted-foreground nd:w-20 nd:text-right nd:shrink-0", children: isFolder ? "-" : chunkTA6L5FYG_cjs.formatBytes(item.information.type === "FILE" ? item.information.sizeInBytes : 0) }),
                     isFolder && currentView === "BROWSE" && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "nd:size-4 nd:text-muted-foreground nd:lg:hidden nd:shrink-0" })
                   ] })
                 }