@muhgholy/next-drive 3.13.0 → 4.1.0

package/dist/client/index.cjs

@@ -1,7 +1,7 @@
 require('./index.css');
 'use strict';
 
-var chunkXDAVDVO6_cjs = require('../chunk-XDAVDVO6.cjs');
+var chunkCFLH4TCQ_cjs = require('../chunk-CFLH4TCQ.cjs');
 var chunkA65ZAA2Z_cjs = require('../chunk-A65ZAA2Z.cjs');
 var React3 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -228,10 +228,10 @@ var DriveProvider = (props) => {
     await callAPI("restore", { method: "POST", query: { id } });
   }, [callAPI]);
   const createUrl = React3.useCallback((driveFile, options) => {
-    return chunkXDAVDVO6_cjs.driveCreateUrl(driveFile, apiEndpoint, options);
+    return chunkCFLH4TCQ_cjs.driveCreateUrl(driveFile, apiEndpoint, options);
   }, [apiEndpoint]);
   const createSrcSet = React3.useCallback((driveFile, format) => {
-    return chunkXDAVDVO6_cjs.driveCreateSrcSet(driveFile, apiEndpoint, format);
+    return chunkCFLH4TCQ_cjs.driveCreateSrcSet(driveFile, apiEndpoint, format);
   }, [apiEndpoint]);
   React3__namespace.default.useEffect(() => {
     const stored = localStorage.getItem("drive_active_account");
@@ -508,24 +508,24 @@ var useUpload = (apiEndpoint, activeAccountId, withCredentials = false, onUpload
   return { uploads, uploadFiles, cancelUpload, cancelAllUploads };
 };
 var buttonVariants = classVarianceAuthority.cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  "nd:inline-flex nd:items-center nd:justify-center nd:gap-2 nd:whitespace-nowrap nd:rounded-md nd:text-sm nd:font-medium nd:transition-all nd:disabled:pointer-events-none nd:disabled:opacity-50 [&_svg]:nd:pointer-events-none [&_svg:not([class*='size-'])]:nd:size-4 nd:shrink-0 [&_svg]:nd:shrink-0 nd:outline-none 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",
   {
     variants: {
       variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40",
-        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-        link: "text-primary underline-offset-4 hover:underline"
+        default: "nd:bg-primary nd:text-primary-foreground nd:hover:bg-primary/90",
+        destructive: "nd:bg-destructive nd:text-white nd:hover:bg-destructive/90 nd:focus-visible:ring-destructive/20 dark:nd:focus-visible:ring-destructive/40",
+        outline: "nd:border nd:bg-background nd:shadow-xs nd:hover:bg-accent nd:hover:text-accent-foreground nd:dark:bg-input/30 nd:dark:border-input nd:dark:hover:bg-input/50",
+        secondary: "nd:bg-secondary nd:text-secondary-foreground nd:hover:bg-secondary/80",
+        ghost: "nd:hover:bg-accent nd:hover:text-accent-foreground nd:dark:hover:bg-accent/50",
+        link: "nd:text-primary nd:underline-offset-4 nd:hover:underline"
       },
       size: {
-        default: "h-9 px-4 py-2 has-[>svg]:px-3",
-        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
-        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-        icon: "size-9",
-        "icon-sm": "size-8",
-        "icon-lg": "size-10"
+        default: "nd:h-9 nd:px-4 nd:py-2 nd:has-[>svg]:px-3",
+        sm: "nd:h-8 nd:rounded-md nd:gap-1.5 nd:px-3 nd:has-[>svg]:px-2.5",
+        lg: "nd:h-10 nd:rounded-md nd:px-6 nd:has-[>svg]:px-4",
+        icon: "nd:size-9",
+        "icon-sm": "nd:size-8",
+        "icon-lg": "nd:size-10"
       }
     },
     defaultVariants: {
@@ -546,7 +546,7 @@ function Button({
     Comp,
     {
       "data-slot": "button",
-      className: chunkXDAVDVO6_cjs.cn(buttonVariants({ variant, size, className })),
+      className: chunkCFLH4TCQ_cjs.cn(buttonVariants({ variant, size, className })),
       ...props
     }
   );
@@ -565,10 +565,10 @@ function Dialog2Content({
       SheetPrimitive__namespace.Overlay,
       {
         "data-slot": "dialog2-overlay",
-        className: chunkXDAVDVO6_cjs.cn(
-          "fixed inset-0 z-50 bg-black/60 backdrop-blur-sm",
-          "data-[state=open]:animate-in data-[state=closed]:animate-out",
-          "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"
+        className: chunkCFLH4TCQ_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,21 +576,22 @@ function Dialog2Content({
       SheetPrimitive__namespace.Content,
       {
         "data-slot": "dialog2-content",
-        className: chunkXDAVDVO6_cjs.cn(
+        className: chunkCFLH4TCQ_cjs.cn(
+          "nd:overflow-hidden",
           // Base styles
-          "fixed z-50 flex flex-col bg-background shadow-2xl outline-none",
+          "nd:fixed nd:z-50 nd:flex nd:flex-col nd:bg-background nd:shadow-2xl nd:outline-none",
           // Mobile: Full screen
-          "inset-0 rounded-none",
+          "nd:inset-0 nd:rounded-none",
           // Desktop: Centered modal with max dimensions
-          "md:inset-auto md:top-[50%] md:left-[50%] md:translate-x-[-50%] md:translate-y-[-50%]",
-          "md:max-w-5xl md:w-[95vw] md:max-h-[90vh] md:rounded-xl md:border",
+          "nd:md:inset-auto nd:md:top-[50%] nd:md:left-[50%] nd:md:translate-x-[-50%] nd:md:translate-y-[-50%]",
+          "nd:md:max-w-5xl nd:md:w-[95vw] nd:md:max-h-[90vh] nd:md:rounded-xl nd:md:border",
           // Animations
-          "data-[state=open]:animate-in data-[state=closed]:animate-out",
-          "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-          "data-[state=closed]:slide-out-to-bottom-2 data-[state=open]:slide-in-from-bottom-2",
-          "md:data-[state=closed]:zoom-out-95 md:data-[state=open]:zoom-in-95",
-          "md:data-[state=closed]:slide-out-to-bottom-0 md:data-[state=open]:slide-in-from-bottom-0",
-          "duration-200",
+          "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]:slide-out-to-bottom-2 nd:data-[state=open]:slide-in-from-bottom-2",
+          "nd:md:data-[state=closed]:zoom-out-95 nd:md:data-[state=open]:zoom-in-95",
+          "nd:md:data-[state=closed]:slide-out-to-bottom-0 nd:md:data-[state=open]:slide-in-from-bottom-0",
+          "nd:duration-200",
           className
         ),
         ...props,
@@ -600,16 +601,16 @@ function Dialog2Content({
             SheetPrimitive__namespace.Close,
             {
               "data-slot": "dialog2-close",
-              className: chunkXDAVDVO6_cjs.cn(
-                "absolute top-3 right-3 z-10",
-                "flex items-center justify-center size-8 rounded-full",
-                "bg-muted/80 hover:bg-muted text-muted-foreground hover:text-foreground",
-                "transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
-                "md:top-4 md:right-4 md:size-7 md:rounded-md md:bg-transparent"
+              className: chunkCFLH4TCQ_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",
+                "nd:transition-colors nd:focus:outline-none nd:focus:ring-2 nd:focus:ring-ring nd:focus:ring-offset-2",
+                "nd:md:top-4 nd:md:right-4 nd:md:size-7 nd:md:rounded-md nd:md:bg-transparent"
               ),
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-4" }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "nd:size-4" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nd:sr-only", children: "Close" })
               ]
             }
           )
@@ -623,8 +624,8 @@ function Dialog2Header({ className, ...props }) {
     "div",
     {
       "data-slot": "dialog2-header",
-      className: chunkXDAVDVO6_cjs.cn(
-        "flex items-center justify-between shrink-0 px-4 h-14 border-b bg-background/95 backdrop-blur-sm",
+      className: chunkCFLH4TCQ_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
       ),
       ...props
@@ -636,7 +637,7 @@ function Dialog2Body({ className, ...props }) {
     "div",
     {
       "data-slot": "dialog2-body",
-      className: chunkXDAVDVO6_cjs.cn("flex-1 min-h-0 overflow-hidden", className),
+      className: chunkCFLH4TCQ_cjs.cn("nd:flex-1 nd:min-h-0 nd:overflow-hidden", className),
       ...props
     }
   );
@@ -646,8 +647,8 @@ function Dialog2Footer({ className, ...props }) {
     "div",
     {
       "data-slot": "dialog2-footer",
-      className: chunkXDAVDVO6_cjs.cn(
-        "flex items-center justify-end gap-2 shrink-0 px-4 py-3 border-t bg-background/95 backdrop-blur-sm",
+      className: chunkCFLH4TCQ_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
       ),
       ...props
@@ -662,7 +663,7 @@ function Dialog2Title({
     SheetPrimitive__namespace.Title,
     {
       "data-slot": "dialog2-title",
-      className: chunkXDAVDVO6_cjs.cn("text-base font-semibold", className),
+      className: chunkCFLH4TCQ_cjs.cn("nd:text-base nd:font-semibold", className),
       ...props
     }
   );
@@ -673,8 +674,8 @@ var SheetPortal = SheetPrimitive__namespace.Portal;
 var SheetOverlay = React3__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SheetPrimitive__namespace.Overlay,
   {
-    className: chunkXDAVDVO6_cjs.cn(
-      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+    className: chunkCFLH4TCQ_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
     ),
     ...props,
@@ -683,14 +684,14 @@ var SheetOverlay = React3__namespace.forwardRef(({ className, ...props }, ref) =
 ));
 SheetOverlay.displayName = SheetPrimitive__namespace.Overlay.displayName;
 var sheetVariants = classVarianceAuthority.cva(
-  "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+  "nd:fixed nd:z-50 nd:gap-4 nd:bg-background nd:p-6 nd:shadow-lg nd:transition nd:ease-in-out nd:data-[state=open]:animate-in nd:data-[state=closed]:animate-out nd:data-[state=closed]:duration-300 nd:data-[state=open]:duration-500",
   {
     variants: {
       side: {
-        top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
-        bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
-        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
-        right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
+        top: "nd:inset-x-0 nd:top-0 nd:border-b nd:data-[state=closed]:slide-out-to-top nd:data-[state=open]:slide-in-from-top",
+        bottom: "nd:inset-x-0 nd:bottom-0 nd:border-t nd:data-[state=closed]:slide-out-to-bottom nd:data-[state=open]:slide-in-from-bottom",
+        left: "nd:inset-y-0 nd:left-0 nd:h-full nd:w-3/4 nd:border-r nd:data-[state=closed]:slide-out-to-left nd:data-[state=open]:slide-in-from-left nd:sm:max-w-sm",
+        right: "nd:inset-y-0 nd:right-0 nd:h-full nd:w-3/4 nd:border-l nd:data-[state=closed]:slide-out-to-right nd:data-[state=open]:slide-in-from-right nd:sm:max-w-sm"
       }
     },
     defaultVariants: {
@@ -704,13 +705,13 @@ var SheetContent = React3__namespace.forwardRef(({ side = "right", className, ch
     SheetPrimitive__namespace.Content,
     {
       ref,
-      className: chunkXDAVDVO6_cjs.cn(sheetVariants({ side }), className),
+      className: chunkCFLH4TCQ_cjs.cn(sheetVariants({ side }), className),
       ...props,
       children: [
         children,
-        !hideCloseButton && /* @__PURE__ */ jsxRuntime.jsxs(SheetPrimitive__namespace.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
+        !hideCloseButton && /* @__PURE__ */ jsxRuntime.jsxs(SheetPrimitive__namespace.Close, { className: "nd:absolute nd:right-4 nd:top-4 nd:rounded-sm nd:opacity-70 nd:ring-offset-background nd:transition-opacity nd:hover:opacity-100 nd:focus:outline-none nd:focus:ring-2 nd:focus:ring-ring nd:focus:ring-offset-2 nd:disabled:pointer-events-none nd:data-[state=open]:bg-secondary", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "nd:h-4 nd:w-4" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nd:sr-only", children: "Close" })
         ] })
       ]
     }
@@ -721,7 +722,7 @@ var SheetTitle = React3__namespace.forwardRef(({ className, ...props }, ref) =>
   SheetPrimitive__namespace.Title,
   {
     ref,
-    className: chunkXDAVDVO6_cjs.cn("text-lg font-semibold text-foreground", className),
+    className: chunkCFLH4TCQ_cjs.cn("nd:text-lg nd:font-semibold nd:text-foreground", className),
     ...props
   }
 ));
@@ -730,7 +731,7 @@ var SheetDescription = React3__namespace.forwardRef(({ className, ...props }, re
   SheetPrimitive__namespace.Description,
   {
     ref,
-    className: chunkXDAVDVO6_cjs.cn("text-sm text-muted-foreground", className),
+    className: chunkCFLH4TCQ_cjs.cn("nd:text-sm nd:text-muted-foreground", className),
     ...props
   }
 ));
@@ -753,8 +754,8 @@ function DialogOverlay({
     SheetPrimitive__namespace.Overlay,
     {
       "data-slot": "dialog-overlay",
-      className: chunkXDAVDVO6_cjs.cn(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+      className: chunkCFLH4TCQ_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
       ),
       ...props
@@ -773,8 +774,8 @@ function DialogContent({
       SheetPrimitive__namespace.Content,
       {
         "data-slot": "dialog-content",
-        className: chunkXDAVDVO6_cjs.cn(
-          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
+        className: chunkCFLH4TCQ_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
         ),
         ...props,
@@ -784,10 +785,10 @@ function DialogContent({
             SheetPrimitive__namespace.Close,
             {
               "data-slot": "dialog-close",
-              className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+              className: "nd:ring-offset-background nd:focus:ring-ring nd:data-[state=open]:bg-accent nd:data-[state=open]:text-muted-foreground nd:absolute nd:top-4 nd:right-4 nd:rounded-xs nd:opacity-70 nd:transition-opacity nd:hover:opacity-100 nd:focus:ring-2 nd:focus:ring-offset-2 nd:focus:outline-hidden nd:disabled:pointer-events-none [&_svg]:nd:pointer-events-none [&_svg]:nd:shrink-0 [&_svg:not([class*='size-'])]:nd:size-4",
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-4" }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "nd:size-4" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nd:sr-only", children: "Close" })
               ]
             }
           )
@@ -801,7 +802,7 @@ function DialogHeader({ className, ...props }) {
     "div",
     {
       "data-slot": "dialog-header",
-      className: chunkXDAVDVO6_cjs.cn("flex flex-col gap-2 text-center sm:text-left", className),
+      className: chunkCFLH4TCQ_cjs.cn("nd:flex nd:flex-col nd:gap-2 nd:text-center nd:sm:text-left", className),
       ...props
     }
   );
@@ -811,8 +812,8 @@ function DialogFooter({ className, ...props }) {
     "div",
     {
       "data-slot": "dialog-footer",
-      className: chunkXDAVDVO6_cjs.cn(
-        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+      className: chunkCFLH4TCQ_cjs.cn(
+        "nd:flex nd:flex-col-reverse nd:gap-2 nd:sm:flex-row nd:sm:justify-end",
         className
       ),
       ...props
@@ -827,7 +828,7 @@ function DialogTitle({
     SheetPrimitive__namespace.Title,
     {
       "data-slot": "dialog-title",
-      className: chunkXDAVDVO6_cjs.cn("text-lg leading-none font-semibold", className),
+      className: chunkCFLH4TCQ_cjs.cn("nd:text-lg nd:leading-none nd:font-semibold", className),
       ...props
     }
   );
@@ -840,7 +841,7 @@ function DialogDescription({
     SheetPrimitive__namespace.Description,
     {
       "data-slot": "dialog-description",
-      className: chunkXDAVDVO6_cjs.cn("text-muted-foreground text-sm", className),
+      className: chunkCFLH4TCQ_cjs.cn("nd:text-muted-foreground nd:text-sm", className),
       ...props
     }
   );
@@ -852,15 +853,15 @@ var DropdownMenuSubTrigger = React3__namespace.forwardRef(({ className, inset, c
   DropdownMenuPrimitive__namespace.SubTrigger,
   {
     ref,
-    className: chunkXDAVDVO6_cjs.cn(
-      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
-      inset && "pl-8",
+    className: chunkCFLH4TCQ_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
     ),
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "nd:ml-auto nd:h-4 nd:w-4" })
     ]
   }
 ));
@@ -869,8 +870,8 @@ var DropdownMenuSubContent = React3__namespace.forwardRef(({ className, ...props
   DropdownMenuPrimitive__namespace.SubContent,
   {
     ref,
-    className: chunkXDAVDVO6_cjs.cn(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+    className: chunkCFLH4TCQ_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
     ),
     ...props
@@ -882,8 +883,8 @@ var DropdownMenuContent = React3__namespace.forwardRef(({ className, sideOffset
   {
     ref,
     sideOffset,
-    className: chunkXDAVDVO6_cjs.cn(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+    className: chunkCFLH4TCQ_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
     ),
     ...props
@@ -894,9 +895,9 @@ var DropdownMenuItem = React3__namespace.forwardRef(({ className, inset, ...prop
   DropdownMenuPrimitive__namespace.Item,
   {
     ref,
-    className: chunkXDAVDVO6_cjs.cn(
-      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      inset && "pl-8",
+    className: chunkCFLH4TCQ_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
     ),
     ...props
@@ -907,14 +908,14 @@ var DropdownMenuCheckboxItem = React3__namespace.forwardRef(({ className, childr
   DropdownMenuPrimitive__namespace.CheckboxItem,
   {
     ref,
-    className: chunkXDAVDVO6_cjs.cn(
-      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+    className: chunkCFLH4TCQ_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
     ),
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nd:absolute nd:left-2 nd:flex nd:h-3.5 nd:w-3.5 nd:items-center nd:justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "nd:h-4 nd:w-4" }) }) }),
       children
     ]
   }
@@ -924,13 +925,13 @@ var DropdownMenuRadioItem = React3__namespace.forwardRef(({ className, children,
   DropdownMenuPrimitive__namespace.RadioItem,
   {
     ref,
-    className: chunkXDAVDVO6_cjs.cn(
-      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+    className: chunkCFLH4TCQ_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
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nd:absolute nd:left-2 nd:flex nd:h-3.5 nd:w-3.5 nd:items-center nd:justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { className: "nd:h-2 nd:w-2 nd:fill-current" }) }) }),
       children
     ]
   }
@@ -940,9 +941,9 @@ var DropdownMenuLabel = React3__namespace.forwardRef(({ className, inset, ...pro
   DropdownMenuPrimitive__namespace.Label,
   {
     ref,
-    className: chunkXDAVDVO6_cjs.cn(
-      "px-2 py-1.5 text-sm font-semibold",
-      inset && "pl-8",
+    className: chunkCFLH4TCQ_cjs.cn(
+      "nd:px-2 nd:py-1.5 nd:text-sm nd:font-semibold",
+      inset && "nd:pl-8",
       className
     ),
     ...props
@@ -953,18 +954,18 @@ var DropdownMenuSeparator = React3__namespace.forwardRef(({ className, ...props
   DropdownMenuPrimitive__namespace.Separator,
   {
     ref,
-    className: chunkXDAVDVO6_cjs.cn("-mx-1 my-1 h-px bg-muted", className),
+    className: chunkCFLH4TCQ_cjs.cn("-nd:mx-1 nd:my-1 nd:h-px nd:bg-muted", className),
     ...props
   }
 ));
 DropdownMenuSeparator.displayName = DropdownMenuPrimitive__namespace.Separator.displayName;
 var alertVariants = classVarianceAuthority.cva(
-  "relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
+  "nd:relative nd:w-full nd:rounded-lg nd:border nd:px-4 nd:py-3 nd:text-sm nd:grid nd:has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] nd:grid-cols-[0_1fr] nd:has-[>svg]:gap-x-3 nd:gap-y-0.5 nd:items-start nd:[&>svg]:size-4 nd:[&>svg]:translate-y-0.5 nd:[&>svg]:text-current",
   {
     variants: {
       variant: {
-        default: "bg-card text-card-foreground",
-        destructive: "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90"
+        default: "nd:bg-card nd:text-card-foreground",
+        destructive: "nd:text-destructive nd:bg-card nd:[&>svg]:text-current nd:*:data-[slot=alert-description]:text-destructive/90"
       }
     },
     defaultVariants: {
@@ -982,7 +983,7 @@ function Alert({
     {
       "data-slot": "alert",
       role: "alert",
-      className: chunkXDAVDVO6_cjs.cn(alertVariants({ variant }), className),
+      className: chunkCFLH4TCQ_cjs.cn(alertVariants({ variant }), className),
       ...props
     }
   );
@@ -992,8 +993,8 @@ function AlertTitle({ className, ...props }) {
     "div",
     {
       "data-slot": "alert-title",
-      className: chunkXDAVDVO6_cjs.cn(
-        "col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",
+      className: chunkCFLH4TCQ_cjs.cn(
+        "nd:col-start-2 nd:line-clamp-1 nd:min-h-4 nd:font-medium nd:tracking-tight",
         className
       ),
       ...props
@@ -1008,8 +1009,8 @@ function AlertDescription({
     "div",
     {
       "data-slot": "alert-description",
-      className: chunkXDAVDVO6_cjs.cn(
-        "text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",
+      className: chunkCFLH4TCQ_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
       ),
       ...props
@@ -1022,10 +1023,10 @@ function Input({ className, type, ...props }) {
     {
       type,
       "data-slot": "input",
-      className: chunkXDAVDVO6_cjs.cn(
-        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
-        "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+      className: chunkCFLH4TCQ_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",
         className
       ),
       ...props
@@ -1040,8 +1041,8 @@ function Label2({
     LabelPrimitive__namespace.Root,
     {
       "data-slot": "label",
-      className: chunkXDAVDVO6_cjs.cn(
-        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+      className: chunkCFLH4TCQ_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
       ),
       ...props
@@ -1126,11 +1127,11 @@ var DialogConfirmation = (props) => {
           /* @__PURE__ */ jsxRuntime.jsx(DialogDescription, { children: description })
         ] }),
         error && /* @__PURE__ */ jsxRuntime.jsxs(Alert, { variant: "destructive", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "nd:h-4 nd:w-4" }),
           /* @__PURE__ */ jsxRuntime.jsx(AlertTitle, { children: "Error" }),
           /* @__PURE__ */ jsxRuntime.jsx(AlertDescription, { children: error })
         ] }),
-        inputs && inputs.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-4 py-4", children: inputs.map((input, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-2", children: [
+        inputs && inputs.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:grid nd:gap-4 nd:py-4", children: inputs.map((input, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:grid nd:gap-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx(Label2, { htmlFor: input.id, children: input.name }),
           /* @__PURE__ */ jsxRuntime.jsx(
             Input,
@@ -1225,11 +1226,11 @@ var RenameAccountDialog = (props) => {
           /* @__PURE__ */ jsxRuntime.jsx(DialogDescription, { children: "Enter a new display name for this storage account." })
         ] }),
         errors.name && /* @__PURE__ */ jsxRuntime.jsxs(Alert, { variant: "destructive", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "nd:h-4 nd:w-4" }),
           /* @__PURE__ */ jsxRuntime.jsx(AlertTitle, { children: "Error" }),
           /* @__PURE__ */ jsxRuntime.jsx(AlertDescription, { children: errors.name.message })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-4 py-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:grid nd:gap-4 nd:py-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:grid nd:gap-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx(Label2, { htmlFor: "rename-account-input", children: "Account name" }),
           /* @__PURE__ */ jsxRuntime.jsx(
             Input,
@@ -1353,8 +1354,8 @@ function Progress({
     ProgressPrimitive__namespace.Root,
     {
       "data-slot": "progress",
-      className: chunkXDAVDVO6_cjs.cn(
-        "bg-primary/20 relative h-2 w-full overflow-hidden rounded-full",
+      className: chunkCFLH4TCQ_cjs.cn(
+        "nd:bg-primary/20 nd:relative nd:h-2 nd:w-full nd:overflow-hidden nd:rounded-full",
         className
       ),
       ...props,
@@ -1362,10 +1363,10 @@ function Progress({
         ProgressPrimitive__namespace.Indicator,
         {
           "data-slot": "progress-indicator",
-          className: chunkXDAVDVO6_cjs.cn(
-            "bg-primary h-full flex-1 transition-all",
-            isIndeterminate && "w-1/3 animate-[indeterminate_1.5s_ease-in-out_infinite]",
-            !isIndeterminate && "w-full",
+          className: chunkCFLH4TCQ_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",
             indicatorClassName
           ),
           style: isIndeterminate ? void 0 : { transform: `translateX(-${100 - (value || 0)}%)` }
@@ -1380,15 +1381,15 @@ var ContextMenuSubTrigger = React3__namespace.forwardRef(({ className, inset, ch
   ContextMenuPrimitive__namespace.SubTrigger,
   {
     ref,
-    className: chunkXDAVDVO6_cjs.cn(
-      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
-      inset && "pl-8",
+    className: chunkCFLH4TCQ_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
     ),
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "nd:ml-auto nd:h-4 nd:w-4" })
     ]
   }
 ));
@@ -1397,8 +1398,8 @@ var ContextMenuSubContent = React3__namespace.forwardRef(({ className, ...props
   ContextMenuPrimitive__namespace.SubContent,
   {
     ref,
-    className: chunkXDAVDVO6_cjs.cn(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+    className: chunkCFLH4TCQ_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
     ),
     ...props
@@ -1409,8 +1410,8 @@ var ContextMenuContent = React3__namespace.forwardRef(({ className, ...props },
   ContextMenuPrimitive__namespace.Content,
   {
     ref,
-    className: chunkXDAVDVO6_cjs.cn(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md animate-in fade-in-80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+    className: chunkCFLH4TCQ_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
     ),
     ...props
@@ -1421,9 +1422,9 @@ var ContextMenuItem = React3__namespace.forwardRef(({ className, inset, ...props
   ContextMenuPrimitive__namespace.Item,
   {
     ref,
-    className: chunkXDAVDVO6_cjs.cn(
-      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      inset && "pl-8",
+    className: chunkCFLH4TCQ_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
     ),
     ...props
@@ -1434,14 +1435,14 @@ var ContextMenuCheckboxItem = React3__namespace.forwardRef(({ className, childre
   ContextMenuPrimitive__namespace.CheckboxItem,
   {
     ref,
-    className: chunkXDAVDVO6_cjs.cn(
-      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+    className: chunkCFLH4TCQ_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
     ),
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nd:absolute nd:left-2 nd:flex nd:h-3.5 nd:w-3.5 nd:items-center nd:justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "nd:h-4 nd:w-4" }) }) }),
       children
     ]
   }
@@ -1451,13 +1452,13 @@ var ContextMenuRadioItem = React3__namespace.forwardRef(({ className, children,
   ContextMenuPrimitive__namespace.RadioItem,
   {
     ref,
-    className: chunkXDAVDVO6_cjs.cn(
-      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+    className: chunkCFLH4TCQ_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
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nd:absolute nd:left-2 nd:flex nd:h-3.5 nd:w-3.5 nd:items-center nd:justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ContextMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { className: "nd:h-2 nd:w-2 nd:fill-current" }) }) }),
       children
     ]
   }
@@ -1467,9 +1468,9 @@ var ContextMenuLabel = React3__namespace.forwardRef(({ className, inset, ...prop
   ContextMenuPrimitive__namespace.Label,
   {
     ref,
-    className: chunkXDAVDVO6_cjs.cn(
-      "px-2 py-1.5 text-sm font-semibold text-foreground",
-      inset && "pl-8",
+    className: chunkCFLH4TCQ_cjs.cn(
+      "nd:px-2 nd:py-1.5 nd:text-sm nd:font-semibold nd:text-foreground",
+      inset && "nd:pl-8",
       className
     ),
     ...props
@@ -1480,7 +1481,7 @@ var ContextMenuSeparator = React3__namespace.forwardRef(({ className, ...props }
   ContextMenuPrimitive__namespace.Separator,
   {
     ref,
-    className: chunkXDAVDVO6_cjs.cn("-mx-1 my-1 h-px bg-border", className),
+    className: chunkCFLH4TCQ_cjs.cn("-nd:mx-1 nd:my-1 nd:h-px nd:bg-border", className),
     ...props
   }
 ));
@@ -1543,11 +1544,11 @@ var CreateFolderDialog = (props) => {
           /* @__PURE__ */ jsxRuntime.jsx(DialogDescription, { children: "Enter a name for the new folder" })
         ] }),
         errors.name && /* @__PURE__ */ jsxRuntime.jsxs(Alert, { variant: "destructive", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "nd:h-4 nd:w-4" }),
           /* @__PURE__ */ jsxRuntime.jsx(AlertTitle, { children: "Error" }),
           /* @__PURE__ */ jsxRuntime.jsx(AlertDescription, { children: errors.name.message })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-4 py-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:grid nd:gap-4 nd:py-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:grid nd:gap-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx(Label2, { htmlFor: "folder-name", children: "Folder name" }),
           /* @__PURE__ */ jsxRuntime.jsx(
             Input,
@@ -1658,11 +1659,11 @@ var RenameDialog = (props) => {
           ] })
         ] }),
         errors.name && /* @__PURE__ */ jsxRuntime.jsxs(Alert, { variant: "destructive", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "nd:h-4 nd:w-4" }),
           /* @__PURE__ */ jsxRuntime.jsx(AlertTitle, { children: "Error" }),
           /* @__PURE__ */ jsxRuntime.jsx(AlertDescription, { children: errors.name.message })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-4 py-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:grid nd:gap-4 nd:py-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:grid nd:gap-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx(Label2, { htmlFor: "rename-input", children: "Name" }),
           /* @__PURE__ */ jsxRuntime.jsx(
             Input,
@@ -1723,63 +1724,63 @@ var FileItem = (props) => {
     /* @__PURE__ */ jsxRuntime.jsx(ContextMenuTrigger, { onContextMenu: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: chunkXDAVDVO6_cjs.cn(
-          "group relative cursor-pointer transition-all select-none",
-          "focus:outline-none focus-visible:ring-2 focus-visible:ring-primary",
-          viewMode === "GRID" ? "flex flex-col rounded-lg sm:rounded-xl border bg-card dark:bg-card/50 hover:bg-accent/50 dark:hover:bg-accent/30 overflow-hidden" : "flex items-center gap-2 sm:gap-3 p-1.5 sm:p-2 rounded-lg border border-transparent hover:bg-accent/50 dark:hover:bg-accent/30 hover:border-border",
-          isSelected && "ring-2 ring-primary border-primary/50 bg-primary/5 dark:bg-primary/10",
-          isDragOver && "ring-2 ring-primary border-primary scale-[1.02] bg-primary/10 shadow-lg"
+        className: chunkCFLH4TCQ_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",
+          isSelected && "nd:ring-2 nd:ring-primary nd:border-primary/50 nd:bg-primary/5 nd:dark:bg-primary/10",
+          isDragOver && "nd:ring-2 nd:ring-primary nd:border-primary nd:scale-[1.02] nd:bg-primary/10 nd:shadow-lg"
         ),
         onClick: onSelect,
         onDoubleClick,
         role: "button",
         tabIndex: 0,
         children: viewMode === "GRID" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "aspect-square w-full bg-muted/30 dark:bg-muted/20 flex items-center justify-center overflow-hidden relative", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:aspect-square nd:w-full nd:bg-muted/30 nd:dark:bg-muted/20 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: "size-full object-cover transition-transform group-hover:scale-105 duration-300",
+                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: "transition-transform group-hover:scale-110 duration-200", children: chunkXDAVDVO6_cjs.getFileIcon(item.information.type === "FILE" ? item.information.mime : "", isFolder, "size-8 sm:size-10 md:size-12 text-muted-foreground/60") }),
-            isSelected && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-1.5 right-1.5 sm:top-2 sm:right-2 size-5 bg-primary rounded-full flex items-center justify-center shadow-md animate-in zoom-in-50", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-2 bg-primary-foreground rounded-full" }) }),
-            isFolder && currentView === "BROWSE" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute bottom-1.5 right-1.5 sm:bottom-2 sm:right-2 lg:hidden size-5 sm:size-6 bg-primary/90 rounded-full flex items-center justify-center shadow-md", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "size-3 sm:size-3.5 text-primary-foreground" }) })
+            ) : /* @__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") }),
+            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: "p-1.5 sm:p-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium truncate leading-tight", title: item.name, children: item.name }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mt-0.5", children: isFolder ? "Folder" : chunkXDAVDVO6_cjs.formatBytes(item.information.type === "FILE" ? item.information.sizeInBytes : 0) })
+          /* @__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.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-10 shrink-0 rounded-lg overflow-hidden bg-muted/50 dark:bg-muted/30 flex items-center justify-center", children: isThumbnailable ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: thumbnailUrl, alt: item.name, className: "size-full object-cover", loading: "lazy" }) : chunkXDAVDVO6_cjs.getFileIcon(item.information.type === "FILE" ? item.information.mime : "", isFolder, "size-5 text-muted-foreground") }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium truncate", title: item.name, children: item.name }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: isFolder ? "Folder" : chunkXDAVDVO6_cjs.formatBytes(item.information.type === "FILE" ? item.information.sizeInBytes : 0) })
+          /* @__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.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) })
           ] }),
-          isFolder && currentView === "BROWSE" && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "size-4 text-muted-foreground lg:hidden shrink-0" })
+          isFolder && currentView === "BROWSE" && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "nd:size-4 nd:text-muted-foreground nd:lg:hidden nd:shrink-0" })
         ] })
       }
     ) }),
     /* @__PURE__ */ jsxRuntime.jsx(ContextMenuContent, { children: currentView === "TRASH" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs(ContextMenuItem, { onClick: onRestore, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RotateCcw, { className: "mr-2 size-4" }),
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RotateCcw, { className: "nd:mr-2 nd:size-4" }),
         " Restore"
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(ContextMenuSeparator, {}),
-      /* @__PURE__ */ jsxRuntime.jsxs(ContextMenuItem, { className: "text-destructive focus:text-destructive", onClick: onDelete, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "mr-2 size-4" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(ContextMenuItem, { className: "nd:text-destructive nd:focus:text-destructive", onClick: onDelete, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "nd:mr-2 nd:size-4" }),
         " Delete Forever"
       ] })
     ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs(ContextMenuItem, { onClick: onRename, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pencil, { className: "mr-2 size-4" }),
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pencil, { className: "nd:mr-2 nd:size-4" }),
         " Rename"
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(ContextMenuSeparator, {}),
-      /* @__PURE__ */ jsxRuntime.jsxs(ContextMenuItem, { className: "text-destructive focus:text-destructive", onClick: onDelete, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "mr-2 size-4" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(ContextMenuItem, { className: "nd:text-destructive nd:focus:text-destructive", onClick: onDelete, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "nd:mr-2 nd:size-4" }),
         " Delete"
       ] })
     ] }) })
@@ -1816,7 +1817,7 @@ var DriveFileGrid = (props) => {
     let filtered = items;
     if (mimeFilter) {
       filtered = filtered.filter(
-        (item) => chunkXDAVDVO6_cjs.matchesMimeFilter(
+        (item) => chunkCFLH4TCQ_cjs.matchesMimeFilter(
           item.information.type === "FILE" ? item.information.mime : "",
           item.information.type === "FOLDER",
           mimeFilter
@@ -1902,49 +1903,49 @@ var DriveFileGrid = (props) => {
   };
   const enableDrag = currentView === "BROWSE";
   if (isLoading && items.length === 0) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkXDAVDVO6_cjs.cn("flex-1 flex flex-col", className), children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-1 w-full shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkCFLH4TCQ_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,
         {
           indeterminate: true,
-          className: "h-full rounded-none bg-primary/10",
-          indicatorClassName: "bg-primary"
+          className: "nd:h-full nd:rounded-none nd:bg-primary/10",
+          indicatorClassName: "nd:bg-primary"
         }
       ) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-8 animate-spin text-muted-foreground" }) })
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:flex-1 nd:flex nd:items-center nd:justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "nd:size-8 nd:animate-spin nd:text-muted-foreground" }) })
     ] });
   }
   if (error) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkXDAVDVO6_cjs.cn("flex-1 flex items-center justify-center p-8", className), children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-destructive font-medium text-center", children: 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 }) });
   }
   if (processedItems.length === 0) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkXDAVDVO6_cjs.cn("flex-1 flex flex-col items-center justify-center p-8 text-center", className), children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-16 rounded-2xl bg-muted/50 dark:bg-muted/30 flex items-center justify-center mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Folder, { className: "size-8 text-muted-foreground/60" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-muted-foreground", children: currentView === "SEARCH" ? "No files match your search" : currentView === "TRASH" ? "Trash is empty" : "This folder is empty" })
+    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: [
+      /* @__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" })
     ] });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-1 w-full shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+    isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:h-1 nd:w-full nd:shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(
       Progress,
       {
         indeterminate: true,
-        className: "h-full rounded-none bg-primary/10",
-        indicatorClassName: "bg-primary"
+        className: "nd:h-full nd:rounded-none nd:bg-primary/10",
+        indicatorClassName: "nd:bg-primary"
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkXDAVDVO6_cjs.cn("flex-1 overflow-y-auto min-h-0 p-2 sm:p-3 md:p-4", className), children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4 sm:space-y-6", children: Object.entries(groupedItems).map(([groupName, groupItems]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        groupBy !== "NONE" && /* @__PURE__ */ jsxRuntime.jsxs("h3", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wide mb-2 sm:mb-3 px-1", children: [
+    /* @__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.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,
           " ",
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "opacity-50", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "nd:opacity-50", children: [
             "(",
             groupItems.length,
             ")"
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(sortable.SortableContext, { items: groupItems.map((i) => i.id), strategy: sortable.rectSortingStrategy, disabled: !enableDrag, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkXDAVDVO6_cjs.cn(
-          viewMode === "GRID" ? "grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6 xl:grid-cols-7 gap-2 sm:gap-3" : "flex flex-col gap-1"
+        /* @__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(
+          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,
           {
@@ -1974,7 +1975,7 @@ var DriveFileGrid = (props) => {
           item.id
         )) }) })
       ] }, groupName)) }),
-      hasMore && /* @__PURE__ */ jsxRuntime.jsx("div", { ref: observerTarget, className: "flex justify-center py-6", children: isLoadingMore && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-6 animate-spin text-muted-foreground" }) })
+      hasMore && /* @__PURE__ */ jsxRuntime.jsx("div", { ref: observerTarget, className: "nd:flex nd:justify-center nd:py-6", children: isLoadingMore && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "nd:size-6 nd:animate-spin nd:text-muted-foreground" }) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(
       CreateFolderDialog,
@@ -2044,18 +2045,18 @@ var DriveHeader = ({ className }) => {
     createFolder
   } = useDrive();
   const [dialogs, setDialogs] = React3.useState({ delete: false, emptyTrash: false, newFolder: false });
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkXDAVDVO6_cjs.cn("flex flex-wrap items-center gap-2 bg-muted/30 dark:bg-muted/20 p-2", className), children: [
+  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: [
     currentView === "BROWSE" && /* @__PURE__ */ jsxRuntime.jsxs(
       Button,
       {
         type: "button",
         variant: "outline",
         size: "sm",
-        className: "gap-1.5",
+        className: "nd:gap-1.5",
         onClick: () => setDialogs((prev) => ({ ...prev, newFolder: true })),
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FolderPlus, { className: "size-4" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:inline", children: "New Folder" })
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FolderPlus, { className: "nd:size-4" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nd:hidden nd:sm:inline", children: "New Folder" })
         ]
       }
     ),
@@ -2066,8 +2067,8 @@ var DriveHeader = ({ className }) => {
           type: "button",
           variant: "outline",
           size: "sm",
-          className: "gap-1.5",
-          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Menu, { className: "size-4" })
+          className: "nd:gap-1.5",
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Menu, { className: "nd:size-4" })
         }
       ) }),
       /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuContent, { align: "start", children: [
@@ -2081,7 +2082,7 @@ var DriveHeader = ({ className }) => {
               setSelectedFileIds([]);
             },
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RotateCcw, { className: "size-3.5 mr-2" }),
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RotateCcw, { className: "nd:size-3.5 nd:mr-2" }),
               "Restore (",
               selectedFileIds.length,
               ")"
@@ -2092,9 +2093,9 @@ var DriveHeader = ({ className }) => {
           DropdownMenuItem,
           {
             onClick: () => setDialogs((prev) => ({ ...prev, delete: true })),
-            className: "text-destructive focus:text-destructive",
+            className: "nd:text-destructive nd:focus:text-destructive",
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "size-3.5 mr-2" }),
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "nd:size-3.5 nd:mr-2" }),
               currentView === "TRASH" ? "Delete Forever" : "Delete",
               " (",
               selectedFileIds.length,
@@ -2106,9 +2107,9 @@ var DriveHeader = ({ className }) => {
           DropdownMenuItem,
           {
             onClick: () => setDialogs((prev) => ({ ...prev, emptyTrash: true })),
-            className: "text-destructive focus:text-destructive",
+            className: "nd:text-destructive nd:focus:text-destructive",
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "size-3.5 mr-2" }),
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "nd:size-3.5 nd:mr-2" }),
               "Empty Trash"
             ]
           }
@@ -2122,31 +2123,31 @@ var DriveHeader = ({ className }) => {
           type: "button",
           variant: groupBy !== "NONE" ? "secondary" : "ghost",
           size: "sm",
-          className: "gap-1.5",
+          className: "nd:gap-1.5",
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Group, { className: "size-3.5" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:inline", children: groupBy === "NONE" ? "Group" : "Grouped" })
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Group, { className: "nd:size-3.5" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nd:hidden nd:sm:inline", children: groupBy === "NONE" ? "Group" : "Grouped" })
           ]
         }
       ) }),
       /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuContent, { align: "start", children: [
         /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuItem, { onClick: () => setGroupBy("NONE"), children: [
-          groupBy === "NONE" && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "size-3.5 mr-2" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkXDAVDVO6_cjs.cn(groupBy !== "NONE" && "pl-5.5"), children: "No Grouping" })
+          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.jsxs(DropdownMenuItem, { onClick: () => setGroupBy("CREATED_AT"), children: [
-          groupBy === "CREATED_AT" && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "size-3.5 mr-2" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkXDAVDVO6_cjs.cn(groupBy !== "CREATED_AT" && "pl-5.5"), children: "Created Date" })
+          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.jsxs("div", { className: "flex-1 min-w-0 sm:min-w-50 relative", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:flex-1 nd:min-w-0 nd:sm:min-w-50 nd:relative", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         Input,
         {
           type: "text",
           placeholder: "Search files...",
-          className: "w-full pl-8 pr-7 h-9",
+          className: "nd:w-full nd:pl-8 nd:pr-7 nd:h-9",
           value: searchQuery,
           onChange: (e) => {
             const val = e.target.value;
@@ -2162,93 +2163,87 @@ var DriveHeader = ({ className }) => {
           }
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-2.5 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none", children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "lucide lucide-search", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "11", cy: "11", r: "8" }),
-        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m21 21-4.3-4.3" })
-      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:absolute nd:left-2.5 nd:top-1/2 nd:-translate-y-1/2 nd:text-muted-foreground nd:pointer-events-none", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "nd:size-3.5" }) }),
       searchQuery && /* @__PURE__ */ jsxRuntime.jsx(
         Button,
         {
           type: "button",
           variant: "ghost",
           size: "icon",
-          className: "absolute right-0.5 top-1/2 -translate-y-1/2 h-7 w-7 text-muted-foreground",
+          className: "nd:absolute nd:right-0.5 nd:top-1/2 nd:-translate-y-1/2 nd:h-7 nd:w-7 nd:text-muted-foreground",
           onClick: () => {
             setSearchQuery("");
             setCurrentView(searchScope === "TRASH" ? "TRASH" : "BROWSE");
           },
-          children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "lucide lucide-x", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 6 6 18" }),
-            /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m6 6 12 12" })
-          ] })
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "nd:size-3.5" })
         }
       )
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(Button, { type: "button", variant: "ghost", size: "sm", className: "gap-1.5", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUpDown, { className: "size-3.5" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:inline max-w-24 truncate", children: sortBy.field === "id" ? "Default" : sortBy.field === "order" ? "Custom" : sortBy.field === "createdAt" ? sortBy.order === -1 ? "Date: Newest" : "Date: Oldest" : sortBy.field === "name" ? sortBy.order === 1 ? "Name: A to Z" : "Name: Z to A" : sortBy.field === "size" ? sortBy.order === -1 ? "Size: Large" : "Size: Small" : "Sort" })
+      /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(Button, { type: "button", variant: "ghost", size: "sm", className: "nd:gap-1.5", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUpDown, { className: "nd:size-3.5" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nd:hidden nd:sm:inline nd:max-w-24 nd:truncate", children: sortBy.field === "id" ? "Default" : sortBy.field === "order" ? "Custom" : sortBy.field === "createdAt" ? sortBy.order === -1 ? "Date: Newest" : "Date: Oldest" : sortBy.field === "name" ? sortBy.order === 1 ? "Name: A to Z" : "Name: Z to A" : sortBy.field === "size" ? sortBy.order === -1 ? "Size: Large" : "Size: Small" : "Sort" })
       ] }) }),
       /* @__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: "size-3.5 mr-2" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkXDAVDVO6_cjs.cn(sortBy.field !== "order" && "pl-5.5"), children: "Custom Order" })
+          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.jsxs(DropdownMenuItem, { onClick: () => setSortBy({ field: "id", order: 1 }), children: [
-          sortBy.field === "id" && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "size-3.5 mr-2" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkXDAVDVO6_cjs.cn(sortBy.field !== "id" && "pl-5.5"), children: "Default" })
+          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(DropdownMenuSeparator, {}),
         /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuItem, { onClick: () => setSortBy({ field: "createdAt", order: -1 }), children: [
-          sortBy.field === "createdAt" && sortBy.order === -1 && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "size-3.5 mr-2" }),
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Calendar, { className: chunkXDAVDVO6_cjs.cn("size-3.5 mr-2", sortBy.field === "createdAt" && sortBy.order === -1 ? "" : "ml-5.5") }),
+          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") }),
           "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: "size-3.5 mr-2" }),
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Calendar, { className: chunkXDAVDVO6_cjs.cn("size-3.5 mr-2", sortBy.field === "createdAt" && sortBy.order === 1 ? "" : "ml-5.5") }),
+          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") }),
           "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: "size-3.5 mr-2" }),
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDownAZ, { className: chunkXDAVDVO6_cjs.cn("size-3.5 mr-2", sortBy.field === "name" && sortBy.order === 1 ? "" : "ml-5.5") }),
+          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") }),
           "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: "size-3.5 mr-2" }),
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUpAZ, { className: chunkXDAVDVO6_cjs.cn("size-3.5 mr-2", sortBy.field === "name" && sortBy.order === -1 ? "" : "ml-5.5") }),
+          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") }),
           "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: "size-3.5 mr-2" }),
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDown01, { className: chunkXDAVDVO6_cjs.cn("size-3.5 mr-2", sortBy.field === "size" && sortBy.order === -1 ? "" : "ml-5.5") }),
+          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") }),
           "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: "size-3.5 mr-2" }),
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUp01, { className: chunkXDAVDVO6_cjs.cn("size-3.5 mr-2", sortBy.field === "size" && sortBy.order === 1 ? "" : "ml-5.5") }),
+          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") }),
           "Size: Small"
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-px h-5 bg-border" }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex bg-muted/50 dark:bg-muted/30 rounded-md p-0.5 gap-0.5", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:w-px nd:h-5 nd:bg-border" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:flex nd:bg-muted/50 nd:dark:bg-muted/30 nd:rounded-md nd:p-0.5 nd:gap-0.5", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         Button,
         {
           type: "button",
           variant: "ghost",
           size: "icon",
-          className: chunkXDAVDVO6_cjs.cn(
-            "h-8 w-8",
-            viewMode === "GRID" && "bg-background shadow-sm hover:bg-background dark:bg-background/80"
+          className: chunkCFLH4TCQ_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"
           ),
           onClick: () => setViewMode("GRID"),
           "aria-label": "Grid View",
           "aria-pressed": viewMode === "GRID",
-          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LayoutGrid, { className: "size-4" })
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LayoutGrid, { className: "nd:size-4" })
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -2257,14 +2252,14 @@ var DriveHeader = ({ className }) => {
           type: "button",
           variant: "ghost",
           size: "icon",
-          className: chunkXDAVDVO6_cjs.cn(
-            "h-8 w-8",
-            viewMode === "LIST" && "bg-background shadow-sm hover:bg-background dark:bg-background/80"
+          className: chunkCFLH4TCQ_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"
           ),
           onClick: () => setViewMode("LIST"),
           "aria-label": "List View",
           "aria-pressed": viewMode === "LIST",
-          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.List, { className: "size-4" })
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.List, { className: "nd:size-4" })
         }
       )
     ] }),
@@ -2313,12 +2308,12 @@ var DriveHeader = ({ className }) => {
 var DriveContentProgress = () => {
   const { isLoading } = useDrive();
   if (!isLoading) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-1 w-full shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:h-1 nd:w-full nd:shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(
     Progress,
     {
       indeterminate: true,
-      className: "h-full rounded-none bg-primary/10",
-      indicatorClassName: "bg-primary"
+      className: "nd:h-full nd:rounded-none nd:bg-primary/10",
+      indicatorClassName: "nd:bg-primary"
     }
   ) });
 };
@@ -2336,9 +2331,9 @@ var DroppablePathItem = (props) => {
       "span",
       {
         ref: setNodeRef,
-        className: chunkXDAVDVO6_cjs.cn(
-          "font-medium text-foreground px-1 text-xs sm:text-sm truncate max-w-30 sm:max-w-none",
-          isOver && !isCurrentFolder && "bg-primary/20 rounded"
+        className: chunkCFLH4TCQ_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"
         ),
         "aria-current": "page",
         title: name,
@@ -2352,9 +2347,9 @@ var DroppablePathItem = (props) => {
       ref: setNodeRef,
       variant: "ghost",
       size: "sm",
-      className: chunkXDAVDVO6_cjs.cn(
-        "h-6 font-normal text-xs sm:text-sm px-1.5 sm:px-2 truncate max-w-25 sm:max-w-37.5",
-        isOver && !isCurrentFolder && "ring-2 ring-primary bg-primary/10 scale-105"
+      className: chunkCFLH4TCQ_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"
       ),
       onClick,
       type: "button",
@@ -2365,10 +2360,10 @@ var DroppablePathItem = (props) => {
 };
 var DrivePathBar = ({ className }) => {
   const { path, navigateToFolder } = useDrive();
-  return /* @__PURE__ */ jsxRuntime.jsx("ol", { className: chunkXDAVDVO6_cjs.cn("flex items-center gap-1 sm:gap-1.5 text-sm text-muted-foreground overflow-x-auto flex-nowrap min-w-0", className), "aria-label": "Breadcrumb", role: "navigation", children: path.map((item, index) => {
+  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) => {
     const isLast = index === path.length - 1;
-    return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-center gap-1 sm:gap-1.5 shrink-0", children: [
-      index > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground/50 text-xs", "aria-hidden": "true", children: "/" }),
+    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: "/" }),
       /* @__PURE__ */ jsxRuntime.jsx(
         DroppablePathItem,
         {
@@ -2385,15 +2380,15 @@ var UploadStatusIcon = (props) => {
   const { status } = props;
   switch (status) {
     case "complete":
-      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle2, { className: "size-4 text-emerald-500" });
+      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle2, { className: "nd:size-4 nd:text-emerald-500" });
     case "error":
-      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "size-4 text-destructive" });
+      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "nd:size-4 nd:text-destructive" });
     case "cancelled":
-      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-4 text-muted-foreground" });
+      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "nd:size-4 nd:text-muted-foreground" });
     case "uploading":
-      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-4 text-primary animate-spin" });
+      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "nd:size-4 nd:text-primary nd:animate-spin" });
     default:
-      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, { className: "size-4 text-muted-foreground" });
+      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, { className: "nd:size-4 nd:text-muted-foreground" });
   }
 };
 var LogViewerDialog = (props) => {
@@ -2413,9 +2408,9 @@ var LogViewerDialog = (props) => {
     a.click();
     URL.revokeObjectURL(url);
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { className: "sm:max-w-lg p-0 gap-0 max-h-[85vh] flex flex-col", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(DialogHeader, { className: "px-4 py-3 border-b", children: /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { className: "text-base truncate", children: upload.name }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sticky top-0 z-10 bg-background px-4 py-2 border-b flex items-center gap-2", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { className: "nd:sm:max-w-lg nd:p-0 nd:gap-0 nd:max-h-[85vh] nd:flex nd:flex-col", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DialogHeader, { className: "nd:px-4 nd:py-3 nd:border-b", children: /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { className: "nd:text-base nd:truncate", children: upload.name }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:sticky nd:top-0 nd:z-10 nd:bg-background nd:px-4 nd:py-2 nd:border-b nd:flex nd:items-center nd:gap-2", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         Button,
         {
@@ -2439,29 +2434,29 @@ var LogViewerDialog = (props) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 overflow-y-auto p-4 space-y-2", children: [
-      logs.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground text-center py-8", children: "No logs available" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:flex-1 nd:overflow-y-auto nd:p-4 nd:space-y-2", children: [
+      logs.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "nd:text-sm nd:text-muted-foreground nd:text-center nd:py-8", children: "No logs available" }),
       logs.map((log, index) => /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
-          className: chunkXDAVDVO6_cjs.cn(
-            "flex items-start gap-2 p-2 rounded-md border text-sm",
-            log.type === "error" && "bg-destructive/5 border-destructive/20",
-            log.type === "warning" && "bg-yellow-500/5 border-yellow-500/20",
-            log.type === "success" && "bg-emerald-500/5 border-emerald-500/20",
-            log.type === "info" && "bg-muted/50 border-border"
+          className: chunkCFLH4TCQ_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",
+            log.type === "success" && "nd:bg-emerald-500/5 nd:border-emerald-500/20",
+            log.type === "info" && "nd:bg-muted/50 nd:border-border"
           ),
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkXDAVDVO6_cjs.cn(
-              "shrink-0 size-1.5 rounded-full mt-1.5",
-              log.type === "error" && "bg-destructive",
-              log.type === "warning" && "bg-yellow-500",
-              log.type === "success" && "bg-emerald-500",
-              log.type === "info" && "bg-muted-foreground"
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkCFLH4TCQ_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",
+              log.type === "success" && "nd:bg-emerald-500",
+              log.type === "info" && "nd:bg-muted-foreground"
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0 space-y-1", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "break-words whitespace-pre-wrap", children: log.message }),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: new Date(log.timestamp).toLocaleTimeString() })
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:flex-1 nd:min-w-0 nd:space-y-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "nd:break-words nd:whitespace-pre-wrap", children: log.message }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "nd:text-xs nd:text-muted-foreground", children: new Date(log.timestamp).toLocaleTimeString() })
             ] })
           ]
         },
@@ -2500,7 +2495,7 @@ var DriveUpload = (props) => {
   }, [uploads, showUploadsDialog, manuallyOpened]);
   const filterFiles = React3.useCallback((files) => {
     if (!accept) return files;
-    return files.filter((file) => chunkXDAVDVO6_cjs.matchesMimeFilter(file.type, false, accept));
+    return files.filter((file) => chunkCFLH4TCQ_cjs.matchesMimeFilter(file.type, false, accept));
   }, [accept]);
   const handleFiles = React3.useCallback((files) => {
     if (!files || files.length === 0) return;
@@ -2523,33 +2518,33 @@ var DriveUpload = (props) => {
   }, [handleFiles]);
   const hasUploadsInProgress = uploads.some((u) => ["uploading", "queued", "pending"].includes(u.status));
   const activeUploads = uploads.filter((u) => ["uploading", "queued", "pending"].includes(u.status));
-  const renderDialog = () => /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open: showUploadsDialog, onOpenChange: setShowUploadsDialog, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { className: "sm:max-w-md p-0 gap-0", showCloseButton: false, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { className: "px-4 py-3 border-b flex-row items-center justify-between space-y-0", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { className: "text-base", children: "Upload Status" }),
+  const renderDialog = () => /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open: showUploadsDialog, onOpenChange: setShowUploadsDialog, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { className: "nd:sm:max-w-md nd:p-0 nd:gap-0", showCloseButton: false, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { className: "nd:px-4 nd:py-3 nd:border-b nd:flex-row nd:items-center nd:justify-between nd:space-y-0", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { className: "nd:text-base", children: "Upload Status" }),
       hasUploadsInProgress && /* @__PURE__ */ jsxRuntime.jsx(
         Button,
         {
           type: "button",
           size: "sm",
           variant: "ghost",
-          className: "text-destructive hover:text-destructive",
+          className: "nd:text-destructive nd:hover:text-destructive",
           onClick: cancelAllUploads,
           children: "Cancel All"
         }
       )
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "divide-y max-h-80 overflow-y-auto", children: [
-      uploads.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 text-center text-sm text-muted-foreground", children: "No uploads" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:divide-y nd:max-h-80 nd:overflow-y-auto", children: [
+      uploads.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:p-4 nd:text-center nd:text-sm nd:text-muted-foreground", children: "No uploads" }),
       uploads.map((upload) => {
         const percent = upload.status === "complete" ? 100 : upload.status === "error" || !upload.totalChunks ? 0 : Math.round(upload.currentChunk / upload.totalChunks * 100);
-        return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-4 py-2.5", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2 mb-1.5", children: [
+        return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:px-4 nd:py-2.5", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:flex nd:items-start nd:gap-2 nd:mb-1.5", children: [
             /* @__PURE__ */ jsxRuntime.jsx(UploadStatusIcon, { status: upload.status }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium truncate", children: upload.name }),
-              /* @__PURE__ */ jsxRuntime.jsxs("p", { className: chunkXDAVDVO6_cjs.cn(
-                "text-xs break-words",
-                upload.status === "error" ? "text-destructive" : "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: upload.name }),
+              /* @__PURE__ */ jsxRuntime.jsxs("p", { className: chunkCFLH4TCQ_cjs.cn(
+                "nd:text-xs nd:break-words",
+                upload.status === "error" ? "nd:text-destructive" : "nd:text-muted-foreground"
               ), children: [
                 upload.status === "uploading" && "Uploading...",
                 upload.status === "queued" && "Waiting in queue",
@@ -2559,17 +2554,17 @@ var DriveUpload = (props) => {
                 upload.status === "cancelled" && "Upload cancelled"
               ] })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 shrink-0", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:flex nd:items-center nd:gap-1 nd:shrink-0", children: [
               upload.logs && upload.logs.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
                 Button,
                 {
                   type: "button",
                   size: "icon",
                   variant: "ghost",
-                  className: "text-muted-foreground hover:text-foreground",
+                  className: "nd:text-muted-foreground nd:hover:text-foreground",
                   onClick: () => setLogViewerUpload(upload),
                   title: "View logs",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "size-3.5" })
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "nd:size-3.5" })
                 }
               ),
               ["uploading", "queued", "pending"].includes(upload.status) && /* @__PURE__ */ jsxRuntime.jsx(
@@ -2578,17 +2573,17 @@ var DriveUpload = (props) => {
                   type: "button",
                   size: "icon",
                   variant: "ghost",
-                  className: "text-muted-foreground hover:text-destructive",
+                  className: "nd:text-muted-foreground nd:hover:text-destructive",
                   onClick: () => cancelUpload(upload.id),
                   title: "Cancel",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-3.5" })
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "nd:size-3.5" })
                 }
               )
             ] })
           ] }),
-          upload.status === "uploading" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 pl-6", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Progress, { value: percent, className: "flex-1" }),
-            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs tabular-nums text-muted-foreground w-8", children: [
+          upload.status === "uploading" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:flex nd:items-center nd:gap-2 nd:pl-6", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Progress, { value: percent, className: "nd:flex-1" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "nd:text-xs nd:tabular-nums nd:text-muted-foreground nd:w-8", children: [
               percent,
               "%"
             ] })
@@ -2607,7 +2602,7 @@ var DriveUpload = (props) => {
           onOpenChange: (open) => !open && setLogViewerUpload(null)
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:flex nd:items-center nd:gap-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "input",
           {
@@ -2619,7 +2614,7 @@ var DriveUpload = (props) => {
               handleFiles(e.target.files);
               e.target.value = "";
             },
-            className: "hidden",
+            className: "nd:hidden",
             "aria-hidden": "true"
           }
         ),
@@ -2632,7 +2627,7 @@ var DriveUpload = (props) => {
             size: "sm",
             disabled: isLoading,
             title: "Refresh",
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { className: chunkXDAVDVO6_cjs.cn("!size-4 shrink-0", isLoading && "animate-spin") })
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { className: chunkCFLH4TCQ_cjs.cn("nd:size-4 nd:shrink-0", isLoading && "nd:animate-spin") })
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsxs(
@@ -2643,7 +2638,7 @@ var DriveUpload = (props) => {
             size: "sm",
             disabled: hasUploadsInProgress,
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Upload, { className: "!size-4 shrink-0" }),
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Upload, { className: "nd:size-4 nd:shrink-0" }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Upload" })
             ]
           }
@@ -2659,7 +2654,7 @@ var DriveUpload = (props) => {
               setShowUploadsDialog(true);
             },
             children: [
-              activeUploads.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "!size-4 shrink-0 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle2, { className: "!size-4 shrink-0" }),
+              activeUploads.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "nd:size-4 nd:shrink-0 nd:animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle2, { className: "nd:size-4 nd:shrink-0" }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { children: activeUploads.length > 0 ? `(${activeUploads.length})` : "Status" })
             ]
           }
@@ -2668,13 +2663,13 @@ var DriveUpload = (props) => {
       renderDialog()
     ] });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:w-full", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        className: chunkXDAVDVO6_cjs.cn(
-          "flex flex-col items-center justify-center p-8 border-2 border-dashed rounded-lg cursor-pointer transition-colors",
-          isDragging ? "border-primary bg-primary/5" : "border-muted-foreground/25 hover:border-primary/50 hover:bg-muted/50"
+        className: chunkCFLH4TCQ_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"
         ),
         onDragEnter: (e) => handleDrag(e, true),
         onDragLeave: (e) => handleDrag(e, false),
@@ -2696,18 +2691,18 @@ var DriveUpload = (props) => {
                 handleFiles(e.target.files);
                 e.target.value = "";
               },
-              className: "hidden",
+              className: "nd:hidden",
               "aria-hidden": "true"
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-2 text-center", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-3 rounded-full bg-background border shadow-sm", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Upload, { className: "size-6 text-muted-foreground" }) }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium text-foreground", children: isDragging ? "Drop files here" : "Click or drag files to upload" })
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:flex nd:flex-col nd:items-center nd:gap-2 nd:text-center", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:p-3 nd:rounded-full nd:bg-background nd:border nd:shadow-sm", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Upload, { className: "nd:size-6 nd:text-muted-foreground" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:text-sm nd:font-medium nd:text-foreground", children: isDragging ? "Drop files here" : "Click or drag files to upload" })
           ] })
         ]
       }
     ),
-    hasUploadsInProgress && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 text-center", children: /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "link", onClick: () => {
+    hasUploadsInProgress && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:mt-4 nd:text-center", children: /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "link", onClick: () => {
       setManuallyOpened(true);
       setShowUploadsDialog(true);
     }, children: "View Upload Progress" }) }),
@@ -2732,28 +2727,28 @@ var DriveStorageIndicator = (props) => {
   const { usedInBytes, totalInBytes, percentage } = quota;
   const isNearFull = percentage >= 90;
   const isFull = percentage >= 100;
-  const stateColor = isFull ? "text-destructive" : isNearFull ? "text-yellow-600 dark:text-yellow-500" : "text-primary";
+  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: chunkXDAVDVO6_cjs.cn("flex items-center gap-3 text-xs font-medium text-muted-foreground", className), children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "shrink-0 flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Cloud, { className: "size-3.5" }),
+    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: [
+      /* @__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: chunkXDAVDVO6_cjs.cn("bg-gradient-to-r from-blue-500 to-cyan-500", isNearFull && "from-yellow-500 to-orange-500", isFull && "bg-destructive"), className: "w-24 sm:w-32" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "shrink-0 whitespace-nowrap", children: [
-        chunkXDAVDVO6_cjs.formatBytes(usedInBytes),
+      /* @__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.jsxs("span", { className: "nd:shrink-0 nd:whitespace-nowrap", children: [
+        chunkCFLH4TCQ_cjs.formatBytes(usedInBytes),
         " / ",
-        chunkXDAVDVO6_cjs.formatBytes(totalInBytes)
+        chunkCFLH4TCQ_cjs.formatBytes(totalInBytes)
       ] })
     ] });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2 mb-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Cloud, { className: chunkXDAVDVO6_cjs.cn("size-4", stateColor) }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Storage" })
+    /* @__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("span", { className: "nd:text-xs nd:font-medium nd:text-muted-foreground", children: "Storage" })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs font-semibold tabular-nums", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "nd:text-xs nd:font-semibold nd:tabular-nums", children: [
         percentage,
         "%"
       ] })
@@ -2762,22 +2757,22 @@ var DriveStorageIndicator = (props) => {
       Progress,
       {
         value: percentage,
-        className: "h-1.5",
-        indicatorClassName: chunkXDAVDVO6_cjs.cn(
-          "transition-all duration-500",
-          isFull ? "bg-destructive" : isNearFull ? "bg-yellow-500" : "bg-gradient-to-r from-blue-500 to-purple-500"
+        className: "nd:h-1.5",
+        indicatorClassName: chunkCFLH4TCQ_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: "flex justify-between items-center mt-1.5", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-muted-foreground tabular-nums", children: chunkXDAVDVO6_cjs.formatBytes(usedInBytes) }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-muted-foreground tabular-nums", children: chunkXDAVDVO6_cjs.formatBytes(totalInBytes) })
+    /* @__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) })
     ] }),
-    isNearFull && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkXDAVDVO6_cjs.cn(
-      "flex items-center gap-1.5 text-[10px] font-medium px-2 py-1 rounded-md mt-2",
-      isFull ? "bg-destructive/10 text-destructive" : "bg-yellow-500/10 text-yellow-600 dark:text-yellow-500"
+    isNearFull && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkCFLH4TCQ_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: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "size-3 shrink-0" }),
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "nd:size-3 nd:shrink-0" }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { children: isFull ? "Storage full" : "Almost full" })
     ] })
   ] });
@@ -2886,40 +2881,40 @@ var ChooserSidebar = (props) => {
     setOauthLoading(false);
     setOauthAbort(null);
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col h-full w-full bg-muted/5 dark:bg-muted/10", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-2 border-b border-border/50", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:flex nd:flex-col nd:h-full nd:w-full nd:bg-muted/5 nd:dark:bg-muted/10", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:p-2 nd:border-b nd:border-border/50", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:flex nd:items-center nd:gap-1", children: [
       isDropdownDisabled ? (
         /* Static display when no accounts and no providers */
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex items-center gap-2 px-2 h-11 min-w-0", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-7 rounded-md flex items-center justify-center shrink-0 bg-emerald-500/10 text-emerald-600 dark:bg-emerald-500/20 dark:text-emerald-400", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.HardDrive, { className: "size-3.5" }) }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col min-w-0", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium truncate", children: "Local Storage" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] text-muted-foreground truncate", children: "On this device" })
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:flex-1 nd:flex nd:items-center nd:gap-2 nd:px-2 nd:h-11 nd:min-w-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:size-7 nd:rounded-md nd:flex nd:items-center nd:justify-center nd:shrink-0 nd:bg-emerald-500/10 nd:text-emerald-600 nd:dark:bg-emerald-500/20 nd:dark:text-emerald-400", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.HardDrive, { className: "nd:size-3.5" }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:flex nd:flex-col nd:min-w-0", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nd:text-sm nd:font-medium nd:truncate", children: "Local Storage" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nd:text-[11px] nd:text-muted-foreground nd:truncate", children: "On this device" })
           ] })
         ] })
       ) : /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { open: dropdownOpen, onOpenChange: setDropdownOpen, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "ghost", className: "flex-1 min-w-0 justify-between px-2 h-11 hover:bg-muted/50 dark:hover:bg-muted/30", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-left min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkXDAVDVO6_cjs.cn(
-              "size-7 rounded-md flex items-center justify-center shrink-0",
-              activeAccountId ? "bg-blue-500/10 text-blue-600 dark:bg-blue-500/20 dark:text-blue-400" : "bg-emerald-500/10 text-emerald-600 dark:bg-emerald-500/20 dark:text-emerald-400"
-            ), children: activeAccountId ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Database, { className: "size-3.5" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.HardDrive, { className: "size-3.5" }) }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col min-w-0", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium truncate", children: currentAccountName }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] text-muted-foreground truncate", children: currentAccountEmail })
+        /* @__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(
+              "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" }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:flex nd:flex-col nd:min-w-0", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nd:text-sm nd:font-medium nd:truncate", children: currentAccountName }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nd:text-[11px] nd:text-muted-foreground nd:truncate", children: currentAccountEmail })
             ] })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsUpDown, { className: "size-3.5 text-muted-foreground/60 shrink-0" })
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsUpDown, { className: "nd:size-3.5 nd:text-muted-foreground/60 nd:shrink-0" })
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuContent, { className: "w-56", align: "start", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuLabel, { className: "text-[11px] font-medium text-muted-foreground uppercase tracking-wide", children: "Storage" }),
+        /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuContent, { className: "nd:w-56", align: "start", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuLabel, { className: "nd:text-[11px] nd:font-medium nd:text-muted-foreground nd:uppercase nd:tracking-wide", children: "Storage" }),
           /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuItem, { onClick: () => {
             setActiveAccountId(null);
             setCurrentView("BROWSE");
             onNavigate?.();
-          }, className: "gap-2 py-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 text-sm", children: "Local Storage" }),
-            activeAccountId === null && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "size-3.5 text-primary" })
+          }, className: "nd:gap-2 nd:py-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nd:flex-1 nd:text-sm", children: "Local Storage" }),
+            activeAccountId === null && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "nd:size-3.5 nd:text-primary" })
           ] }),
           accounts.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {}),
           accounts.map((account) => /* @__PURE__ */ jsxRuntime.jsxs(
@@ -2930,13 +2925,13 @@ var ChooserSidebar = (props) => {
                 setCurrentView("BROWSE");
                 onNavigate?.();
               },
-              className: "gap-2 py-2",
+              className: "nd:gap-2 nd:py-2",
               children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm truncate", children: account.name }),
-                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground truncate", children: account.email })
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:flex-1 nd:min-w-0", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "nd:text-sm nd:truncate", children: account.name }),
+                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "nd:text-[10px] nd:text-muted-foreground nd:truncate", children: account.email })
                 ] }),
-                activeAccountId === account.id && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "size-3.5 text-primary" })
+                activeAccountId === account.id && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "nd:size-3.5 nd:text-primary" })
               ]
             },
             account.id
@@ -2944,9 +2939,9 @@ var ChooserSidebar = (props) => {
           hasAnyProvider && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {}),
             /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuSub, { children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuSubTrigger, { className: "gap-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "size-3.5" }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: "Add Account" })
+              /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuSubTrigger, { className: "nd:gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "nd:size-3.5" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nd:text-sm", children: "Add Account" })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSubContent, { children: availableProviders.google && /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuItem, { onClick: openOAuthPopup, children: "Google Drive" }) })
             ] })
@@ -2954,39 +2949,39 @@ var ChooserSidebar = (props) => {
         ] })
       ] }),
       currentAccount && /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "ghost", size: "icon", className: "size-9 shrink-0 hover:bg-muted/50 dark:hover:bg-muted/30", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings2, { className: "size-4 text-muted-foreground" }) }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuContent, { align: "end", className: "w-40", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuLabel, { className: "text-xs text-muted-foreground truncate", children: currentAccount.name }),
+        /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "ghost", size: "icon", className: "nd:size-9 nd:shrink-0 nd:hover:bg-muted/50 nd:dark:hover:bg-muted/30", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings2, { className: "nd:size-4 nd:text-muted-foreground" }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuContent, { align: "end", className: "nd:w-40", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuLabel, { className: "nd:text-xs nd:text-muted-foreground nd:truncate", children: currentAccount.name }),
           /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {}),
           /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuItem, { onClick: () => {
             setRenameDialog({ open: true, account: currentAccount });
           }, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pencil, { className: "size-3.5 mr-2" }),
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pencil, { className: "nd:size-3.5 nd:mr-2" }),
             " Rename"
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuItem, { onClick: openOAuthPopup, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { className: "size-3.5 mr-2" }),
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { className: "nd:size-3.5 nd:mr-2" }),
             " Reconnect"
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuItem, { className: "text-destructive focus:text-destructive", onClick: () => setDeleteDialog({ open: true, account: currentAccount }), children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash, { className: "size-3.5 mr-2" }),
+          /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuItem, { className: "nd:text-destructive nd:focus:text-destructive", onClick: () => setDeleteDialog({ open: true, account: currentAccount }), children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash, { className: "nd:size-3.5 nd:mr-2" }),
             " Disconnect"
           ] })
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("nav", { className: "flex-1 p-2 space-y-0.5", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("nav", { className: "nd:flex-1 nd:p-2 nd:space-y-0.5", children: [
       /* @__PURE__ */ jsxRuntime.jsxs(
         Button,
         {
           variant: "ghost",
-          className: chunkXDAVDVO6_cjs.cn("w-full justify-start gap-2.5 h-9 px-2.5 font-medium", currentView !== "TRASH" ? "bg-primary/10 text-primary hover:bg-primary/15" : "hover:bg-muted/50"),
+          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"),
           onClick: () => {
             setCurrentView("BROWSE");
             onNavigate?.();
           },
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FolderOpen, { className: "size-4" }),
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FolderOpen, { className: "nd:size-4" }),
             " My Files"
           ]
         }
@@ -2995,19 +2990,19 @@ var ChooserSidebar = (props) => {
         Button,
         {
           variant: "ghost",
-          className: chunkXDAVDVO6_cjs.cn("w-full justify-start gap-2.5 h-9 px-2.5 font-medium", currentView === "TRASH" ? "bg-destructive/10 text-destructive hover:bg-destructive/15" : "hover:bg-muted/50"),
+          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"),
           onClick: () => {
             setCurrentView("TRASH");
             onNavigate?.();
           },
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "size-4" }),
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "nd:size-4" }),
             " Trash"
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-2.5 border-t border-border/50 bg-background/50 dark:bg-background/30", children: /* @__PURE__ */ jsxRuntime.jsx(DriveStorageIndicator, {}) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:p-2.5 nd:border-t nd:border-border/50 nd:bg-background/50 nd:dark:bg-background/30", children: /* @__PURE__ */ jsxRuntime.jsx(DriveStorageIndicator, {}) }),
     /* @__PURE__ */ jsxRuntime.jsx(
       RenameAccountDialog,
       {
@@ -3027,11 +3022,11 @@ var ChooserSidebar = (props) => {
         onConfirm: handleDelete
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open: oauthLoading, onOpenChange: (open) => !open && cancelOAuth(), children: /* @__PURE__ */ jsxRuntime.jsx(DialogContent, { className: "sm:max-w-xs", showCloseButton: false, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-4 py-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-8 text-primary animate-spin" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { className: "text-base", children: "Connecting..." }),
-        /* @__PURE__ */ jsxRuntime.jsx(DialogDescription, { className: "text-sm mt-1", children: "Preparing Google authentication" })
+    /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open: oauthLoading, onOpenChange: (open) => !open && cancelOAuth(), children: /* @__PURE__ */ jsxRuntime.jsx(DialogContent, { className: "nd:sm:max-w-xs", showCloseButton: false, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:flex nd:flex-col nd:items-center nd:gap-4 nd:py-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "nd:size-8 nd:text-primary nd:animate-spin" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:text-center", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { className: "nd:text-base", children: "Connecting..." }),
+        /* @__PURE__ */ jsxRuntime.jsx(DialogDescription, { className: "nd:text-sm nd:mt-1", children: "Preparing Google authentication" })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "outline", size: "sm", onClick: cancelOAuth, children: "Cancel" })
     ] }) }) })
@@ -3040,10 +3035,10 @@ var ChooserSidebar = (props) => {
 var MobileSidebarSheet = () => {
   const [sheetOpen, setSheetOpen] = React3.useState(false);
   return /* @__PURE__ */ jsxRuntime.jsxs(Sheet, { open: sheetOpen, onOpenChange: setSheetOpen, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "ghost", size: "icon", className: "size-9 md:hidden shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Menu, { className: "size-5" }) }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(SheetContent, { side: "left", className: "w-72 p-0", hideCloseButton: true, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(SheetTitle, { className: "sr-only", children: "Navigation" }),
-      /* @__PURE__ */ jsxRuntime.jsx(SheetDescription, { className: "sr-only", children: "Storage and navigation" }),
+    /* @__PURE__ */ jsxRuntime.jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "ghost", size: "icon", className: "nd:size-9 nd:md:hidden nd:shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Menu, { className: "nd:size-5" }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(SheetContent, { side: "left", className: "nd:w-72 nd:p-0", hideCloseButton: true, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(SheetTitle, { className: "nd:sr-only", children: "Navigation" }),
+      /* @__PURE__ */ jsxRuntime.jsx(SheetDescription, { className: "nd:sr-only", children: "Storage and navigation" }),
       /* @__PURE__ */ jsxRuntime.jsx(ChooserSidebar, { onNavigate: () => setSheetOpen(false) })
     ] })
   ] });
@@ -3089,7 +3084,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: chunkXDAVDVO6_cjs.cn("w-full", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkCFLH4TCQ_cjs.cn("nd:w-full", className), children: [
     !hasSelection ? /* @__PURE__ */ jsxRuntime.jsxs(
       Button,
       {
@@ -3097,75 +3092,75 @@ var DriveFileChooser = (props) => {
         variant: "outline",
         onClick: () => setIsOpen(true),
         disabled,
-        className: chunkXDAVDVO6_cjs.cn(
-          "w-full h-auto justify-start gap-3 px-3 py-2.5 border-dashed",
-          error && "border-destructive"
+        className: chunkCFLH4TCQ_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: chunkXDAVDVO6_cjs.cn(
-            "size-9 rounded-lg flex items-center justify-center shrink-0",
-            error ? "bg-destructive/10 text-destructive" : "bg-muted/50 text-muted-foreground"
-          ), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Upload, { className: "size-4" }) }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0 text-left", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: chunkXDAVDVO6_cjs.cn("text-sm font-medium", error && "text-destructive"), children: multiple ? "Select files" : "Select a file" }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground font-normal truncate", children: placeholder })
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkCFLH4TCQ_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: "nd:text-xs nd:text-muted-foreground nd:font-normal nd:truncate", children: placeholder })
           ] })
         ]
       }
     ) : (
       /* Selected Files Display */
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkXDAVDVO6_cjs.cn("rounded-lg border", error ? "border-destructive" : "border-border", disabled && "opacity-50"), children: [
-        !multiple && displayFiles[0] && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 p-2.5", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-12 rounded-lg overflow-hidden bg-muted/30 flex items-center justify-center 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: "size-full object-cover" }) : chunkXDAVDVO6_cjs.getFileIcon(displayFiles[0].file.mime, false, "size-6 text-muted-foreground") }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium truncate", children: displayFiles[0].file.name }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: displayFiles[0].file.mime || "File" })
+      /* @__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: [
+        !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.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" })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 shrink-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:flex nd:items-center nd:gap-1 nd:shrink-0", children: [
             /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => setIsOpen(true), disabled, children: "Change" }),
-            !disabled && /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "ghost", size: "icon", className: "size-8", onClick: () => handleRemove(displayFiles[0].id), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-4" }) })
+            !disabled && /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "ghost", size: "icon", className: "nd:size-8", onClick: () => handleRemove(displayFiles[0].id), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "nd:size-4" }) })
           ] })
         ] }),
         multiple && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-3 py-2 border-b bg-muted/20", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-muted-foreground font-medium", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:flex nd:items-center nd:justify-between nd:px-3 nd:py-2 nd:border-b nd:bg-muted/20", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "nd:text-xs nd:text-muted-foreground nd:font-medium", children: [
               displayFiles.length,
               " file",
               displayFiles.length !== 1 ? "s" : "",
               " selected"
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "h-7 text-xs", onClick: () => setIsOpen(true), disabled, children: "Add more" }),
-              !disabled && /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "h-7 text-xs text-muted-foreground", onClick: () => onChange([]), children: "Clear" })
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:flex nd:items-center nd:gap-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "nd:h-7 nd:text-xs", onClick: () => setIsOpen(true), disabled, children: "Add more" }),
+              !disabled && /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "nd:h-7 nd:text-xs nd:text-muted-foreground", onClick: () => onChange([]), children: "Clear" })
             ] })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-40 overflow-y-auto divide-y divide-border/50", children: displayFiles.map((file) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2.5 px-3 py-2 hover:bg-muted/20", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-8 rounded overflow-hidden bg-muted/30 flex items-center justify-center shrink-0", children: file.file.mime.startsWith("image/") ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: createUrl(file, { quality: "ultralow", format: "webp" }), alt: file.file.name, className: "size-full object-cover" }) : chunkXDAVDVO6_cjs.getFileIcon(file.file.mime, false, "size-4 text-muted-foreground") }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 text-sm truncate", children: file.file.name }),
-            !disabled && /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "ghost", size: "icon", className: "size-7 shrink-0", onClick: () => handleRemove(file.id), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-3.5" }) })
+          /* @__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("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)) })
         ] })
       ] })
     ),
-    error && helperText && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-destructive mt-1.5", children: helperText }),
-    /* @__PURE__ */ jsxRuntime.jsx(Dialog2, { open: isOpen, onOpenChange: setIsOpen, children: /* @__PURE__ */ jsxRuntime.jsxs(Dialog2Content, { showCloseButton: false, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(Dialog2Header, { className: "gap-2", children: [
+    error && helperText && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "nd:text-xs nd:text-destructive nd:mt-1.5", children: helperText }),
+    /* @__PURE__ */ jsxRuntime.jsx(Dialog2, { open: isOpen, onOpenChange: setIsOpen, children: /* @__PURE__ */ jsxRuntime.jsxs(Dialog2Content, { showCloseButton: false, className: "nd-drive-root", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(Dialog2Header, { className: "nd:gap-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx(MobileSidebarSheet, {}),
-        /* @__PURE__ */ jsxRuntime.jsxs(Dialog2Title, { className: "flex-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(Dialog2Title, { className: "nd:flex-1", children: [
           "Select ",
           multiple ? "Files" : "File"
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "ghost", size: "icon", className: "size-8", onClick: () => setIsOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-4" }) })
+        /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "ghost", size: "icon", className: "nd:size-8", onClick: () => setIsOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "nd:size-4" }) })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(Dialog2Body, { className: "flex flex-col md:flex-row", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden md:flex w-52 lg:w-56 border-r shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(ChooserSidebar, {}) }),
-        /* @__PURE__ */ jsxRuntime.jsx(DriveDndProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col min-w-0 min-h-0", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(DriveHeader, { className: "border-b" }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 px-3 py-2 border-b bg-muted/20 dark:bg-muted/10", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(DrivePathBar, { className: "flex-1" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(Dialog2Body, { className: "nd:flex nd:flex-col nd:md:flex-row", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:hidden nd:md:flex nd:w-52 nd:lg:w-56 nd:border-r nd:shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(ChooserSidebar, {}) }),
+        /* @__PURE__ */ jsxRuntime.jsx(DriveDndProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:flex-1 nd:flex nd:flex-col nd:min-w-0 nd:min-h-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(DriveHeader, { className: "nd:border-b" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:flex nd:items-center nd:gap-2 nd:px-3 nd:py-2 nd:border-b nd:bg-muted/20 nd:dark:bg-muted/10", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(DrivePathBar, { className: "nd:flex-1" }),
             /* @__PURE__ */ jsxRuntime.jsx(DriveUpload, { compact: true, accept })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(DriveFileGrid, { mimeFilter: accept, className: "flex-1" })
+          /* @__PURE__ */ jsxRuntime.jsx(DriveFileGrid, { mimeFilter: accept, className: "nd:flex-1" })
         ] }) })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs(Dialog2Footer, { children: [
@@ -3292,40 +3287,40 @@ var SidebarContent = (props) => {
     setOauthLoading(false);
     setOauthAbort(null);
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full h-full flex flex-col bg-muted/5 dark:bg-muted/10", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-2 border-b border-border/50", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:w-full nd:h-full nd:flex nd:flex-col nd:bg-muted/5 nd:dark:bg-muted/10", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:p-2 nd:border-b nd:border-border/50", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:flex nd:items-center nd:gap-1", children: [
       isDropdownDisabled ? (
         /* Static display when no accounts and no providers */
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex items-center gap-2.5 px-2 h-11 min-w-0", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-7 rounded-md flex items-center justify-center shrink-0 bg-emerald-500/10 text-emerald-600 dark:bg-emerald-500/20 dark:text-emerald-400", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.HardDrive, { className: "size-3.5" }) }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col min-w-0", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium truncate", children: "Local Storage" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] text-muted-foreground truncate", children: "On this device" })
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:flex-1 nd:flex nd:items-center nd:gap-2.5 nd:px-2 nd:h-11 nd:min-w-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:size-7 nd:rounded-md nd:flex nd:items-center nd:justify-center nd:shrink-0 nd:bg-emerald-500/10 nd:text-emerald-600 nd:dark:bg-emerald-500/20 nd:dark:text-emerald-400", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.HardDrive, { className: "nd:size-3.5" }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:flex nd:flex-col nd:min-w-0", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nd:text-sm nd:font-medium nd:truncate", children: "Local Storage" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nd:text-[11px] nd:text-muted-foreground nd:truncate", children: "On this device" })
           ] })
         ] })
       ) : /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { open: dropdownOpen, onOpenChange: setDropdownOpen, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "ghost", className: "flex-1 min-w-0 justify-between px-2 h-11 hover:bg-muted/50 dark:hover:bg-muted/30", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2.5 text-left min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkXDAVDVO6_cjs.cn(
-              "size-7 rounded-md flex items-center justify-center shrink-0",
-              activeAccountId ? "bg-blue-500/10 text-blue-600 dark:bg-blue-500/20 dark:text-blue-400" : "bg-emerald-500/10 text-emerald-600 dark:bg-emerald-500/20 dark:text-emerald-400"
-            ), children: activeAccountId ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Database, { className: "size-3.5" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.HardDrive, { className: "size-3.5" }) }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col min-w-0", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium truncate", children: currentAccountName }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] text-muted-foreground truncate", children: currentAccountEmail })
+        /* @__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(
+              "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" }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:flex nd:flex-col nd:min-w-0", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nd:text-sm nd:font-medium nd:truncate", children: currentAccountName }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nd:text-[11px] nd:text-muted-foreground nd:truncate", children: currentAccountEmail })
             ] })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsUpDown, { className: "size-3.5 text-muted-foreground/60 shrink-0" })
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsUpDown, { className: "nd:size-3.5 nd:text-muted-foreground/60 nd:shrink-0" })
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuContent, { className: "w-56", align: "start", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuLabel, { className: "text-[11px] font-medium text-muted-foreground uppercase tracking-wide", children: "Storage" }),
+        /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuContent, { className: "nd:w-56", align: "start", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuLabel, { className: "nd:text-[11px] nd:font-medium nd:text-muted-foreground nd:uppercase nd:tracking-wide", children: "Storage" }),
           /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuItem, { onClick: () => {
             setActiveAccountId(null);
             setCurrentView("BROWSE");
             onNavigate?.();
-          }, className: "gap-2 py-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 text-sm", children: "Local Storage" }),
-            activeAccountId === null && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "size-3.5 text-primary" })
+          }, className: "nd:gap-2 nd:py-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nd:flex-1 nd:text-sm", children: "Local Storage" }),
+            activeAccountId === null && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "nd:size-3.5 nd:text-primary" })
           ] }),
           accounts.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {}),
           accounts.map((account) => /* @__PURE__ */ jsxRuntime.jsxs(
@@ -3336,13 +3331,13 @@ var SidebarContent = (props) => {
                 setCurrentView("BROWSE");
                 onNavigate?.();
               },
-              className: "gap-2 py-2",
+              className: "nd:gap-2 nd:py-2",
               children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm truncate", children: account.name }),
-                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground truncate", children: account.email })
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:flex-1 nd:min-w-0", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "nd:text-sm nd:truncate", children: account.name }),
+                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "nd:text-[10px] nd:text-muted-foreground nd:truncate", children: account.email })
                 ] }),
-                activeAccountId === account.id && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "size-3.5 text-primary" })
+                activeAccountId === account.id && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "nd:size-3.5 nd:text-primary" })
               ]
             },
             account.id
@@ -3350,9 +3345,9 @@ var SidebarContent = (props) => {
           hasAnyProvider && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {}),
             /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuSub, { children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuSubTrigger, { className: "gap-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "size-3.5" }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: "Add Account" })
+              /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuSubTrigger, { className: "nd:gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "nd:size-3.5" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nd:text-sm", children: "Add Account" })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSubContent, { children: availableProviders.google && /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuItem, { onClick: openOAuthPopup, children: "Google Drive" }) })
             ] })
@@ -3365,30 +3360,30 @@ var SidebarContent = (props) => {
           {
             variant: "ghost",
             size: "icon",
-            className: "size-9 shrink-0 hover:bg-muted/50 dark:hover:bg-muted/30",
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings2, { className: "size-4 text-muted-foreground" })
+            className: "nd:size-9 nd:shrink-0 nd:hover:bg-muted/50 nd:dark:hover:bg-muted/30",
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings2, { className: "nd:size-4 nd:text-muted-foreground" })
           }
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuContent, { align: "end", className: "w-40", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuLabel, { className: "text-xs text-muted-foreground truncate", children: currentAccount.name }),
+        /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuContent, { align: "end", className: "nd:w-40", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuLabel, { className: "nd:text-xs nd:text-muted-foreground nd:truncate", children: currentAccount.name }),
           /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {}),
           /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuItem, { onClick: () => {
             setRenameDialog({ open: true, account: currentAccount });
           }, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pencil, { className: "size-3.5 mr-2" }),
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pencil, { className: "nd:size-3.5 nd:mr-2" }),
             "Rename"
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuItem, { onClick: openOAuthPopup, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { className: "size-3.5 mr-2" }),
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { className: "nd:size-3.5 nd:mr-2" }),
             "Reconnect"
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs(
             DropdownMenuItem,
             {
-              className: "text-destructive focus:text-destructive",
+              className: "nd:text-destructive nd:focus:text-destructive",
               onClick: () => setDeleteDialog({ open: true, account: currentAccount }),
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash, { className: "size-3.5 mr-2" }),
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash, { className: "nd:size-3.5 nd:mr-2" }),
                 "Disconnect"
               ]
             }
@@ -3396,21 +3391,21 @@ var SidebarContent = (props) => {
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("nav", { className: "flex-1 p-2 space-y-0.5", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("nav", { className: "nd:flex-1 nd:p-2 nd:space-y-0.5", children: [
       /* @__PURE__ */ jsxRuntime.jsxs(
         Button,
         {
           variant: "ghost",
-          className: chunkXDAVDVO6_cjs.cn(
-            "w-full justify-start gap-2.5 h-9 px-2.5 font-medium",
-            currentView !== "TRASH" ? "bg-primary/10 text-primary hover:bg-primary/15 dark:bg-primary/15 dark:hover:bg-primary/20" : "hover:bg-muted/50 dark:hover:bg-muted/30"
+          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:dark:bg-primary/15 nd:dark:hover:bg-primary/20" : "nd:hover:bg-muted/50 nd:dark:hover:bg-muted/30"
           ),
           onClick: () => {
             setCurrentView("BROWSE");
             onNavigate?.();
           },
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FolderOpen, { className: "size-4" }),
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FolderOpen, { className: "nd:size-4" }),
             "My Files"
           ]
         }
@@ -3419,22 +3414,22 @@ var SidebarContent = (props) => {
         Button,
         {
           variant: "ghost",
-          className: chunkXDAVDVO6_cjs.cn(
-            "w-full justify-start gap-2.5 h-9 px-2.5 font-medium",
-            currentView === "TRASH" ? "bg-destructive/10 text-destructive hover:bg-destructive/15 dark:bg-destructive/15" : "hover:bg-muted/50 dark:hover:bg-muted/30"
+          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:dark:bg-destructive/15" : "nd:hover:bg-muted/50 nd:dark:hover:bg-muted/30"
           ),
           onClick: () => {
             setCurrentView("TRASH");
             onNavigate?.();
           },
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "size-4" }),
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "nd:size-4" }),
             "Trash"
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-2.5 border-t border-border/50 bg-background/50 dark:bg-background/30", children: /* @__PURE__ */ jsxRuntime.jsx(DriveStorageIndicator, {}) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:p-2.5 nd:border-t nd:border-border/50 nd:bg-background/50 nd:dark:bg-background/30", children: /* @__PURE__ */ jsxRuntime.jsx(DriveStorageIndicator, {}) }),
     /* @__PURE__ */ jsxRuntime.jsx(
       RenameAccountDialog,
       {
@@ -3454,11 +3449,11 @@ var SidebarContent = (props) => {
         onConfirm: handleDelete
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open: oauthLoading, onOpenChange: (open) => !open && cancelOAuth(), children: /* @__PURE__ */ jsxRuntime.jsx(DialogContent, { className: "sm:max-w-xs", showCloseButton: false, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-4 py-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-8 text-primary animate-spin" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { className: "text-base", children: "Connecting..." }),
-        /* @__PURE__ */ jsxRuntime.jsx(DialogDescription, { className: "text-sm mt-1", children: "Preparing Google authentication" })
+    /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open: oauthLoading, onOpenChange: (open) => !open && cancelOAuth(), children: /* @__PURE__ */ jsxRuntime.jsx(DialogContent, { className: "nd:sm:max-w-xs", showCloseButton: false, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:flex nd:flex-col nd:items-center nd:gap-4 nd:py-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "nd:size-8 nd:text-primary nd:animate-spin" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:text-center", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { className: "nd:text-base", children: "Connecting..." }),
+        /* @__PURE__ */ jsxRuntime.jsx(DialogDescription, { className: "nd:text-sm nd:mt-1", children: "Preparing Google authentication" })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "outline", size: "sm", onClick: cancelOAuth, children: "Cancel" })
     ] }) }) })
@@ -3467,10 +3462,10 @@ var SidebarContent = (props) => {
 var DriveSidebar = ({ className }) => {
   const [sheetOpen, setSheetOpen] = React3.useState(false);
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className, children: /* @__PURE__ */ jsxRuntime.jsxs(Sheet, { open: sheetOpen, onOpenChange: setSheetOpen, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "ghost", size: "icon", className: "size-9", "aria-label": "Open menu", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Menu, { className: "size-5" }) }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(SheetContent, { side: "left", className: "w-70 sm:w-80 p-0", hideCloseButton: true, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(SheetTitle, { className: "sr-only", children: "Navigation Menu" }),
-      /* @__PURE__ */ jsxRuntime.jsx(SheetDescription, { className: "sr-only", children: "Storage accounts and navigation" }),
+    /* @__PURE__ */ jsxRuntime.jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "ghost", size: "icon", className: "nd:size-9", "aria-label": "Open menu", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Menu, { className: "nd:size-5" }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(SheetContent, { side: "left", className: "nd:w-70 nd:sm:w-80 nd:p-0", hideCloseButton: true, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(SheetTitle, { className: "nd:sr-only", children: "Navigation Menu" }),
+      /* @__PURE__ */ jsxRuntime.jsx(SheetDescription, { className: "nd:sr-only", children: "Storage accounts and navigation" }),
       /* @__PURE__ */ jsxRuntime.jsx(SidebarContent, { onNavigate: () => setSheetOpen(false) })
     ] })
   ] }) });
@@ -3590,7 +3585,7 @@ var DriveExplorer = (props) => {
   const processedItems = React3.useMemo(() => {
     let filtered = items;
     if (mimeFilter) {
-      filtered = filtered.filter((item) => chunkXDAVDVO6_cjs.matchesMimeFilter(item.information.type === "FILE" ? item.information.mime : "", item.information.type === "FOLDER", mimeFilter));
+      filtered = filtered.filter((item) => chunkCFLH4TCQ_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;
@@ -3675,47 +3670,47 @@ var DriveExplorer = (props) => {
   const enableDrag = currentView === "BROWSE";
   const stateContent = (() => {
     if (isLoading && items.length === 0) {
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center py-12 flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-6 animate-spin text-muted-foreground" }) });
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:flex nd:items-center nd:justify-center nd:py-12 nd:flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "nd:size-6 nd:animate-spin nd:text-muted-foreground" }) });
     }
     if (error) {
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center p-12 text-destructive bg-destructive/10 rounded-lg flex-1", children: error });
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:flex nd:items-center nd:justify-center nd:p-12 nd:text-destructive nd:bg-destructive/10 nd:rounded-lg nd:flex-1", children: error });
     }
     if (processedItems.length === 0) {
       return /* @__PURE__ */ jsxRuntime.jsxs(ContextMenu, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ContextMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkXDAVDVO6_cjs.cn("flex flex-col items-center justify-center py-12 text-center flex-1", className), children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-12 rounded-full bg-muted flex items-center justify-center mb-3", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Folder, { className: "size-6 text-muted-foreground" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: currentView === "SEARCH" ? "No files match your search" : currentView === "TRASH" ? "Trash is empty" : "No files found" })
+        /* @__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("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" })
         ] }) }),
         /* @__PURE__ */ jsxRuntime.jsx(ContextMenuContent, { children: currentView === "BROWSE" ? /* @__PURE__ */ jsxRuntime.jsxs(ContextMenuItem, { onClick: () => setDialogs((prev) => ({ ...prev, newFolder: true })), children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FolderPlus, { className: "mr-2 size-4" }),
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FolderPlus, { className: "nd:mr-2 nd:size-4" }),
           " New Folder"
-        ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2 py-6 text-center", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "No actions available" }) }) })
+        ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:px-2 nd:py-6 nd:text-center", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "nd:text-xs nd:text-muted-foreground", children: "No actions available" }) }) })
       ] });
     }
     return null;
   })();
-  return /* @__PURE__ */ jsxRuntime.jsx(core.DndContext, { sensors, collisionDetection: core.closestCenter, onDragStart: handleDragStart, onDragOver: handleDragOver, onDragEnd: handleDragEnd, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col h-full w-full overflow-hidden bg-background/50 dark:bg-background/30 relative", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(core.DndContext, { sensors, collisionDetection: core.closestCenter, onDragStart: handleDragStart, onDragOver: handleDragOver, onDragEnd: handleDragEnd, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd-drive-root nd:flex nd:flex-col nd:h-full nd:w-full nd:overflow-hidden nd:bg-background/50 nd:dark:bg-background/30 nd:relative", children: [
     /* @__PURE__ */ jsxRuntime.jsx(DriveContentProgress, {}),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "h-12 px-3 sm:px-4 border-b bg-background/95 dark:bg-background/80 backdrop-blur-sm flex items-center gap-3", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(DriveSidebar, { className: "lg:hidden" }),
-      /* @__PURE__ */ jsxRuntime.jsx(DrivePathBar, { className: "hidden lg:flex flex-1" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nd:h-12 nd:px-3 nd:sm:px-4 nd:border-b nd:bg-background/95 nd:dark:bg-background/80 nd:backdrop-blur-sm nd:flex nd:items-center nd:gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(DriveSidebar, { className: "nd:lg:hidden" }),
+      /* @__PURE__ */ jsxRuntime.jsx(DrivePathBar, { className: "nd:hidden nd:lg:flex nd:flex-1" }),
       /* @__PURE__ */ jsxRuntime.jsx(DriveUpload, { compact: true, accept: mimeFilter })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:hidden px-3 py-2 border-b bg-background/95 dark:bg-background/80 backdrop-blur-sm", children: /* @__PURE__ */ jsxRuntime.jsx(DrivePathBar, {}) }),
+    /* @__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: chunkXDAVDVO6_cjs.cn("flex-1 overflow-y-auto min-h-0 container mx-auto p-2 sm:p-3 md:p-4", className), children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4 sm:space-y-6 pb-8 sm:pb-12", children: Object.entries(groupedItems).map(([groupName, groupItems]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
-          groupBy !== "NONE" && /* @__PURE__ */ jsxRuntime.jsxs("h3", { className: "text-sm font-medium text-muted-foreground flex items-center gap-2", 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("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,
             " ",
-            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs opacity-50", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "nd:text-xs nd:opacity-50", children: [
               "(",
               groupItems.length,
               ")"
             ] })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(sortable.SortableContext, { items: groupItems.map((i) => i.id), strategy: sortable.rectSortingStrategy, disabled: !enableDrag, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkXDAVDVO6_cjs.cn(
-            viewMode === "GRID" ? "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 2xl:grid-cols-7 gap-2 sm:gap-3 md:gap-4" : "flex flex-col gap-1"
+          /* @__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(
+            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);
             const isFolder = item.information.type === "FOLDER";
@@ -3728,11 +3723,11 @@ var DriveExplorer = (props) => {
               /* @__PURE__ */ jsxRuntime.jsx(ContextMenuTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(
                 "div",
                 {
-                  className: chunkXDAVDVO6_cjs.cn(
-                    "group relative cursor-pointer transition-all focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2",
-                    viewMode === "GRID" ? "flex flex-col rounded-xl border bg-card dark:bg-card/50 hover:bg-accent/50 dark:hover:bg-accent/30 hover:shadow-sm overflow-hidden" : "flex items-center p-2 rounded-lg hover:bg-accent/50 dark:hover:bg-accent/30 gap-3 border border-transparent hover:border-border",
-                    isSelected && "ring-2 ring-primary border-primary/50 bg-accent/30 dark:bg-accent/20",
-                    isDragOver && "ring-2 ring-primary border-primary scale-[1.02] bg-primary/10 shadow-lg transition-transform"
+                  className: chunkCFLH4TCQ_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",
+                    isDragOver && "nd:ring-2 nd:ring-primary nd:border-primary nd:scale-[1.02] nd:bg-primary/10 nd:shadow-lg nd:transition-transform"
                   ),
                   onClick: (e) => handleItemClick(e, item),
                   onTouchEnd: (e) => {
@@ -3743,34 +3738,34 @@ var DriveExplorer = (props) => {
                   role: "button",
                   tabIndex: 0,
                   children: viewMode === "GRID" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "aspect-square w-full bg-muted/20 dark:bg-muted/10 flex items-center justify-center overflow-hidden relative", children: [
-                      isThumbnailable ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: thumbnailUrl, alt: item.name, className: "size-full object-contain transition-transform group-hover:scale-105 duration-300", loading: "lazy" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "transition-transform group-hover:scale-110 duration-200", children: chunkXDAVDVO6_cjs.getFileIcon(item.information.type === "FILE" ? item.information.mime : "", isFolder, "size-10 text-muted-foreground/70") }),
-                      isSelected && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-2 right-2 size-5 bg-primary rounded-full flex items-center justify-center shadow-sm animate-in zoom-in-50", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-2 bg-primary-foreground rounded-full" }) }),
-                      isFolder && currentView === "BROWSE" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute bottom-2 right-2 lg:hidden size-6 bg-primary/90 rounded-full flex items-center justify-center shadow-md", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "size-3.5 text-primary-foreground" }) })
+                    /* @__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") }),
+                      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: "p-2.5", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium truncate", title: item.name, children: item.name }),
-                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mt-0.5", children: isFolder ? "Folder" : chunkXDAVDVO6_cjs.formatBytes(item.information.type === "FILE" ? item.information.sizeInBytes : 0) })
+                    /* @__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.jsxs(jsxRuntime.Fragment, { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-9 shrink-0 rounded-md overflow-hidden bg-muted/40 dark:bg-muted/20 flex items-center justify-center border", children: isThumbnailable ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: thumbnailUrl, alt: item.name, className: "size-full object-contain", loading: "lazy" }) : chunkXDAVDVO6_cjs.getFileIcon(item.information.type === "FILE" ? item.information.mime : "", isFolder, "size-4 text-muted-foreground") }),
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium truncate flex-1", title: item.name, children: item.name }),
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground w-20 text-right shrink-0", children: isFolder ? "-" : chunkXDAVDVO6_cjs.formatBytes(item.information.type === "FILE" ? item.information.sizeInBytes : 0) }),
-                    isFolder && currentView === "BROWSE" && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "size-4 text-muted-foreground lg:hidden shrink-0" })
+                    /* @__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("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) }),
+                    isFolder && currentView === "BROWSE" && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "nd:size-4 nd:text-muted-foreground nd:lg:hidden nd:shrink-0" })
                   ] })
                 }
               ) }),
               /* @__PURE__ */ jsxRuntime.jsx(ContextMenuContent, { children: currentView === "TRASH" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                 /* @__PURE__ */ jsxRuntime.jsxs(ContextMenuItem, { onClick: () => restoreItem(item.id), children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RotateCcw, { className: "mr-2 size-4" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RotateCcw, { className: "nd:mr-2 nd:size-4" }),
                   " Restore"
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsx(ContextMenuSeparator, {}),
-                /* @__PURE__ */ jsxRuntime.jsxs(ContextMenuItem, { className: "text-destructive focus:text-destructive", onClick: () => {
+                /* @__PURE__ */ jsxRuntime.jsxs(ContextMenuItem, { className: "nd:text-destructive nd:focus:text-destructive", onClick: () => {
                   setItemToDelete(item);
                   setDialogs((prev) => ({ ...prev, delete: true }));
                 }, children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "mr-2 size-4" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "nd:mr-2 nd:size-4" }),
                   " Delete Forever"
                 ] })
               ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -3778,30 +3773,30 @@ var DriveExplorer = (props) => {
                   setItemToRename(item);
                   setDialogs((prev) => ({ ...prev, rename: true }));
                 }, children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pencil, { className: "mr-2 size-4" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pencil, { className: "nd:mr-2 nd:size-4" }),
                   " Rename"
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsx(ContextMenuSeparator, {}),
-                /* @__PURE__ */ jsxRuntime.jsxs(ContextMenuItem, { className: "text-destructive focus:text-destructive", onClick: () => {
+                /* @__PURE__ */ jsxRuntime.jsxs(ContextMenuItem, { className: "nd:text-destructive nd:focus:text-destructive", onClick: () => {
                   setItemToDelete(item);
                   setDialogs((prev) => ({ ...prev, delete: true }));
                 }, children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "mr-2 size-4" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "nd:mr-2 nd:size-4" }),
                   " Delete"
                 ] })
               ] }) })
             ] }) }, item.id);
           }) }) })
         ] }, groupName)) }),
-        hasMore && /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: observerTarget, className: "flex justify-center py-4", children: [
-          isLoadingMore && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-6 animate-spin text-muted-foreground" }),
-          !isLoadingMore && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 w-full" })
+        hasMore && /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: observerTarget, className: "nd:flex nd:justify-center nd:py-4", children: [
+          isLoadingMore && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "nd:size-6 nd:animate-spin nd:text-muted-foreground" }),
+          !isLoadingMore && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:h-4 nd:w-full" })
         ] })
       ] }) }),
       /* @__PURE__ */ jsxRuntime.jsx(ContextMenuContent, { children: currentView === "BROWSE" ? /* @__PURE__ */ jsxRuntime.jsxs(ContextMenuItem, { onClick: () => setDialogs((prev) => ({ ...prev, newFolder: true })), children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FolderPlus, { className: "mr-2 size-4" }),
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FolderPlus, { className: "nd:mr-2 nd:size-4" }),
         " New Folder"
-      ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2 py-6 text-center", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "No actions available" }) }) })
+      ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nd:px-2 nd:py-6 nd:text-center", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "nd:text-xs nd:text-muted-foreground", children: "No actions available" }) }) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(
       CreateFolderDialog,