@moontra/moonui-pro 2.20.2 → 2.20.3

package/src/components/ui/dropdown-menu.tsx

@@ -1,706 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu"
-import { cva, type VariantProps } from "class-variance-authority"
-import { motion, AnimatePresence } from "framer-motion"
-import {
-  Check,
-  ChevronRight,
-  Circle,
-  Loader2,
-  Search,
-  Command,
-  Sparkles,
-  Zap,
-  Star,
-  Crown,
-  Diamond,
-  Gem,
-  X
-} from "lucide-react"
-
-import { cn } from "../../lib/utils"
-
-/**
- * Premium Dropdown Menu Component Pro
- *
- * Gelişmiş, erişilebilir ve özelleştirilebilir dropdown menu component'i.
- * Zengin animasyonlar, arama özelliği, komut paleti entegrasyonu ve premium görünüm sunar.
- * 
- * Pro Özellikler:
- * - Gelişmiş animasyon seçenekleri (slide, scale, fade, spring)
- * - Arama ve filtreleme özelliği
- * - Komut paleti entegrasyonu (⌘K style)
- * - Multi-level nested menu desteği
- * - Rich content support (avatars, badges, descriptions)
- * - Glass, gradient ve neon visual variants
- * - Keyboard shortcuts ile gelişmiş navigasyon
- * - Loading states ve async actions
- * - Custom icons ve badges
- * - Responsive mobile optimization
- * - Tooltip entegrasyonu
- * - Customizable animation timing
- * - Advanced keyboard navigation
- * - Context menu mode
- * - Command palette mode
- */
-
-const MoonUIDropdownMenuPro = DropdownMenuPrimitive.Root
-const MoonUIDropdownMenuTriggerPro = DropdownMenuPrimitive.Trigger
-const MoonUIDropdownMenuGroupPro = DropdownMenuPrimitive.Group
-const MoonUIDropdownMenuPortalPro = DropdownMenuPrimitive.Portal
-const MoonUIDropdownMenuSubPro = DropdownMenuPrimitive.Sub
-const MoonUIDropdownMenuRadioGroupPro = DropdownMenuPrimitive.RadioGroup
-
-const dropdownContentVariants = cva(
-  "z-50 min-w-[8rem] overflow-hidden rounded-lg border bg-popover p-1 text-popover-foreground shadow-lg",
-  {
-    variants: {
-      variant: {
-        default: "border-border bg-background",
-        glass: "border-white/10 bg-white/5 backdrop-blur-xl dark:border-white/10 dark:bg-black/5",
-        gradient: "border-0 bg-gradient-to-br from-background/95 via-primary/5 to-background/95 backdrop-blur-md",
-        neon: "border-primary/50 shadow-[0_0_15px_rgba(59,130,246,0.3)] dark:shadow-[0_0_20px_rgba(59,130,246,0.5)]",
-        command: "min-w-[300px] border-border bg-background p-0",
-        premium: "border-yellow-500/20 bg-gradient-to-br from-yellow-50/5 via-background to-yellow-50/5 dark:from-yellow-900/5 dark:to-yellow-900/5",
-      },
-      animation: {
-        none: "",
-        slide: "",
-        scale: "",
-        fade: "",
-        spring: "",
-        slideAndFade: "",
-      },
-      size: {
-        sm: "min-w-[6rem] text-xs",
-        default: "min-w-[8rem] text-sm",
-        lg: "min-w-[12rem] text-base",
-        xl: "min-w-[16rem]",
-        "2xl": "min-w-[20rem]",
-        full: "min-w-[95vw] sm:min-w-[24rem]",
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      animation: "slideAndFade",
-      size: "default",
-    },
-  }
-)
-
-const dropdownItemVariants = cva(
-  "relative flex cursor-pointer select-none items-center rounded-md px-2 py-1.5 text-sm outline-none transition-colors",
-  {
-    variants: {
-      variant: {
-        default: "focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 hover:bg-accent hover:text-accent-foreground",
-        destructive: "focus:bg-red-100 focus:text-red-900 hover:bg-red-100 hover:text-red-900 dark:focus:bg-red-900/20 dark:focus:text-red-400 dark:hover:bg-red-900/20 dark:hover:text-red-400",
-        success: "focus:bg-green-100 focus:text-green-900 hover:bg-green-100 hover:text-green-900 dark:focus:bg-green-900/20 dark:focus:text-green-400 dark:hover:bg-green-900/20 dark:hover:text-green-400",
-        warning: "focus:bg-yellow-100 focus:text-yellow-900 hover:bg-yellow-100 hover:text-yellow-900 dark:focus:bg-yellow-900/20 dark:focus:text-yellow-400 dark:hover:bg-yellow-900/20 dark:hover:text-yellow-400",
-        premium: "bg-gradient-to-r from-yellow-50/10 to-yellow-50/5 hover:from-yellow-50/20 hover:to-yellow-50/10 dark:from-yellow-900/10 dark:to-yellow-900/5",
-      },
-      size: {
-        sm: "py-1 text-xs",
-        default: "py-1.5",
-        lg: "py-2 text-base",
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-    },
-  }
-)
-
-interface DropdownMenuContentProps
-  extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>,
-    VariantProps<typeof dropdownContentVariants> {
-  enableSearch?: boolean;
-  searchPlaceholder?: string;
-  animationDuration?: number;
-  enableSpringPhysics?: boolean;
-  showPremiumBadge?: boolean;
-  loading?: boolean;
-  header?: React.ReactNode;
-  footer?: React.ReactNode;
-}
-
-interface DropdownMenuItemProps
-  extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item>,
-    VariantProps<typeof dropdownItemVariants> {
-  inset?: boolean;
-  icon?: React.ReactNode;
-  description?: string;
-  shortcut?: string;
-  badge?: React.ReactNode;
-  showCheckmark?: boolean;
-  loading?: boolean;
-}
-
-const MoonUIDropdownMenuSubTriggerPro = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {
-    inset?: boolean;
-    showChevron?: boolean;
-    badge?: React.ReactNode;
-  }
->(({ className, inset, children, showChevron = true, badge, ...props }, ref) => (
-  <DropdownMenuPrimitive.SubTrigger
-    ref={ref}
-    className={cn(
-      "flex cursor-pointer select-none items-center rounded-md 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",
-      "hover:bg-accent hover:text-accent-foreground",
-      "transition-colors duration-150",
-      inset && "pl-8",
-      className
-    )}
-    {...props}
-  >
-    {children}
-    <div className="ml-auto flex items-center gap-2">
-      {badge}
-      {showChevron && <ChevronRight className="h-4 w-4" />}
-    </div>
-  </DropdownMenuPrimitive.SubTrigger>
-))
-MoonUIDropdownMenuSubTriggerPro.displayName =
-  DropdownMenuPrimitive.SubTrigger.displayName
-
-const MoonUIDropdownMenuSubContentPro = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent> &
-    VariantProps<typeof dropdownContentVariants>
->(({ className, variant, animation, size, ...props }, ref) => {
-  const getAnimationVariants = () => {
-    switch (animation) {
-      case "slide":
-        return {
-          initial: { opacity: 0, x: -10 },
-          animate: { opacity: 1, x: 0 },
-          exit: { opacity: 0, x: -10 },
-        };
-      case "scale":
-        return {
-          initial: { opacity: 0, scale: 0.95 },
-          animate: { opacity: 1, scale: 1 },
-          exit: { opacity: 0, scale: 0.95 },
-        };
-      case "fade":
-        return {
-          initial: { opacity: 0 },
-          animate: { opacity: 1 },
-          exit: { opacity: 0 },
-        };
-      case "spring":
-        return {
-          initial: { opacity: 0, scale: 0.9, y: -10 },
-          animate: { 
-            opacity: 1, 
-            scale: 1, 
-            y: 0,
-            transition: { type: "spring", stiffness: 300, damping: 20 }
-          },
-          exit: { opacity: 0, scale: 0.9, y: -10 },
-        };
-      default:
-        return {
-          initial: { opacity: 0, y: -2, x: -2 },
-          animate: { opacity: 1, y: 0, x: 0 },
-          exit: { opacity: 0, y: -2, x: -2 },
-        };
-    }
-  };
-
-  // Animation removed for SubContent to fix type issues
-  return (
-    <DropdownMenuPrimitive.SubContent 
-      ref={ref}
-      className={cn(dropdownContentVariants({ variant, size }), className)}
-      {...props}
-    />
-  );
-});
-MoonUIDropdownMenuSubContentPro.displayName = DropdownMenuPrimitive.SubContent.displayName
-
-const MoonUIDropdownMenuContentPro = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.Content>,
-  DropdownMenuContentProps
->(
-  (
-    {
-      className,
-      variant,
-      animation,
-      size,
-      sideOffset = 4,
-      enableSearch = false,
-      searchPlaceholder = "Search...",
-      animationDuration = 150,
-      enableSpringPhysics = false,
-      showPremiumBadge = false,
-      loading = false,
-      header,
-      footer,
-      children,
-      ...props
-    },
-    ref
-  ) => {
-    const [searchQuery, setSearchQuery] = React.useState("");
-
-    const getAnimationVariants = () => {
-      const duration = animationDuration / 1000;
-      const springConfig = enableSpringPhysics
-        ? { type: "spring", stiffness: 300, damping: 20 }
-        : { duration };
-
-      switch (animation) {
-        case "slide":
-          return {
-            initial: { opacity: 0, y: -10 },
-            animate: { opacity: 1, y: 0 },
-            exit: { opacity: 0, y: -10 },
-            transition: springConfig,
-          };
-        case "scale":
-          return {
-            initial: { opacity: 0, scale: 0.95 },
-            animate: { opacity: 1, scale: 1 },
-            exit: { opacity: 0, scale: 0.95 },
-            transition: springConfig,
-          };
-        case "fade":
-          return {
-            initial: { opacity: 0 },
-            animate: { opacity: 1 },
-            exit: { opacity: 0 },
-            transition: { duration },
-          };
-        case "spring":
-          return {
-            initial: { opacity: 0, scale: 0.9, y: -20 },
-            animate: { 
-              opacity: 1, 
-              scale: 1, 
-              y: 0,
-              transition: { type: "spring", stiffness: 400, damping: 25 }
-            },
-            exit: { opacity: 0, scale: 0.9, y: -20 },
-          };
-        default:
-          return {
-            initial: { opacity: 0, y: -2 },
-            animate: { opacity: 1, y: 0 },
-            exit: { opacity: 0, y: -2 },
-            transition: { duration },
-          };
-      }
-    };
-
-    const animationVariants = getAnimationVariants();
-
-    // Filter children based on search query
-    const filteredChildren = React.useMemo(() => {
-      if (!enableSearch || !searchQuery) return children;
-
-      return React.Children.toArray(children).filter((child) => {
-        if (!React.isValidElement(child)) return true;
-        
-        const childText = getTextFromElement(child);
-        return childText.toLowerCase().includes(searchQuery.toLowerCase());
-      });
-    }, [children, searchQuery, enableSearch]);
-
-    return (
-      <DropdownMenuPrimitive.Portal>
-        <DropdownMenuPrimitive.Content 
-          ref={ref}
-          sideOffset={sideOffset}
-          className={cn(
-            dropdownContentVariants({ variant, size }),
-            variant === "command" && "p-0",
-            className
-          )}
-          {...props}
-        >
-            {/* Premium Badge */}
-            {showPremiumBadge && (
-              <div className="mb-1 flex items-center justify-center gap-1 border-b border-yellow-500/20 pb-1">
-                <Crown className="h-3 w-3 text-yellow-500" />
-                <span className="text-xs font-medium text-yellow-600 dark:text-yellow-400">
-                  Premium Menu
-                </span>
-              </div>
-            )}
-
-            {/* Custom Header */}
-            {header && (
-              <div className="mb-1 border-b pb-1">
-                {header}
-              </div>
-            )}
-
-            {/* Search Input */}
-            {enableSearch && (
-              <div className="mb-1 border-b pb-1">
-                <div className="flex items-center gap-2 px-2 py-1.5">
-                  <Search className="h-4 w-4 text-muted-foreground" />
-                  <input
-                    type="text"
-                    placeholder={searchPlaceholder}
-                    value={searchQuery}
-                    onChange={(e) => setSearchQuery(e.target.value)}
-                    className={cn(
-                      "flex-1 bg-transparent text-sm outline-none",
-                      "placeholder:text-muted-foreground"
-                    )}
-                    onClick={(e) => e.stopPropagation()}
-                  />
-                  {searchQuery && (
-                    <button
-                      onClick={() => setSearchQuery("")}
-                      className="text-muted-foreground hover:text-foreground"
-                    >
-                      <X className="h-3 w-3" />
-                    </button>
-                  )}
-                </div>
-              </div>
-            )}
-
-            {/* Loading State */}
-            {loading ? (
-              <div className="flex items-center justify-center py-8">
-                <Loader2 className="h-6 w-6 animate-spin text-muted-foreground" />
-              </div>
-            ) : (
-              <div className={cn(variant === "command" && "p-1")}>
-                {filteredChildren}
-              </div>
-            )}
-
-            {/* Custom Footer */}
-            {footer && (
-              <div className="mt-1 border-t pt-1">
-                {footer}
-              </div>
-            )}
-        </DropdownMenuPrimitive.Content>
-      </DropdownMenuPrimitive.Portal>
-    );
-  }
-)
-MoonUIDropdownMenuContentPro.displayName = DropdownMenuPrimitive.Content.displayName
-
-const MoonUIDropdownMenuItemPro = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.Item>,
-  DropdownMenuItemProps
->(
-  (
-    {
-      className,
-      variant,
-      size,
-      inset,
-      icon,
-      description,
-      shortcut,
-      badge,
-      showCheckmark,
-      loading,
-      children,
-      ...props
-    },
-    ref
-  ) => (
-    <DropdownMenuPrimitive.Item
-      ref={ref}
-      className={cn(
-        dropdownItemVariants({ variant, size }),
-        inset && "pl-8",
-        className
-      )}
-      {...props}
-    >
-      {icon && (
-        <span className="mr-2 flex h-4 w-4 items-center justify-center">
-          {loading ? <Loader2 className="h-4 w-4 animate-spin" /> : icon}
-        </span>
-      )}
-      <div className="flex flex-1 flex-col">
-        <div className="flex items-center">
-          {children}
-          {badge && <span className="ml-2">{badge}</span>}
-        </div>
-        {description && (
-          <span className="text-xs text-muted-foreground">{description}</span>
-        )}
-      </div>
-      {shortcut && (
-        <span className="ml-auto text-xs tracking-widest text-muted-foreground">
-          {shortcut}
-        </span>
-      )}
-      {showCheckmark && (
-        <Check className="ml-2 h-4 w-4" />
-      )}
-    </DropdownMenuPrimitive.Item>
-  )
-)
-MoonUIDropdownMenuItemPro.displayName = DropdownMenuPrimitive.Item.displayName
-
-const MoonUIDropdownMenuCheckboxItemPro = 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>
-))
-MoonUIDropdownMenuCheckboxItemPro.displayName =
-  DropdownMenuPrimitive.CheckboxItem.displayName
-
-const MoonUIDropdownMenuRadioItemPro = 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>
-))
-MoonUIDropdownMenuRadioItemPro.displayName = DropdownMenuPrimitive.RadioItem.displayName
-
-const MoonUIDropdownMenuLabelPro = 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}
-  />
-))
-MoonUIDropdownMenuLabelPro.displayName = DropdownMenuPrimitive.Label.displayName
-
-const MoonUIDropdownMenuSeparatorPro = 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}
-  />
-))
-MoonUIDropdownMenuSeparatorPro.displayName = DropdownMenuPrimitive.Separator.displayName
-
-const MoonUIDropdownMenuShortcutPro = ({
-  className,
-  ...props
-}: React.HTMLAttributes<HTMLSpanElement>) => {
-  return (
-    <span
-      className={cn("ml-auto text-xs tracking-widest opacity-60", className)}
-      {...props}
-    />
-  )
-}
-MoonUIDropdownMenuShortcutPro.displayName = "MoonUIDropdownMenuShortcutPro"
-
-// Helper function to extract text from React elements
-function getTextFromElement(element: React.ReactElement<any>): string {
-  const props = element.props as any;
-  if (!props || !props.children) return "";
-  
-  if (typeof props.children === "string") {
-    return props.children;
-  }
-  if (React.isValidElement(props.children)) {
-    return getTextFromElement(props.children as React.ReactElement<any>);
-  }
-  if (Array.isArray(props.children)) {
-    return props.children
-      .map((child: any) => {
-        if (typeof child === "string") return child;
-        if (React.isValidElement(child)) return getTextFromElement(child as React.ReactElement<any>);
-        return "";
-      })
-      .join("");
-  }
-  return "";
-}
-
-// Command Palette Mode Component
-interface CommandPaletteDropdownProps {
-  items: Array<{
-    category?: string;
-    items: Array<{
-      id: string;
-      label: string;
-      description?: string;
-      icon?: React.ReactNode;
-      shortcut?: string;
-      action?: () => void;
-      keywords?: string[];
-    }>;
-  }>;
-  trigger: React.ReactNode;
-  placeholder?: string;
-}
-
-const MoonUICommandPaletteDropdown: React.FC<CommandPaletteDropdownProps> = ({
-  items,
-  trigger,
-  placeholder = "Type a command or search...",
-}) => {
-  const [open, setOpen] = React.useState(false);
-  const [search, setSearch] = React.useState("");
-
-  const filteredItems = React.useMemo(() => {
-    if (!search) return items;
-
-    return items
-      .map((category) => ({
-        ...category,
-        items: category.items.filter((item) => {
-          const searchLower = search.toLowerCase();
-          return (
-            item.label.toLowerCase().includes(searchLower) ||
-            item.description?.toLowerCase().includes(searchLower) ||
-            item.keywords?.some((k) => k.toLowerCase().includes(searchLower))
-          );
-        }),
-      }))
-      .filter((category) => category.items.length > 0);
-  }, [items, search]);
-
-  return (
-    <MoonUIDropdownMenuPro open={open} onOpenChange={setOpen}>
-      <MoonUIDropdownMenuTriggerPro asChild>{trigger}</MoonUIDropdownMenuTriggerPro>
-      <MoonUIDropdownMenuContentPro
-        variant="command"
-        size="2xl"
-        animation="spring"
-        enableSpringPhysics
-        className="p-0"
-      >
-        <div className="flex items-center border-b px-3 pb-2 pt-3">
-          <Command className="mr-2 h-4 w-4 shrink-0 opacity-50" />
-          <input
-            placeholder={placeholder}
-            value={search}
-            onChange={(e) => setSearch(e.target.value)}
-            className="flex h-8 w-full bg-transparent text-sm outline-none placeholder:text-muted-foreground"
-          />
-        </div>
-        <div className="max-h-[300px] overflow-y-auto p-1">
-          {filteredItems.map((category, i) => (
-            <React.Fragment key={i}>
-              {category.category && (
-                <MoonUIDropdownMenuLabelPro className="px-2 py-1.5 text-xs text-muted-foreground">
-                  {category.category}
-                </MoonUIDropdownMenuLabelPro>
-              )}
-              {category.items.map((item) => (
-                <MoonUIDropdownMenuItemPro
-                  key={item.id}
-                  icon={item.icon}
-                  description={item.description}
-                  shortcut={item.shortcut}
-                  onClick={() => {
-                    item.action?.();
-                    setOpen(false);
-                  }}
-                >
-                  {item.label}
-                </MoonUIDropdownMenuItemPro>
-              ))}
-              {i < filteredItems.length - 1 && <MoonUIDropdownMenuSeparatorPro />}
-            </React.Fragment>
-          ))}
-          {filteredItems.length === 0 && (
-            <div className="py-6 text-center text-sm text-muted-foreground">
-              No results found
-            </div>
-          )}
-        </div>
-      </MoonUIDropdownMenuContentPro>
-    </MoonUIDropdownMenuPro>
-  );
-};
-
-export { 
-  MoonUIDropdownMenuPro,
-  MoonUIDropdownMenuTriggerPro,
-  MoonUIDropdownMenuContentPro,
-  MoonUIDropdownMenuItemPro,
-  MoonUIDropdownMenuCheckboxItemPro,
-  MoonUIDropdownMenuRadioItemPro,
-  MoonUIDropdownMenuLabelPro,
-  MoonUIDropdownMenuSeparatorPro,
-  MoonUIDropdownMenuShortcutPro,
-  MoonUIDropdownMenuGroupPro,
-  MoonUIDropdownMenuPortalPro,
-  MoonUIDropdownMenuSubPro,
-  MoonUIDropdownMenuSubContentPro,
-  MoonUIDropdownMenuSubTriggerPro,
-  MoonUIDropdownMenuRadioGroupPro,
-  MoonUICommandPaletteDropdown,
-  type DropdownMenuContentProps,
-  type DropdownMenuItemProps,
-  type CommandPaletteDropdownProps,
-};
-
-// Clean exports (only dropdown-menu specific)
-export { 
-  MoonUIDropdownMenuPro as DropdownMenu, 
-  MoonUIDropdownMenuTriggerPro as DropdownMenuTrigger, 
-  MoonUIDropdownMenuContentPro as DropdownMenuContent, 
-  MoonUIDropdownMenuItemPro as DropdownMenuItem, 
-  MoonUIDropdownMenuCheckboxItemPro as DropdownMenuCheckboxItem, 
-  MoonUIDropdownMenuRadioItemPro as DropdownMenuRadioItem, 
-  MoonUIDropdownMenuLabelPro as DropdownMenuLabel, 
-  MoonUIDropdownMenuSeparatorPro as DropdownMenuSeparator, 
-  MoonUIDropdownMenuShortcutPro as DropdownMenuShortcut, 
-  MoonUIDropdownMenuGroupPro as DropdownMenuGroup, 
-  MoonUIDropdownMenuPortalPro as DropdownMenuPortal, 
-  MoonUIDropdownMenuSubPro as DropdownMenuSub, 
-  MoonUIDropdownMenuSubContentPro as DropdownMenuSubContent, 
-  MoonUIDropdownMenuSubTriggerPro as DropdownMenuSubTrigger, 
-  MoonUIDropdownMenuRadioGroupPro as DropdownMenuRadioGroup 
-}