@leanspec/ui 0.2.5-dev.20251120070726 → 0.2.5-dev.20251120093243

package/.next/standalone/packages/ui/src/components/create-project-dialog.tsx

@@ -0,0 +1,139 @@
+'use client';
+
+import { useState, useEffect } from 'react';
+import { useRouter } from 'next/navigation';
+import { useProject } from '@/contexts/project-context';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { DirectoryPicker } from './directory-picker';
+import { FolderOpen } from 'lucide-react';
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog';
+import { toast } from 'sonner';
+
+interface CreateProjectDialogProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+}
+
+export function CreateProjectDialog({ open, onOpenChange }: CreateProjectDialogProps) {
+  const { addProject, switchProject } = useProject();
+  const [path, setPath] = useState('');
+  const [isLoading, setIsLoading] = useState(false);
+  const [mode, setMode] = useState<'picker' | 'manual'>('picker');
+  const router = useRouter();
+
+  useEffect(() => {
+    if (open) {
+      setMode('picker');
+      setPath('');
+    }
+  }, [open]);
+
+  const handleAddProject = async (projectPath: string) => {
+    try {
+      setIsLoading(true);
+      const project = await addProject(projectPath);
+      await switchProject(project.id);
+      toast.success('Project added successfully');
+      onOpenChange(false);
+      router.push('/'); // Navigate to dashboard
+    } catch (error) {
+      const message = error instanceof Error ? error.message : 'Failed to add project';
+      toast.error(message);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  const handleSubmit = (e: React.FormEvent) => {
+    e.preventDefault();
+    if (!path) return;
+    handleAddProject(path);
+  };
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className="sm:max-w-[600px]">
+        <DialogHeader>
+          <DialogTitle>Add Project</DialogTitle>
+          <DialogDescription>
+            {mode === 'picker' 
+              ? 'Browse and select the project directory.' 
+              : 'Enter the absolute path to your local project directory.'}
+          </DialogDescription>
+        </DialogHeader>
+        
+        {mode === 'picker' ? (
+          <div className="space-y-2">
+            <DirectoryPicker 
+              onSelect={handleAddProject} 
+              onCancel={() => onOpenChange(false)} 
+              initialPath={path}
+              actionLabel={isLoading ? "Adding..." : "Add Project"}
+              isLoading={isLoading}
+            />
+            <div className="flex justify-center">
+              <Button 
+                variant="link" 
+                size="sm" 
+                onClick={() => setMode('manual')}
+                className="text-muted-foreground"
+              >
+                Enter path manually
+              </Button>
+            </div>
+          </div>
+        ) : (
+          <form onSubmit={handleSubmit}>
+            <div className="grid gap-4 py-4">
+              <div className="grid gap-2">
+                <label htmlFor="path" className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
+                  Project Path
+                </label>
+                <div className="flex gap-2">
+                  <Input
+                    id="path"
+                    value={path}
+                    onChange={(e) => setPath(e.target.value)}
+                    placeholder="/path/to/your/project"
+                    className="flex-1"
+                    disabled={isLoading}
+                  />
+                </div>
+                <p className="text-xs text-muted-foreground">
+                  Select the root directory of your project.
+                </p>
+              </div>
+            </div>
+            <DialogFooter className="flex-col sm:flex-row gap-2">
+              <div className="flex-1 flex justify-start">
+                <Button 
+                  type="button" 
+                  variant="ghost" 
+                  size="sm"
+                  onClick={() => setMode('picker')}
+                >
+                  <FolderOpen className="h-4 w-4 mr-2" />
+                  Browse folders
+                </Button>
+              </div>
+              <Button type="button" variant="outline" onClick={() => onOpenChange(false)} disabled={isLoading}>
+                Cancel
+              </Button>
+              <Button type="submit" disabled={isLoading || !path}>
+                {isLoading ? 'Adding...' : 'Add Project'}
+              </Button>
+            </DialogFooter>
+          </form>
+        )}
+      </DialogContent>
+    </Dialog>
+  );
+}

package/.next/standalone/packages/ui/src/components/directory-picker.tsx

@@ -0,0 +1,191 @@
+'use client';
+
+import { useState, useEffect, useRef } from 'react';
+import { Button } from '@/components/ui/button';
+import { Folder, ChevronUp, Loader2, ArrowLeft, Home, ChevronRight } from 'lucide-react';
+import { cn } from '@/lib/utils';
+
+interface DirectoryItem {
+  name: string;
+  path: string;
+  isDirectory: boolean;
+}
+
+interface DirectoryPickerProps {
+  onSelect: (path: string) => void;
+  onCancel: () => void;
+  initialPath?: string;
+  actionLabel?: string;
+  isLoading?: boolean;
+}
+
+export function DirectoryPicker({ onSelect, onCancel, initialPath, actionLabel = "Select This Folder", isLoading: externalLoading }: DirectoryPickerProps) {
+  const [currentPath, setCurrentPath] = useState(initialPath || '');
+  const [items, setItems] = useState<DirectoryItem[]>([]);
+  const [internalLoading, setInternalLoading] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+  const scrollContainerRef = useRef<HTMLDivElement>(null);
+
+  const isLoading = externalLoading || internalLoading;
+
+  useEffect(() => {
+    fetchDirectory(currentPath);
+  }, [currentPath]);
+
+  // Auto-scroll breadcrumbs to end when path changes
+  useEffect(() => {
+    if (scrollContainerRef.current) {
+      scrollContainerRef.current.scrollLeft = scrollContainerRef.current.scrollWidth;
+    }
+  }, [currentPath]);
+
+  const fetchDirectory = async (path: string) => {
+    try {
+      setInternalLoading(true);
+      setError(null);
+      const response = await fetch('/api/local-projects/list-directory', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ path }),
+      });
+
+      if (!response.ok) {
+        throw new Error('Failed to list directory');
+      }
+
+      const data = await response.json();
+      setItems(data.items);
+      // Update current path to the resolved path from server
+      if (!path) {
+        setCurrentPath(data.path);
+      }
+    } catch (err) {
+      setError(err instanceof Error ? err.message : String(err));
+    } finally {
+      setInternalLoading(false);
+    }
+  };
+
+  const handleNavigate = (path: string) => {
+    setCurrentPath(path);
+  };
+
+  const parentItem = items.find(item => item.name === '..');
+  const displayItems = items.filter(item => item.name !== '..');
+
+  // Parse path segments for breadcrumbs
+  const getPathSegments = (path: string) => {
+    if (!path) return [];
+    // Handle both Unix and Windows separators
+    const separator = path.includes('\\') ? '\\' : '/';
+    const parts = path.split(separator).filter(Boolean);
+    
+    // If path starts with separator (Unix root), add it back
+    const isUnixRoot = path.startsWith('/');
+    
+    return parts.map((part, index) => {
+      let segmentPath = parts.slice(0, index + 1).join(separator);
+      if (isUnixRoot) segmentPath = '/' + segmentPath;
+      // On Windows, the first part (C:) doesn't need a leading separator
+      
+      return { name: part, path: segmentPath };
+    });
+  };
+
+  const segments = getPathSegments(currentPath);
+
+  return (
+    <div className="flex flex-col h-[400px] gap-4 min-w-0">
+      {/* Navigation Bar */}
+      <div className="flex items-center border rounded-md p-1 gap-1 bg-muted/30">
+        <Button 
+          variant="ghost" 
+          size="icon" 
+          className="h-8 w-8 shrink-0"
+          disabled={!parentItem || isLoading}
+          onClick={() => parentItem && handleNavigate(parentItem.path)}
+          title="Go to parent directory"
+        >
+          <ArrowLeft className="h-4 w-4" />
+        </Button>
+
+        <div className="w-px h-5 bg-border mx-1" />
+
+        <div 
+          ref={scrollContainerRef}
+          className="flex-1 overflow-x-auto whitespace-nowrap flex items-center scrollbar-hide px-1 min-w-0"
+        >
+          <button 
+            onClick={() => handleNavigate('/')}
+            className="hover:bg-accent p-1 rounded-sm transition-colors shrink-0"
+            title="Go to root"
+          >
+            <Home className="h-4 w-4 text-muted-foreground" />
+          </button>
+          
+          {segments.map((segment, i) => (
+            <div key={segment.path} className="flex items-center shrink-0">
+              <ChevronRight className="h-3 w-3 text-muted-foreground mx-0.5 shrink-0" />
+              <button 
+                onClick={() => handleNavigate(segment.path)}
+                className={cn(
+                  "px-1.5 py-0.5 rounded-sm transition-colors text-sm hover:bg-accent hover:text-accent-foreground",
+                  i === segments.length - 1 ? "font-medium text-foreground" : "text-muted-foreground"
+                )}
+              >
+                {segment.name}
+              </button>
+            </div>
+          ))}
+        </div>
+      </div>
+
+      <div className="flex-1 border rounded-md overflow-hidden relative bg-background min-h-0">
+        {isLoading && (
+          <div className="absolute inset-0 bg-background/50 flex items-center justify-center z-10">
+            <Loader2 className="h-6 w-6 animate-spin" />
+          </div>
+        )}
+        
+        {error ? (
+          <div className="p-4 text-destructive text-sm text-center">
+            {error}
+            <Button variant="link" onClick={() => fetchDirectory(currentPath)} className="block mx-auto mt-2">
+              Retry
+            </Button>
+          </div>
+        ) : (
+          <div className="h-full overflow-auto">
+            <div className="p-1">
+              {displayItems.length === 0 && !isLoading ? (
+                <div className="p-4 text-center text-sm text-muted-foreground">
+                  Empty directory
+                </div>
+              ) : (
+                displayItems.map((item) => (
+                  <button
+                    key={item.path}
+                    onClick={() => handleNavigate(item.path)}
+                    className="flex items-center gap-3 w-full px-3 py-2 text-sm rounded-sm hover:bg-accent hover:text-accent-foreground text-left group transition-colors"
+                  >
+                    <Folder className="h-4 w-4 text-blue-500 fill-blue-500/20 group-hover:fill-blue-500/30 transition-colors shrink-0" />
+                    <span className="truncate">{item.name}</span>
+                  </button>
+                ))
+              )}
+            </div>
+          </div>
+        )}
+      </div>
+
+      <div className="flex justify-end gap-2">
+        <Button variant="outline" onClick={onCancel} disabled={isLoading}>
+          Cancel
+        </Button>
+        <Button onClick={() => onSelect(currentPath)} disabled={isLoading || !currentPath}>
+          {actionLabel}
+        </Button>
+      </div>
+    </div>
+  );
+}

package/.next/standalone/packages/ui/src/components/main-sidebar.tsx

@@ -3,6 +3,7 @@
 import Link from 'next/link';
 import { usePathname } from 'next/navigation';
 import { Home, FileText, BarChart3, ChevronLeft, ChevronRight, X } from 'lucide-react';
+import { ProjectSwitcher } from '@/components/project-switcher';
 import { Button } from '@/components/ui/button';
 import { cn } from '@/lib/utils';
 import * as React from 'react';
@@ -121,6 +122,9 @@ export function MainSidebar() {
 
           {/* Navigation */}
           {mounted && <nav className="flex-1 px-2 py-4 space-y-1">
+            <div className="mb-4">
+              <ProjectSwitcher collapsed={isCollapsed && !mobileOpen} />
+            </div>
             <SidebarLink 
               href="/" 
               icon={Home} 

package/.next/standalone/packages/ui/src/components/project-switcher.tsx

@@ -0,0 +1,139 @@
+/**
+ * Project Switcher Component
+ * Dropdown/expandable project selector for the sidebar
+ */
+
+'use client';
+
+import React, { useState } from 'react';
+import { Check, ChevronsUpDown, Plus, FolderOpen, Star } from 'lucide-react';
+import { cn } from '@/lib/utils';
+import { Button } from '@/components/ui/button';
+import {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
+} from '@/components/ui/command';
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from '@/components/ui/popover';
+import { useProject } from '@/contexts/project-context';
+import { CreateProjectDialog } from '@/components/create-project-dialog';
+
+interface ProjectSwitcherProps {
+  collapsed?: boolean;
+  onAddProject?: () => void; // Kept for compatibility, but we'll use internal dialog
+}
+
+export function ProjectSwitcher({ collapsed }: ProjectSwitcherProps) {
+  const {
+    mode,
+    currentProject,
+    projects,
+    switchProject,
+  } = useProject();
+  
+  const [open, setOpen] = useState(false);
+  const [showNewProjectDialog, setShowNewProjectDialog] = useState(false);
+
+  if (mode !== 'multi-project') {
+    return null;
+  }
+
+  const handleProjectSelect = async (projectId: string) => {
+    await switchProject(projectId);
+    setOpen(false);
+  };
+
+  const sortedProjects = [...projects].sort((a, b) => {
+    if (a.favorite === b.favorite) return 0;
+    return a.favorite ? -1 : 1;
+  });
+
+  return (
+    <>
+      <CreateProjectDialog 
+        open={showNewProjectDialog} 
+        onOpenChange={setShowNewProjectDialog} 
+      />
+      <Popover open={open} onOpenChange={setOpen}>
+        <PopoverTrigger asChild>
+          <Button
+            variant="outline"
+            role="combobox"
+            aria-expanded={open}
+            className={cn(
+              "w-full justify-between",
+              collapsed ? "h-9 w-9 p-0 justify-center" : "px-3"
+            )}
+          >
+            {collapsed ? (
+              <FolderOpen className="h-4 w-4" />
+            ) : (
+              <>
+                <div className="flex items-center gap-2 truncate">
+                  <FolderOpen className="h-4 w-4 shrink-0 opacity-50" />
+                  <span className="truncate">
+                    {currentProject?.name || "Select project..."}
+                  </span>
+                </div>
+                <ChevronsUpDown className="ml-2 h-4 w-4 shrink-0 opacity-50" />
+              </>
+            )}
+          </Button>
+        </PopoverTrigger>
+        <PopoverContent className="w-[200px] p-0" align="start">
+          <Command>
+            <CommandInput placeholder="Search projects..." />
+            <CommandList>
+              <CommandEmpty>No project found.</CommandEmpty>
+              <CommandGroup heading="Projects">
+                {sortedProjects.map((project) => (
+                  <CommandItem
+                    key={project.id}
+                    onSelect={() => handleProjectSelect(project.id)}
+                    className="text-sm"
+                  >
+                    <div className="flex items-center gap-2 w-full">
+                      <Check
+                        className={cn(
+                          "mr-2 h-4 w-4",
+                          currentProject?.id === project.id
+                            ? "opacity-100"
+                            : "opacity-0"
+                        )}
+                      />
+                      <span className="truncate flex-1">{project.name}</span>
+                      {project.favorite && (
+                        <Star className="h-3 w-3 fill-yellow-500 text-yellow-500" />
+                      )}
+                    </div>
+                  </CommandItem>
+                ))}
+              </CommandGroup>
+              <CommandSeparator />
+              <CommandGroup>
+                <CommandItem
+                  className="cursor-pointer"
+                  onSelect={() => {
+                    setOpen(false);
+                    setShowNewProjectDialog(true);
+                  }}
+                >
+                  <Plus className="mr-2 h-4 w-4" />
+                  Create Project
+                </CommandItem>
+              </CommandGroup>
+            </CommandList>
+          </Command>
+        </PopoverContent>
+      </Popover>
+    </>
+  );
+}

package/.next/standalone/packages/ui/src/components/ui/dropdown-menu.tsx

@@ -0,0 +1,200 @@
+"use client"
+
+import * as React from "react"
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu"
+import { Check, ChevronRight, Circle } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const DropdownMenu = DropdownMenuPrimitive.Root
+
+const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger
+
+const DropdownMenuGroup = DropdownMenuPrimitive.Group
+
+const DropdownMenuPortal = DropdownMenuPrimitive.Portal
+
+const DropdownMenuSub = DropdownMenuPrimitive.Sub
+
+const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup
+
+const DropdownMenuSubTrigger = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean
+  }
+>(({ className, inset, children, ...props }, ref) => (
+  <DropdownMenuPrimitive.SubTrigger
+    ref={ref}
+    className={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
+    )}
+    {...props}
+  >
+    {children}
+    <ChevronRight className="ml-auto h-4 w-4" />
+  </DropdownMenuPrimitive.SubTrigger>
+))
+DropdownMenuSubTrigger.displayName =
+  DropdownMenuPrimitive.SubTrigger.displayName
+
+const DropdownMenuSubContent = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>
+>(({ className, ...props }, ref) => (
+  <DropdownMenuPrimitive.SubContent
+    ref={ref}
+    className={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
+    )}
+    {...props}
+  />
+))
+DropdownMenuSubContent.displayName =
+  DropdownMenuPrimitive.SubContent.displayName
+
+const DropdownMenuContent = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>
+>(({ className, sideOffset = 4, ...props }, ref) => (
+  <DropdownMenuPrimitive.Portal>
+    <DropdownMenuPrimitive.Content
+      ref={ref}
+      sideOffset={sideOffset}
+      className={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
+      )}
+      {...props}
+    />
+  </DropdownMenuPrimitive.Portal>
+))
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName
+
+const DropdownMenuItem = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean
+  }
+>(({ className, inset, ...props }, ref) => (
+  <DropdownMenuPrimitive.Item
+    ref={ref}
+    className={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
+    )}
+    {...props}
+  />
+))
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName
+
+const DropdownMenuCheckboxItem = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>
+>(({ className, children, checked, ...props }, ref) => (
+  <DropdownMenuPrimitive.CheckboxItem
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    )}
+    checked={checked}
+    {...props}
+  >
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <DropdownMenuPrimitive.ItemIndicator>
+        <Check className="h-4 w-4" />
+      </DropdownMenuPrimitive.ItemIndicator>
+    </span>
+    {children}
+  </DropdownMenuPrimitive.CheckboxItem>
+))
+DropdownMenuCheckboxItem.displayName =
+  DropdownMenuPrimitive.CheckboxItem.displayName
+
+const DropdownMenuRadioItem = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>
+>(({ className, children, ...props }, ref) => (
+  <DropdownMenuPrimitive.RadioItem
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    )}
+    {...props}
+  >
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <DropdownMenuPrimitive.ItemIndicator>
+        <Circle className="h-2 w-2 fill-current" />
+      </DropdownMenuPrimitive.ItemIndicator>
+    </span>
+    {children}
+  </DropdownMenuPrimitive.RadioItem>
+))
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName
+
+const DropdownMenuLabel = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Label>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean
+  }
+>(({ className, inset, ...props }, ref) => (
+  <DropdownMenuPrimitive.Label
+    ref={ref}
+    className={cn(
+      "px-2 py-1.5 text-sm font-semibold",
+      inset && "pl-8",
+      className
+    )}
+    {...props}
+  />
+))
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName
+
+const DropdownMenuSeparator = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>
+>(({ className, ...props }, ref) => (
+  <DropdownMenuPrimitive.Separator
+    ref={ref}
+    className={cn("-mx-1 my-1 h-px bg-muted", className)}
+    {...props}
+  />
+))
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName
+
+const DropdownMenuShortcut = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLSpanElement>) => {
+  return (
+    <span
+      className={cn("ml-auto text-xs tracking-widest opacity-60", className)}
+      {...props}
+    />
+  )
+}
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut"
+
+export {
+  DropdownMenu,
+  DropdownMenuTrigger,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuCheckboxItem,
+  DropdownMenuRadioItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuGroup,
+  DropdownMenuPortal,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuRadioGroup,
+}