@moontra/moonui-pro 2.20.3 → 2.21.0

package/dist/index.mjs

@@ -1,18 +1,18 @@
 "use client";
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import * as React60 from 'react';
-import React60__default, { useState, useMemo, useCallback, useRef, useEffect, forwardRef, createContext, useContext, useLayoutEffect, useDebugValue, Component } from 'react';
+import * as React67 from 'react';
+import React67__default, { useState, useMemo, useCallback, useRef, useEffect, forwardRef, createContext, useContext, useLayoutEffect, useDebugValue, Component } from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import { Loader2, Play, ExternalLink, ChevronDown, Info, AlertCircle, AlertTriangle, Check, X, MoreHorizontal, Minus, Clock, ChevronUp, Search, Mic, MicOff, Settings, RefreshCw, Zap, ChevronRight, Crown, Circle, ChevronLeft, Plus, Lock, Sparkles, ZoomOut, ZoomIn, Pause, VolumeX, Volume2, Download, Maximize2, Filter, Image as Image$1, Video, RotateCw, Minimize2, Phone, Globe, Upload, Eye, CheckCircle2, RotateCcw, Copy, Share, Trash2, CreditCard, XCircle, HelpCircle, Menu, Calendar as Calendar$1, Repeat, Edit, MapPin, Users, User, Move, Archive, EyeOff, Timer, Palette, ArrowUpDown, FileText, Star, Square, CheckSquare, Bold as Bold$1, Italic as Italic$1, Underline as Underline$1, Strikethrough, Code as Code$1, Type, Heading1, Heading2, Heading3, AlignLeft, AlignCenter, AlignRight, AlignJustify, List, ListOrdered, Quote, Highlighter, Link2, Table as Table$1, Undo, Redo, Wand2, Maximize, Briefcase, MessageSquare, Heart, GraduationCap, Languages, Lightbulb, Cpu, BarChart3, Target, GitBranch, ArrowRight, MoreVertical, Trash, TrendingUp, MessageCircle, Paperclip, Printer, TrendingDown, FileSpreadsheet, FileJson, Bell, CheckCheck, CheckCircle, Settings2, LogOut, Edit3, LayoutGrid, Share2, Save, Music, File, FileDown, ArrowUp, ArrowDown, ChevronsLeft, ChevronsRight, Pin, Sun, Moon, Monitor, Activity, Send, Tag, Flag, CalendarIcon, DollarSign, Github, Server, MemoryStick, HardDrive, Network, Columns, Grip, Unlock, Map as Map$1, GitFork, Package, BellOff, ArrowUpRight, ArrowDownRight } from 'lucide-react';
+import { Loader2, Play, ExternalLink, ChevronDown, Info, AlertCircle, AlertTriangle, Check, X, MoreHorizontal, Minus, Clock, ChevronUp, Search, Mic, MicOff, Settings, RefreshCw, Zap, ChevronRight, Crown, Circle, ChevronLeft, Plus, Lock, Sparkles, ZoomOut, ZoomIn, Pause, VolumeX, Volume2, Download, Maximize2, Filter, Image as Image$1, Video, RotateCw, Minimize2, Phone, Globe, Upload, Eye, CheckCircle2, RotateCcw, Copy, Share, Trash2, CreditCard, XCircle, HelpCircle, Menu, Calendar as Calendar$1, Repeat, Edit, MapPin, Users, User, Move, Archive, EyeOff, Timer, Palette, ArrowUpDown, FileText, Star, Square, CheckSquare, Bold as Bold$1, Italic as Italic$1, Underline as Underline$1, Strikethrough, Code as Code$1, Type, Heading1, Heading2, Heading3, AlignLeft, AlignCenter, AlignRight, AlignJustify, List, ListOrdered, Quote, Highlighter, Link2, Table as Table$1, Undo, Redo, Wand2, Maximize, Briefcase, MessageSquare, Heart, GraduationCap, Languages, Lightbulb, Cpu, BarChart3, Target, GitBranch, ArrowRight, MoreVertical, Trash, TrendingUp, MessageCircle, Paperclip, Printer, TrendingDown, FileSpreadsheet, FileJson, Bell, CheckCheck, CheckCircle, Settings2, LogOut, Edit3, LayoutGrid, Share2, Save, Music, File, Pin, Sun, Moon, Monitor, Activity, Send, Tag, Flag, CalendarIcon, DollarSign, Github, Server, MemoryStick, HardDrive, Network, FileDown, ArrowUp, ArrowDown, ChevronsLeft, ChevronsRight, Grip, Unlock, Map as Map$1, Columns, GitFork, Package, BellOff, ArrowUpRight, ArrowDownRight } from 'lucide-react';
 import { cva } from 'class-variance-authority';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import { format, addMonths, subMonths, startOfMonth, endOfMonth, eachDayOfInterval, getDay, startOfWeek, endOfWeek, isSameMonth, isToday, isSameDay, startOfDay, endOfDay, subDays, formatDistanceToNow } from 'date-fns';
 import { motion, AnimatePresence, useAnimation, useMotionValue, animate, useSpring, useTransform, Reorder, useDragControls } from 'framer-motion';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import * as ReactDOM from 'react-dom';
-import ReactDOM__default from 'react-dom';
+import * as ReactDOM2 from 'react-dom';
+import ReactDOM2__default from 'react-dom';
 import { createSlot, createSlottable } from '@radix-ui/react-slot';
 import { Command } from 'cmdk';
 import Fuse from 'fuse.js';
@@ -2123,7 +2123,7 @@ var accordionTriggerVariants = cva(
     }
   }
 );
-var MoonUIAccordionPro = React60.forwardRef((props, ref) => {
+var MoonUIAccordionPro = React67.forwardRef((props, ref) => {
   const {
     className,
     size: size4 = "md",
@@ -2143,7 +2143,7 @@ var MoonUIAccordionPro = React60.forwardRef((props, ref) => {
     ...rest
   } = props;
   const collapsible = props.type === "single" ? props.collapsible ?? true : void 0;
-  React60.useEffect(() => {
+  React67.useEffect(() => {
     if (autoExpandFromHash && typeof window !== "undefined") {
       const hash = window.location.hash.replace("#", "");
       if (hash) {
@@ -2160,7 +2160,7 @@ var MoonUIAccordionPro = React60.forwardRef((props, ref) => {
       }
     }
   }, [autoExpandFromHash]);
-  const handleValueChange = React60.useCallback((newValue) => {
+  const handleValueChange = React67.useCallback((newValue) => {
     if (onItemToggle && newValue) {
       if (Array.isArray(newValue)) {
         newValue.forEach((v) => onItemToggle(v, true));
@@ -2204,12 +2204,12 @@ var MoonUIAccordionPro = React60.forwardRef((props, ref) => {
   );
 });
 MoonUIAccordionPro.displayName = "MoonUIAccordionPro";
-var AccordionContext = React60.createContext({});
-var MoonUIAccordionItemPro = React60.forwardRef(({ className, loading, progress, badge, badgeVariant = "default", completed, lazy, children, ...props }, ref) => {
-  const { size: size4, variant, onItemToggle } = React60.useContext(AccordionContext);
-  const [hasBeenOpened, setHasBeenOpened] = React60.useState(!lazy);
+var AccordionContext = React67.createContext({});
+var MoonUIAccordionItemPro = React67.forwardRef(({ className, loading, progress, badge, badgeVariant = "default", completed, lazy, children, ...props }, ref) => {
+  const { size: size4, variant, onItemToggle } = React67.useContext(AccordionContext);
+  const [hasBeenOpened, setHasBeenOpened] = React67.useState(!lazy);
   const progressOffset = progress ? 188.4 - 188.4 * progress / 100 : 188.4;
-  React60.useEffect(() => {
+  React67.useEffect(() => {
     if (lazy && !hasBeenOpened) {
       const item = document.querySelector(`[data-state="open"][value="${props.value}"]`);
       if (item) {
@@ -2282,7 +2282,7 @@ var MoonUIAccordionItemPro = React60.forwardRef(({ className, loading, progress,
   );
 });
 MoonUIAccordionItemPro.displayName = "MoonUIAccordionItemPro";
-var MoonUIAccordionTriggerPro = React60.forwardRef(({
+var MoonUIAccordionTriggerPro = React67.forwardRef(({
   className,
   children,
   leftIcon,
@@ -2294,7 +2294,7 @@ var MoonUIAccordionTriggerPro = React60.forwardRef(({
   hideChevron,
   ...props
 }, ref) => {
-  const { size: size4, variant, searchTerm } = React60.useContext(AccordionContext);
+  const { size: size4, variant, searchTerm } = React67.useContext(AccordionContext);
   const highlightText = (text, searchTerm2) => {
     if (!searchTerm2 || typeof text !== "string")
       return text;
@@ -2334,11 +2334,11 @@ var MoonUIAccordionTriggerPro = React60.forwardRef(({
   ) });
 });
 MoonUIAccordionTriggerPro.displayName = "MoonUIAccordionTriggerPro";
-var MoonUIAccordionContentPro = React60.forwardRef(({ className, children, contentLoading, loadContent, noPadding, ...props }, ref) => {
-  const { size: size4, variant, animationMode } = React60.useContext(AccordionContext);
-  const [dynamicContent, setDynamicContent] = React60.useState(null);
-  const [isLoading, setIsLoading] = React60.useState(false);
-  React60.useEffect(() => {
+var MoonUIAccordionContentPro = React67.forwardRef(({ className, children, contentLoading, loadContent, noPadding, ...props }, ref) => {
+  const { size: size4, variant, animationMode } = React67.useContext(AccordionContext);
+  const [dynamicContent, setDynamicContent] = React67.useState(null);
+  const [isLoading, setIsLoading] = React67.useState(false);
+  React67.useEffect(() => {
     if (loadContent && !dynamicContent) {
       setIsLoading(true);
       loadContent().then(setDynamicContent).finally(() => setIsLoading(false));
@@ -2375,8 +2375,8 @@ var MoonUIAccordionContentPro = React60.forwardRef(({ className, children, conte
 });
 MoonUIAccordionContentPro.displayName = "MoonUIAccordionContentPro";
 var useAccordionAnalytics = () => {
-  const [analytics, setAnalytics] = React60.useState({});
-  const trackItemOpen = React60.useCallback((itemId) => {
+  const [analytics, setAnalytics] = React67.useState({});
+  const trackItemOpen = React67.useCallback((itemId) => {
     setAnalytics((prev) => ({
       ...prev,
       [itemId]: {
@@ -2423,9 +2423,9 @@ var MoonUIalertVariantsPro = cva(
     }
   }
 );
-var MoonUIAlertPro = React60.forwardRef(
+var MoonUIAlertPro = React67.forwardRef(
   ({ className, variant = "default", size: size4, radius, hideIcon = false, closable = false, onClose, children, ...props }, ref) => {
-    const MoonUIIconPro = React60.useMemo(() => {
+    const MoonUIIconPro = React67.useMemo(() => {
       switch (variant) {
         case "success":
           return Check;
@@ -2464,7 +2464,7 @@ var MoonUIAlertPro = React60.forwardRef(
   }
 );
 MoonUIAlertPro.displayName = "AlertPro";
-var MoonUIAlertTitlePro = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUIAlertTitlePro = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "h5",
   {
     ref,
@@ -2473,7 +2473,7 @@ var MoonUIAlertTitlePro = React60.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 MoonUIAlertTitlePro.displayName = "AlertTitlePro";
-var MoonUIAlertDescriptionPro = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUIAlertDescriptionPro = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -2537,7 +2537,7 @@ var MoonUIaspectRatioVariantsPro = cva(
     }
   }
 );
-var MoonUIAspectRatioPro = React60.forwardRef(({
+var MoonUIAspectRatioPro = React67.forwardRef(({
   className,
   variant,
   radius,
@@ -2555,12 +2555,12 @@ var MoonUIAspectRatioPro = React60.forwardRef(({
   children,
   ...props
 }, ref) => {
-  const [currentRatio, setCurrentRatio] = React60.useState(() => {
+  const [currentRatio, setCurrentRatio] = React67.useState(() => {
     if (preset)
       return PRESET_RATIOS[preset];
     return ratio;
   });
-  React60.useEffect(() => {
+  React67.useEffect(() => {
     const newRatio = preset ? PRESET_RATIOS[preset] : ratio;
     if (smoothTransition) {
       setCurrentRatio(newRatio);
@@ -2568,7 +2568,7 @@ var MoonUIAspectRatioPro = React60.forwardRef(({
       setCurrentRatio(newRatio);
     }
   }, [preset, ratio, smoothTransition]);
-  React60.useEffect(() => {
+  React67.useEffect(() => {
     if (!responsive)
       return;
     const handleResize = () => {
@@ -2657,7 +2657,7 @@ var moonUIAvatarVariantsPro = cva(
     }
   }
 );
-var MoonUIAvatarPro = React60.forwardRef(({ className, size: size4, radius, variant, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUIAvatarPro = React67.forwardRef(({ className, size: size4, radius, variant, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Root,
   {
     ref,
@@ -2666,7 +2666,7 @@ var MoonUIAvatarPro = React60.forwardRef(({ className, size: size4, radius, vari
   }
 ));
 MoonUIAvatarPro.displayName = AvatarPrimitive.Root.displayName;
-var MoonUIAvatarImagePro = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUIAvatarImagePro = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Image,
   {
     ref,
@@ -2675,7 +2675,7 @@ var MoonUIAvatarImagePro = React60.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 MoonUIAvatarImagePro.displayName = AvatarPrimitive.Image.displayName;
-var MoonUIAvatarFallbackPro = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUIAvatarFallbackPro = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -2687,9 +2687,9 @@ var MoonUIAvatarFallbackPro = React60.forwardRef(({ className, ...props }, ref)
   }
 ));
 MoonUIAvatarFallbackPro.displayName = AvatarPrimitive.Fallback.displayName;
-var MoonUIAvatarGroupPro = React60.forwardRef(
+var MoonUIAvatarGroupPro = React67.forwardRef(
   ({ className, max: max2 = 3, size: size4 = "md", children, overlapOffset, ...props }, ref) => {
-    const childrenArray = React60.Children.toArray(children);
+    const childrenArray = React67.Children.toArray(children);
     const visibleChildren = max2 ? childrenArray.slice(0, max2) : childrenArray;
     const remainingCount = max2 ? Math.max(0, childrenArray.length - max2) : 0;
     const defaultOffsets = {
@@ -2716,7 +2716,7 @@ var MoonUIAvatarGroupPro = React60.forwardRef(
                 marginLeft: index2 === 0 ? 0 : `${finalOffset}px`,
                 zIndex: visibleChildren.length - index2
               },
-              children: React60.isValidElement(child) && child.type === MoonUIAvatarPro ? React60.cloneElement(child, { size: size4 }) : child
+              children: React67.isValidElement(child) && child.type === MoonUIAvatarPro ? React67.cloneElement(child, { size: size4 }) : child
             },
             index2
           )),
@@ -2921,7 +2921,7 @@ var MoonUIbreadcrumbVariantsPro = cva(
     }
   }
 );
-var MoonUIBreadcrumbPro = React60.forwardRef(
+var MoonUIBreadcrumbPro = React67.forwardRef(
   ({ className, variant, size: size4, ...props }, ref) => /* @__PURE__ */ jsx(
     "nav",
     {
@@ -2933,9 +2933,9 @@ var MoonUIBreadcrumbPro = React60.forwardRef(
   )
 );
 MoonUIBreadcrumbPro.displayName = "BreadcrumbPro";
-var MoonUIBreadcrumbListPro = React60.forwardRef(
+var MoonUIBreadcrumbListPro = React67.forwardRef(
   ({ className, collapsed, collapsedWidth = 3, ...props }, ref) => {
-    const MoonUIchildrenArrayPro = React60.Children.toArray(props.children).filter(Boolean);
+    const MoonUIchildrenArrayPro = React67.Children.toArray(props.children).filter(Boolean);
     const MoonUIchildCountPro = MoonUIchildrenArrayPro.length;
     if (collapsed && MoonUIchildCountPro > collapsedWidth) {
       const MoonUIfirstItemPro = MoonUIchildrenArrayPro[0];
@@ -2971,9 +2971,9 @@ var MoonUIBreadcrumbListPro = React60.forwardRef(
   }
 );
 MoonUIBreadcrumbListPro.displayName = "BreadcrumbListPro";
-var MoonUIBreadcrumbItemPro = React60.forwardRef(
+var MoonUIBreadcrumbItemPro = React67.forwardRef(
   ({ className, isCurrent, href, asChild = false, ...props }, ref) => {
-    const MoonUICompPro = asChild ? React60.Fragment : href ? "a" : "span";
+    const MoonUICompPro = asChild ? React67.Fragment : href ? "a" : "span";
     const MoonUIitemPropsPro = asChild ? {} : href ? { href } : {};
     return /* @__PURE__ */ jsx(
       "li",
@@ -3030,7 +3030,7 @@ var MoonUIBreadcrumbEllipsisPro = ({
   }
 );
 MoonUIBreadcrumbEllipsisPro.displayName = "BreadcrumbEllipsisPro";
-var MoonUIBreadcrumbLinkPro = React60.forwardRef(
+var MoonUIBreadcrumbLinkPro = React67.forwardRef(
   ({ className, href, ...props }, ref) => /* @__PURE__ */ jsx(
     "a",
     {
@@ -3045,7 +3045,7 @@ var MoonUIBreadcrumbLinkPro = React60.forwardRef(
   )
 );
 MoonUIBreadcrumbLinkPro.displayName = "BreadcrumbLinkPro";
-var MoonUIBreadcrumbPagePro = React60.forwardRef(
+var MoonUIBreadcrumbPagePro = React67.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "span",
     {
@@ -3208,7 +3208,7 @@ var moonUIButtonProVariants = cva(
     }
   }
 );
-var MoonUIButtonPro = React60.forwardRef(
+var MoonUIButtonPro = React67.forwardRef(
   ({
     className,
     variant,
@@ -3267,7 +3267,7 @@ function Calendar({
       return selected;
     return /* @__PURE__ */ new Date();
   };
-  const [currentMonth, setCurrentMonth] = React60.useState(getInitialMonth());
+  const [currentMonth, setCurrentMonth] = React67.useState(getInitialMonth());
   const weekDays = [
     { short: "S", full: "Sunday" },
     { short: "M", full: "Monday" },
@@ -3657,7 +3657,7 @@ var moonUICardVariantsPro = cva(
     }
   }
 );
-var MoonUICardPro = React60.forwardRef(
+var MoonUICardPro = React67.forwardRef(
   ({
     className,
     variant,
@@ -3674,8 +3674,8 @@ var MoonUICardPro = React60.forwardRef(
     asChild,
     ...props
   }, ref) => {
-    const [mousePos, setMousePos] = React60.useState({ x: 0, y: 0 });
-    const [isHovered, setIsHovered] = React60.useState(false);
+    const [mousePos, setMousePos] = React67.useState({ x: 0, y: 0 });
+    const [isHovered, setIsHovered] = React67.useState(false);
     const handleMouseMove2 = (e) => {
       if (!enableTilt && !enableParallax)
         return;
@@ -3735,7 +3735,7 @@ var MoonUICardPro = React60.forwardRef(
   }
 );
 MoonUICardPro.displayName = "MoonUICardPro";
-var MoonUICardHeaderPro = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUICardHeaderPro = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -3744,7 +3744,7 @@ var MoonUICardHeaderPro = React60.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 MoonUICardHeaderPro.displayName = "MoonUICardHeaderPro";
-var MoonUICardTitlePro = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUICardTitlePro = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "h3",
   {
     ref,
@@ -3753,7 +3753,7 @@ var MoonUICardTitlePro = React60.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 MoonUICardTitlePro.displayName = "MoonUICardTitlePro";
-var MoonUICardDescriptionPro = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUICardDescriptionPro = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "p",
   {
     ref,
@@ -3762,9 +3762,9 @@ var MoonUICardDescriptionPro = React60.forwardRef(({ className, ...props }, ref)
   }
 ));
 MoonUICardDescriptionPro.displayName = "MoonUICardDescriptionPro";
-var MoonUICardContentPro = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("pt-0", className), ...props }));
+var MoonUICardContentPro = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("pt-0", className), ...props }));
 MoonUICardContentPro.displayName = "MoonUICardContentPro";
-var MoonUICardFooterPro = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUICardFooterPro = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -3811,7 +3811,7 @@ var moonUICheckboxVariantsPro = cva(
     }
   }
 );
-var MoonUICheckboxPro = React60.forwardRef(({
+var MoonUICheckboxPro = React67.forwardRef(({
   className,
   variant,
   size: size4,
@@ -3822,8 +3822,8 @@ var MoonUICheckboxPro = React60.forwardRef(({
   checked,
   ...props
 }, ref) => {
-  const [isIndeterminate, setIsIndeterminate] = React60.useState(indeterminate);
-  React60.useEffect(() => {
+  const [isIndeterminate, setIsIndeterminate] = React67.useState(indeterminate);
+  React67.useEffect(() => {
     setIsIndeterminate(indeterminate);
   }, [indeterminate]);
   const effectiveChecked = isIndeterminate ? false : checked;
@@ -3848,7 +3848,7 @@ var MoonUICheckboxPro = React60.forwardRef(({
   );
 });
 MoonUICheckboxPro.displayName = CheckboxPrimitive.Root.displayName;
-var MoonUICheckboxGroupPro = React60.forwardRef(
+var MoonUICheckboxGroupPro = React67.forwardRef(
   ({ className, orientation = "vertical", spacing = "1rem", children, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "div",
@@ -3868,7 +3868,7 @@ var MoonUICheckboxGroupPro = React60.forwardRef(
   }
 );
 MoonUICheckboxGroupPro.displayName = "CheckboxGroup";
-var MoonUICheckboxLabelPro = React60.forwardRef(
+var MoonUICheckboxLabelPro = React67.forwardRef(
   ({ className, htmlFor, children, position = "end", disabled = false, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "label",
@@ -3888,14 +3888,14 @@ var MoonUICheckboxLabelPro = React60.forwardRef(
   }
 );
 MoonUICheckboxLabelPro.displayName = "CheckboxLabel";
-var MoonUICheckboxWithLabelPro = React60.forwardRef(({
+var MoonUICheckboxWithLabelPro = React67.forwardRef(({
   id,
   label,
   labelPosition = "end",
   labelClassName,
   ...checkboxProps
 }, ref) => {
-  const generatedId = React60.useId();
+  const generatedId = React67.useId();
   const checkboxId = id || generatedId;
   return /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
     labelPosition === "start" && /* @__PURE__ */ jsx(
@@ -3923,7 +3923,7 @@ var MoonUICheckboxWithLabelPro = React60.forwardRef(({
 });
 MoonUICheckboxWithLabelPro.displayName = "CheckboxWithLabel";
 
-// ../../node_modules/@radix-ui/primitive/dist/index.mjs
+// node_modules/@radix-ui/primitive/dist/index.mjs
 function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
   return function handleEvent(event) {
     originalEventHandler?.(event);
@@ -3935,19 +3935,19 @@ function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForD
 function createContextScope(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext32(rootComponentName, defaultContext) {
-    const BaseContext = React60.createContext(defaultContext);
+    const BaseContext = React67.createContext(defaultContext);
     const index2 = defaultContexts.length;
     defaultContexts = [...defaultContexts, defaultContext];
     const Provider3 = (props) => {
       const { scope, children, ...context } = props;
       const Context = scope?.[scopeName]?.[index2] || BaseContext;
-      const value = React60.useMemo(() => context, Object.values(context));
+      const value = React67.useMemo(() => context, Object.values(context));
       return /* @__PURE__ */ jsx(Context.Provider, { value, children });
     };
     Provider3.displayName = rootComponentName + "Provider";
     function useContext23(consumerName, scope) {
       const Context = scope?.[scopeName]?.[index2] || BaseContext;
-      const context = React60.useContext(Context);
+      const context = React67.useContext(Context);
       if (context)
         return context;
       if (defaultContext !== void 0)
@@ -3958,11 +3958,11 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
   }
   const createScope = () => {
     const scopeContexts = defaultContexts.map((defaultContext) => {
-      return React60.createContext(defaultContext);
+      return React67.createContext(defaultContext);
     });
     return function useScope(scope) {
       const contexts = scope?.[scopeName] || scopeContexts;
-      return React60.useMemo(
+      return React67.useMemo(
         () => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
         [scope, contexts]
       );
@@ -3986,15 +3986,15 @@ function composeContextScopes(...scopes) {
         const currentScope = scopeProps[`__scope${scopeName}`];
         return { ...nextScopes2, ...currentScope };
       }, {});
-      return React60.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
+      return React67.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
     };
   };
   createScope.scopeName = baseScope.scopeName;
   return createScope;
 }
-var useLayoutEffect2 = globalThis?.document ? React60.useLayoutEffect : () => {
+var useLayoutEffect2 = globalThis?.document ? React67.useLayoutEffect : () => {
 };
-var useInsertionEffect = React60[" useInsertionEffect ".trim().toString()] || useLayoutEffect2;
+var useInsertionEffect = React67[" useInsertionEffect ".trim().toString()] || useLayoutEffect2;
 function useControllableState({
   prop,
   defaultProp,
@@ -4009,8 +4009,8 @@ function useControllableState({
   const isControlled = prop !== void 0;
   const value = isControlled ? prop : uncontrolledProp;
   {
-    const isControlledRef = React60.useRef(prop !== void 0);
-    React60.useEffect(() => {
+    const isControlledRef = React67.useRef(prop !== void 0);
+    React67.useEffect(() => {
       const wasControlled = isControlledRef.current;
       if (wasControlled !== isControlled) {
         const from2 = wasControlled ? "controlled" : "uncontrolled";
@@ -4022,7 +4022,7 @@ function useControllableState({
       isControlledRef.current = isControlled;
     }, [isControlled, caller]);
   }
-  const setValue = React60.useCallback(
+  const setValue = React67.useCallback(
     (nextValue) => {
       if (isControlled) {
         const value2 = isFunction(nextValue) ? nextValue(prop) : nextValue;
@@ -4041,13 +4041,13 @@ function useUncontrolledState({
   defaultProp,
   onChange
 }) {
-  const [value, setValue] = React60.useState(defaultProp);
-  const prevValueRef = React60.useRef(value);
-  const onChangeRef = React60.useRef(onChange);
+  const [value, setValue] = React67.useState(defaultProp);
+  const prevValueRef = React67.useRef(value);
+  const onChangeRef = React67.useRef(onChange);
   useInsertionEffect(() => {
     onChangeRef.current = onChange;
   }, [onChange]);
-  React60.useEffect(() => {
+  React67.useEffect(() => {
     if (prevValueRef.current !== value) {
       onChangeRef.current?.(value);
       prevValueRef.current = value;
@@ -4090,7 +4090,7 @@ function composeRefs(...refs) {
   };
 }
 function useComposedRefs(...refs) {
-  return React60.useCallback(composeRefs(...refs), refs);
+  return React67.useCallback(composeRefs(...refs), refs);
 }
 var NODES = [
   "a",
@@ -4113,7 +4113,7 @@ var NODES = [
 ];
 var Primitive = NODES.reduce((primitive, node) => {
   const Slot = createSlot(`Primitive.${node}`);
-  const Node4 = React60.forwardRef((props, forwardedRef) => {
+  const Node4 = React67.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
     const Comp = asChild ? Slot : node;
     if (typeof window !== "undefined") {
@@ -4124,12 +4124,8 @@ var Primitive = NODES.reduce((primitive, node) => {
   Node4.displayName = `Primitive.${node}`;
   return { ...primitive, [node]: Node4 };
 }, {});
-function dispatchDiscreteCustomEvent(target, event) {
-  if (target)
-    ReactDOM.flushSync(() => target.dispatchEvent(event));
-}
 function useStateMachine(initialState, machine) {
-  return React60.useReducer((state, event) => {
+  return React67.useReducer((state, event) => {
     const nextState = machine[state][event];
     return nextState ?? state;
   }, initialState);
@@ -4137,17 +4133,17 @@ function useStateMachine(initialState, machine) {
 var Presence = (props) => {
   const { present, children } = props;
   const presence = usePresence(present);
-  const child = typeof children === "function" ? children({ present: presence.isPresent }) : React60.Children.only(children);
+  const child = typeof children === "function" ? children({ present: presence.isPresent }) : React67.Children.only(children);
   const ref = useComposedRefs(presence.ref, getElementRef(child));
   const forceMount = typeof children === "function";
-  return forceMount || presence.isPresent ? React60.cloneElement(child, { ref }) : null;
+  return forceMount || presence.isPresent ? React67.cloneElement(child, { ref }) : null;
 };
 Presence.displayName = "Presence";
 function usePresence(present) {
-  const [node, setNode2] = React60.useState();
-  const stylesRef = React60.useRef(null);
-  const prevPresentRef = React60.useRef(present);
-  const prevAnimationNameRef = React60.useRef("none");
+  const [node, setNode2] = React67.useState();
+  const stylesRef = React67.useRef(null);
+  const prevPresentRef = React67.useRef(present);
+  const prevAnimationNameRef = React67.useRef("none");
   const initialState = present ? "mounted" : "unmounted";
   const [state, send] = useStateMachine(initialState, {
     mounted: {
@@ -4162,7 +4158,7 @@ function usePresence(present) {
       MOUNT: "mounted"
     }
   });
-  React60.useEffect(() => {
+  React67.useEffect(() => {
     const currentAnimationName = getAnimationName(stylesRef.current);
     prevAnimationNameRef.current = state === "mounted" ? currentAnimationName : "none";
   }, [state]);
@@ -4228,7 +4224,7 @@ function usePresence(present) {
   }, [node, send]);
   return {
     isPresent: ["mounted", "unmountSuspended"].includes(state),
-    ref: React60.useCallback((node2) => {
+    ref: React67.useCallback((node2) => {
       stylesRef.current = node2 ? getComputedStyle(node2) : null;
       setNode2(node2);
     }, [])
@@ -4250,10 +4246,10 @@ function getElementRef(element) {
   }
   return element.props.ref || element.ref;
 }
-var useReactId = React60[" useId ".trim().toString()] || (() => void 0);
+var useReactId = React67[" useId ".trim().toString()] || (() => void 0);
 var count = 0;
 function useId2(deterministicId) {
-  const [id, setId] = React60.useState(useReactId());
+  const [id, setId] = React67.useState(useReactId());
   useLayoutEffect2(() => {
     if (!deterministicId)
       setId((reactId) => reactId ?? String(count++));
@@ -4263,7 +4259,7 @@ function useId2(deterministicId) {
 var COLLAPSIBLE_NAME = "Collapsible";
 var [createCollapsibleContext, createCollapsibleScope] = createContextScope(COLLAPSIBLE_NAME);
 var [CollapsibleProvider, useCollapsibleContext] = createCollapsibleContext(COLLAPSIBLE_NAME);
-var Collapsible = React60.forwardRef(
+var Collapsible = React67.forwardRef(
   (props, forwardedRef) => {
     const {
       __scopeCollapsible,
@@ -4286,7 +4282,7 @@ var Collapsible = React60.forwardRef(
         disabled,
         contentId: useId2(),
         open,
-        onOpenToggle: React60.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
+        onOpenToggle: React67.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
         children: /* @__PURE__ */ jsx(
           Primitive.div,
           {
@@ -4302,7 +4298,7 @@ var Collapsible = React60.forwardRef(
 );
 Collapsible.displayName = COLLAPSIBLE_NAME;
 var TRIGGER_NAME = "CollapsibleTrigger";
-var CollapsibleTrigger = React60.forwardRef(
+var CollapsibleTrigger = React67.forwardRef(
   (props, forwardedRef) => {
     const { __scopeCollapsible, ...triggerProps } = props;
     const context = useCollapsibleContext(TRIGGER_NAME, __scopeCollapsible);
@@ -4324,7 +4320,7 @@ var CollapsibleTrigger = React60.forwardRef(
 );
 CollapsibleTrigger.displayName = TRIGGER_NAME;
 var CONTENT_NAME = "CollapsibleContent";
-var CollapsibleContent = React60.forwardRef(
+var CollapsibleContent = React67.forwardRef(
   (props, forwardedRef) => {
     const { forceMount, ...contentProps } = props;
     const context = useCollapsibleContext(CONTENT_NAME, props.__scopeCollapsible);
@@ -4332,20 +4328,20 @@ var CollapsibleContent = React60.forwardRef(
   }
 );
 CollapsibleContent.displayName = CONTENT_NAME;
-var CollapsibleContentImpl = React60.forwardRef((props, forwardedRef) => {
+var CollapsibleContentImpl = React67.forwardRef((props, forwardedRef) => {
   const { __scopeCollapsible, present, children, ...contentProps } = props;
   const context = useCollapsibleContext(CONTENT_NAME, __scopeCollapsible);
-  const [isPresent, setIsPresent] = React60.useState(present);
-  const ref = React60.useRef(null);
+  const [isPresent, setIsPresent] = React67.useState(present);
+  const ref = React67.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, ref);
-  const heightRef = React60.useRef(0);
+  const heightRef = React67.useRef(0);
   const height = heightRef.current;
-  const widthRef = React60.useRef(0);
+  const widthRef = React67.useRef(0);
   const width = widthRef.current;
   const isOpen = context.open || isPresent;
-  const isMountAnimationPreventedRef = React60.useRef(isOpen);
-  const originalStylesRef = React60.useRef(void 0);
-  React60.useEffect(() => {
+  const isMountAnimationPreventedRef = React67.useRef(isOpen);
+  const originalStylesRef = React67.useRef(void 0);
+  React67.useEffect(() => {
     const rAF = requestAnimationFrame(() => isMountAnimationPreventedRef.current = false);
     return () => cancelAnimationFrame(rAF);
   }, []);
@@ -4392,7 +4388,7 @@ function getState(open) {
 var Root4 = Collapsible;
 var Trigger2 = CollapsibleTrigger;
 var Content2 = CollapsibleContent;
-var MoonUICollapsiblePro = React60.forwardRef(({
+var MoonUICollapsiblePro = React67.forwardRef(({
   className,
   variant = "default",
   size: size4 = "md",
@@ -4412,7 +4408,7 @@ var MoonUICollapsiblePro = React60.forwardRef(({
   children,
   disabled
 }, ref) => {
-  const [localOpen, setLocalOpen] = React60.useState(() => {
+  const [localOpen, setLocalOpen] = React67.useState(() => {
     if (persistKey && typeof window !== "undefined") {
       const stored = localStorage.getItem(`collapsible-${persistKey}`);
       if (stored !== null) {
@@ -4421,9 +4417,9 @@ var MoonUICollapsiblePro = React60.forwardRef(({
     }
     return defaultOpen || false;
   });
-  const [hasBeenOpened, setHasBeenOpened] = React60.useState(!lazy);
+  const [hasBeenOpened, setHasBeenOpened] = React67.useState(!lazy);
   const isOpen = controlledOpen !== void 0 ? controlledOpen : localOpen;
-  const handleOpenChange = React60.useCallback((open) => {
+  const handleOpenChange = React67.useCallback((open) => {
     if (!loading) {
       setLocalOpen(open);
       onOpenChange?.(open);
@@ -4443,7 +4439,7 @@ var MoonUICollapsiblePro = React60.forwardRef(({
       }
     }
   }, [loading, onOpenChange, onToggleChange, persistKey, lazy, hasBeenOpened, autoCollapseAfter]);
-  React60.useEffect(() => {
+  React67.useEffect(() => {
     if (shortcut) {
       const handleKeyPress = (e) => {
         const keys2 = shortcut.toLowerCase().split("+");
@@ -4540,7 +4536,7 @@ var MoonUICollapsiblePro = React60.forwardRef(({
   ] });
 });
 MoonUICollapsiblePro.displayName = "MoonUICollapsiblePro";
-var CollapsibleContext = React60.createContext({});
+var CollapsibleContext = React67.createContext({});
 var collapsibleTriggerVariants = cva(
   "flex w-full items-center gap-3 transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
   {
@@ -4567,7 +4563,7 @@ var collapsibleTriggerVariants = cva(
     }
   }
 );
-var MoonUICollapsibleTriggerPro = React60.forwardRef(({
+var MoonUICollapsibleTriggerPro = React67.forwardRef(({
   className,
   children,
   variant: triggerVariant,
@@ -4582,7 +4578,7 @@ var MoonUICollapsibleTriggerPro = React60.forwardRef(({
   status,
   ...props
 }, ref) => {
-  const { variant, size: size4, shortcut } = React60.useContext(CollapsibleContext);
+  const { variant, size: size4, shortcut } = React67.useContext(CollapsibleContext);
   const finalVariant = triggerVariant || variant || "default";
   const finalSize = triggerSize || size4 || "md";
   const statusIcon = status && {
@@ -4660,7 +4656,7 @@ var collapsibleContentVariants = cva(
     }
   }
 );
-var MoonUICollapsibleContentPro = React60.forwardRef(({
+var MoonUICollapsibleContentPro = React67.forwardRef(({
   className,
   children,
   variant: contentVariant,
@@ -4671,12 +4667,12 @@ var MoonUICollapsibleContentPro = React60.forwardRef(({
   padding,
   ...props
 }, ref) => {
-  const { variant, size: size4, animationMode, lazy } = React60.useContext(CollapsibleContext);
+  const { variant, size: size4, animationMode, lazy } = React67.useContext(CollapsibleContext);
   const finalVariant = contentVariant || variant || "default";
   const finalSize = contentSize || size4 || "md";
-  const [dynamicContent, setDynamicContent] = React60.useState(null);
-  const [isLoading, setIsLoading] = React60.useState(false);
-  React60.useEffect(() => {
+  const [dynamicContent, setDynamicContent] = React67.useState(null);
+  const [isLoading, setIsLoading] = React67.useState(false);
+  React67.useEffect(() => {
     if (loadContent && !dynamicContent) {
       setIsLoading(true);
       loadContent().then(setDynamicContent).finally(() => setIsLoading(false));
@@ -4716,19 +4712,19 @@ var MoonUICollapsibleContentPro = React60.forwardRef(({
 });
 MoonUICollapsibleContentPro.displayName = "MoonUICollapsibleContentPro";
 var useCollapsibleAnalytics = () => {
-  const [analytics, setAnalytics] = React60.useState({
+  const [analytics, setAnalytics] = React67.useState({
     openCount: 0,
     lastOpened: null,
     totalTimeOpen: 0
   });
-  const trackOpen = React60.useCallback(() => {
+  const trackOpen = React67.useCallback(() => {
     setAnalytics((prev) => ({
       ...prev,
       openCount: prev.openCount + 1,
       lastOpened: /* @__PURE__ */ new Date()
     }));
   }, []);
-  const trackClose = React60.useCallback(() => {
+  const trackClose = React67.useCallback(() => {
     setAnalytics((prev) => {
       if (prev.lastOpened) {
         const timeOpen = Date.now() - prev.lastOpened.getTime();
@@ -4863,7 +4859,7 @@ var overlayVariants = cva(
     }
   }
 );
-var MoonUIDialogOverlayPro = React60.forwardRef(({ className, variant, blurAmount, animation, customBackdrop = false, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUIDialogOverlayPro = React67.forwardRef(({ className, variant, blurAmount, animation, customBackdrop = false, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -4946,7 +4942,7 @@ var dialogContentVariants = cva(
     }
   }
 );
-var MoonUIDialogContentPro = React60.forwardRef(
+var MoonUIDialogContentPro = React67.forwardRef(
   ({
     className,
     children,
@@ -4975,7 +4971,7 @@ var MoonUIDialogContentPro = React60.forwardRef(
     closeAnimation = true,
     ...props
   }, ref) => {
-    const [isClosing, setIsClosing] = React60.useState(false);
+    const [isClosing, setIsClosing] = React67.useState(false);
     const zIndex = 50 + stackLevel * 10;
     const getConfirmationIcon = () => {
       switch (confirmationType) {
@@ -5140,7 +5136,7 @@ var MoonUIDialogContentPro = React60.forwardRef(
     };
     const animationVariants2 = getAnimationVariants();
     const displayIcon = confirmationType ? getConfirmationIcon() : icon;
-    React60.useEffect(() => {
+    React67.useEffect(() => {
       if (typeof window !== "undefined" && true) {
         console.log("\u{1F3AD} Dialog Animation Debug:", {
           animation,
@@ -5293,7 +5289,7 @@ var MoonUIDialogFooterPro = ({
   }
 );
 MoonUIDialogFooterPro.displayName = "MoonUIDialogFooterPro";
-var MoonUIDialogTitlePro = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUIDialogTitlePro = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Title,
   {
     ref,
@@ -5305,7 +5301,7 @@ var MoonUIDialogTitlePro = React60.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 MoonUIDialogTitlePro.displayName = DialogPrimitive.Title.displayName;
-var MoonUIDialogDescriptionPro = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUIDialogDescriptionPro = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Description,
   {
     ref,
@@ -5317,7 +5313,7 @@ var MoonUIDialogDescriptionPro = React60.forwardRef(({ className, ...props }, re
   }
 ));
 MoonUIDialogDescriptionPro.displayName = DialogPrimitive.Description.displayName;
-var MoonUIDialogFormPro = React60.forwardRef(({ className, enableValidation = false, onSubmit, isSubmitting = false, ...props }, ref) => {
+var MoonUIDialogFormPro = React67.forwardRef(({ className, enableValidation = false, onSubmit, isSubmitting = false, ...props }, ref) => {
   const handleSubmit = async (e) => {
     e.preventDefault();
     if (onSubmit && !isSubmitting) {
@@ -5367,7 +5363,7 @@ var tooltipVariants = cva(
 );
 var MoonUITooltipPro = TooltipPrimitive.Root;
 var MoonUITooltipTriggerPro = TooltipPrimitive.Trigger;
-var MoonUITooltipArrowPro = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUITooltipArrowPro = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TooltipPrimitive.Arrow,
   {
     ref,
@@ -5376,7 +5372,7 @@ var MoonUITooltipArrowPro = React60.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 MoonUITooltipArrowPro.displayName = TooltipPrimitive.Arrow.displayName;
-var MoonUITooltipContentPro = React60.forwardRef(({ className, variant, size: size4, showArrow = false, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxs(
+var MoonUITooltipContentPro = React67.forwardRef(({ className, variant, size: size4, showArrow = false, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxs(
   TooltipPrimitive.Content,
   {
     ref,
@@ -5390,7 +5386,7 @@ var MoonUITooltipContentPro = React60.forwardRef(({ className, variant, size: si
   }
 ));
 MoonUITooltipContentPro.displayName = TooltipPrimitive.Content.displayName;
-var MoonUISimpleTooltipPro = React60.forwardRef(
+var MoonUISimpleTooltipPro = React67.forwardRef(
   ({
     children,
     content,
@@ -5510,7 +5506,7 @@ var moonUIInputVariantsPro = cva(
     }
   }
 );
-var MoonUIInputPro = React60.forwardRef(
+var MoonUIInputPro = React67.forwardRef(
   ({
     className,
     wrapperClassName,
@@ -5584,7 +5580,7 @@ MoonUIInputPro.displayName = "MoonUIInputPro";
 var moonUILabelVariantsPro = cva(
   "text-sm font-medium leading-none text-gray-900 dark:text-gray-200 peer-disabled:cursor-not-allowed peer-disabled:opacity-70 dark:peer-disabled:opacity-60 transition-colors duration-200"
 );
-var MoonUILabelPro = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUILabelPro = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   LabelPrimitive.Root,
   {
     ref,
@@ -5597,7 +5593,7 @@ var MoonUISelectPro = SelectPrimitive.Root;
 MoonUISelectPro.displayName = "MoonUISelectPro";
 var MoonUISelectGroupPro = SelectPrimitive.Group;
 var MoonUISelectValuePro = SelectPrimitive.Value;
-var MoonUISelectTriggerPro = React60.forwardRef(({ className, children, variant = "standard", size: size4 = "md", error, success, loading, leftIcon, rightIcon, ...props }, ref) => /* @__PURE__ */ jsxs(
+var MoonUISelectTriggerPro = React67.forwardRef(({ className, children, variant = "standard", size: size4 = "md", error, success, loading, leftIcon, rightIcon, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -5639,7 +5635,7 @@ var MoonUISelectTriggerPro = React60.forwardRef(({ className, children, variant
   }
 ));
 MoonUISelectTriggerPro.displayName = SelectPrimitive.Trigger.displayName;
-var MoonUISelectScrollUpButtonPro = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUISelectScrollUpButtonPro = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -5652,7 +5648,7 @@ var MoonUISelectScrollUpButtonPro = React60.forwardRef(({ className, ...props },
   }
 ));
 MoonUISelectScrollUpButtonPro.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var MoonUISelectScrollDownButtonPro = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUISelectScrollDownButtonPro = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -5665,14 +5661,14 @@ var MoonUISelectScrollDownButtonPro = React60.forwardRef(({ className, ...props
   }
 ));
 MoonUISelectScrollDownButtonPro.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var MoonUISelectContentPro = React60.forwardRef(({ className, children, position = "popper", side = "bottom", align = "start", enableSearch, searchPlaceholder = "Search...", noResultsText = "No results found", searchLoading, searchIcon, ...props }, ref) => {
-  const [searchValue, setSearchValue] = React60.useState("");
-  const filteredChildren = React60.useMemo(() => {
+var MoonUISelectContentPro = React67.forwardRef(({ className, children, position = "popper", side = "bottom", align = "start", enableSearch, searchPlaceholder = "Search...", noResultsText = "No results found", searchLoading, searchIcon, ...props }, ref) => {
+  const [searchValue, setSearchValue] = React67.useState("");
+  const filteredChildren = React67.useMemo(() => {
     if (!enableSearch || !searchValue)
       return children;
     const searchLower = searchValue.toLowerCase();
-    return React60.Children.toArray(children).filter((child) => {
-      if (!React60.isValidElement(child))
+    return React67.Children.toArray(children).filter((child) => {
+      if (!React67.isValidElement(child))
         return true;
       if (child.type === MoonUISelectGroupPro || child.type === MoonUISelectLabelPro || child.type === MoonUISelectSeparatorPro) {
         return true;
@@ -5745,7 +5741,7 @@ var MoonUISelectContentPro = React60.forwardRef(({ className, children, position
               "p-1",
               position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
             ),
-            children: searchLoading ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ jsx(Loader2, { className: "h-5 w-5 animate-spin text-gray-400" }) }) : filteredChildren && React60.Children.count(filteredChildren) > 0 ? filteredChildren : enableSearch ? /* @__PURE__ */ jsx("div", { className: "py-6 text-center text-sm text-gray-500 dark:text-gray-400", children: noResultsText }) : children
+            children: searchLoading ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ jsx(Loader2, { className: "h-5 w-5 animate-spin text-gray-400" }) }) : filteredChildren && React67.Children.count(filteredChildren) > 0 ? filteredChildren : enableSearch ? /* @__PURE__ */ jsx("div", { className: "py-6 text-center text-sm text-gray-500 dark:text-gray-400", children: noResultsText }) : children
           }
         ),
         /* @__PURE__ */ jsx(MoonUISelectScrollDownButtonPro, {})
@@ -5754,7 +5750,7 @@ var MoonUISelectContentPro = React60.forwardRef(({ className, children, position
   ) });
 });
 MoonUISelectContentPro.displayName = SelectPrimitive.Content.displayName;
-var MoonUISelectLabelPro = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUISelectLabelPro = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Label,
   {
     ref,
@@ -5763,7 +5759,7 @@ var MoonUISelectLabelPro = React60.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 MoonUISelectLabelPro.displayName = SelectPrimitive.Label.displayName;
-var MoonUISelectItemPro = React60.forwardRef(({ className, children, variant = "default", size: size4 = "md", rightIcon, customIndicator, enableHoverScale, description, ...props }, ref) => /* @__PURE__ */ jsxs(
+var MoonUISelectItemPro = React67.forwardRef(({ className, children, variant = "default", size: size4 = "md", rightIcon, customIndicator, enableHoverScale, description, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Item,
   {
     ref,
@@ -5795,7 +5791,7 @@ var MoonUISelectItemPro = React60.forwardRef(({ className, children, variant = "
   }
 ));
 MoonUISelectItemPro.displayName = SelectPrimitive.Item.displayName;
-var MoonUISelectSeparatorPro = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUISelectSeparatorPro = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Separator,
   {
     ref,
@@ -5966,7 +5962,7 @@ var getAIProvider = (settings) => {
     return null;
   }
 };
-var MoonUICommandPro = React60.forwardRef(({
+var MoonUICommandPro = React67.forwardRef(({
   className,
   variant,
   size: size4,
@@ -6351,7 +6347,7 @@ var MoonUICommandDialogPro = ({
     /* @__PURE__ */ jsx(MoonUICommandPro, { ...commandProps, children })
   ] }) });
 };
-var MoonUICommandInputPro = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+var MoonUICommandInputPro = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
   /* @__PURE__ */ jsx(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
   /* @__PURE__ */ jsx(
     Command.Input,
@@ -6366,7 +6362,7 @@ var MoonUICommandInputPro = React60.forwardRef(({ className, ...props }, ref) =>
   )
 ] }));
 MoonUICommandInputPro.displayName = Command.Input.displayName;
-var MoonUICommandListPro = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUICommandListPro = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Command.List,
   {
     ref,
@@ -6375,7 +6371,7 @@ var MoonUICommandListPro = React60.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 MoonUICommandListPro.displayName = Command.List.displayName;
-var MoonUICommandEmptyPro = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUICommandEmptyPro = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Command.Empty,
   {
     ref,
@@ -6384,7 +6380,7 @@ var MoonUICommandEmptyPro = React60.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 MoonUICommandEmptyPro.displayName = Command.Empty.displayName;
-var MoonUICommandGroupPro = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUICommandGroupPro = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Command.Group,
   {
     ref,
@@ -6396,7 +6392,7 @@ var MoonUICommandGroupPro = React60.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 MoonUICommandGroupPro.displayName = Command.Group.displayName;
-var MoonUICommandSeparatorPro = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUICommandSeparatorPro = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Command.Separator,
   {
     ref,
@@ -6405,7 +6401,7 @@ var MoonUICommandSeparatorPro = React60.forwardRef(({ className, ...props }, ref
   }
 ));
 MoonUICommandSeparatorPro.displayName = Command.Separator.displayName;
-var MoonUICommandItemPro = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUICommandItemPro = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Command.Item,
   {
     ref,
@@ -6498,7 +6494,7 @@ var dropdownItemVariants = cva(
     }
   }
 );
-var MoonUIDropdownMenuSubTriggerPro = React60.forwardRef(({ className, inset, children, showChevron = true, badge, ...props }, ref) => /* @__PURE__ */ jsxs(
+var MoonUIDropdownMenuSubTriggerPro = React67.forwardRef(({ className, inset, children, showChevron = true, badge, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -6522,7 +6518,7 @@ var MoonUIDropdownMenuSubTriggerPro = React60.forwardRef(({ className, inset, ch
   }
 ));
 MoonUIDropdownMenuSubTriggerPro.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var MoonUIDropdownMenuSubContentPro = React60.forwardRef(({ className, variant, animation, size: size4, ...props }, ref) => {
+var MoonUIDropdownMenuSubContentPro = React67.forwardRef(({ className, variant, animation, size: size4, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.SubContent,
     {
@@ -6533,7 +6529,7 @@ var MoonUIDropdownMenuSubContentPro = React60.forwardRef(({ className, variant,
   );
 });
 MoonUIDropdownMenuSubContentPro.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var MoonUIDropdownMenuContentPro = React60.forwardRef(
+var MoonUIDropdownMenuContentPro = React67.forwardRef(
   ({
     className,
     variant,
@@ -6551,12 +6547,12 @@ var MoonUIDropdownMenuContentPro = React60.forwardRef(
     children,
     ...props
   }, ref) => {
-    const [searchQuery, setSearchQuery] = React60.useState("");
-    const filteredChildren = React60.useMemo(() => {
+    const [searchQuery, setSearchQuery] = React67.useState("");
+    const filteredChildren = React67.useMemo(() => {
       if (!enableSearch || !searchQuery)
         return children;
-      return React60.Children.toArray(children).filter((child) => {
-        if (!React60.isValidElement(child))
+      return React67.Children.toArray(children).filter((child) => {
+        if (!React67.isValidElement(child))
           return true;
         const childText = getTextFromElement(child);
         return childText.toLowerCase().includes(searchQuery.toLowerCase());
@@ -6612,7 +6608,7 @@ var MoonUIDropdownMenuContentPro = React60.forwardRef(
   }
 );
 MoonUIDropdownMenuContentPro.displayName = DropdownMenuPrimitive.Content.displayName;
-var MoonUIDropdownMenuItemPro = React60.forwardRef(
+var MoonUIDropdownMenuItemPro = React67.forwardRef(
   ({
     className,
     variant,
@@ -6652,7 +6648,7 @@ var MoonUIDropdownMenuItemPro = React60.forwardRef(
   )
 );
 MoonUIDropdownMenuItemPro.displayName = DropdownMenuPrimitive.Item.displayName;
-var MoonUIDropdownMenuCheckboxItemPro = React60.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+var MoonUIDropdownMenuCheckboxItemPro = React67.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -6669,7 +6665,7 @@ var MoonUIDropdownMenuCheckboxItemPro = React60.forwardRef(({ className, childre
   }
 ));
 MoonUIDropdownMenuCheckboxItemPro.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var MoonUIDropdownMenuRadioItemPro = React60.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var MoonUIDropdownMenuRadioItemPro = React67.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -6685,7 +6681,7 @@ var MoonUIDropdownMenuRadioItemPro = React60.forwardRef(({ className, children,
   }
 ));
 MoonUIDropdownMenuRadioItemPro.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var MoonUIDropdownMenuLabelPro = React60.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUIDropdownMenuLabelPro = React67.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -6698,7 +6694,7 @@ var MoonUIDropdownMenuLabelPro = React60.forwardRef(({ className, inset, ...prop
   }
 ));
 MoonUIDropdownMenuLabelPro.displayName = DropdownMenuPrimitive.Label.displayName;
-var MoonUIDropdownMenuSeparatorPro = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUIDropdownMenuSeparatorPro = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -6727,14 +6723,14 @@ function getTextFromElement(element) {
   if (typeof props.children === "string") {
     return props.children;
   }
-  if (React60.isValidElement(props.children)) {
+  if (React67.isValidElement(props.children)) {
     return getTextFromElement(props.children);
   }
   if (Array.isArray(props.children)) {
     return props.children.map((child) => {
       if (typeof child === "string")
         return child;
-      if (React60.isValidElement(child))
+      if (React67.isValidElement(child))
         return getTextFromElement(child);
       return "";
     }).join("");
@@ -6751,7 +6747,7 @@ var MoonUIPaginationPro = ({ className, ...props }) => /* @__PURE__ */ jsx(
   }
 );
 MoonUIPaginationPro.displayName = "PaginationPro";
-var MoonUIPaginationContentPro = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUIPaginationContentPro = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "ul",
   {
     ref,
@@ -6760,7 +6756,7 @@ var MoonUIPaginationContentPro = React60.forwardRef(({ className, ...props }, re
   }
 ));
 MoonUIPaginationContentPro.displayName = "PaginationContentPro";
-var MoonUIPaginationItemPro = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, className: cn("", className), ...props }));
+var MoonUIPaginationItemPro = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, className: cn("", className), ...props }));
 MoonUIPaginationItemPro.displayName = "PaginationItemPro";
 var MoonUIPaginationLinkPro = ({
   className,
@@ -6883,7 +6879,7 @@ var popoverContentVariants = cva(
 );
 var MoonUIPopoverPro = PopoverPrimitive.Root;
 var MoonUIPopoverTriggerPro = PopoverPrimitive.Trigger;
-var MoonUIPopoverContentPro = React60.forwardRef(({
+var MoonUIPopoverContentPro = React67.forwardRef(({
   className,
   variant,
   size: size4,
@@ -6926,11 +6922,107 @@ var MoonUIPopoverContentPro = React60.forwardRef(({
   )
 ] }));
 MoonUIPopoverContentPro.displayName = PopoverPrimitive.Content.displayName;
+function createContextScope2(scopeName, createContextScopeDeps = []) {
+  let defaultContexts = [];
+  function createContext32(rootComponentName, defaultContext) {
+    const BaseContext = React67.createContext(defaultContext);
+    const index2 = defaultContexts.length;
+    defaultContexts = [...defaultContexts, defaultContext];
+    const Provider3 = (props) => {
+      const { scope, children, ...context } = props;
+      const Context = scope?.[scopeName]?.[index2] || BaseContext;
+      const value = React67.useMemo(() => context, Object.values(context));
+      return /* @__PURE__ */ jsx(Context.Provider, { value, children });
+    };
+    Provider3.displayName = rootComponentName + "Provider";
+    function useContext23(consumerName, scope) {
+      const Context = scope?.[scopeName]?.[index2] || BaseContext;
+      const context = React67.useContext(Context);
+      if (context)
+        return context;
+      if (defaultContext !== void 0)
+        return defaultContext;
+      throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
+    }
+    return [Provider3, useContext23];
+  }
+  const createScope = () => {
+    const scopeContexts = defaultContexts.map((defaultContext) => {
+      return React67.createContext(defaultContext);
+    });
+    return function useScope(scope) {
+      const contexts = scope?.[scopeName] || scopeContexts;
+      return React67.useMemo(
+        () => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
+        [scope, contexts]
+      );
+    };
+  };
+  createScope.scopeName = scopeName;
+  return [createContext32, composeContextScopes2(createScope, ...createContextScopeDeps)];
+}
+function composeContextScopes2(...scopes) {
+  const baseScope = scopes[0];
+  if (scopes.length === 1)
+    return baseScope;
+  const createScope = () => {
+    const scopeHooks = scopes.map((createScope2) => ({
+      useScope: createScope2(),
+      scopeName: createScope2.scopeName
+    }));
+    return function useComposedScopes(overrideScopes) {
+      const nextScopes = scopeHooks.reduce((nextScopes2, { useScope, scopeName }) => {
+        const scopeProps = useScope(overrideScopes);
+        const currentScope = scopeProps[`__scope${scopeName}`];
+        return { ...nextScopes2, ...currentScope };
+      }, {});
+      return React67.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
+    };
+  };
+  createScope.scopeName = baseScope.scopeName;
+  return createScope;
+}
+var NODES2 = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+];
+var Primitive2 = NODES2.reduce((primitive, node) => {
+  const Slot = createSlot(`Primitive.${node}`);
+  const Node4 = React67.forwardRef((props, forwardedRef) => {
+    const { asChild, ...primitiveProps } = props;
+    const Comp = asChild ? Slot : node;
+    if (typeof window !== "undefined") {
+      window[Symbol.for("radix-ui")] = true;
+    }
+    return /* @__PURE__ */ jsx(Comp, { ...primitiveProps, ref: forwardedRef });
+  });
+  Node4.displayName = `Primitive.${node}`;
+  return { ...primitive, [node]: Node4 };
+}, {});
+function dispatchDiscreteCustomEvent(target, event) {
+  if (target)
+    ReactDOM2.flushSync(() => target.dispatchEvent(event));
+}
 var PROGRESS_NAME = "Progress";
 var DEFAULT_MAX = 100;
-var [createProgressContext, createProgressScope] = createContextScope(PROGRESS_NAME);
+var [createProgressContext, createProgressScope] = createContextScope2(PROGRESS_NAME);
 var [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME);
-var Progress = React60.forwardRef(
+var Progress = React67.forwardRef(
   (props, forwardedRef) => {
     const {
       __scopeProgress,
@@ -6949,7 +7041,7 @@ var Progress = React60.forwardRef(
     const value = isValidValueNumber(valueProp, max2) ? valueProp : null;
     const valueLabel = isNumber(value) ? getValueLabel(value, max2) : void 0;
     return /* @__PURE__ */ jsx(ProgressProvider, { scope: __scopeProgress, value, max: max2, children: /* @__PURE__ */ jsx(
-      Primitive.div,
+      Primitive2.div,
       {
         "aria-valuemax": max2,
         "aria-valuemin": 0,
@@ -6967,12 +7059,12 @@ var Progress = React60.forwardRef(
 );
 Progress.displayName = PROGRESS_NAME;
 var INDICATOR_NAME = "ProgressIndicator";
-var ProgressIndicator = React60.forwardRef(
+var ProgressIndicator = React67.forwardRef(
   (props, forwardedRef) => {
     const { __scopeProgress, ...indicatorProps } = props;
     const context = useProgressContext(INDICATOR_NAME, __scopeProgress);
     return /* @__PURE__ */ jsx(
-      Primitive.div,
+      Primitive2.div,
       {
         "data-state": getProgressState(context.value, context.max),
         "data-value": context.value ?? void 0,
@@ -7012,7 +7104,7 @@ Defaulting to \`null\`.`;
 }
 var Root11 = Progress;
 var Indicator2 = ProgressIndicator;
-var MoonUIProgressPro = React60.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUIProgressPro = React67.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx(
   Root11,
   {
     ref,
@@ -7053,8 +7145,8 @@ var MoonUIradioGroupItemVariantsPro = cva(
     }
   }
 );
-var MoonUIRadioGroupContextPro = React60.createContext({});
-var MoonUIRadioGroupPro = React60.forwardRef(
+var MoonUIRadioGroupContextPro = React67.createContext({});
+var MoonUIRadioGroupPro = React67.forwardRef(
   ({ className, value, onValueChange, disabled, name, ...props }, ref) => {
     return /* @__PURE__ */ jsx(MoonUIRadioGroupContextPro.Provider, { value: { value, onValueChange, disabled, name }, children: /* @__PURE__ */ jsx(
       "div",
@@ -7068,9 +7160,9 @@ var MoonUIRadioGroupPro = React60.forwardRef(
   }
 );
 MoonUIRadioGroupPro.displayName = "RadioGroupPro";
-var MoonUIRadioGroupItemPro = React60.forwardRef(({ className, variant, size: size4, indicator, id, value, disabled, ...props }, ref) => {
-  const radioGroup = React60.useContext(MoonUIRadioGroupContextPro);
-  const generatedId = React60.useId();
+var MoonUIRadioGroupItemPro = React67.forwardRef(({ className, variant, size: size4, indicator, id, value, disabled, ...props }, ref) => {
+  const radioGroup = React67.useContext(MoonUIRadioGroupContextPro);
+  const generatedId = React67.useId();
   const radioId = id || generatedId;
   const isChecked = radioGroup.value === value;
   const handleChange = (e) => {
@@ -7118,7 +7210,7 @@ var MoonUIRadioGroupItemPro = React60.forwardRef(({ className, variant, size: si
   ] });
 });
 MoonUIRadioGroupItemPro.displayName = "RadioGroupItemPro";
-var MoonUIRadioLabelPro = React60.forwardRef(
+var MoonUIRadioLabelPro = React67.forwardRef(
   ({ className, htmlFor, children, disabled = false, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "label",
@@ -7137,13 +7229,13 @@ var MoonUIRadioLabelPro = React60.forwardRef(
   }
 );
 MoonUIRadioLabelPro.displayName = "RadioLabelPro";
-var MoonUIRadioItemWithLabelPro = React60.forwardRef(({
+var MoonUIRadioItemWithLabelPro = React67.forwardRef(({
   id,
   label,
   labelClassName,
   ...radioProps
 }, ref) => {
-  const generatedId = React60.useId();
+  const generatedId = React67.useId();
   const radioId = id || generatedId;
   return /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
     /* @__PURE__ */ jsx(MoonUIRadioGroupItemPro, { ref, id: radioId, ...radioProps }),
@@ -7159,7 +7251,7 @@ var MoonUIRadioItemWithLabelPro = React60.forwardRef(({
   ] });
 });
 MoonUIRadioItemWithLabelPro.displayName = "RadioItemWithLabelPro";
-var ScrollArea = React60.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var ScrollArea = React67.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   ScrollAreaPrimitive.Root,
   {
     ref,
@@ -7173,7 +7265,7 @@ var ScrollArea = React60.forwardRef(({ className, children, ...props }, ref) =>
   }
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React60.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
+var ScrollBar = React67.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -7286,7 +7378,7 @@ var moonUISeparatorVariantsPro = cva(
     }
   }
 );
-var MoonUISeparatorPro = React60.forwardRef(
+var MoonUISeparatorPro = React67.forwardRef(
   ({
     className,
     orientation = "horizontal",
@@ -7313,7 +7405,7 @@ var Sheet = DialogPrimitive.Root;
 var SheetTrigger = DialogPrimitive.Trigger;
 var SheetClose = DialogPrimitive.Close;
 var SheetPortal = DialogPrimitive.Portal;
-var SheetOverlay = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SheetOverlay = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Overlay,
   {
     className: cn(
@@ -7341,7 +7433,7 @@ var sheetVariants = cva(
     }
   }
 );
-var SheetContent = React60.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(SheetPortal, { children: [
+var SheetContent = React67.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(SheetPortal, { children: [
   /* @__PURE__ */ jsx(SheetOverlay, {}),
   /* @__PURE__ */ jsxs(
     DialogPrimitive.Content,
@@ -7388,7 +7480,7 @@ var SheetFooter = ({
   }
 );
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SheetTitle = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Title,
   {
     ref,
@@ -7397,7 +7489,7 @@ var SheetTitle = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SheetTitle.displayName = DialogPrimitive.Title.displayName;
-var SheetDescription = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SheetDescription = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Description,
   {
     ref,
@@ -7498,7 +7590,7 @@ var sliderThumbVariants = cva(
     }
   }
 );
-var MoonUISliderPro = React60.forwardRef(({
+var MoonUISliderPro = React67.forwardRef(({
   className,
   size: size4,
   trackVariant,
@@ -7514,10 +7606,10 @@ var MoonUISliderPro = React60.forwardRef(({
   disabled,
   ...props
 }, ref) => {
-  const [sliderValue, setSliderValue] = React60.useState(
+  const [sliderValue, setSliderValue] = React67.useState(
     value || defaultValue2 || [0]
   );
-  React60.useEffect(() => {
+  React67.useEffect(() => {
     if (value !== void 0) {
       setSliderValue(value);
     }
@@ -7532,7 +7624,7 @@ var MoonUISliderPro = React60.forwardRef(({
   const calculateThumbPercent = (value2, min3, max3) => {
     return (value2 - min3) / (max3 - min3) * 100;
   };
-  const trackRef = React60.useRef(null);
+  const trackRef = React67.useRef(null);
   const min2 = props.min || 0;
   const max2 = props.max || 100;
   const step = props.step || 1;
@@ -7653,7 +7745,7 @@ var MoonUISliderPro = React60.forwardRef(({
   ] });
 });
 MoonUISliderPro.displayName = "MoonUISliderPro";
-var MoonUISwitchPro = React60.forwardRef(({ className, size: size4 = "md", variant = "primary", loading, leftIcon, rightIcon, description, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center gap-2", children: [
+var MoonUISwitchPro = React67.forwardRef(({ className, size: size4 = "md", variant = "primary", loading, leftIcon, rightIcon, description, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center gap-2", children: [
   leftIcon && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: leftIcon }),
   /* @__PURE__ */ jsxs(
     SwitchPrimitives.Root,
@@ -7723,7 +7815,7 @@ var MoonUItableVariantsPro = cva(
     }
   }
 );
-var MoonUITablePro = React60.forwardRef(({
+var MoonUITablePro = React67.forwardRef(({
   className,
   variant,
   size: size4,
@@ -7740,11 +7832,11 @@ var MoonUITablePro = React60.forwardRef(({
   ...props
 }, ref) => {
   const MoonUIstripedPro = variant === "striped";
-  const MoonUIchildrenWithPropsPro = React60.Children.map(props.children, (child) => {
-    if (React60.isValidElement(child)) {
+  const MoonUIchildrenWithPropsPro = React67.Children.map(props.children, (child) => {
+    if (React67.isValidElement(child)) {
       if (child.type === "tbody") {
         const MoonUItbodyPropsPro = child.props;
-        return React60.cloneElement(child, {
+        return React67.cloneElement(child, {
           className: cn(MoonUItbodyPropsPro.className, MoonUIstripedPro && "even:[&>tr]:bg-muted/50")
         });
       }
@@ -7769,10 +7861,10 @@ var MoonUITablePro = React60.forwardRef(({
   ] });
 });
 MoonUITablePro.displayName = "TablePro";
-var MoonUITableHeaderPro = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var MoonUITableHeaderPro = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 MoonUITableHeaderPro.displayName = "TableHeaderPro";
-var MoonUITableBodyPro = React60.forwardRef(({ className, emptyContent, emptyMessage = "No data available", children, ...props }, ref) => {
-  const MoonUIhasChildrenPro = React60.Children.count(children) > 0;
+var MoonUITableBodyPro = React67.forwardRef(({ className, emptyContent, emptyMessage = "No data available", children, ...props }, ref) => {
+  const MoonUIhasChildrenPro = React67.Children.count(children) > 0;
   return /* @__PURE__ */ jsx(
     "tbody",
     {
@@ -7784,7 +7876,7 @@ var MoonUITableBodyPro = React60.forwardRef(({ className, emptyContent, emptyMes
   );
 });
 MoonUITableBodyPro.displayName = "TableBodyPro";
-var MoonUITableFooterPro = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUITableFooterPro = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tfoot",
   {
     ref,
@@ -7793,7 +7885,7 @@ var MoonUITableFooterPro = React60.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 MoonUITableFooterPro.displayName = "TableFooterPro";
-var MoonUITableRowPro = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUITableRowPro = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tr",
   {
     ref,
@@ -7805,7 +7897,7 @@ var MoonUITableRowPro = React60.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 MoonUITableRowPro.displayName = "TableRowPro";
-var MoonUITableHeadPro = React60.forwardRef(
+var MoonUITableHeadPro = React67.forwardRef(
   ({ className, sortable, sorted, onSort, children, ...props }, ref) => {
     const MoonUIrenderSortIconPro = () => {
       if (!sortable)
@@ -7886,7 +7978,7 @@ var MoonUITableHeadPro = React60.forwardRef(
   }
 );
 MoonUITableHeadPro.displayName = "TableHeadPro";
-var MoonUITableCellPro = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUITableCellPro = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "td",
   {
     ref,
@@ -7895,7 +7987,7 @@ var MoonUITableCellPro = React60.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 MoonUITableCellPro.displayName = "TableCellPro";
-var MoonUITableCaptionPro = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUITableCaptionPro = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "caption",
   {
     ref,
@@ -7905,7 +7997,7 @@ var MoonUITableCaptionPro = React60.forwardRef(({ className, ...props }, ref) =>
 ));
 MoonUITableCaptionPro.displayName = "TableCaptionPro";
 var Tabs = TabsPrimitive2.Root;
-var TabsList = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsList = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive2.List,
   {
     ref,
@@ -7917,7 +8009,7 @@ var TabsList = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive2.List.displayName;
-var TabsTrigger = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsTrigger = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive2.Trigger,
   {
     ref,
@@ -7929,7 +8021,7 @@ var TabsTrigger = React60.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = TabsPrimitive2.Trigger.displayName;
-var TabsContent = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsContent = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive2.Content,
   {
     ref,
@@ -7968,7 +8060,7 @@ var contentVariants = {
     exit: { scale: 1.2, opacity: 0, filter: "blur(10px)" }
   }
 };
-var MoonUITabsPro = React60.forwardRef(({
+var MoonUITabsPro = React67.forwardRef(({
   variant = "default",
   animationMode = "fade",
   orientation = "horizontal",
@@ -7997,8 +8089,8 @@ var MoonUITabsPro = React60.forwardRef(({
   onValueChange,
   ...props
 }, ref) => {
-  const [items, setItems] = React60.useState(initialItems);
-  const [localValue, setLocalValue] = React60.useState(() => {
+  const [items, setItems] = React67.useState(initialItems);
+  const [localValue, setLocalValue] = React67.useState(() => {
     if (persistKey && typeof window !== "undefined") {
       const stored = localStorage.getItem(`tabs-${persistKey}`);
       if (stored) {
@@ -8014,11 +8106,11 @@ var MoonUITabsPro = React60.forwardRef(({
     }
     return defaultValue2 || items[0]?.value;
   });
-  const [loadedTabs, setLoadedTabs] = React60.useState(/* @__PURE__ */ new Set());
-  const [isChanging, setIsChanging] = React60.useState(false);
-  const scrollRef = React60.useRef(null);
+  const [loadedTabs, setLoadedTabs] = React67.useState(/* @__PURE__ */ new Set());
+  const [isChanging, setIsChanging] = React67.useState(false);
+  const scrollRef = React67.useRef(null);
   const value = controlledValue !== void 0 ? controlledValue : localValue;
-  const handleValueChange = React60.useCallback(async (newValue) => {
+  const handleValueChange = React67.useCallback(async (newValue) => {
     if (loading || isChanging)
       return;
     if (onBeforeChange) {
@@ -8046,7 +8138,7 @@ var MoonUITabsPro = React60.forwardRef(({
       window.history.replaceState({}, "", `${window.location.pathname}?${params}`);
     }
   }, [value, loading, isChanging, onBeforeChange, onValueChange, lazy, loadedTabs, onAnalytics, persistKey, items, urlSync]);
-  const handleTabClose = React60.useCallback((tabValue, e) => {
+  const handleTabClose = React67.useCallback((tabValue, e) => {
     e.stopPropagation();
     const newItems = items.filter((item) => item.value !== tabValue);
     setItems(newItems);
@@ -8057,7 +8149,7 @@ var MoonUITabsPro = React60.forwardRef(({
       handleValueChange(newItems[0].value);
     }
   }, [items, value, onTabsChange, onTabClose, onAnalytics, handleValueChange]);
-  const handleTabAdd = React60.useCallback(() => {
+  const handleTabAdd = React67.useCallback(() => {
     if (maxTabs && items.length >= maxTabs) {
       onAnalytics?.("tab_add_blocked", { reason: "max_tabs" });
       return;
@@ -8065,7 +8157,7 @@ var MoonUITabsPro = React60.forwardRef(({
     onTabAdd?.();
     onAnalytics?.("tab_add", { count: items.length + 1 });
   }, [items.length, maxTabs, onTabAdd, onAnalytics]);
-  React60.useEffect(() => {
+  React67.useEffect(() => {
     if (!shortcuts)
       return;
     const handleKeyDown3 = (e) => {
@@ -8295,7 +8387,7 @@ var MoonUITabsPro = React60.forwardRef(({
   ] });
 });
 MoonUITabsPro.displayName = "MoonUITabsPro";
-var MoonUITabsListPro = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUITabsListPro = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive2.List,
   {
     ref,
@@ -8307,7 +8399,7 @@ var MoonUITabsListPro = React60.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 MoonUITabsListPro.displayName = "MoonUITabsListPro";
-var MoonUITabsTriggerPro = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUITabsTriggerPro = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive2.Trigger,
   {
     ref,
@@ -8319,7 +8411,7 @@ var MoonUITabsTriggerPro = React60.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 MoonUITabsTriggerPro.displayName = "MoonUITabsTriggerPro";
-var MoonUITabsContentPro = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUITabsContentPro = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive2.Content,
   {
     ref,
@@ -8331,7 +8423,7 @@ var MoonUITabsContentPro = React60.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 MoonUITabsContentPro.displayName = "MoonUITabsContentPro";
-var MoonUITextareaPro = React60__default.forwardRef(
+var MoonUITextareaPro = React67__default.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "textarea",
@@ -8347,7 +8439,7 @@ var MoonUITextareaPro = React60__default.forwardRef(
   }
 );
 MoonUITextareaPro.displayName = "MoonUITextareaPro";
-var MoonUIToastViewportPro = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUIToastViewportPro = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ToastPrimitives.Viewport,
   {
     ref,
@@ -8376,7 +8468,7 @@ var moonUIToastVariantsPro = cva(
     }
   }
 );
-var MoonUIToastPro = React60.forwardRef(({ className, variant, ...props }, ref) => {
+var MoonUIToastPro = React67.forwardRef(({ className, variant, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     ToastPrimitives.Root,
     {
@@ -8387,7 +8479,7 @@ var MoonUIToastPro = React60.forwardRef(({ className, variant, ...props }, ref)
   );
 });
 MoonUIToastPro.displayName = ToastPrimitives.Root.displayName;
-var MoonUIToastActionPro = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUIToastActionPro = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ToastPrimitives.Action,
   {
     ref,
@@ -8399,7 +8491,7 @@ var MoonUIToastActionPro = React60.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 MoonUIToastActionPro.displayName = ToastPrimitives.Action.displayName;
-var MoonUIToastClosePro = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUIToastClosePro = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ToastPrimitives.Close,
   {
     ref,
@@ -8413,7 +8505,7 @@ var MoonUIToastClosePro = React60.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 MoonUIToastClosePro.displayName = ToastPrimitives.Close.displayName;
-var MoonUIToastTitlePro = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUIToastTitlePro = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ToastPrimitives.Title,
   {
     ref,
@@ -8422,7 +8514,7 @@ var MoonUIToastTitlePro = React60.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 MoonUIToastTitlePro.displayName = ToastPrimitives.Title.displayName;
-var MoonUIToastDescriptionPro = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MoonUIToastDescriptionPro = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ToastPrimitives.Description,
   {
     ref,
@@ -8529,17 +8621,93 @@ function toast({ ...props }) {
     update
   };
 }
+
+// ../../node_modules/@radix-ui/primitive/dist/index.mjs
+function composeEventHandlers2(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
+  return function handleEvent(event) {
+    originalEventHandler?.(event);
+    if (checkForDefaultPrevented === false || !event.defaultPrevented) {
+      return ourEventHandler?.(event);
+    }
+  };
+}
+var useLayoutEffect22 = globalThis?.document ? React67.useLayoutEffect : () => {
+};
+var useInsertionEffect2 = React67[" useInsertionEffect ".trim().toString()] || useLayoutEffect22;
+function useControllableState2({
+  prop,
+  defaultProp,
+  onChange = () => {
+  },
+  caller
+}) {
+  const [uncontrolledProp, setUncontrolledProp, onChangeRef] = useUncontrolledState2({
+    defaultProp,
+    onChange
+  });
+  const isControlled = prop !== void 0;
+  const value = isControlled ? prop : uncontrolledProp;
+  {
+    const isControlledRef = React67.useRef(prop !== void 0);
+    React67.useEffect(() => {
+      const wasControlled = isControlledRef.current;
+      if (wasControlled !== isControlled) {
+        const from2 = wasControlled ? "controlled" : "uncontrolled";
+        const to = isControlled ? "controlled" : "uncontrolled";
+        console.warn(
+          `${caller} is changing from ${from2} to ${to}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
+        );
+      }
+      isControlledRef.current = isControlled;
+    }, [isControlled, caller]);
+  }
+  const setValue = React67.useCallback(
+    (nextValue) => {
+      if (isControlled) {
+        const value2 = isFunction2(nextValue) ? nextValue(prop) : nextValue;
+        if (value2 !== prop) {
+          onChangeRef.current?.(value2);
+        }
+      } else {
+        setUncontrolledProp(nextValue);
+      }
+    },
+    [isControlled, prop, setUncontrolledProp, onChangeRef]
+  );
+  return [value, setValue];
+}
+function useUncontrolledState2({
+  defaultProp,
+  onChange
+}) {
+  const [value, setValue] = React67.useState(defaultProp);
+  const prevValueRef = React67.useRef(value);
+  const onChangeRef = React67.useRef(onChange);
+  useInsertionEffect2(() => {
+    onChangeRef.current = onChange;
+  }, [onChange]);
+  React67.useEffect(() => {
+    if (prevValueRef.current !== value) {
+      onChangeRef.current?.(value);
+      prevValueRef.current = value;
+    }
+  }, [value, prevValueRef]);
+  return [value, setValue, onChangeRef];
+}
+function isFunction2(value) {
+  return typeof value === "function";
+}
 var NAME = "Toggle";
-var Toggle = React60.forwardRef((props, forwardedRef) => {
+var Toggle = React67.forwardRef((props, forwardedRef) => {
   const { pressed: pressedProp, defaultPressed, onPressedChange, ...buttonProps } = props;
-  const [pressed, setPressed] = useControllableState({
+  const [pressed, setPressed] = useControllableState2({
     prop: pressedProp,
     onChange: onPressedChange,
     defaultProp: defaultPressed ?? false,
     caller: NAME
   });
   return /* @__PURE__ */ jsx(
-    Primitive.button,
+    Primitive2.button,
     {
       type: "button",
       "aria-pressed": pressed,
@@ -8547,7 +8715,7 @@ var Toggle = React60.forwardRef((props, forwardedRef) => {
       "data-disabled": props.disabled ? "" : void 0,
       ...buttonProps,
       ref: forwardedRef,
-      onClick: composeEventHandlers(props.onClick, () => {
+      onClick: composeEventHandlers2(props.onClick, () => {
         if (!props.disabled) {
           setPressed(!pressed);
         }
@@ -8594,7 +8762,7 @@ var MoonUItoggleVariantsPro = cva(
     }
   }
 );
-var MoonUITogglePro = React60.forwardRef(({ className, variant, size: size4, shape, loading, badge, badgeVariant = "default", iconOn, iconOff, iconPosition = "left", children, pressed, onPressedChange, defaultPressed, ...props }, ref) => {
+var MoonUITogglePro = React67.forwardRef(({ className, variant, size: size4, shape, loading, badge, badgeVariant = "default", iconOn, iconOff, iconPosition = "left", children, pressed, onPressedChange, defaultPressed, ...props }, ref) => {
   const icon = pressed ? iconOn : iconOff;
   return /* @__PURE__ */ jsx(
     Root19,
@@ -8627,6 +8795,40 @@ var MoonUITogglePro = React60.forwardRef(({ className, variant, size: size4, sha
   );
 });
 MoonUITogglePro.displayName = Root19.displayName;
+function setRef2(ref, value) {
+  if (typeof ref === "function") {
+    return ref(value);
+  } else if (ref !== null && ref !== void 0) {
+    ref.current = value;
+  }
+}
+function composeRefs2(...refs) {
+  return (node) => {
+    let hasCleanup = false;
+    const cleanups = refs.map((ref) => {
+      const cleanup = setRef2(ref, node);
+      if (!hasCleanup && typeof cleanup == "function") {
+        hasCleanup = true;
+      }
+      return cleanup;
+    });
+    if (hasCleanup) {
+      return () => {
+        for (let i = 0; i < cleanups.length; i++) {
+          const cleanup = cleanups[i];
+          if (typeof cleanup == "function") {
+            cleanup();
+          } else {
+            setRef2(refs[i], null);
+          }
+        }
+      };
+    }
+  };
+}
+function useComposedRefs2(...refs) {
+  return React67.useCallback(composeRefs2(...refs), refs);
+}
 
 // ../../node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
 var sides = ["top", "right", "bottom", "left"];
@@ -10291,7 +10493,7 @@ function roundByDPR(element, value) {
   return Math.round(value * dpr) / dpr;
 }
 function useLatestRef(value) {
-  const ref = React60.useRef(value);
+  const ref = React67.useRef(value);
   index(() => {
     ref.current = value;
   });
@@ -10314,7 +10516,7 @@ function useFloating(options) {
     whileElementsMounted,
     open
   } = options;
-  const [data, setData] = React60.useState({
+  const [data, setData] = React67.useState({
     x: 0,
     y: 0,
     strategy,
@@ -10322,19 +10524,19 @@ function useFloating(options) {
     middlewareData: {},
     isPositioned: false
   });
-  const [latestMiddleware, setLatestMiddleware] = React60.useState(middleware);
+  const [latestMiddleware, setLatestMiddleware] = React67.useState(middleware);
   if (!deepEqual(latestMiddleware, middleware)) {
     setLatestMiddleware(middleware);
   }
-  const [_reference, _setReference] = React60.useState(null);
-  const [_floating, _setFloating] = React60.useState(null);
-  const setReference = React60.useCallback((node) => {
+  const [_reference, _setReference] = React67.useState(null);
+  const [_floating, _setFloating] = React67.useState(null);
+  const setReference = React67.useCallback((node) => {
     if (node !== referenceRef.current) {
       referenceRef.current = node;
       _setReference(node);
     }
   }, []);
-  const setFloating = React60.useCallback((node) => {
+  const setFloating = React67.useCallback((node) => {
     if (node !== floatingRef.current) {
       floatingRef.current = node;
       _setFloating(node);
@@ -10342,14 +10544,14 @@ function useFloating(options) {
   }, []);
   const referenceEl = externalReference || _reference;
   const floatingEl = externalFloating || _floating;
-  const referenceRef = React60.useRef(null);
-  const floatingRef = React60.useRef(null);
-  const dataRef = React60.useRef(data);
+  const referenceRef = React67.useRef(null);
+  const floatingRef = React67.useRef(null);
+  const dataRef = React67.useRef(data);
   const hasWhileElementsMounted = whileElementsMounted != null;
   const whileElementsMountedRef = useLatestRef(whileElementsMounted);
   const platformRef = useLatestRef(platform2);
   const openRef = useLatestRef(open);
-  const update = React60.useCallback(() => {
+  const update = React67.useCallback(() => {
     if (!referenceRef.current || !floatingRef.current) {
       return;
     }
@@ -10372,7 +10574,7 @@ function useFloating(options) {
       };
       if (isMountedRef.current && !deepEqual(dataRef.current, fullData)) {
         dataRef.current = fullData;
-        ReactDOM.flushSync(() => {
+        ReactDOM2.flushSync(() => {
           setData(fullData);
         });
       }
@@ -10387,7 +10589,7 @@ function useFloating(options) {
       }));
     }
   }, [open]);
-  const isMountedRef = React60.useRef(false);
+  const isMountedRef = React67.useRef(false);
   index(() => {
     isMountedRef.current = true;
     return () => {
@@ -10406,17 +10608,17 @@ function useFloating(options) {
       update();
     }
   }, [referenceEl, floatingEl, update, whileElementsMountedRef, hasWhileElementsMounted]);
-  const refs = React60.useMemo(() => ({
+  const refs = React67.useMemo(() => ({
     reference: referenceRef,
     floating: floatingRef,
     setReference,
     setFloating
   }), [setReference, setFloating]);
-  const elements = React60.useMemo(() => ({
+  const elements = React67.useMemo(() => ({
     reference: referenceEl,
     floating: floatingEl
   }), [referenceEl, floatingEl]);
-  const floatingStyles = React60.useMemo(() => {
+  const floatingStyles = React67.useMemo(() => {
     const initialStyles = {
       position: strategy,
       left: 0,
@@ -10442,7 +10644,7 @@ function useFloating(options) {
       top: y
     };
   }, [strategy, transform, elements.floating, data.x, data.y]);
-  return React60.useMemo(() => ({
+  return React67.useMemo(() => ({
     ...data,
     update,
     refs,
@@ -10510,10 +10712,10 @@ var arrow3 = (options, deps) => ({
   options: [options, deps]
 });
 var NAME2 = "Arrow";
-var Arrow2 = React60.forwardRef((props, forwardedRef) => {
+var Arrow2 = React67.forwardRef((props, forwardedRef) => {
   const { children, width = 10, height = 5, ...arrowProps } = props;
   return /* @__PURE__ */ jsx(
-    Primitive.svg,
+    Primitive2.svg,
     {
       ...arrowProps,
       ref: forwardedRef,
@@ -10528,15 +10730,15 @@ var Arrow2 = React60.forwardRef((props, forwardedRef) => {
 Arrow2.displayName = NAME2;
 var Root20 = Arrow2;
 function useCallbackRef(callback) {
-  const callbackRef = React60.useRef(callback);
-  React60.useEffect(() => {
+  const callbackRef = React67.useRef(callback);
+  React67.useEffect(() => {
     callbackRef.current = callback;
   });
-  return React60.useMemo(() => (...args) => callbackRef.current?.(...args), []);
+  return React67.useMemo(() => (...args) => callbackRef.current?.(...args), []);
 }
 function useSize(element) {
-  const [size4, setSize] = React60.useState(void 0);
-  useLayoutEffect2(() => {
+  const [size4, setSize] = React67.useState(void 0);
+  useLayoutEffect22(() => {
     if (element) {
       setSize({ width: element.offsetWidth, height: element.offsetHeight });
       const resizeObserver = new ResizeObserver((entries) => {
@@ -10569,31 +10771,31 @@ function useSize(element) {
   return size4;
 }
 var POPPER_NAME = "Popper";
-var [createPopperContext, createPopperScope] = createContextScope(POPPER_NAME);
+var [createPopperContext, createPopperScope] = createContextScope2(POPPER_NAME);
 var [PopperProvider, usePopperContext] = createPopperContext(POPPER_NAME);
 var Popper = (props) => {
   const { __scopePopper, children } = props;
-  const [anchor, setAnchor] = React60.useState(null);
+  const [anchor, setAnchor] = React67.useState(null);
   return /* @__PURE__ */ jsx(PopperProvider, { scope: __scopePopper, anchor, onAnchorChange: setAnchor, children });
 };
 Popper.displayName = POPPER_NAME;
 var ANCHOR_NAME = "PopperAnchor";
-var PopperAnchor = React60.forwardRef(
+var PopperAnchor = React67.forwardRef(
   (props, forwardedRef) => {
     const { __scopePopper, virtualRef, ...anchorProps } = props;
     const context = usePopperContext(ANCHOR_NAME, __scopePopper);
-    const ref = React60.useRef(null);
-    const composedRefs = useComposedRefs(forwardedRef, ref);
-    React60.useEffect(() => {
+    const ref = React67.useRef(null);
+    const composedRefs = useComposedRefs2(forwardedRef, ref);
+    React67.useEffect(() => {
       context.onAnchorChange(virtualRef?.current || ref.current);
     });
-    return virtualRef ? null : /* @__PURE__ */ jsx(Primitive.div, { ...anchorProps, ref: composedRefs });
+    return virtualRef ? null : /* @__PURE__ */ jsx(Primitive2.div, { ...anchorProps, ref: composedRefs });
   }
 );
 PopperAnchor.displayName = ANCHOR_NAME;
 var CONTENT_NAME2 = "PopperContent";
 var [PopperContentProvider, useContentContext] = createPopperContext(CONTENT_NAME2);
-var PopperContent = React60.forwardRef(
+var PopperContent = React67.forwardRef(
   (props, forwardedRef) => {
     const {
       __scopePopper,
@@ -10612,9 +10814,9 @@ var PopperContent = React60.forwardRef(
       ...contentProps
     } = props;
     const context = usePopperContext(CONTENT_NAME2, __scopePopper);
-    const [content, setContent2] = React60.useState(null);
-    const composedRefs = useComposedRefs(forwardedRef, (node) => setContent2(node));
-    const [arrow6, setArrow] = React60.useState(null);
+    const [content, setContent2] = React67.useState(null);
+    const composedRefs = useComposedRefs2(forwardedRef, (node) => setContent2(node));
+    const [arrow6, setArrow] = React67.useState(null);
     const arrowSize = useSize(arrow6);
     const arrowWidth = arrowSize?.width ?? 0;
     const arrowHeight = arrowSize?.height ?? 0;
@@ -10668,7 +10870,7 @@ var PopperContent = React60.forwardRef(
     });
     const [placedSide, placedAlign] = getSideAndAlignFromPlacement(placement);
     const handlePlaced = useCallbackRef(onPlaced);
-    useLayoutEffect2(() => {
+    useLayoutEffect22(() => {
       if (isPositioned) {
         handlePlaced?.();
       }
@@ -10676,8 +10878,8 @@ var PopperContent = React60.forwardRef(
     const arrowX = middlewareData.arrow?.x;
     const arrowY = middlewareData.arrow?.y;
     const cannotCenterArrow = middlewareData.arrow?.centerOffset !== 0;
-    const [contentZIndex, setContentZIndex] = React60.useState();
-    useLayoutEffect2(() => {
+    const [contentZIndex, setContentZIndex] = React67.useState();
+    useLayoutEffect22(() => {
       if (content)
         setContentZIndex(window.getComputedStyle(content).zIndex);
     }, [content]);
@@ -10715,7 +10917,7 @@ var PopperContent = React60.forwardRef(
             arrowY,
             shouldHideArrow: cannotCenterArrow,
             children: /* @__PURE__ */ jsx(
-              Primitive.div,
+              Primitive2.div,
               {
                 "data-side": placedSide,
                 "data-align": placedAlign,
@@ -10743,7 +10945,7 @@ var OPPOSITE_SIDE = {
   bottom: "top",
   left: "right"
 };
-var PopperArrow = React60.forwardRef(function PopperArrow2(props, forwardedRef) {
+var PopperArrow = React67.forwardRef(function PopperArrow2(props, forwardedRef) {
   const { __scopePopper, ...arrowProps } = props;
   const contentContext = useContentContext(ARROW_NAME, __scopePopper);
   const baseSide = OPPOSITE_SIDE[contentContext.placedSide];
@@ -10834,17 +11036,139 @@ var Anchor2 = PopperAnchor;
 var Content11 = PopperContent;
 var Arrow3 = PopperArrow;
 var PORTAL_NAME = "Portal";
-var Portal5 = React60.forwardRef((props, forwardedRef) => {
+var Portal5 = React67.forwardRef((props, forwardedRef) => {
   const { container: containerProp, ...portalProps } = props;
-  const [mounted, setMounted] = React60.useState(false);
-  useLayoutEffect2(() => setMounted(true), []);
+  const [mounted, setMounted] = React67.useState(false);
+  useLayoutEffect22(() => setMounted(true), []);
   const container = containerProp || mounted && globalThis?.document?.body;
-  return container ? ReactDOM__default.createPortal(/* @__PURE__ */ jsx(Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
+  return container ? ReactDOM2__default.createPortal(/* @__PURE__ */ jsx(Primitive2.div, { ...portalProps, ref: forwardedRef }), container) : null;
 });
 Portal5.displayName = PORTAL_NAME;
+function useStateMachine2(initialState, machine) {
+  return React67.useReducer((state, event) => {
+    const nextState = machine[state][event];
+    return nextState ?? state;
+  }, initialState);
+}
+var Presence2 = (props) => {
+  const { present, children } = props;
+  const presence = usePresence2(present);
+  const child = typeof children === "function" ? children({ present: presence.isPresent }) : React67.Children.only(children);
+  const ref = useComposedRefs2(presence.ref, getElementRef2(child));
+  const forceMount = typeof children === "function";
+  return forceMount || presence.isPresent ? React67.cloneElement(child, { ref }) : null;
+};
+Presence2.displayName = "Presence";
+function usePresence2(present) {
+  const [node, setNode2] = React67.useState();
+  const stylesRef = React67.useRef(null);
+  const prevPresentRef = React67.useRef(present);
+  const prevAnimationNameRef = React67.useRef("none");
+  const initialState = present ? "mounted" : "unmounted";
+  const [state, send] = useStateMachine2(initialState, {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: {
+      MOUNT: "mounted"
+    }
+  });
+  React67.useEffect(() => {
+    const currentAnimationName = getAnimationName2(stylesRef.current);
+    prevAnimationNameRef.current = state === "mounted" ? currentAnimationName : "none";
+  }, [state]);
+  useLayoutEffect22(() => {
+    const styles = stylesRef.current;
+    const wasPresent = prevPresentRef.current;
+    const hasPresentChanged = wasPresent !== present;
+    if (hasPresentChanged) {
+      const prevAnimationName = prevAnimationNameRef.current;
+      const currentAnimationName = getAnimationName2(styles);
+      if (present) {
+        send("MOUNT");
+      } else if (currentAnimationName === "none" || styles?.display === "none") {
+        send("UNMOUNT");
+      } else {
+        const isAnimating = prevAnimationName !== currentAnimationName;
+        if (wasPresent && isAnimating) {
+          send("ANIMATION_OUT");
+        } else {
+          send("UNMOUNT");
+        }
+      }
+      prevPresentRef.current = present;
+    }
+  }, [present, send]);
+  useLayoutEffect22(() => {
+    if (node) {
+      let timeoutId;
+      const ownerWindow = node.ownerDocument.defaultView ?? window;
+      const handleAnimationEnd = (event) => {
+        const currentAnimationName = getAnimationName2(stylesRef.current);
+        const isCurrentAnimation = currentAnimationName.includes(event.animationName);
+        if (event.target === node && isCurrentAnimation) {
+          send("ANIMATION_END");
+          if (!prevPresentRef.current) {
+            const currentFillMode = node.style.animationFillMode;
+            node.style.animationFillMode = "forwards";
+            timeoutId = ownerWindow.setTimeout(() => {
+              if (node.style.animationFillMode === "forwards") {
+                node.style.animationFillMode = currentFillMode;
+              }
+            });
+          }
+        }
+      };
+      const handleAnimationStart = (event) => {
+        if (event.target === node) {
+          prevAnimationNameRef.current = getAnimationName2(stylesRef.current);
+        }
+      };
+      node.addEventListener("animationstart", handleAnimationStart);
+      node.addEventListener("animationcancel", handleAnimationEnd);
+      node.addEventListener("animationend", handleAnimationEnd);
+      return () => {
+        ownerWindow.clearTimeout(timeoutId);
+        node.removeEventListener("animationstart", handleAnimationStart);
+        node.removeEventListener("animationcancel", handleAnimationEnd);
+        node.removeEventListener("animationend", handleAnimationEnd);
+      };
+    } else {
+      send("ANIMATION_END");
+    }
+  }, [node, send]);
+  return {
+    isPresent: ["mounted", "unmountSuspended"].includes(state),
+    ref: React67.useCallback((node2) => {
+      stylesRef.current = node2 ? getComputedStyle(node2) : null;
+      setNode2(node2);
+    }, [])
+  };
+}
+function getAnimationName2(styles) {
+  return styles?.animationName || "none";
+}
+function getElementRef2(element) {
+  let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
+  let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
+  if (mayWarn) {
+    return element.ref;
+  }
+  getter = Object.getOwnPropertyDescriptor(element, "ref")?.get;
+  mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
+  if (mayWarn) {
+    return element.props.ref;
+  }
+  return element.props.ref || element.ref;
+}
 function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.document) {
   const onEscapeKeyDown = useCallbackRef(onEscapeKeyDownProp);
-  React60.useEffect(() => {
+  React67.useEffect(() => {
     const handleKeyDown3 = (event) => {
       if (event.key === "Escape") {
         onEscapeKeyDown(event);
@@ -10859,12 +11183,12 @@ var CONTEXT_UPDATE = "dismissableLayer.update";
 var POINTER_DOWN_OUTSIDE = "dismissableLayer.pointerDownOutside";
 var FOCUS_OUTSIDE = "dismissableLayer.focusOutside";
 var originalBodyPointerEvents;
-var DismissableLayerContext = React60.createContext({
+var DismissableLayerContext = React67.createContext({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
 });
-var DismissableLayer = React60.forwardRef(
+var DismissableLayer = React67.forwardRef(
   (props, forwardedRef) => {
     const {
       disableOutsidePointerEvents = false,
@@ -10875,11 +11199,11 @@ var DismissableLayer = React60.forwardRef(
       onDismiss,
       ...layerProps
     } = props;
-    const context = React60.useContext(DismissableLayerContext);
-    const [node, setNode2] = React60.useState(null);
+    const context = React67.useContext(DismissableLayerContext);
+    const [node, setNode2] = React67.useState(null);
     const ownerDocument = node?.ownerDocument ?? globalThis?.document;
-    const [, force] = React60.useState({});
-    const composedRefs = useComposedRefs(forwardedRef, (node2) => setNode2(node2));
+    const [, force] = React67.useState({});
+    const composedRefs = useComposedRefs2(forwardedRef, (node2) => setNode2(node2));
     const layers = Array.from(context.layers);
     const [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1);
     const highestLayerWithOutsidePointerEventsDisabledIndex = layers.indexOf(highestLayerWithOutsidePointerEventsDisabled);
@@ -10916,7 +11240,7 @@ var DismissableLayer = React60.forwardRef(
         onDismiss();
       }
     }, ownerDocument);
-    React60.useEffect(() => {
+    React67.useEffect(() => {
       if (!node)
         return;
       if (disableOutsidePointerEvents) {
@@ -10934,7 +11258,7 @@ var DismissableLayer = React60.forwardRef(
         }
       };
     }, [node, ownerDocument, disableOutsidePointerEvents, context]);
-    React60.useEffect(() => {
+    React67.useEffect(() => {
       return () => {
         if (!node)
           return;
@@ -10943,13 +11267,13 @@ var DismissableLayer = React60.forwardRef(
         dispatchUpdate();
       };
     }, [node, context]);
-    React60.useEffect(() => {
+    React67.useEffect(() => {
       const handleUpdate = () => force({});
       document.addEventListener(CONTEXT_UPDATE, handleUpdate);
       return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
     }, []);
     return /* @__PURE__ */ jsx(
-      Primitive.div,
+      Primitive2.div,
       {
         ...layerProps,
         ref: composedRefs,
@@ -10957,9 +11281,9 @@ var DismissableLayer = React60.forwardRef(
           pointerEvents: isBodyPointerEventsDisabled ? isPointerEventsEnabled ? "auto" : "none" : void 0,
           ...props.style
         },
-        onFocusCapture: composeEventHandlers(props.onFocusCapture, focusOutside.onFocusCapture),
-        onBlurCapture: composeEventHandlers(props.onBlurCapture, focusOutside.onBlurCapture),
-        onPointerDownCapture: composeEventHandlers(
+        onFocusCapture: composeEventHandlers2(props.onFocusCapture, focusOutside.onFocusCapture),
+        onBlurCapture: composeEventHandlers2(props.onBlurCapture, focusOutside.onBlurCapture),
+        onPointerDownCapture: composeEventHandlers2(
           props.onPointerDownCapture,
           pointerDownOutside.onPointerDownCapture
         )
@@ -10969,11 +11293,11 @@ var DismissableLayer = React60.forwardRef(
 );
 DismissableLayer.displayName = DISMISSABLE_LAYER_NAME;
 var BRANCH_NAME = "DismissableLayerBranch";
-var DismissableLayerBranch = React60.forwardRef((props, forwardedRef) => {
-  const context = React60.useContext(DismissableLayerContext);
-  const ref = React60.useRef(null);
-  const composedRefs = useComposedRefs(forwardedRef, ref);
-  React60.useEffect(() => {
+var DismissableLayerBranch = React67.forwardRef((props, forwardedRef) => {
+  const context = React67.useContext(DismissableLayerContext);
+  const ref = React67.useRef(null);
+  const composedRefs = useComposedRefs2(forwardedRef, ref);
+  React67.useEffect(() => {
     const node = ref.current;
     if (node) {
       context.branches.add(node);
@@ -10982,15 +11306,15 @@ var DismissableLayerBranch = React60.forwardRef((props, forwardedRef) => {
       };
     }
   }, [context.branches]);
-  return /* @__PURE__ */ jsx(Primitive.div, { ...props, ref: composedRefs });
+  return /* @__PURE__ */ jsx(Primitive2.div, { ...props, ref: composedRefs });
 });
 DismissableLayerBranch.displayName = BRANCH_NAME;
 function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {
   const handlePointerDownOutside = useCallbackRef(onPointerDownOutside);
-  const isPointerInsideReactTreeRef = React60.useRef(false);
-  const handleClickRef = React60.useRef(() => {
+  const isPointerInsideReactTreeRef = React67.useRef(false);
+  const handleClickRef = React67.useRef(() => {
   });
-  React60.useEffect(() => {
+  React67.useEffect(() => {
     const handlePointerDown = (event) => {
       if (event.target && !isPointerInsideReactTreeRef.current) {
         let handleAndDispatchPointerDownOutsideEvent2 = function() {
@@ -11030,8 +11354,8 @@ function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?
 }
 function useFocusOutside(onFocusOutside, ownerDocument = globalThis?.document) {
   const handleFocusOutside = useCallbackRef(onFocusOutside);
-  const isFocusInsideReactTreeRef = React60.useRef(false);
-  React60.useEffect(() => {
+  const isFocusInsideReactTreeRef = React67.useRef(false);
+  React67.useEffect(() => {
     const handleFocus = (event) => {
       if (event.target && !isFocusInsideReactTreeRef.current) {
         const eventDetail = { originalEvent: event };
@@ -11065,7 +11389,7 @@ function handleAndDispatchCustomEvent(name, handler, detail, { discrete }) {
 }
 var originalBodyUserSelect;
 var HOVERCARD_NAME = "HoverCard";
-var [createHoverCardContext, createHoverCardScope] = createContextScope(HOVERCARD_NAME, [
+var [createHoverCardContext, createHoverCardScope] = createContextScope2(HOVERCARD_NAME, [
   createPopperScope
 ]);
 var usePopperScope = createPopperScope();
@@ -11081,28 +11405,28 @@ var HoverCard = (props) => {
     closeDelay = 300
   } = props;
   const popperScope = usePopperScope(__scopeHoverCard);
-  const openTimerRef = React60.useRef(0);
-  const closeTimerRef = React60.useRef(0);
-  const hasSelectionRef = React60.useRef(false);
-  const isPointerDownOnContentRef = React60.useRef(false);
-  const [open, setOpen] = useControllableState({
+  const openTimerRef = React67.useRef(0);
+  const closeTimerRef = React67.useRef(0);
+  const hasSelectionRef = React67.useRef(false);
+  const isPointerDownOnContentRef = React67.useRef(false);
+  const [open, setOpen] = useControllableState2({
     prop: openProp,
     defaultProp: defaultOpen ?? false,
     onChange: onOpenChange,
     caller: HOVERCARD_NAME
   });
-  const handleOpen = React60.useCallback(() => {
+  const handleOpen = React67.useCallback(() => {
     clearTimeout(closeTimerRef.current);
     openTimerRef.current = window.setTimeout(() => setOpen(true), openDelay);
   }, [openDelay, setOpen]);
-  const handleClose = React60.useCallback(() => {
+  const handleClose = React67.useCallback(() => {
     clearTimeout(openTimerRef.current);
     if (!hasSelectionRef.current && !isPointerDownOnContentRef.current) {
       closeTimerRef.current = window.setTimeout(() => setOpen(false), closeDelay);
     }
   }, [closeDelay, setOpen]);
-  const handleDismiss = React60.useCallback(() => setOpen(false), [setOpen]);
-  React60.useEffect(() => {
+  const handleDismiss = React67.useCallback(() => setOpen(false), [setOpen]);
+  React67.useEffect(() => {
     return () => {
       clearTimeout(openTimerRef.current);
       clearTimeout(closeTimerRef.current);
@@ -11125,22 +11449,22 @@ var HoverCard = (props) => {
 };
 HoverCard.displayName = HOVERCARD_NAME;
 var TRIGGER_NAME2 = "HoverCardTrigger";
-var HoverCardTrigger = React60.forwardRef(
+var HoverCardTrigger = React67.forwardRef(
   (props, forwardedRef) => {
     const { __scopeHoverCard, ...triggerProps } = props;
     const context = useHoverCardContext(TRIGGER_NAME2, __scopeHoverCard);
     const popperScope = usePopperScope(__scopeHoverCard);
     return /* @__PURE__ */ jsx(Anchor2, { asChild: true, ...popperScope, children: /* @__PURE__ */ jsx(
-      Primitive.a,
+      Primitive2.a,
       {
         "data-state": context.open ? "open" : "closed",
         ...triggerProps,
         ref: forwardedRef,
-        onPointerEnter: composeEventHandlers(props.onPointerEnter, excludeTouch(context.onOpen)),
-        onPointerLeave: composeEventHandlers(props.onPointerLeave, excludeTouch(context.onClose)),
-        onFocus: composeEventHandlers(props.onFocus, context.onOpen),
-        onBlur: composeEventHandlers(props.onBlur, context.onClose),
-        onTouchStart: composeEventHandlers(props.onTouchStart, (event) => event.preventDefault())
+        onPointerEnter: composeEventHandlers2(props.onPointerEnter, excludeTouch(context.onOpen)),
+        onPointerLeave: composeEventHandlers2(props.onPointerLeave, excludeTouch(context.onClose)),
+        onFocus: composeEventHandlers2(props.onFocus, context.onOpen),
+        onBlur: composeEventHandlers2(props.onBlur, context.onClose),
+        onTouchStart: composeEventHandlers2(props.onTouchStart, (event) => event.preventDefault())
       }
     ) });
   }
@@ -11151,25 +11475,25 @@ var [PortalProvider, usePortalContext] = createHoverCardContext(PORTAL_NAME2, {
   forceMount: void 0
 });
 var CONTENT_NAME3 = "HoverCardContent";
-var HoverCardContent = React60.forwardRef(
+var HoverCardContent = React67.forwardRef(
   (props, forwardedRef) => {
     const portalContext = usePortalContext(CONTENT_NAME3, props.__scopeHoverCard);
     const { forceMount = portalContext.forceMount, ...contentProps } = props;
     const context = useHoverCardContext(CONTENT_NAME3, props.__scopeHoverCard);
-    return /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(Presence2, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(
       HoverCardContentImpl,
       {
         "data-state": context.open ? "open" : "closed",
         ...contentProps,
-        onPointerEnter: composeEventHandlers(props.onPointerEnter, excludeTouch(context.onOpen)),
-        onPointerLeave: composeEventHandlers(props.onPointerLeave, excludeTouch(context.onClose)),
+        onPointerEnter: composeEventHandlers2(props.onPointerEnter, excludeTouch(context.onOpen)),
+        onPointerLeave: composeEventHandlers2(props.onPointerLeave, excludeTouch(context.onClose)),
         ref: forwardedRef
       }
     ) });
   }
 );
 HoverCardContent.displayName = CONTENT_NAME3;
-var HoverCardContentImpl = React60.forwardRef((props, forwardedRef) => {
+var HoverCardContentImpl = React67.forwardRef((props, forwardedRef) => {
   const {
     __scopeHoverCard,
     onEscapeKeyDown,
@@ -11180,10 +11504,10 @@ var HoverCardContentImpl = React60.forwardRef((props, forwardedRef) => {
   } = props;
   const context = useHoverCardContext(CONTENT_NAME3, __scopeHoverCard);
   const popperScope = usePopperScope(__scopeHoverCard);
-  const ref = React60.useRef(null);
-  const composedRefs = useComposedRefs(forwardedRef, ref);
-  const [containSelection, setContainSelection] = React60.useState(false);
-  React60.useEffect(() => {
+  const ref = React67.useRef(null);
+  const composedRefs = useComposedRefs2(forwardedRef, ref);
+  const [containSelection, setContainSelection] = React67.useState(false);
+  React67.useEffect(() => {
     if (containSelection) {
       const body = document.body;
       originalBodyUserSelect = body.style.userSelect || body.style.webkitUserSelect;
@@ -11195,7 +11519,7 @@ var HoverCardContentImpl = React60.forwardRef((props, forwardedRef) => {
       };
     }
   }, [containSelection]);
-  React60.useEffect(() => {
+  React67.useEffect(() => {
     if (ref.current) {
       const handlePointerUp = () => {
         setContainSelection(false);
@@ -11214,7 +11538,7 @@ var HoverCardContentImpl = React60.forwardRef((props, forwardedRef) => {
       };
     }
   }, [context.isPointerDownOnContentRef, context.hasSelectionRef]);
-  React60.useEffect(() => {
+  React67.useEffect(() => {
     if (ref.current) {
       const tabbables = getTabbableNodes(ref.current);
       tabbables.forEach((tabbable) => tabbable.setAttribute("tabindex", "-1"));
@@ -11228,7 +11552,7 @@ var HoverCardContentImpl = React60.forwardRef((props, forwardedRef) => {
       onInteractOutside,
       onEscapeKeyDown,
       onPointerDownOutside,
-      onFocusOutside: composeEventHandlers(onFocusOutside, (event) => {
+      onFocusOutside: composeEventHandlers2(onFocusOutside, (event) => {
         event.preventDefault();
       }),
       onDismiss: context.onDismiss,
@@ -11237,7 +11561,7 @@ var HoverCardContentImpl = React60.forwardRef((props, forwardedRef) => {
         {
           ...popperScope,
           ...contentProps,
-          onPointerDown: composeEventHandlers(contentProps.onPointerDown, (event) => {
+          onPointerDown: composeEventHandlers2(contentProps.onPointerDown, (event) => {
             if (event.currentTarget.contains(event.target)) {
               setContainSelection(true);
             }
@@ -11265,7 +11589,7 @@ var HoverCardContentImpl = React60.forwardRef((props, forwardedRef) => {
   );
 });
 var ARROW_NAME2 = "HoverCardArrow";
-var HoverCardArrow = React60.forwardRef(
+var HoverCardArrow = React67.forwardRef(
   (props, forwardedRef) => {
     const { __scopeHoverCard, ...arrowProps } = props;
     const popperScope = usePopperScope(__scopeHoverCard);
@@ -11292,7 +11616,7 @@ var Trigger11 = HoverCardTrigger;
 var Content22 = HoverCardContent;
 var HoverCard2 = Root23;
 var HoverCardTrigger2 = Trigger11;
-var HoverCardContent2 = React60.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
+var HoverCardContent2 = React67.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
   Content22,
   {
     ref,
@@ -11306,32 +11630,42 @@ var HoverCardContent2 = React60.forwardRef(({ className, align = "center", sideO
   }
 ));
 HoverCardContent2.displayName = Content22.displayName;
-var DirectionContext = React60.createContext(void 0);
+var DirectionContext = React67.createContext(void 0);
 function useDirection(localDir) {
-  const globalDir = React60.useContext(DirectionContext);
+  const globalDir = React67.useContext(DirectionContext);
   return localDir || globalDir || "ltr";
 }
+var useReactId2 = React67[" useId ".trim().toString()] || (() => void 0);
+var count2 = 0;
+function useId4(deterministicId) {
+  const [id, setId] = React67.useState(useReactId2());
+  useLayoutEffect22(() => {
+    if (!deterministicId)
+      setId((reactId) => reactId ?? String(count2++));
+  }, [deterministicId]);
+  return deterministicId || (id ? `radix-${id}` : "");
+}
 function createCollection(name) {
   const PROVIDER_NAME = name + "CollectionProvider";
-  const [createCollectionContext, createCollectionScope2] = createContextScope(PROVIDER_NAME);
+  const [createCollectionContext, createCollectionScope2] = createContextScope2(PROVIDER_NAME);
   const [CollectionProviderImpl, useCollectionContext] = createCollectionContext(
     PROVIDER_NAME,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
   );
   const CollectionProvider = (props) => {
     const { scope, children } = props;
-    const ref = React60__default.useRef(null);
-    const itemMap = React60__default.useRef(/* @__PURE__ */ new Map()).current;
+    const ref = React67__default.useRef(null);
+    const itemMap = React67__default.useRef(/* @__PURE__ */ new Map()).current;
     return /* @__PURE__ */ jsx(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
   };
   CollectionProvider.displayName = PROVIDER_NAME;
   const COLLECTION_SLOT_NAME = name + "CollectionSlot";
   const CollectionSlotImpl = createSlot(COLLECTION_SLOT_NAME);
-  const CollectionSlot = React60__default.forwardRef(
+  const CollectionSlot = React67__default.forwardRef(
     (props, forwardedRef) => {
       const { scope, children } = props;
       const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
-      const composedRefs = useComposedRefs(forwardedRef, context.collectionRef);
+      const composedRefs = useComposedRefs2(forwardedRef, context.collectionRef);
       return /* @__PURE__ */ jsx(CollectionSlotImpl, { ref: composedRefs, children });
     }
   );
@@ -11339,13 +11673,13 @@ function createCollection(name) {
   const ITEM_SLOT_NAME = name + "CollectionItemSlot";
   const ITEM_DATA_ATTR = "data-radix-collection-item";
   const CollectionItemSlotImpl = createSlot(ITEM_SLOT_NAME);
-  const CollectionItemSlot = React60__default.forwardRef(
+  const CollectionItemSlot = React67__default.forwardRef(
     (props, forwardedRef) => {
       const { scope, children, ...itemData } = props;
-      const ref = React60__default.useRef(null);
-      const composedRefs = useComposedRefs(forwardedRef, ref);
+      const ref = React67__default.useRef(null);
+      const composedRefs = useComposedRefs2(forwardedRef, ref);
       const context = useCollectionContext(ITEM_SLOT_NAME, scope);
-      React60__default.useEffect(() => {
+      React67__default.useEffect(() => {
         context.itemMap.set(ref, { ref, ...itemData });
         return () => void context.itemMap.delete(ref);
       });
@@ -11355,7 +11689,7 @@ function createCollection(name) {
   CollectionItemSlot.displayName = ITEM_SLOT_NAME;
   function useCollection2(scope) {
     const context = useCollectionContext(name + "CollectionConsumer", scope);
-    const getItems = React60__default.useCallback(() => {
+    const getItems = React67__default.useCallback(() => {
       const collectionNode = context.collectionRef.current;
       if (!collectionNode)
         return [];
@@ -11375,8 +11709,8 @@ function createCollection(name) {
   ];
 }
 function usePrevious(value) {
-  const ref = React60.useRef({ value, previous: value });
-  return React60.useMemo(() => {
+  const ref = React67.useRef({ value, previous: value });
+  return React67.useMemo(() => {
     if (ref.current.value !== value) {
       ref.current.previous = ref.current.value;
       ref.current.value = value;
@@ -11398,10 +11732,10 @@ var VISUALLY_HIDDEN_STYLES = Object.freeze({
   wordWrap: "normal"
 });
 var NAME3 = "VisuallyHidden";
-var VisuallyHidden = React60.forwardRef(
+var VisuallyHidden = React67.forwardRef(
   (props, forwardedRef) => {
     return /* @__PURE__ */ jsx(
-      Primitive.span,
+      Primitive2.span,
       {
         ...props,
         ref: forwardedRef,
@@ -11415,13 +11749,13 @@ var Root21 = VisuallyHidden;
 var NAVIGATION_MENU_NAME = "NavigationMenu";
 var [Collection, useCollection, createCollectionScope] = createCollection(NAVIGATION_MENU_NAME);
 var [FocusGroupCollection, useFocusGroupCollection, createFocusGroupCollectionScope] = createCollection(NAVIGATION_MENU_NAME);
-var [createNavigationMenuContext, createNavigationMenuScope] = createContextScope(
+var [createNavigationMenuContext, createNavigationMenuScope] = createContextScope2(
   NAVIGATION_MENU_NAME,
   [createCollectionScope, createFocusGroupCollectionScope]
 );
 var [NavigationMenuProviderImpl, useNavigationMenuContext] = createNavigationMenuContext(NAVIGATION_MENU_NAME);
 var [ViewportContentProvider, useViewportContentContext] = createNavigationMenuContext(NAVIGATION_MENU_NAME);
-var NavigationMenu = React60.forwardRef(
+var NavigationMenu = React67.forwardRef(
   (props, forwardedRef) => {
     const {
       __scopeNavigationMenu,
@@ -11434,14 +11768,14 @@ var NavigationMenu = React60.forwardRef(
       dir,
       ...NavigationMenuProps
     } = props;
-    const [navigationMenu, setNavigationMenu] = React60.useState(null);
-    const composedRef = useComposedRefs(forwardedRef, (node) => setNavigationMenu(node));
+    const [navigationMenu, setNavigationMenu] = React67.useState(null);
+    const composedRef = useComposedRefs2(forwardedRef, (node) => setNavigationMenu(node));
     const direction = useDirection(dir);
-    const openTimerRef = React60.useRef(0);
-    const closeTimerRef = React60.useRef(0);
-    const skipDelayTimerRef = React60.useRef(0);
-    const [isOpenDelayed, setIsOpenDelayed] = React60.useState(true);
-    const [value, setValue] = useControllableState({
+    const openTimerRef = React67.useRef(0);
+    const closeTimerRef = React67.useRef(0);
+    const skipDelayTimerRef = React67.useRef(0);
+    const [isOpenDelayed, setIsOpenDelayed] = React67.useState(true);
+    const [value, setValue] = useControllableState2({
       prop: valueProp,
       onChange: (value2) => {
         const isOpen = value2 !== "";
@@ -11462,18 +11796,18 @@ var NavigationMenu = React60.forwardRef(
       defaultProp: defaultValue2 ?? "",
       caller: NAVIGATION_MENU_NAME
     });
-    const startCloseTimer = React60.useCallback(() => {
+    const startCloseTimer = React67.useCallback(() => {
       window.clearTimeout(closeTimerRef.current);
       closeTimerRef.current = window.setTimeout(() => setValue(""), 150);
     }, [setValue]);
-    const handleOpen = React60.useCallback(
+    const handleOpen = React67.useCallback(
       (itemValue) => {
         window.clearTimeout(closeTimerRef.current);
         setValue(itemValue);
       },
       [setValue]
     );
-    const handleDelayedOpen = React60.useCallback(
+    const handleDelayedOpen = React67.useCallback(
       (itemValue) => {
         const isOpenItem = value === itemValue;
         if (isOpenItem) {
@@ -11487,7 +11821,7 @@ var NavigationMenu = React60.forwardRef(
       },
       [value, setValue, delayDuration]
     );
-    React60.useEffect(() => {
+    React67.useEffect(() => {
       return () => {
         window.clearTimeout(openTimerRef.current);
         window.clearTimeout(closeTimerRef.current);
@@ -11521,7 +11855,7 @@ var NavigationMenu = React60.forwardRef(
         },
         onItemDismiss: () => setValue(""),
         children: /* @__PURE__ */ jsx(
-          Primitive.nav,
+          Primitive2.nav,
           {
             "aria-label": "Main",
             "data-orientation": orientation,
@@ -11536,7 +11870,7 @@ var NavigationMenu = React60.forwardRef(
 );
 NavigationMenu.displayName = NAVIGATION_MENU_NAME;
 var SUB_NAME = "NavigationMenuSub";
-var NavigationMenuSub = React60.forwardRef(
+var NavigationMenuSub = React67.forwardRef(
   (props, forwardedRef) => {
     const {
       __scopeNavigationMenu,
@@ -11547,7 +11881,7 @@ var NavigationMenuSub = React60.forwardRef(
       ...subProps
     } = props;
     const context = useNavigationMenuContext(SUB_NAME, __scopeNavigationMenu);
-    const [value, setValue] = useControllableState({
+    const [value, setValue] = useControllableState2({
       prop: valueProp,
       onChange: onValueChange,
       defaultProp: defaultValue2 ?? "",
@@ -11565,7 +11899,7 @@ var NavigationMenuSub = React60.forwardRef(
         onTriggerEnter: (itemValue) => setValue(itemValue),
         onItemSelect: (itemValue) => setValue(itemValue),
         onItemDismiss: () => setValue(""),
-        children: /* @__PURE__ */ jsx(Primitive.div, { "data-orientation": orientation, ...subProps, ref: forwardedRef })
+        children: /* @__PURE__ */ jsx(Primitive2.div, { "data-orientation": orientation, ...subProps, ref: forwardedRef })
       }
     );
   }
@@ -11587,9 +11921,9 @@ var NavigationMenuProvider = (props) => {
     onContentEnter,
     onContentLeave
   } = props;
-  const [viewport, setViewport] = React60.useState(null);
-  const [viewportContent, setViewportContent] = React60.useState(/* @__PURE__ */ new Map());
-  const [indicatorTrack, setIndicatorTrack] = React60.useState(null);
+  const [viewport, setViewport] = React67.useState(null);
+  const [viewportContent, setViewportContent] = React67.useState(/* @__PURE__ */ new Map());
+  const [indicatorTrack, setIndicatorTrack] = React67.useState(null);
   return /* @__PURE__ */ jsx(
     NavigationMenuProviderImpl,
     {
@@ -11598,7 +11932,7 @@ var NavigationMenuProvider = (props) => {
       rootNavigationMenu,
       value,
       previousValue: usePrevious(value),
-      baseId: useId2(),
+      baseId: useId4(),
       dir,
       orientation,
       viewport,
@@ -11611,13 +11945,13 @@ var NavigationMenuProvider = (props) => {
       onContentLeave: useCallbackRef(onContentLeave),
       onItemSelect: useCallbackRef(onItemSelect),
       onItemDismiss: useCallbackRef(onItemDismiss),
-      onViewportContentChange: React60.useCallback((contentValue, contentData) => {
+      onViewportContentChange: React67.useCallback((contentValue, contentData) => {
         setViewportContent((prevContent) => {
           prevContent.set(contentValue, contentData);
           return new Map(prevContent);
         });
       }, []),
-      onViewportContentRemove: React60.useCallback((contentValue) => {
+      onViewportContentRemove: React67.useCallback((contentValue) => {
         setViewportContent((prevContent) => {
           if (!prevContent.has(contentValue))
             return prevContent;
@@ -11630,29 +11964,29 @@ var NavigationMenuProvider = (props) => {
   );
 };
 var LIST_NAME = "NavigationMenuList";
-var NavigationMenuList = React60.forwardRef(
+var NavigationMenuList = React67.forwardRef(
   (props, forwardedRef) => {
     const { __scopeNavigationMenu, ...listProps } = props;
     const context = useNavigationMenuContext(LIST_NAME, __scopeNavigationMenu);
-    const list = /* @__PURE__ */ jsx(Primitive.ul, { "data-orientation": context.orientation, ...listProps, ref: forwardedRef });
-    return /* @__PURE__ */ jsx(Primitive.div, { style: { position: "relative" }, ref: context.onIndicatorTrackChange, children: /* @__PURE__ */ jsx(Collection.Slot, { scope: __scopeNavigationMenu, children: context.isRootMenu ? /* @__PURE__ */ jsx(FocusGroup, { asChild: true, children: list }) : list }) });
+    const list = /* @__PURE__ */ jsx(Primitive2.ul, { "data-orientation": context.orientation, ...listProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Primitive2.div, { style: { position: "relative" }, ref: context.onIndicatorTrackChange, children: /* @__PURE__ */ jsx(Collection.Slot, { scope: __scopeNavigationMenu, children: context.isRootMenu ? /* @__PURE__ */ jsx(FocusGroup, { asChild: true, children: list }) : list }) });
   }
 );
 NavigationMenuList.displayName = LIST_NAME;
 var ITEM_NAME = "NavigationMenuItem";
 var [NavigationMenuItemContextProvider, useNavigationMenuItemContext] = createNavigationMenuContext(ITEM_NAME);
-var NavigationMenuItem = React60.forwardRef(
+var NavigationMenuItem = React67.forwardRef(
   (props, forwardedRef) => {
     const { __scopeNavigationMenu, value: valueProp, ...itemProps } = props;
-    const autoValue = useId2();
+    const autoValue = useId4();
     const value = valueProp || autoValue || "LEGACY_REACT_AUTO_VALUE";
-    const contentRef = React60.useRef(null);
-    const triggerRef = React60.useRef(null);
-    const focusProxyRef = React60.useRef(null);
-    const restoreContentTabOrderRef = React60.useRef(() => {
+    const contentRef = React67.useRef(null);
+    const triggerRef = React67.useRef(null);
+    const focusProxyRef = React67.useRef(null);
+    const restoreContentTabOrderRef = React67.useRef(() => {
     });
-    const wasEscapeCloseRef = React60.useRef(false);
-    const handleContentEntry = React60.useCallback((side = "start") => {
+    const wasEscapeCloseRef = React67.useRef(false);
+    const handleContentEntry = React67.useCallback((side = "start") => {
       if (contentRef.current) {
         restoreContentTabOrderRef.current();
         const candidates = getTabbableCandidates(contentRef.current);
@@ -11660,7 +11994,7 @@ var NavigationMenuItem = React60.forwardRef(
           focusFirst(side === "start" ? candidates : candidates.reverse());
       }
     }, []);
-    const handleContentExit = React60.useCallback(() => {
+    const handleContentExit = React67.useCallback(() => {
       if (contentRef.current) {
         const candidates = getTabbableCandidates(contentRef.current);
         if (candidates.length)
@@ -11680,27 +12014,27 @@ var NavigationMenuItem = React60.forwardRef(
         onFocusProxyEnter: handleContentEntry,
         onRootContentClose: handleContentExit,
         onContentFocusOutside: handleContentExit,
-        children: /* @__PURE__ */ jsx(Primitive.li, { ...itemProps, ref: forwardedRef })
+        children: /* @__PURE__ */ jsx(Primitive2.li, { ...itemProps, ref: forwardedRef })
       }
     );
   }
 );
 NavigationMenuItem.displayName = ITEM_NAME;
 var TRIGGER_NAME3 = "NavigationMenuTrigger";
-var NavigationMenuTrigger = React60.forwardRef((props, forwardedRef) => {
+var NavigationMenuTrigger = React67.forwardRef((props, forwardedRef) => {
   const { __scopeNavigationMenu, disabled, ...triggerProps } = props;
   const context = useNavigationMenuContext(TRIGGER_NAME3, props.__scopeNavigationMenu);
   const itemContext = useNavigationMenuItemContext(TRIGGER_NAME3, props.__scopeNavigationMenu);
-  const ref = React60.useRef(null);
-  const composedRefs = useComposedRefs(ref, itemContext.triggerRef, forwardedRef);
+  const ref = React67.useRef(null);
+  const composedRefs = useComposedRefs2(ref, itemContext.triggerRef, forwardedRef);
   const triggerId = makeTriggerId(context.baseId, itemContext.value);
   const contentId = makeContentId(context.baseId, itemContext.value);
-  const hasPointerMoveOpenedRef = React60.useRef(false);
-  const wasClickCloseRef = React60.useRef(false);
+  const hasPointerMoveOpenedRef = React67.useRef(false);
+  const wasClickCloseRef = React67.useRef(false);
   const open = itemContext.value === context.value;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Collection.ItemSlot, { scope: __scopeNavigationMenu, value: itemContext.value, children: /* @__PURE__ */ jsx(FocusGroupItem, { asChild: true, children: /* @__PURE__ */ jsx(
-      Primitive.button,
+      Primitive2.button,
       {
         id: triggerId,
         disabled,
@@ -11710,11 +12044,11 @@ var NavigationMenuTrigger = React60.forwardRef((props, forwardedRef) => {
         "aria-controls": contentId,
         ...triggerProps,
         ref: composedRefs,
-        onPointerEnter: composeEventHandlers(props.onPointerEnter, () => {
+        onPointerEnter: composeEventHandlers2(props.onPointerEnter, () => {
           wasClickCloseRef.current = false;
           itemContext.wasEscapeCloseRef.current = false;
         }),
-        onPointerMove: composeEventHandlers(
+        onPointerMove: composeEventHandlers2(
           props.onPointerMove,
           whenMouse(() => {
             if (disabled || wasClickCloseRef.current || itemContext.wasEscapeCloseRef.current || hasPointerMoveOpenedRef.current)
@@ -11723,7 +12057,7 @@ var NavigationMenuTrigger = React60.forwardRef((props, forwardedRef) => {
             hasPointerMoveOpenedRef.current = true;
           })
         ),
-        onPointerLeave: composeEventHandlers(
+        onPointerLeave: composeEventHandlers2(
           props.onPointerLeave,
           whenMouse(() => {
             if (disabled)
@@ -11732,11 +12066,11 @@ var NavigationMenuTrigger = React60.forwardRef((props, forwardedRef) => {
             hasPointerMoveOpenedRef.current = false;
           })
         ),
-        onClick: composeEventHandlers(props.onClick, () => {
+        onClick: composeEventHandlers2(props.onClick, () => {
           context.onItemSelect(itemContext.value);
           wasClickCloseRef.current = open;
         }),
-        onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {
+        onKeyDown: composeEventHandlers2(props.onKeyDown, (event) => {
           const verticalEntryKey = context.dir === "rtl" ? "ArrowLeft" : "ArrowRight";
           const entryKey = { horizontal: "ArrowDown", vertical: verticalEntryKey }[context.orientation];
           if (open && event.key === entryKey) {
@@ -11771,17 +12105,17 @@ var NavigationMenuTrigger = React60.forwardRef((props, forwardedRef) => {
 NavigationMenuTrigger.displayName = TRIGGER_NAME3;
 var LINK_NAME = "NavigationMenuLink";
 var LINK_SELECT = "navigationMenu.linkSelect";
-var NavigationMenuLink = React60.forwardRef(
+var NavigationMenuLink = React67.forwardRef(
   (props, forwardedRef) => {
     const { __scopeNavigationMenu, active, onSelect, ...linkProps } = props;
     return /* @__PURE__ */ jsx(FocusGroupItem, { asChild: true, children: /* @__PURE__ */ jsx(
-      Primitive.a,
+      Primitive2.a,
       {
         "data-active": active ? "" : void 0,
         "aria-current": active ? "page" : void 0,
         ...linkProps,
         ref: forwardedRef,
-        onClick: composeEventHandlers(
+        onClick: composeEventHandlers2(
           props.onClick,
           (event) => {
             const target = event.target;
@@ -11807,27 +12141,27 @@ var NavigationMenuLink = React60.forwardRef(
 );
 NavigationMenuLink.displayName = LINK_NAME;
 var INDICATOR_NAME2 = "NavigationMenuIndicator";
-var NavigationMenuIndicator = React60.forwardRef((props, forwardedRef) => {
+var NavigationMenuIndicator = React67.forwardRef((props, forwardedRef) => {
   const { forceMount, ...indicatorProps } = props;
   const context = useNavigationMenuContext(INDICATOR_NAME2, props.__scopeNavigationMenu);
   const isVisible = Boolean(context.value);
-  return context.indicatorTrack ? ReactDOM__default.createPortal(
-    /* @__PURE__ */ jsx(Presence, { present: forceMount || isVisible, children: /* @__PURE__ */ jsx(NavigationMenuIndicatorImpl, { ...indicatorProps, ref: forwardedRef }) }),
+  return context.indicatorTrack ? ReactDOM2__default.createPortal(
+    /* @__PURE__ */ jsx(Presence2, { present: forceMount || isVisible, children: /* @__PURE__ */ jsx(NavigationMenuIndicatorImpl, { ...indicatorProps, ref: forwardedRef }) }),
     context.indicatorTrack
   ) : null;
 });
 NavigationMenuIndicator.displayName = INDICATOR_NAME2;
-var NavigationMenuIndicatorImpl = React60.forwardRef((props, forwardedRef) => {
+var NavigationMenuIndicatorImpl = React67.forwardRef((props, forwardedRef) => {
   const { __scopeNavigationMenu, ...indicatorProps } = props;
   const context = useNavigationMenuContext(INDICATOR_NAME2, __scopeNavigationMenu);
   const getItems = useCollection(__scopeNavigationMenu);
-  const [activeTrigger, setActiveTrigger] = React60.useState(
+  const [activeTrigger, setActiveTrigger] = React67.useState(
     null
   );
-  const [position, setPosition] = React60.useState(null);
+  const [position, setPosition] = React67.useState(null);
   const isHorizontal = context.orientation === "horizontal";
   const isVisible = Boolean(context.value);
-  React60.useEffect(() => {
+  React67.useEffect(() => {
     const items = getItems();
     const triggerNode = items.find((item) => item.value === context.value)?.ref.current;
     if (triggerNode)
@@ -11844,7 +12178,7 @@ var NavigationMenuIndicatorImpl = React60.forwardRef((props, forwardedRef) => {
   useResizeObserver(activeTrigger, handlePositionChange);
   useResizeObserver(context.indicatorTrack, handlePositionChange);
   return position ? /* @__PURE__ */ jsx(
-    Primitive.div,
+    Primitive2.div,
     {
       "aria-hidden": true,
       "data-state": isVisible ? "visible" : "hidden",
@@ -11868,11 +12202,11 @@ var NavigationMenuIndicatorImpl = React60.forwardRef((props, forwardedRef) => {
   ) : null;
 });
 var CONTENT_NAME4 = "NavigationMenuContent";
-var NavigationMenuContent = React60.forwardRef((props, forwardedRef) => {
+var NavigationMenuContent = React67.forwardRef((props, forwardedRef) => {
   const { forceMount, ...contentProps } = props;
   const context = useNavigationMenuContext(CONTENT_NAME4, props.__scopeNavigationMenu);
   const itemContext = useNavigationMenuItemContext(CONTENT_NAME4, props.__scopeNavigationMenu);
-  const composedRefs = useComposedRefs(itemContext.contentRef, forwardedRef);
+  const composedRefs = useComposedRefs2(itemContext.contentRef, forwardedRef);
   const open = itemContext.value === context.value;
   const commonProps = {
     value: itemContext.value,
@@ -11883,14 +12217,14 @@ var NavigationMenuContent = React60.forwardRef((props, forwardedRef) => {
     onRootContentClose: itemContext.onRootContentClose,
     ...contentProps
   };
-  return !context.viewport ? /* @__PURE__ */ jsx(Presence, { present: forceMount || open, children: /* @__PURE__ */ jsx(
+  return !context.viewport ? /* @__PURE__ */ jsx(Presence2, { present: forceMount || open, children: /* @__PURE__ */ jsx(
     NavigationMenuContentImpl,
     {
       "data-state": getOpenState(open),
       ...commonProps,
       ref: composedRefs,
-      onPointerEnter: composeEventHandlers(props.onPointerEnter, context.onContentEnter),
-      onPointerLeave: composeEventHandlers(
+      onPointerEnter: composeEventHandlers2(props.onPointerEnter, context.onContentEnter),
+      onPointerLeave: composeEventHandlers2(
         props.onPointerLeave,
         whenMouse(context.onContentLeave)
       ),
@@ -11903,22 +12237,22 @@ var NavigationMenuContent = React60.forwardRef((props, forwardedRef) => {
   ) }) : /* @__PURE__ */ jsx(ViewportContentMounter, { forceMount, ...commonProps, ref: composedRefs });
 });
 NavigationMenuContent.displayName = CONTENT_NAME4;
-var ViewportContentMounter = React60.forwardRef((props, forwardedRef) => {
+var ViewportContentMounter = React67.forwardRef((props, forwardedRef) => {
   const context = useNavigationMenuContext(CONTENT_NAME4, props.__scopeNavigationMenu);
   const { onViewportContentChange, onViewportContentRemove } = context;
-  useLayoutEffect2(() => {
+  useLayoutEffect22(() => {
     onViewportContentChange(props.value, {
       ref: forwardedRef,
       ...props
     });
   }, [props, forwardedRef, onViewportContentChange]);
-  useLayoutEffect2(() => {
+  useLayoutEffect22(() => {
     return () => onViewportContentRemove(props.value);
   }, [props.value, onViewportContentRemove]);
   return null;
 });
 var ROOT_CONTENT_DISMISS = "navigationMenu.rootContentDismiss";
-var NavigationMenuContentImpl = React60.forwardRef((props, forwardedRef) => {
+var NavigationMenuContentImpl = React67.forwardRef((props, forwardedRef) => {
   const {
     __scopeNavigationMenu,
     value,
@@ -11930,14 +12264,14 @@ var NavigationMenuContentImpl = React60.forwardRef((props, forwardedRef) => {
     ...contentProps
   } = props;
   const context = useNavigationMenuContext(CONTENT_NAME4, __scopeNavigationMenu);
-  const ref = React60.useRef(null);
-  const composedRefs = useComposedRefs(ref, forwardedRef);
+  const ref = React67.useRef(null);
+  const composedRefs = useComposedRefs2(ref, forwardedRef);
   const triggerId = makeTriggerId(context.baseId, value);
   const contentId = makeContentId(context.baseId, value);
   const getItems = useCollection(__scopeNavigationMenu);
-  const prevMotionAttributeRef = React60.useRef(null);
+  const prevMotionAttributeRef = React67.useRef(null);
   const { onItemDismiss } = context;
-  React60.useEffect(() => {
+  React67.useEffect(() => {
     const content = ref.current;
     if (context.isRootMenu && content) {
       const handleClose = () => {
@@ -11950,7 +12284,7 @@ var NavigationMenuContentImpl = React60.forwardRef((props, forwardedRef) => {
       return () => content.removeEventListener(ROOT_CONTENT_DISMISS, handleClose);
     }
   }, [context.isRootMenu, props.value, triggerRef, onItemDismiss, onRootContentClose]);
-  const motionAttribute = React60.useMemo(() => {
+  const motionAttribute = React67.useMemo(() => {
     const items = getItems();
     const values = items.map((item) => item.value);
     if (context.dir === "rtl")
@@ -11990,20 +12324,20 @@ var NavigationMenuContentImpl = React60.forwardRef((props, forwardedRef) => {
         });
         ref.current?.dispatchEvent(rootContentDismissEvent);
       },
-      onFocusOutside: composeEventHandlers(props.onFocusOutside, (event) => {
+      onFocusOutside: composeEventHandlers2(props.onFocusOutside, (event) => {
         onContentFocusOutside();
         const target = event.target;
         if (context.rootNavigationMenu?.contains(target))
           event.preventDefault();
       }),
-      onPointerDownOutside: composeEventHandlers(props.onPointerDownOutside, (event) => {
+      onPointerDownOutside: composeEventHandlers2(props.onPointerDownOutside, (event) => {
         const target = event.target;
         const isTrigger = getItems().some((item) => item.ref.current?.contains(target));
         const isRootViewport = context.isRootMenu && context.viewport?.contains(target);
         if (isTrigger || isRootViewport || !context.isRootMenu)
           event.preventDefault();
       }),
-      onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {
+      onKeyDown: composeEventHandlers2(props.onKeyDown, (event) => {
         const isMetaKey = event.altKey || event.ctrlKey || event.metaKey;
         const isTabKey = event.key === "Tab" && !isMetaKey;
         if (isTabKey) {
@@ -12019,30 +12353,30 @@ var NavigationMenuContentImpl = React60.forwardRef((props, forwardedRef) => {
           }
         }
       }),
-      onEscapeKeyDown: composeEventHandlers(props.onEscapeKeyDown, (_event) => {
+      onEscapeKeyDown: composeEventHandlers2(props.onEscapeKeyDown, (_event) => {
         wasEscapeCloseRef.current = true;
       })
     }
   ) });
 });
 var VIEWPORT_NAME = "NavigationMenuViewport";
-var NavigationMenuViewport = React60.forwardRef((props, forwardedRef) => {
+var NavigationMenuViewport = React67.forwardRef((props, forwardedRef) => {
   const { forceMount, ...viewportProps } = props;
   const context = useNavigationMenuContext(VIEWPORT_NAME, props.__scopeNavigationMenu);
   const open = Boolean(context.value);
-  return /* @__PURE__ */ jsx(Presence, { present: forceMount || open, children: /* @__PURE__ */ jsx(NavigationMenuViewportImpl, { ...viewportProps, ref: forwardedRef }) });
+  return /* @__PURE__ */ jsx(Presence2, { present: forceMount || open, children: /* @__PURE__ */ jsx(NavigationMenuViewportImpl, { ...viewportProps, ref: forwardedRef }) });
 });
 NavigationMenuViewport.displayName = VIEWPORT_NAME;
-var NavigationMenuViewportImpl = React60.forwardRef((props, forwardedRef) => {
+var NavigationMenuViewportImpl = React67.forwardRef((props, forwardedRef) => {
   const { __scopeNavigationMenu, children, ...viewportImplProps } = props;
   const context = useNavigationMenuContext(VIEWPORT_NAME, __scopeNavigationMenu);
-  const composedRefs = useComposedRefs(forwardedRef, context.onViewportChange);
+  const composedRefs = useComposedRefs2(forwardedRef, context.onViewportChange);
   const viewportContentContext = useViewportContentContext(
     CONTENT_NAME4,
     props.__scopeNavigationMenu
   );
-  const [size4, setSize] = React60.useState(null);
-  const [content, setContent2] = React60.useState(null);
+  const [size4, setSize] = React67.useState(null);
+  const [content, setContent2] = React67.useState(null);
   const viewportWidth = size4 ? size4?.width + "px" : void 0;
   const viewportHeight = size4 ? size4?.height + "px" : void 0;
   const open = Boolean(context.value);
@@ -12053,7 +12387,7 @@ var NavigationMenuViewportImpl = React60.forwardRef((props, forwardedRef) => {
   };
   useResizeObserver(content, handleSizeChange);
   return /* @__PURE__ */ jsx(
-    Primitive.div,
+    Primitive2.div,
     {
       "data-state": getOpenState(open),
       "data-orientation": context.orientation,
@@ -12066,15 +12400,15 @@ var NavigationMenuViewportImpl = React60.forwardRef((props, forwardedRef) => {
         ["--radix-navigation-menu-viewport-height"]: viewportHeight,
         ...viewportImplProps.style
       },
-      onPointerEnter: composeEventHandlers(props.onPointerEnter, context.onContentEnter),
-      onPointerLeave: composeEventHandlers(props.onPointerLeave, whenMouse(context.onContentLeave)),
+      onPointerEnter: composeEventHandlers2(props.onPointerEnter, context.onContentEnter),
+      onPointerLeave: composeEventHandlers2(props.onPointerLeave, whenMouse(context.onContentLeave)),
       children: Array.from(viewportContentContext.items).map(([value, { ref, forceMount, ...props2 }]) => {
         const isActive2 = activeContentValue === value;
-        return /* @__PURE__ */ jsx(Presence, { present: forceMount || isActive2, children: /* @__PURE__ */ jsx(
+        return /* @__PURE__ */ jsx(Presence2, { present: forceMount || isActive2, children: /* @__PURE__ */ jsx(
           NavigationMenuContentImpl,
           {
             ...props2,
-            ref: composeRefs(ref, (node) => {
+            ref: composeRefs2(ref, (node) => {
               if (isActive2 && node)
                 setContent2(node);
             })
@@ -12085,26 +12419,26 @@ var NavigationMenuViewportImpl = React60.forwardRef((props, forwardedRef) => {
   );
 });
 var FOCUS_GROUP_NAME = "FocusGroup";
-var FocusGroup = React60.forwardRef(
+var FocusGroup = React67.forwardRef(
   (props, forwardedRef) => {
     const { __scopeNavigationMenu, ...groupProps } = props;
     const context = useNavigationMenuContext(FOCUS_GROUP_NAME, __scopeNavigationMenu);
-    return /* @__PURE__ */ jsx(FocusGroupCollection.Provider, { scope: __scopeNavigationMenu, children: /* @__PURE__ */ jsx(FocusGroupCollection.Slot, { scope: __scopeNavigationMenu, children: /* @__PURE__ */ jsx(Primitive.div, { dir: context.dir, ...groupProps, ref: forwardedRef }) }) });
+    return /* @__PURE__ */ jsx(FocusGroupCollection.Provider, { scope: __scopeNavigationMenu, children: /* @__PURE__ */ jsx(FocusGroupCollection.Slot, { scope: __scopeNavigationMenu, children: /* @__PURE__ */ jsx(Primitive2.div, { dir: context.dir, ...groupProps, ref: forwardedRef }) }) });
   }
 );
 var ARROW_KEYS = ["ArrowRight", "ArrowLeft", "ArrowUp", "ArrowDown"];
 var FOCUS_GROUP_ITEM_NAME = "FocusGroupItem";
-var FocusGroupItem = React60.forwardRef(
+var FocusGroupItem = React67.forwardRef(
   (props, forwardedRef) => {
     const { __scopeNavigationMenu, ...groupProps } = props;
     const getItems = useFocusGroupCollection(__scopeNavigationMenu);
     const context = useNavigationMenuContext(FOCUS_GROUP_ITEM_NAME, __scopeNavigationMenu);
     return /* @__PURE__ */ jsx(FocusGroupCollection.ItemSlot, { scope: __scopeNavigationMenu, children: /* @__PURE__ */ jsx(
-      Primitive.button,
+      Primitive2.button,
       {
         ...groupProps,
         ref: forwardedRef,
-        onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {
+        onKeyDown: composeEventHandlers2(props.onKeyDown, (event) => {
           const isFocusNavigationKey = ["Home", "End", ...ARROW_KEYS].includes(event.key);
           if (isFocusNavigationKey) {
             let candidateNodes = getItems().map((item) => item.ref.current);
@@ -12161,7 +12495,7 @@ function removeFromTabOrder(candidates) {
 }
 function useResizeObserver(element, onResize) {
   const handleResize = useCallbackRef(onResize);
-  useLayoutEffect2(() => {
+  useLayoutEffect22(() => {
     let rAF = 0;
     if (element) {
       const resizeObserver = new ResizeObserver(() => {
@@ -12196,7 +12530,7 @@ var Link = NavigationMenuLink;
 var Indicator3 = NavigationMenuIndicator;
 var Content12 = NavigationMenuContent;
 var Viewport4 = NavigationMenuViewport;
-var NavigationMenu2 = React60.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var NavigationMenu2 = React67.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   Root24,
   {
     ref,
@@ -12212,7 +12546,7 @@ var NavigationMenu2 = React60.forwardRef(({ className, children, ...props }, ref
   }
 ));
 NavigationMenu2.displayName = Root24.displayName;
-var NavigationMenuList2 = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var NavigationMenuList2 = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   List3,
   {
     ref,
@@ -12228,7 +12562,7 @@ var NavigationMenuItem2 = Item4;
 var navigationMenuTriggerStyle = cva(
   "group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50"
 );
-var NavigationMenuTrigger2 = React60.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var NavigationMenuTrigger2 = React67.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   Trigger12,
   {
     ref,
@@ -12248,7 +12582,7 @@ var NavigationMenuTrigger2 = React60.forwardRef(({ className, children, ...props
   }
 ));
 NavigationMenuTrigger2.displayName = Trigger12.displayName;
-var NavigationMenuContent2 = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var NavigationMenuContent2 = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Content12,
   {
     ref,
@@ -12261,7 +12595,7 @@ var NavigationMenuContent2 = React60.forwardRef(({ className, ...props }, ref) =
 ));
 NavigationMenuContent2.displayName = Content12.displayName;
 var NavigationMenuLink2 = Link;
-var NavigationMenuViewport2 = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx(
+var NavigationMenuViewport2 = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx(
   Viewport4,
   {
     className: cn(
@@ -12273,7 +12607,7 @@ var NavigationMenuViewport2 = React60.forwardRef(({ className, ...props }, ref)
   }
 ) }));
 NavigationMenuViewport2.displayName = Viewport4.displayName;
-var NavigationMenuIndicator2 = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var NavigationMenuIndicator2 = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Indicator3,
   {
     ref,
@@ -12410,7 +12744,7 @@ var calculateSnapPoint = (offset4, velocity, snapPoints, direction, viewportSize
     (prev, curr) => Math.abs(curr - currentPosition) < Math.abs(prev - currentPosition) ? curr : prev
   );
 };
-var MoonUIGestureDrawerProComponent = React60__default.forwardRef(({
+var MoonUIGestureDrawerProComponent = React67__default.forwardRef(({
   isOpen,
   onOpenChange,
   children,
@@ -12668,7 +13002,7 @@ var MoonUIGestureDrawerProComponent = React60__default.forwardRef(({
   return drawerContent;
 });
 MoonUIGestureDrawerProComponent.displayName = "MoonUIGestureDrawerProComponent";
-var MoonUIGestureDrawerPro = React60__default.forwardRef((props, ref) => {
+var MoonUIGestureDrawerPro = React67__default.forwardRef((props, ref) => {
   const { hasProAccess, isLoading } = useSubscription();
   if (!isLoading && !hasProAccess) {
     return /* @__PURE__ */ jsx(MoonUICardPro, { className: "w-fit mx-auto", children: /* @__PURE__ */ jsx(MoonUICardContentPro, { className: "py-6 text-center", children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
@@ -12703,19 +13037,19 @@ var lightboxVariants = cva(
     }
   }
 );
-var LightboxContext = React60.createContext(void 0);
+var LightboxContext = React67.createContext(void 0);
 function useLightbox() {
-  const context = React60.useContext(LightboxContext);
+  const context = React67.useContext(LightboxContext);
   if (!context) {
     throw new Error("useLightbox must be used within a LightboxProvider");
   }
   return context;
 }
 function LightboxProvider({ children, items = [], defaultIndex = 0 }) {
-  const [currentIndex, setCurrentIndex] = React60.useState(defaultIndex);
-  const [isOpen, setIsOpen] = React60.useState(false);
-  const [zoom, setZoom] = React60.useState(1);
-  const value = React60.useMemo(
+  const [currentIndex, setCurrentIndex] = React67.useState(defaultIndex);
+  const [isOpen, setIsOpen] = React67.useState(false);
+  const [zoom, setZoom] = React67.useState(1);
+  const value = React67.useMemo(
     () => ({
       items,
       currentIndex,
@@ -12729,7 +13063,7 @@ function LightboxProvider({ children, items = [], defaultIndex = 0 }) {
   );
   return /* @__PURE__ */ jsx(LightboxContext.Provider, { value, children });
 }
-var LightboxTrigger = React60.forwardRef(
+var LightboxTrigger = React67.forwardRef(
   ({ index: index2 = 0, asChild, children, onClick, ...props }, ref) => {
     const { setCurrentIndex, setIsOpen, setZoom } = useLightbox();
     const handleClick2 = (e) => {
@@ -12741,7 +13075,7 @@ var LightboxTrigger = React60.forwardRef(
     if (asChild) {
       const child = children;
       const { onDrag: onDrag2, onDragStart: onDragStart2, onDragEnd: onDragEnd2, onDragOver: onDragOver2, onDrop: onDrop2, ...filteredProps2 } = props;
-      return React60.cloneElement(child, {
+      return React67.cloneElement(child, {
         ...child.props,
         ...filteredProps2,
         onClick: handleClick2
@@ -12752,7 +13086,7 @@ var LightboxTrigger = React60.forwardRef(
   }
 );
 LightboxTrigger.displayName = "LightboxTrigger";
-var LightboxContent = React60.forwardRef(
+var LightboxContent = React67.forwardRef(
   ({
     className,
     backdrop,
@@ -12770,16 +13104,16 @@ var LightboxContent = React60.forwardRef(
   }, ref) => {
     const { onDrag, onDragStart, onDragEnd, onDragOver, onDrop, onAnimationStart, onAnimationEnd, onAnimationIteration, ...props } = restProps;
     const { items, currentIndex, setCurrentIndex, isOpen, setIsOpen, zoom, setZoom } = useLightbox();
-    const [isLoading, setIsLoading] = React60.useState(true);
-    const [isPlaying, setIsPlaying] = React60.useState(false);
-    const [isMuted, setIsMuted] = React60.useState(true);
-    const [isFullscreen, setIsFullscreen] = React60.useState(false);
-    const [position, setPosition] = React60.useState({ x: 0, y: 0 });
-    const [isDragging, setIsDragging] = React60.useState(false);
-    const containerRef = React60.useRef(null);
-    const videoRef = React60.useRef(null);
+    const [isLoading, setIsLoading] = React67.useState(true);
+    const [isPlaying, setIsPlaying] = React67.useState(false);
+    const [isMuted, setIsMuted] = React67.useState(true);
+    const [isFullscreen, setIsFullscreen] = React67.useState(false);
+    const [position, setPosition] = React67.useState({ x: 0, y: 0 });
+    const [isDragging, setIsDragging] = React67.useState(false);
+    const containerRef = React67.useRef(null);
+    const videoRef = React67.useRef(null);
     const currentItem = items[currentIndex];
-    React60.useEffect(() => {
+    React67.useEffect(() => {
       if (currentItem?.type === "video" && autoPlayVideo) {
         setIsPlaying(true);
         setIsMuted(true);
@@ -12787,7 +13121,7 @@ var LightboxContent = React60.forwardRef(
         setIsPlaying(false);
       }
     }, [currentIndex, currentItem, autoPlayVideo]);
-    React60.useEffect(() => {
+    React67.useEffect(() => {
       if (!enableKeyboardNavigation || !isOpen)
         return;
       const handleKeyDown3 = (e) => {
@@ -12819,7 +13153,7 @@ var LightboxContent = React60.forwardRef(
       window.addEventListener("keydown", handleKeyDown3);
       return () => window.removeEventListener("keydown", handleKeyDown3);
     }, [isOpen, currentIndex, isPlaying, enableKeyboardNavigation]);
-    React60.useEffect(() => {
+    React67.useEffect(() => {
       if (videoRef.current && currentItem?.type === "video") {
         if (isPlaying) {
           videoRef.current.play().catch((err) => {
@@ -13194,7 +13528,7 @@ var galleryItemVariants = cva(
     }
   }
 );
-var MoonUIMediaGalleryPro = React60.forwardRef(({
+var MoonUIMediaGalleryPro = React67.forwardRef(({
   className,
   items,
   layout,
@@ -13223,13 +13557,13 @@ var MoonUIMediaGalleryPro = React60.forwardRef(({
   lightboxProps,
   ...props
 }, ref) => {
-  const [activeCategory, setActiveCategory] = React60.useState(defaultCategory);
-  const [activeSort, setActiveSort] = React60.useState(defaultSort);
-  const [showFilters, setShowFilters] = React60.useState(false);
-  const [loadedImages, setLoadedImages] = React60.useState(/* @__PURE__ */ new Set());
-  const observerRef = React60.useRef(null);
-  const loadMoreRef = React60.useRef(null);
-  const filteredItems = React60.useMemo(() => {
+  const [activeCategory, setActiveCategory] = React67.useState(defaultCategory);
+  const [activeSort, setActiveSort] = React67.useState(defaultSort);
+  const [showFilters, setShowFilters] = React67.useState(false);
+  const [loadedImages, setLoadedImages] = React67.useState(/* @__PURE__ */ new Set());
+  const observerRef = React67.useRef(null);
+  const loadMoreRef = React67.useRef(null);
+  const filteredItems = React67.useMemo(() => {
     if (!enableFiltering || activeCategory === "all")
       return items;
     return items.filter((item) => {
@@ -13243,7 +13577,7 @@ var MoonUIMediaGalleryPro = React60.forwardRef(({
       return true;
     });
   }, [items, activeCategory, enableFiltering]);
-  const sortedItems = React60.useMemo(() => {
+  const sortedItems = React67.useMemo(() => {
     if (!enableSorting || activeSort === "default")
       return filteredItems;
     const sortOption = sortOptions.find((opt) => opt.id === activeSort);
@@ -13257,7 +13591,7 @@ var MoonUIMediaGalleryPro = React60.forwardRef(({
     { id: "video", label: "Videos", icon: /* @__PURE__ */ jsx(Video, { className: "h-4 w-4" }) }
   ];
   const finalCategories = categories.length > 0 ? categories : defaultCategories;
-  React60.useEffect(() => {
+  React67.useEffect(() => {
     if (!lazyLoad)
       return;
     observerRef.current = new IntersectionObserver(
@@ -13275,7 +13609,7 @@ var MoonUIMediaGalleryPro = React60.forwardRef(({
       observerRef.current?.disconnect();
     };
   }, [lazyLoad]);
-  React60.useEffect(() => {
+  React67.useEffect(() => {
     if (!infiniteScroll || !onLoadMore || !hasMore)
       return;
     const observer = new IntersectionObserver(
@@ -13452,7 +13786,7 @@ var MoonUIMediaGalleryPro = React60.forwardRef(({
           className
         ),
         style: layout === "masonry" ? { columnGap: "1rem" } : void 0,
-        children: loadingState ? /* @__PURE__ */ jsx(Fragment, { children: Array.from({ length: skeletonCount }).map((_, i) => /* @__PURE__ */ jsx(React60.Fragment, { children: renderSkeleton() }, i)) }) : sortedItems.length > 0 ? sortedItems.map((item, index2) => renderGalleryItem(item, index2)) : emptyState || /* @__PURE__ */ jsxs("div", { className: "col-span-full flex flex-col items-center justify-center py-12 text-center", children: [
+        children: loadingState ? /* @__PURE__ */ jsx(Fragment, { children: Array.from({ length: skeletonCount }).map((_, i) => /* @__PURE__ */ jsx(React67.Fragment, { children: renderSkeleton() }, i)) }) : sortedItems.length > 0 ? sortedItems.map((item, index2) => renderGalleryItem(item, index2)) : emptyState || /* @__PURE__ */ jsxs("div", { className: "col-span-full flex flex-col items-center justify-center py-12 text-center", children: [
           /* @__PURE__ */ jsx(Image$1, { className: "h-12 w-12 text-muted-foreground mb-4" }),
           /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: "No media items found" })
         ] })
@@ -13469,7 +13803,7 @@ var MoonUIMediaGalleryPro = React60.forwardRef(({
   return galleryContent;
 });
 MoonUIMediaGalleryPro.displayName = "MoonUIMediaGalleryPro";
-var MoonUIGalleryItemPro = React60.forwardRef(({
+var MoonUIGalleryItemPro = React67.forwardRef(({
   className,
   item,
   index: index2 = 0,
@@ -13482,7 +13816,7 @@ var MoonUIGalleryItemPro = React60.forwardRef(({
   onLoad,
   ...props
 }, ref) => {
-  const [isLoaded, setIsLoaded] = React60.useState(false);
+  const [isLoaded, setIsLoaded] = React67.useState(false);
   const handleLoad = () => {
     setIsLoaded(true);
     onLoad?.();
@@ -13558,7 +13892,7 @@ var moonUIAnimatedButtonProVariants = cva(
     }
   }
 );
-var MoonUIAnimatedButtonProInternal = React60__default.forwardRef(
+var MoonUIAnimatedButtonProInternal = React67__default.forwardRef(
   ({
     className,
     variant,
@@ -13752,9 +14086,9 @@ var MoonUIAnimatedButtonProInternal = React60__default.forwardRef(
           ) : (
             // Diğer boyutlar için normal akış
             /* @__PURE__ */ jsx(Fragment, { children: currentState === "idle" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-              React60__default.isValidElement(children) && React60__default.cloneElement(children),
+              React67__default.isValidElement(children) && React67__default.cloneElement(children),
               typeof children === "string" && children,
-              React60__default.isValidElement(children) || typeof children === "string" ? null : children
+              React67__default.isValidElement(children) || typeof children === "string" ? null : children
             ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
               getIcon(),
               /* @__PURE__ */ jsxs("span", { className: "ml-2", children: [
@@ -13799,7 +14133,7 @@ var MoonUIAnimatedButtonProInternal = React60__default.forwardRef(
   }
 );
 MoonUIAnimatedButtonProInternal.displayName = "MoonUIAnimatedButtonProInternal";
-var MoonUIAnimatedButtonPro = React60__default.forwardRef(
+var MoonUIAnimatedButtonPro = React67__default.forwardRef(
   (props, ref) => {
     const { hasProAccess, isLoading } = useSubscription();
     if (!isLoading && !hasProAccess) {
@@ -13950,7 +14284,7 @@ function ErrorBoundaryWrapper(props) {
   return /* @__PURE__ */ jsx(ErrorBoundaryInternal, { ...props });
 }
 var ErrorBoundary = ErrorBoundaryWrapper;
-var FloatingActionButtonInternal = React60__default.forwardRef(
+var FloatingActionButtonInternal = React67__default.forwardRef(
   ({
     actions = [],
     position = "bottom-right",
@@ -14081,7 +14415,7 @@ var FloatingActionButtonInternal = React60__default.forwardRef(
   }
 );
 FloatingActionButtonInternal.displayName = "FloatingActionButtonInternal";
-var FloatingActionButton = React60__default.forwardRef(
+var FloatingActionButton = React67__default.forwardRef(
   ({ className, ...props }, ref) => {
     const { hasProAccess, isLoading } = useSubscription();
     if (!isLoading && !hasProAccess) {
@@ -14133,7 +14467,7 @@ var hoverCard3DVariants = cva(
     }
   }
 );
-var HoverCard3DInternal = React60__default.forwardRef(
+var HoverCard3DInternal = React67__default.forwardRef(
   ({
     children,
     className,
@@ -14417,7 +14751,7 @@ var HoverCard3DInternal = React60__default.forwardRef(
   }
 );
 HoverCard3DInternal.displayName = "HoverCard3DInternal";
-var HoverCard3D = React60__default.forwardRef(
+var HoverCard3D = React67__default.forwardRef(
   (props, ref) => {
     const { hasProAccess, isLoading } = useSubscription();
     if (!isLoading && !hasProAccess) {
@@ -14472,7 +14806,7 @@ var magneticButtonVariants = cva(
     }
   }
 );
-var MagneticButtonInternal = React60__default.forwardRef(
+var MagneticButtonInternal = React67__default.forwardRef(
   ({
     children,
     className,
@@ -14584,7 +14918,7 @@ var MagneticButtonInternal = React60__default.forwardRef(
   }
 );
 MagneticButtonInternal.displayName = "MagneticButtonInternal";
-var MagneticButton = React60__default.forwardRef(
+var MagneticButton = React67__default.forwardRef(
   ({ className, ...props }, ref) => {
     const { hasProAccess, isLoading } = useSubscription();
     if (!isLoading && !hasProAccess) {
@@ -14604,7 +14938,7 @@ var MagneticButton = React60__default.forwardRef(
   }
 );
 MagneticButton.displayName = "MagneticButton";
-var PinchZoomInternal = React60__default.forwardRef(
+var PinchZoomInternal = React67__default.forwardRef(
   ({
     children,
     minZoom = 0.5,
@@ -15018,7 +15352,7 @@ var PinchZoomInternal = React60__default.forwardRef(
   }
 );
 PinchZoomInternal.displayName = "PinchZoomInternal";
-var PinchZoom = React60__default.forwardRef(
+var PinchZoom = React67__default.forwardRef(
   ({ className, ...props }, ref) => {
     const { hasProAccess, isLoading } = useSubscription();
     if (!isLoading && !hasProAccess) {
@@ -15038,7 +15372,7 @@ var PinchZoom = React60__default.forwardRef(
   }
 );
 PinchZoom.displayName = "PinchZoom";
-var SpotlightCardInternal = React60__default.forwardRef(
+var SpotlightCardInternal = React67__default.forwardRef(
   ({
     children,
     className,
@@ -15167,7 +15501,7 @@ var SpotlightCardInternal = React60__default.forwardRef(
   }
 );
 SpotlightCardInternal.displayName = "SpotlightCardInternal";
-var SpotlightCard = React60__default.forwardRef(
+var SpotlightCard = React67__default.forwardRef(
   ({ className, ...props }, ref) => {
     const { hasProAccess, isLoading } = useSubscription();
     if (!isLoading && !hasProAccess) {
@@ -15590,22 +15924,22 @@ function Calendar3({
       ] })
     ] }) }) });
   }
-  const [currentDate, setCurrentDate] = React60__default.useState(/* @__PURE__ */ new Date());
-  const [selectedDate, setSelectedDate] = React60__default.useState(null);
-  const [view, setView] = React60__default.useState(defaultView);
-  const [eventDialogOpen, setEventDialogOpen] = React60__default.useState(false);
-  const [eventDialogMode, setEventDialogMode] = React60__default.useState("create");
-  const [selectedEvent, setSelectedEvent] = React60__default.useState(null);
-  const [draggedEvent, setDraggedEvent] = React60__default.useState(null);
-  const [dragTargetDate, setDragTargetDate] = React60__default.useState(null);
-  const [searchQuery, setSearchQuery] = React60__default.useState("");
-  const [filterType, setFilterType] = React60__default.useState("all");
-  const [filterPriority, setFilterPriority] = React60__default.useState("all");
-  React60__default.useState(false);
-  const [selectedTags, setSelectedTags] = React60__default.useState([]);
-  const [miniCalendarDate, setMiniCalendarDate] = React60__default.useState(/* @__PURE__ */ new Date());
-  const [isSidebarOpen, setIsSidebarOpen] = React60__default.useState(false);
-  const [isDesktopSidebarCollapsed, setIsDesktopSidebarCollapsed] = React60__default.useState(false);
+  const [currentDate, setCurrentDate] = React67__default.useState(/* @__PURE__ */ new Date());
+  const [selectedDate, setSelectedDate] = React67__default.useState(null);
+  const [view, setView] = React67__default.useState(defaultView);
+  const [eventDialogOpen, setEventDialogOpen] = React67__default.useState(false);
+  const [eventDialogMode, setEventDialogMode] = React67__default.useState("create");
+  const [selectedEvent, setSelectedEvent] = React67__default.useState(null);
+  const [draggedEvent, setDraggedEvent] = React67__default.useState(null);
+  const [dragTargetDate, setDragTargetDate] = React67__default.useState(null);
+  const [searchQuery, setSearchQuery] = React67__default.useState("");
+  const [filterType, setFilterType] = React67__default.useState("all");
+  const [filterPriority, setFilterPriority] = React67__default.useState("all");
+  React67__default.useState(false);
+  const [selectedTags, setSelectedTags] = React67__default.useState([]);
+  const [miniCalendarDate, setMiniCalendarDate] = React67__default.useState(/* @__PURE__ */ new Date());
+  const [isSidebarOpen, setIsSidebarOpen] = React67__default.useState(false);
+  const [isDesktopSidebarCollapsed, setIsDesktopSidebarCollapsed] = React67__default.useState(false);
   const today = /* @__PURE__ */ new Date();
   const currentMonth = currentDate.getMonth();
   const currentYear = currentDate.getFullYear();
@@ -15623,14 +15957,14 @@ function Calendar3({
     calendarDays.push(new Date(currentDateIterator));
     currentDateIterator.setDate(currentDateIterator.getDate() + 1);
   }
-  React60__default.useMemo(() => {
+  React67__default.useMemo(() => {
     const tags = /* @__PURE__ */ new Set();
     events.forEach((event) => {
       event.tags?.forEach((tag) => tags.add(tag));
     });
     return Array.from(tags);
   }, [events]);
-  const filteredEvents = React60__default.useMemo(() => {
+  const filteredEvents = React67__default.useMemo(() => {
     return events.filter((event) => {
       if (searchQuery && !event.title.toLowerCase().includes(searchQuery.toLowerCase()) && !event.description?.toLowerCase().includes(searchQuery.toLowerCase())) {
         return false;
@@ -23312,10 +23646,10 @@ var Fitter = class {
       this.placed = addToFragment(this.placed, this.frontier.length, add);
   }
 };
-function dropFromFragment(fragment, depth, count2) {
+function dropFromFragment(fragment, depth, count3) {
   if (depth == 0)
-    return fragment.cutByIndex(count2, fragment.childCount);
-  return fragment.replaceChild(0, fragment.firstChild.copy(dropFromFragment(fragment.firstChild.content, depth - 1, count2)));
+    return fragment.cutByIndex(count3, fragment.childCount);
+  return fragment.replaceChild(0, fragment.firstChild.copy(dropFromFragment(fragment.firstChild.content, depth - 1, count3)));
 }
 function addToFragment(fragment, depth, content) {
   if (depth == 0)
@@ -31030,11 +31364,11 @@ function getHTMLFromFragment(fragment, schema) {
   container.appendChild(documentFragment);
   return container.innerHTML;
 }
-function isFunction2(value) {
+function isFunction3(value) {
   return typeof value === "function";
 }
 function callOrReturn(value, context = void 0, ...props) {
-  if (isFunction2(value)) {
+  if (isFunction3(value)) {
     if (context) {
       return value.bind(context)(...props);
     }
@@ -34619,7 +34953,7 @@ var Editor = class extends EventEmitter {
    * @returns The new editor state
    */
   registerPlugin(plugin, handlePlugins) {
-    const plugins = isFunction2(handlePlugins) ? handlePlugins(plugin, [...this.state.plugins]) : [...this.state.plugins, plugin];
+    const plugins = isFunction3(handlePlugins) ? handlePlugins(plugin, [...this.state.plugins]) : [...this.state.plugins, plugin];
     const state = this.state.reconfigure({ plugins });
     this.view.updateState(state);
     return state;
@@ -35207,7 +35541,7 @@ function getInstance() {
     setRenderer(id, renderer) {
       renderers = {
         ...renderers,
-        [id]: ReactDOM__default.createPortal(renderer.reactElement, renderer.element, id)
+        [id]: ReactDOM2__default.createPortal(renderer.reactElement, renderer.element, id)
       };
       subscribers.forEach((subscriber) => subscriber());
     },
@@ -35222,11 +35556,11 @@ function getInstance() {
     }
   };
 }
-var PureEditorContent = class extends React60__default.Component {
+var PureEditorContent = class extends React67__default.Component {
   constructor(props) {
     var _a2;
     super(props);
-    this.editorContentRef = React60__default.createRef();
+    this.editorContentRef = React67__default.createRef();
     this.initialized = false;
     this.state = {
       hasContentComponentInitialized: Boolean((_a2 = props.editor) == null ? void 0 : _a2.contentComponent)
@@ -35304,17 +35638,17 @@ var PureEditorContent = class extends React60__default.Component {
 };
 var EditorContentWithKey = forwardRef(
   (props, ref) => {
-    const key = React60__default.useMemo(() => {
+    const key = React67__default.useMemo(() => {
       return Math.floor(Math.random() * 4294967295).toString();
     }, [props.editor]);
-    return React60__default.createElement(PureEditorContent, {
+    return React67__default.createElement(PureEditorContent, {
       key,
       innerRef: ref,
       ...props
     });
   }
 );
-var EditorContent = React60__default.memo(EditorContentWithKey);
+var EditorContent = React67__default.memo(EditorContentWithKey);
 var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
 var EditorStateManager = class {
   constructor(initialEditor) {
@@ -35658,7 +35992,7 @@ var ReactNodeViewContext = createContext({
   }
 });
 var useReactNodeView = () => useContext(ReactNodeViewContext);
-React60__default.forwardRef((props, ref) => {
+React67__default.forwardRef((props, ref) => {
   const { onDragStart } = useReactNodeView();
   const Tag5 = props.as || "div";
   return (
@@ -35678,7 +36012,7 @@ React60__default.forwardRef((props, ref) => {
     )
   );
 });
-React60__default.createContext({
+React67__default.createContext({
   markViewContentRef: () => {
   }
 });
@@ -39321,12 +39655,12 @@ var Branch = class {
     return branch;
   }
   emptyItemCount() {
-    let count2 = 0;
+    let count3 = 0;
     this.items.forEach((item) => {
       if (!item.step)
-        count2++;
+        count3++;
     });
-    return count2;
+    return count3;
   }
   // Compressing a branch means rewriting it to push the air (map-only
   // items) out. During collaboration, these naturally accumulate
@@ -43424,7 +43758,7 @@ function getDecorations({
   });
   return DecorationSet.create(doc3, decorations);
 }
-function isFunction3(param) {
+function isFunction4(param) {
   return typeof param === "function";
 }
 function LowlightPlugin({
@@ -43432,7 +43766,7 @@ function LowlightPlugin({
   lowlight: lowlight2,
   defaultLanguage
 }) {
-  if (!["highlight", "highlightAuto", "listLanguages"].every((api) => isFunction3(lowlight2[api]))) {
+  if (!["highlight", "highlightAuto", "listLanguages"].every((api) => isFunction4(lowlight2[api]))) {
     throw Error("You should provide an instance of lowlight to use the code-block-lowlight extension");
   }
   const lowlightPlugin = new Plugin({
@@ -57251,7 +57585,7 @@ var EditorColorPicker = ({
   onColorSelect,
   currentColor = "#000000"
 }) => {
-  const [showAdvanced, setShowAdvanced] = React60__default.useState(false);
+  const [showAdvanced, setShowAdvanced] = React67__default.useState(false);
   const quickColors = [
     "#000000",
     // Black
@@ -60359,7 +60693,7 @@ function SelectableVirtualList({
   }, [originalRenderItem, selectable, selectedItems, focusedIndex, handleItemClick, handleKeyDown3, getItemId]);
   return /* @__PURE__ */ jsx(VirtualList, { ...props, renderItem });
 }
-var SwipeableCard = React60__default.forwardRef(
+var SwipeableCard = React67__default.forwardRef(
   ({
     children,
     onSwipeLeft,
@@ -61435,19 +61769,19 @@ function AdvancedChart({
   animationDuration = 1500,
   theme = "default"
 }) {
-  const [isFullscreen, setIsFullscreen] = React60__default.useState(false);
-  const [showSettings, setShowSettings] = React60__default.useState(false);
-  const [zoomLevel, setZoomLevel] = React60__default.useState(100);
-  const [selectedTheme, setSelectedTheme] = React60__default.useState(theme);
-  const [hoveredDataPoint, setHoveredDataPoint] = React60__default.useState(null);
-  const [hiddenSeries, setHiddenSeries] = React60__default.useState(/* @__PURE__ */ new Set());
-  const chartRef = React60__default.useRef(null);
-  const containerRef = React60__default.useRef(null);
-  const themeColors = React60__default.useMemo(() => {
+  const [isFullscreen, setIsFullscreen] = React67__default.useState(false);
+  const [showSettings, setShowSettings] = React67__default.useState(false);
+  const [zoomLevel, setZoomLevel] = React67__default.useState(100);
+  const [selectedTheme, setSelectedTheme] = React67__default.useState(theme);
+  const [hoveredDataPoint, setHoveredDataPoint] = React67__default.useState(null);
+  const [hiddenSeries, setHiddenSeries] = React67__default.useState(/* @__PURE__ */ new Set());
+  const chartRef = React67__default.useRef(null);
+  const containerRef = React67__default.useRef(null);
+  const themeColors = React67__default.useMemo(() => {
     return COLOR_THEMES[selectedTheme] || DEFAULT_COLORS2;
   }, [selectedTheme]);
-  const gradientId = React60__default.useId();
-  const trend = React60__default.useMemo(() => {
+  const gradientId = React67__default.useId();
+  const trend = React67__default.useMemo(() => {
     if (!data || !Array.isArray(data) || !data.length || !series || !Array.isArray(series) || !series.length)
       return null;
     const firstSeries = series[0];
@@ -62317,9 +62651,9 @@ function MetricCard({
   interactive = true,
   glassmorphism = false
 }) {
-  const [isHovered, setIsHovered] = React60__default.useState(false);
-  const [isMounted, setIsMounted] = React60__default.useState(false);
-  React60__default.useEffect(() => {
+  const [isHovered, setIsHovered] = React67__default.useState(false);
+  const [isMounted, setIsMounted] = React67__default.useState(false);
+  React67__default.useEffect(() => {
     setIsMounted(true);
   }, []);
   const colorClasses = {
@@ -62643,8 +62977,8 @@ function ChartWidget({
   glassmorphism = false,
   interactive = true
 }) {
-  const [colorScheme, setColorScheme] = React60__default.useState("default");
-  const [isFullscreen, setIsFullscreen] = React60__default.useState(false);
+  const [colorScheme, setColorScheme] = React67__default.useState("default");
+  const [isFullscreen, setIsFullscreen] = React67__default.useState(false);
   const colors = CHART_COLORS[colorScheme];
   const CustomTooltip2 = ({ active, payload, label }) => {
     if (!active || !payload)
@@ -62919,14 +63253,14 @@ function ActivityFeed({
   glassmorphism = false,
   realtime = false
 }) {
-  const [filter, setFilter] = React60__default.useState("all");
-  const [notificationsEnabled, setNotificationsEnabled] = React60__default.useState(true);
-  const [newItems, setNewItems] = React60__default.useState([]);
-  const [isMounted, setIsMounted] = React60__default.useState(false);
-  React60__default.useEffect(() => {
+  const [filter, setFilter] = React67__default.useState("all");
+  const [notificationsEnabled, setNotificationsEnabled] = React67__default.useState(true);
+  const [newItems, setNewItems] = React67__default.useState([]);
+  const [isMounted, setIsMounted] = React67__default.useState(false);
+  React67__default.useEffect(() => {
     setIsMounted(true);
   }, []);
-  React60__default.useEffect(() => {
+  React67__default.useEffect(() => {
     if (!realtime)
       return;
     const interval = setInterval(() => {
@@ -63149,8 +63483,8 @@ function ProgressWidget({
   glassmorphism = false
 }) {
   const items = Array.isArray(data) ? data : [data];
-  const [isMounted, setIsMounted] = React60__default.useState(false);
-  React60__default.useEffect(() => {
+  const [isMounted, setIsMounted] = React67__default.useState(false);
+  React67__default.useEffect(() => {
     setIsMounted(true);
   }, []);
   return /* @__PURE__ */ jsxs(MoonUICardPro, { className: cn(
@@ -63243,8 +63577,8 @@ function ComparisonWidget({
   className,
   glassmorphism = false
 }) {
-  const [isMounted, setIsMounted] = React60__default.useState(false);
-  React60__default.useEffect(() => {
+  const [isMounted, setIsMounted] = React67__default.useState(false);
+  React67__default.useEffect(() => {
     setIsMounted(true);
   }, []);
   const maxValue = Math.max(...data.periods.map((p) => p.value));
@@ -63363,7 +63697,7 @@ function ComparisonWidget({
   ] });
 }
 
-// ../../node_modules/react-resizable/css/styles.css
+// node_modules/react-resizable/css/styles.css
 styleInject(".react-resizable {\n  position: relative;\n}\n.react-resizable-handle {\n  position: absolute;\n  width: 20px;\n  height: 20px;\n  background-repeat: no-repeat;\n  background-origin: content-box;\n  box-sizing: border-box;\n  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);\n  background-position: bottom right;\n  padding: 0 3px 3px 0;\n}\n.react-resizable-handle-sw {\n  bottom: 0;\n  left: 0;\n  cursor: sw-resize;\n  transform: rotate(90deg);\n}\n.react-resizable-handle-se {\n  bottom: 0;\n  right: 0;\n  cursor: se-resize;\n}\n.react-resizable-handle-nw {\n  top: 0;\n  left: 0;\n  cursor: nw-resize;\n  transform: rotate(180deg);\n}\n.react-resizable-handle-ne {\n  top: 0;\n  right: 0;\n  cursor: ne-resize;\n  transform: rotate(270deg);\n}\n.react-resizable-handle-w,\n.react-resizable-handle-e {\n  top: 50%;\n  margin-top: -10px;\n  cursor: ew-resize;\n}\n.react-resizable-handle-w {\n  left: 0;\n  transform: rotate(135deg);\n}\n.react-resizable-handle-e {\n  right: 0;\n  transform: rotate(315deg);\n}\n.react-resizable-handle-n,\n.react-resizable-handle-s {\n  left: 50%;\n  margin-left: -10px;\n  cursor: ns-resize;\n}\n.react-resizable-handle-n {\n  top: 0;\n  transform: rotate(225deg);\n}\n.react-resizable-handle-s {\n  bottom: 0;\n  transform: rotate(45deg);\n}\n");
 var ResponsiveGridLayout = WidthProvider(Responsive);
 function DashboardGrid({
@@ -63380,14 +63714,14 @@ function DashboardGrid({
   margin = [16, 24],
   containerPadding = [0, 0]
 }) {
-  const [layouts, setLayouts] = React60__default.useState({});
-  const [currentBreakpoint, setCurrentBreakpoint] = React60__default.useState("lg");
-  const [lockedWidgets, setLockedWidgets] = React60__default.useState(/* @__PURE__ */ new Set());
-  const [fullscreenWidget, setFullscreenWidget] = React60__default.useState(null);
-  const [containerWidth, setContainerWidth] = React60__default.useState(1200);
-  const containerRef = React60__default.useRef(null);
-  const [compactType, setCompactType] = React60__default.useState("vertical");
-  React60__default.useEffect(() => {
+  const [layouts, setLayouts] = React67__default.useState({});
+  const [currentBreakpoint, setCurrentBreakpoint] = React67__default.useState("lg");
+  const [lockedWidgets, setLockedWidgets] = React67__default.useState(/* @__PURE__ */ new Set());
+  const [fullscreenWidget, setFullscreenWidget] = React67__default.useState(null);
+  const [containerWidth, setContainerWidth] = React67__default.useState(1200);
+  const containerRef = React67__default.useRef(null);
+  const [compactType, setCompactType] = React67__default.useState("vertical");
+  React67__default.useEffect(() => {
     const updateWidth = () => {
       if (containerRef.current) {
         const width = containerRef.current.offsetWidth;
@@ -63833,12 +64167,12 @@ function TimeRangePicker({
   showComparison = false,
   glassmorphism = false
 }) {
-  const [isOpen, setIsOpen] = React60__default.useState(false);
-  const [customRange, setCustomRange] = React60__default.useState({
+  const [isOpen, setIsOpen] = React67__default.useState(false);
+  const [customRange, setCustomRange] = React67__default.useState({
     from: void 0,
     to: void 0
   });
-  const [comparisonEnabled, setComparisonEnabled] = React60__default.useState(false);
+  const [comparisonEnabled, setComparisonEnabled] = React67__default.useState(false);
   const currentRange = value || PRESET_RANGES[2].getRange();
   const formatRange = (range) => {
     if (range.preset && range.preset !== "custom") {
@@ -64183,24 +64517,24 @@ function Dashboard({
   logo,
   brandName
 }) {
-  const [editMode, setEditMode] = React60__default.useState(false);
-  const [widgets, setWidgets] = React60__default.useState(initialWidgets);
-  const [selectedTheme, setSelectedTheme] = React60__default.useState("analytics");
-  const [timeRange, setTimeRange] = React60__default.useState(propTimeRange);
-  const [searchQuery, setSearchQuery] = React60__default.useState("");
-  const [showWidgetLibrary, setShowWidgetLibrary] = React60__default.useState(false);
-  const [showTemplates, setShowTemplates] = React60__default.useState(false);
-  const [refreshing, setRefreshing] = React60__default.useState(false);
-  const [showNotifications, setShowNotifications] = React60__default.useState(false);
-  React60__default.useEffect(() => {
+  const [editMode, setEditMode] = React67__default.useState(false);
+  const [widgets, setWidgets] = React67__default.useState(initialWidgets);
+  const [selectedTheme, setSelectedTheme] = React67__default.useState("analytics");
+  const [timeRange, setTimeRange] = React67__default.useState(propTimeRange);
+  const [searchQuery, setSearchQuery] = React67__default.useState("");
+  const [showWidgetLibrary, setShowWidgetLibrary] = React67__default.useState(false);
+  const [showTemplates, setShowTemplates] = React67__default.useState(false);
+  const [refreshing, setRefreshing] = React67__default.useState(false);
+  const [showNotifications, setShowNotifications] = React67__default.useState(false);
+  React67__default.useEffect(() => {
     setWidgets(initialWidgets);
   }, [initialWidgets]);
-  React60__default.useEffect(() => {
+  React67__default.useEffect(() => {
     if (propTimeRange) {
       setTimeRange(propTimeRange);
     }
   }, [propTimeRange]);
-  React60__default.useEffect(() => {
+  React67__default.useEffect(() => {
     if (!realtime)
       return;
     const interval = setInterval(() => {
@@ -64861,7 +65195,7 @@ function formatPhoneNumber(number) {
     return `(${cleaned.slice(0, 3)}) ${cleaned.slice(3, 6)} ${cleaned.slice(6, 8)} ${cleaned.slice(8, 10)}`;
   }
 }
-var MoonUIPhoneNumberInputSimple = React60__default.forwardRef(({
+var MoonUIPhoneNumberInputSimple = React67__default.forwardRef(({
   value = "",
   onChange,
   label,
@@ -65017,7 +65351,7 @@ function toInternationalFormat(countryCode, phoneNumber) {
   return `${country.dialCode}${cleaned}`;
 }
 var defaultValue = { country: "US", number: "" };
-var MoonUIPhoneNumberInputPro = React60__default.forwardRef(({
+var MoonUIPhoneNumberInputPro = React67__default.forwardRef(({
   value,
   onChange,
   defaultCountry = "US",
@@ -65040,7 +65374,7 @@ var MoonUIPhoneNumberInputPro = React60__default.forwardRef(({
   allowInternationalFormat = true,
   ...props
 }, ref) => {
-  const phoneValue = React60__default.useMemo(() => {
+  const phoneValue = React67__default.useMemo(() => {
     return value || defaultValue;
   }, [value]);
   const [isFocused, setIsFocused] = useState(false);
@@ -65801,25 +66135,25 @@ async function fetchContributorsCount(owner, repo, token) {
     if (linkHeader) {
       const match = linkHeader.match(/page=(\d+)>; rel="last"/);
       if (match) {
-        const count3 = parseInt(match[1]);
+        const count4 = parseInt(match[1]);
         cache.set(cacheKey, {
-          data: count3,
+          data: count4,
           timestamp: Date.now(),
           expiresAt: Date.now() + getCacheDuration(36e5)
           // 30 minutes in docs mode
         });
-        return count3;
+        return count4;
       }
     }
     const contributors = await response.json();
-    const count2 = contributors.length;
+    const count3 = contributors.length;
     cache.set(cacheKey, {
-      data: count2,
+      data: count3,
       timestamp: Date.now(),
       expiresAt: Date.now() + getCacheDuration(36e5)
       // 30 minutes in docs mode
     });
-    return count2;
+    return count3;
   } catch (error) {
     console.error("Failed to fetch contributors:", error);
     return 0;
@@ -65842,10 +66176,10 @@ function calculateStats(repositories) {
     }
   });
   const totalRepos = repositories.length;
-  const languages = Array.from(languageMap.entries()).map(([language, count2]) => ({
+  const languages = Array.from(languageMap.entries()).map(([language, count3]) => ({
     language,
-    count: count2,
-    percentage: count2 / totalRepos * 100,
+    count: count3,
+    percentage: count3 / totalRepos * 100,
     color: LANGUAGE_COLORS[language] || "#6b7280"
   })).sort((a, b) => b.count - a.count);
   const recentActivity = repositories.slice(0, 5).map((repo) => ({
@@ -66854,7 +67188,7 @@ var GitHubStarsInternal = ({
   const effectiveNotifications = isDocsMode2 ? false : enableNotifications;
   const effectiveRefreshInterval = isDocsMode2 ? 36e5 : refreshInterval;
   const { notify } = useGitHubNotifications(effectiveNotifications);
-  const handleMilestoneReached = React60__default.useCallback((milestone) => {
+  const handleMilestoneReached = React67__default.useCallback((milestone) => {
     if (celebrateAt?.includes(milestone.count)) {
       confetti({
         particleCount: 100,
@@ -66896,7 +67230,7 @@ var GitHubStarsInternal = ({
     forceMockData: useMockData
     // Force mock data if true
   });
-  const handleExport = React60__default.useCallback((format6) => {
+  const handleExport = React67__default.useCallback((format6) => {
     if (!enableExport)
       return;
     const timestamp = (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
@@ -66909,7 +67243,7 @@ var GitHubStarsInternal = ({
       exportAsCSV(repos, `github-stars-${username}-${timestamp}.csv`);
     }
   }, [enableExport, repos, stats, username]);
-  const handleDetailedExport = React60__default.useCallback((e) => {
+  const handleDetailedExport = React67__default.useCallback((e) => {
     if (!enableExport)
       return;
     const dropdown = document.createElement("div");
@@ -69582,7 +69916,7 @@ var FilePreviewModal = ({
     ] })
   ] }) });
 };
-var MoonUIFileUploadPro = React60__default.forwardRef(
+var MoonUIFileUploadPro = React67__default.forwardRef(
   ({
     accept = "*",
     multiple = true,
@@ -70554,12 +70888,220 @@ var FileUploadItem = ({
   );
 };
 MoonUIFileUploadPro.displayName = "MoonUIFileUploadPro";
+function useLicense() {
+  const [status, setStatus] = useState("loading");
+  useEffect(() => {
+    async function validateLicense() {
+      try {
+        if (true) {
+          setStatus("valid");
+          return;
+        }
+        if (typeof window !== "undefined" && window.location.hostname === "moonui.dev") {
+          setStatus("valid");
+          return;
+        }
+        const adminToken = process.env.NEXT_PUBLIC_ADMIN_TOKEN;
+        if (adminToken && isValidAdminToken(adminToken)) {
+          setStatus("valid");
+          return;
+        }
+        const cacheKey = "moonui_pro_license_cache";
+        const cached = localStorage.getItem(cacheKey);
+        if (cached) {
+          try {
+            const data = JSON.parse(cached);
+            const now = /* @__PURE__ */ new Date();
+            const expiresAt = new Date(data.expiresAt);
+            if (expiresAt > now && data.domain === window.location.hostname) {
+              setStatus("valid");
+              return;
+            }
+          } catch {
+            localStorage.removeItem(cacheKey);
+          }
+        }
+        const licenseKey = process.env.NEXT_PUBLIC_LICENSE_KEY || localStorage.getItem("moonui_license_key");
+        if (!licenseKey) {
+          setStatus("invalid");
+          return;
+        }
+        const response = await fetch("/api/license/validate", {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json"
+          },
+          body: JSON.stringify({
+            licenseKey,
+            domain: window.location.hostname,
+            origin: window.location.origin
+          })
+        });
+        if (response.ok) {
+          const result = await response.json();
+          if (result.valid) {
+            const cacheData = {
+              valid: true,
+              expiresAt: new Date(Date.now() + 24 * 60 * 60 * 1e3).toISOString(),
+              domain: window.location.hostname
+            };
+            localStorage.setItem(cacheKey, JSON.stringify(cacheData));
+            setStatus("valid");
+          } else {
+            setStatus("invalid");
+          }
+        } else {
+          if (cached) {
+            setStatus("valid");
+          } else {
+            setStatus("invalid");
+          }
+        }
+      } catch (error) {
+        console.error("License validation error:", error);
+        const cached = localStorage.getItem("moonui_pro_license_cache");
+        if (cached) {
+          setStatus("valid");
+        } else {
+          setStatus("invalid");
+        }
+      }
+    }
+    validateLicense();
+  }, []);
+  return status;
+}
+function isValidAdminToken(token) {
+  if (!token || typeof token !== "string")
+    return false;
+  return token === "mpt_admin_secret_moonui_2025_production_only";
+}
+function ProComponentWrapper({
+  children,
+  componentName,
+  minPlan = "pro_monthly"
+}) {
+  const licenseStatus = useLicense();
+  if (licenseStatus === "loading") {
+    return /* @__PURE__ */ jsx("div", { className: "moonui-pro-loading", style: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      padding: "2rem",
+      background: "linear-gradient(135deg, #667eea 0%, #764ba2 100%)",
+      borderRadius: "0.5rem",
+      color: "white"
+    }, children: /* @__PURE__ */ jsxs("div", { style: { textAlign: "center" }, children: [
+      /* @__PURE__ */ jsx("div", { className: "moonui-spinner", style: {
+        width: "2rem",
+        height: "2rem",
+        border: "3px solid rgba(255,255,255,0.3)",
+        borderTopColor: "white",
+        borderRadius: "50%",
+        animation: "spin 1s linear infinite"
+      } }),
+      /* @__PURE__ */ jsx("p", { style: { marginTop: "0.5rem", fontSize: "0.875rem" }, children: "Validating license..." })
+    ] }) });
+  }
+  if (licenseStatus === "invalid") {
+    return /* @__PURE__ */ jsxs("div", { className: "moonui-pro-license-warning", style: {
+      position: "relative",
+      borderRadius: "0.5rem",
+      overflow: "hidden",
+      background: "#f9fafb",
+      border: "2px dashed #e5e7eb"
+    }, children: [
+      /* @__PURE__ */ jsxs("div", { style: {
+        position: "relative",
+        zIndex: 10,
+        padding: "2rem",
+        textAlign: "center",
+        background: "linear-gradient(135deg, #667eea 0%, #764ba2 100%)",
+        color: "white"
+      }, children: [
+        /* @__PURE__ */ jsx("div", { style: {
+          fontSize: "2rem",
+          marginBottom: "0.5rem"
+        }, children: "\u26A0\uFE0F" }),
+        /* @__PURE__ */ jsx("h3", { style: {
+          fontSize: "1.25rem",
+          fontWeight: "bold",
+          marginBottom: "0.5rem"
+        }, children: "MoonUI Pro License Required" }),
+        /* @__PURE__ */ jsxs("p", { style: {
+          fontSize: "0.875rem",
+          opacity: 0.9,
+          marginBottom: "1rem"
+        }, children: [
+          componentName,
+          " component requires a valid MoonUI Pro license"
+        ] }),
+        /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: "https://moonui.dev/pricing",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            style: {
+              display: "inline-block",
+              padding: "0.5rem 1.5rem",
+              background: "white",
+              color: "#667eea",
+              borderRadius: "0.375rem",
+              textDecoration: "none",
+              fontWeight: "bold",
+              fontSize: "0.875rem",
+              transition: "transform 0.2s"
+            },
+            onMouseOver: (e) => {
+              e.currentTarget.style.transform = "scale(1.05)";
+            },
+            onMouseOut: (e) => {
+              e.currentTarget.style.transform = "scale(1)";
+            },
+            children: "Get MoonUI Pro License \u2192"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx("div", { style: {
+        filter: "blur(8px)",
+        opacity: 0.4,
+        pointerEvents: "none",
+        userSelect: "none",
+        padding: "2rem",
+        background: "white"
+      }, children }),
+      /* @__PURE__ */ jsx("div", { style: {
+        position: "absolute",
+        bottom: "1rem",
+        right: "1rem",
+        fontSize: "0.75rem",
+        color: "#9ca3af",
+        background: "rgba(255,255,255,0.9)",
+        padding: "0.25rem 0.5rem",
+        borderRadius: "0.25rem"
+      }, children: "\u{1F512} Unlicensed Component" })
+    ] });
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children });
+}
+if (typeof document !== "undefined" && !document.getElementById("moonui-pro-styles")) {
+  const style2 = document.createElement("style");
+  style2.id = "moonui-pro-styles";
+  style2.textContent = `
+    @keyframes spin {
+      from { transform: rotate(0deg); }
+      to { transform: rotate(360deg); }
+    }
+  `;
+  document.head.appendChild(style2);
+}
 function DataTableColumnToggle({ table, trigger }) {
-  const [search, setSearch] = React60__default.useState("");
+  const [search, setSearch] = React67__default.useState("");
   const columns = table.getAllColumns().filter(
     (column) => column.getCanHide() && column.id !== "select" && column.id !== "actions" && column.id !== "expander"
   );
-  const filteredColumns = React60__default.useMemo(() => {
+  const filteredColumns = React67__default.useMemo(() => {
     if (!search)
       return columns;
     return columns.filter((column) => {
@@ -70661,7 +71203,7 @@ function DataTableColumnToggle({ table, trigger }) {
   ] });
 }
 var ROOT_NAME = "AlertDialog";
-var [createAlertDialogContext, createAlertDialogScope] = createContextScope(ROOT_NAME, [
+var [createAlertDialogContext, createAlertDialogScope] = createContextScope2(ROOT_NAME, [
   createDialogScope
 ]);
 var useDialogScope = createDialogScope();
@@ -70672,7 +71214,7 @@ var AlertDialog = (props) => {
 };
 AlertDialog.displayName = ROOT_NAME;
 var TRIGGER_NAME4 = "AlertDialogTrigger";
-var AlertDialogTrigger = React60.forwardRef(
+var AlertDialogTrigger = React67.forwardRef(
   (props, forwardedRef) => {
     const { __scopeAlertDialog, ...triggerProps } = props;
     const dialogScope = useDialogScope(__scopeAlertDialog);
@@ -70688,7 +71230,7 @@ var AlertDialogPortal = (props) => {
 };
 AlertDialogPortal.displayName = PORTAL_NAME3;
 var OVERLAY_NAME = "AlertDialogOverlay";
-var AlertDialogOverlay = React60.forwardRef(
+var AlertDialogOverlay = React67.forwardRef(
   (props, forwardedRef) => {
     const { __scopeAlertDialog, ...overlayProps } = props;
     const dialogScope = useDialogScope(__scopeAlertDialog);
@@ -70699,13 +71241,13 @@ AlertDialogOverlay.displayName = OVERLAY_NAME;
 var CONTENT_NAME5 = "AlertDialogContent";
 var [AlertDialogContentProvider, useAlertDialogContentContext] = createAlertDialogContext(CONTENT_NAME5);
 var Slottable = createSlottable("AlertDialogContent");
-var AlertDialogContent = React60.forwardRef(
+var AlertDialogContent = React67.forwardRef(
   (props, forwardedRef) => {
     const { __scopeAlertDialog, children, ...contentProps } = props;
     const dialogScope = useDialogScope(__scopeAlertDialog);
-    const contentRef = React60.useRef(null);
-    const composedRefs = useComposedRefs(forwardedRef, contentRef);
-    const cancelRef = React60.useRef(null);
+    const contentRef = React67.useRef(null);
+    const composedRefs = useComposedRefs2(forwardedRef, contentRef);
+    const cancelRef = React67.useRef(null);
     return /* @__PURE__ */ jsx(
       DialogPrimitive.WarningProvider,
       {
@@ -70719,7 +71261,7 @@ var AlertDialogContent = React60.forwardRef(
             ...dialogScope,
             ...contentProps,
             ref: composedRefs,
-            onOpenAutoFocus: composeEventHandlers(contentProps.onOpenAutoFocus, (event) => {
+            onOpenAutoFocus: composeEventHandlers2(contentProps.onOpenAutoFocus, (event) => {
               event.preventDefault();
               cancelRef.current?.focus({ preventScroll: true });
             }),
@@ -70737,7 +71279,7 @@ var AlertDialogContent = React60.forwardRef(
 );
 AlertDialogContent.displayName = CONTENT_NAME5;
 var TITLE_NAME = "AlertDialogTitle";
-var AlertDialogTitle = React60.forwardRef(
+var AlertDialogTitle = React67.forwardRef(
   (props, forwardedRef) => {
     const { __scopeAlertDialog, ...titleProps } = props;
     const dialogScope = useDialogScope(__scopeAlertDialog);
@@ -70746,14 +71288,14 @@ var AlertDialogTitle = React60.forwardRef(
 );
 AlertDialogTitle.displayName = TITLE_NAME;
 var DESCRIPTION_NAME = "AlertDialogDescription";
-var AlertDialogDescription = React60.forwardRef((props, forwardedRef) => {
+var AlertDialogDescription = React67.forwardRef((props, forwardedRef) => {
   const { __scopeAlertDialog, ...descriptionProps } = props;
   const dialogScope = useDialogScope(__scopeAlertDialog);
   return /* @__PURE__ */ jsx(DialogPrimitive.Description, { ...dialogScope, ...descriptionProps, ref: forwardedRef });
 });
 AlertDialogDescription.displayName = DESCRIPTION_NAME;
 var ACTION_NAME = "AlertDialogAction";
-var AlertDialogAction = React60.forwardRef(
+var AlertDialogAction = React67.forwardRef(
   (props, forwardedRef) => {
     const { __scopeAlertDialog, ...actionProps } = props;
     const dialogScope = useDialogScope(__scopeAlertDialog);
@@ -70762,12 +71304,12 @@ var AlertDialogAction = React60.forwardRef(
 );
 AlertDialogAction.displayName = ACTION_NAME;
 var CANCEL_NAME = "AlertDialogCancel";
-var AlertDialogCancel = React60.forwardRef(
+var AlertDialogCancel = React67.forwardRef(
   (props, forwardedRef) => {
     const { __scopeAlertDialog, ...cancelProps } = props;
     const { cancelRef } = useAlertDialogContentContext(CANCEL_NAME, __scopeAlertDialog);
     const dialogScope = useDialogScope(__scopeAlertDialog);
-    const ref = useComposedRefs(forwardedRef, cancelRef);
+    const ref = useComposedRefs2(forwardedRef, cancelRef);
     return /* @__PURE__ */ jsx(DialogPrimitive.Close, { ...dialogScope, ...cancelProps, ref });
   }
 );
@@ -70780,7 +71322,7 @@ You can add a description to the \`${CONTENT_NAME5}\` by passing a \`${DESCRIPTI
 Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${CONTENT_NAME5}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
 
 For more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;
-  React60.useEffect(() => {
+  React67.useEffect(() => {
     const hasDescription = document.getElementById(
       contentRef.current?.getAttribute("aria-describedby")
     );
@@ -70799,7 +71341,7 @@ var Title22 = AlertDialogTitle;
 var Description22 = AlertDialogDescription;
 var AlertDialog2 = Root27;
 var AlertDialogPortal2 = Portal22;
-var AlertDialogOverlay2 = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogOverlay2 = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Overlay22,
   {
     className: cn(
@@ -70811,7 +71353,7 @@ var AlertDialogOverlay2 = React60.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 AlertDialogOverlay2.displayName = Overlay22.displayName;
-var AlertDialogContent2 = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(AlertDialogPortal2, { children: [
+var AlertDialogContent2 = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(AlertDialogPortal2, { children: [
   /* @__PURE__ */ jsx(AlertDialogOverlay2, {}),
   /* @__PURE__ */ jsx(
     Content23,
@@ -70854,7 +71396,7 @@ var AlertDialogFooter = ({
   }
 );
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle2 = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogTitle2 = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Title22,
   {
     ref,
@@ -70863,7 +71405,7 @@ var AlertDialogTitle2 = React60.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogTitle2.displayName = Title22.displayName;
-var AlertDialogDescription2 = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogDescription2 = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Description22,
   {
     ref,
@@ -70872,7 +71414,7 @@ var AlertDialogDescription2 = React60.forwardRef(({ className, ...props }, ref)
   }
 ));
 AlertDialogDescription2.displayName = Description22.displayName;
-var AlertDialogAction2 = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogAction2 = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Action2,
   {
     ref,
@@ -70881,7 +71423,7 @@ var AlertDialogAction2 = React60.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogAction2.displayName = Action2.displayName;
-var AlertDialogCancel2 = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogCancel2 = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Cancel,
   {
     ref,
@@ -70900,8 +71442,8 @@ function DataTableBulkActions({
   onClearSelection,
   className
 }) {
-  const [isLoading, setIsLoading] = React60__default.useState(false);
-  const [pendingAction, setPendingAction] = React60__default.useState(null);
+  const [isLoading, setIsLoading] = React67__default.useState(false);
+  const [pendingAction, setPendingAction] = React67__default.useState(null);
   const selectedCount = selectedRows.length;
   const handleAction = async (action) => {
     if (action.confirmMessage) {
@@ -71440,7 +71982,7 @@ function DataTable({
   onColumnFiltersChange,
   state: externalState
 }) {
-  const columns = React60__default.useMemo(() => {
+  const columns = React67__default.useMemo(() => {
     return originalColumns.map((col) => {
       const { enableHiding, ...restCol } = col;
       return {
@@ -71466,17 +72008,17 @@ function DataTable({
       ] })
     ] }) }) });
   }
-  const [sorting, setSorting] = React60__default.useState([]);
-  const [columnFilters, setColumnFilters] = React60__default.useState([]);
-  const [columnVisibility, setColumnVisibility] = React60__default.useState({});
-  const [rowSelection, setRowSelection] = React60__default.useState({});
-  const [globalFilter, setGlobalFilter] = React60__default.useState("");
-  const [isPaginationLoading, setIsPaginationLoading] = React60__default.useState(false);
-  const [internalExpandedRows, setInternalExpandedRows] = React60__default.useState(/* @__PURE__ */ new Set());
-  const [filterDrawerOpen, setFilterDrawerOpen] = React60__default.useState(false);
+  const [sorting, setSorting] = React67__default.useState([]);
+  const [columnFilters, setColumnFilters] = React67__default.useState([]);
+  const [columnVisibility, setColumnVisibility] = React67__default.useState({});
+  const [rowSelection, setRowSelection] = React67__default.useState({});
+  const [globalFilter, setGlobalFilter] = React67__default.useState("");
+  const [isPaginationLoading, setIsPaginationLoading] = React67__default.useState(false);
+  const [internalExpandedRows, setInternalExpandedRows] = React67__default.useState(/* @__PURE__ */ new Set());
+  const [filterDrawerOpen, setFilterDrawerOpen] = React67__default.useState(false);
   const expandedRows = controlledExpandedRows || internalExpandedRows;
   const actualPageSize = defaultPageSize || pageSize;
-  const stableData = React60__default.useMemo(() => data, [data]);
+  const stableData = React67__default.useMemo(() => data, [data]);
   const table = useReactTable({
     data: stableData,
     columns,
@@ -71556,7 +72098,7 @@ function DataTable({
     autoResetExpanded: false,
     getRowId: (row) => row.id || row.orderId || Math.random().toString()
   });
-  React60__default.useEffect(() => {
+  React67__default.useEffect(() => {
     if (onRowSelect && selectable) {
       const selectedRows = table.getFilteredSelectedRowModel().rows.map((row) => row.original);
       onRowSelect(selectedRows);
@@ -71564,8 +72106,8 @@ function DataTable({
   }, [rowSelection, onRowSelect, selectable, table]);
   table.getState();
   const rowModel = table.getRowModel();
-  const rowsRef = React60__default.useRef(rowModel.rows);
-  React60__default.useMemo(() => {
+  const rowsRef = React67__default.useRef(rowModel.rows);
+  React67__default.useMemo(() => {
     const changed = rowsRef.current !== rowModel.rows;
     if (changed) {
       rowsRef.current = rowModel.rows;
@@ -71602,7 +72144,7 @@ function DataTable({
       includeHeaders: true
     });
   };
-  const exportFormats = React60__default.useMemo(() => {
+  const exportFormats = React67__default.useMemo(() => {
     if (!exportable)
       return [];
     if (exportable === true)
@@ -71879,8 +72421,8 @@ function getExpandableColumn(expandedRows, onToggle) {
   };
 }
 function useExpandableRows(initialExpanded = /* @__PURE__ */ new Set()) {
-  const [expandedRows, setExpandedRows] = React60__default.useState(initialExpanded);
-  const toggleRow = React60__default.useCallback((id) => {
+  const [expandedRows, setExpandedRows] = React67__default.useState(initialExpanded);
+  const toggleRow = React67__default.useCallback((id) => {
     setExpandedRows((prev) => {
       const newExpanded = new Set(prev);
       if (newExpanded.has(id)) {
@@ -71891,10 +72433,10 @@ function useExpandableRows(initialExpanded = /* @__PURE__ */ new Set()) {
       return newExpanded;
     });
   }, []);
-  const expandAll = React60__default.useCallback((rowIds) => {
+  const expandAll = React67__default.useCallback((rowIds) => {
     setExpandedRows(new Set(rowIds));
   }, []);
-  const collapseAll = React60__default.useCallback(() => {
+  const collapseAll = React67__default.useCallback(() => {
     setExpandedRows(/* @__PURE__ */ new Set());
   }, []);
   return {
@@ -71905,7 +72447,7 @@ function useExpandableRows(initialExpanded = /* @__PURE__ */ new Set()) {
     collapseAll
   };
 }
-var TableRow2 = React60__default.memo(({
+var TableRow2 = React67__default.memo(({
   row,
   columns,
   isExpanded,
@@ -71955,7 +72497,10 @@ var TableRow2 = React60__default.memo(({
   return prevRowId === nextRowId && prevProps.isExpanded === nextProps.isExpanded && prevProps.row.getIsSelected() === nextProps.row.getIsSelected() && prevVisibilityKeys === nextVisibilityKeys && prevVisibilityValues === nextVisibilityValues;
 });
 TableRow2.displayName = "TableRow";
-var SearchInput = React60__default.memo(({
+function DataTable2(props) {
+  return /* @__PURE__ */ jsx(ProComponentWrapper, { componentName: "DataTable", minPlan: "pro_monthly", children: /* @__PURE__ */ jsx(DataTable, { ...props }) });
+}
+var SearchInput = React67__default.memo(({
   searchInputRef,
   searchPlaceholder,
   initialValue,
@@ -72282,7 +72827,7 @@ function Sidebar({
     const hasChildren = item.items && item.items.length > 0;
     const isExpanded = expandedSections.includes(item.id);
     const shouldShowHoverMenu = collapsed && !isMobile && depth === 0 && (hasChildren || item.title);
-    const ItemWrapper = item.tooltip && !collapsed ? MoonUITooltipTriggerPro : React60__default.Fragment;
+    const ItemWrapper = item.tooltip && !collapsed ? MoonUITooltipTriggerPro : React67__default.Fragment;
     const itemContent = /* @__PURE__ */ jsxs(
       "button",
       {
@@ -72380,7 +72925,7 @@ function Sidebar({
       ) })
     ] }, item.id);
   }, [activePath, pinnedItems, expandedSections, collapsed, customStyles, handleItemClick, toggleSection, isMobile, glassmorphism, renderCollapsedHoverContent]);
-  const SidebarHeader = React60__default.memo(() => {
+  const SidebarHeader = React67__default.memo(() => {
     return /* @__PURE__ */ jsxs("div", { className: cn(
       "flex items-center gap-3 p-4 border-b",
       collapsed && !isMobile && "justify-center px-2"
@@ -72414,7 +72959,7 @@ function Sidebar({
       )
     ] });
   });
-  const SidebarMenuContent = React60__default.memo(() => {
+  const SidebarMenuContent = React67__default.memo(() => {
     return /* @__PURE__ */ jsx(ScrollArea, { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsxs("div", { className: "p-4 space-y-6", children: [
       pinnedItems.length > 0 && (!collapsed || isMobile) && /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx("h4", { className: "text-xs font-medium text-muted-foreground mb-2", children: "Pinned" }),
@@ -72430,7 +72975,7 @@ function Sidebar({
       ] }, section.id))
     ] }) });
   });
-  const SidebarFooter = React60__default.memo(() => {
+  const SidebarFooter = React67__default.memo(() => {
     return footer ? /* @__PURE__ */ jsxs("div", { className: "border-t p-4", children: [
       /* @__PURE__ */ jsx("div", { className: "space-y-1", children: footer.items.map((item) => renderItem(item)) }),
       showThemeToggle && (!collapsed || isMobile) && /* @__PURE__ */ jsxs("div", { className: "mt-3 flex items-center justify-between", children: [
@@ -72459,7 +73004,7 @@ function Sidebar({
       ] })
     ] }) : null;
   });
-  const SidebarContent = React60__default.memo(() => {
+  const SidebarContent = React67__default.memo(() => {
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(SidebarMenuContent, {}),
       /* @__PURE__ */ jsx(SidebarFooter, {})
@@ -72815,7 +73360,7 @@ function Navbar({
             }
           )
         ] }),
-        !isMobile && /* @__PURE__ */ jsx(NavigationMenu2, { className: "hidden md:flex", children: /* @__PURE__ */ jsx(NavigationMenuList2, { children: sections.map((section) => /* @__PURE__ */ jsx(React60__default.Fragment, { children: section.items.map((item) => {
+        !isMobile && /* @__PURE__ */ jsx(NavigationMenu2, { className: "hidden md:flex", children: /* @__PURE__ */ jsx(NavigationMenuList2, { children: sections.map((section) => /* @__PURE__ */ jsx(React67__default.Fragment, { children: section.items.map((item) => {
           const hasChildren = item.items && item.items.length > 0;
           const isActive2 = item.href === activePath;
           if (hasChildren) {
@@ -73540,9 +74085,9 @@ var FormWizardStep = ({
   animationDuration = 0.3
 }) => {
   const { steps, currentStep, goToNext, goToPrevious, goToStep, updateStepData, stepData, error } = useFormWizard();
-  const [direction, setDirection] = React60__default.useState(0);
-  const previousStep = React60__default.useRef(currentStep);
-  React60__default.useEffect(() => {
+  const [direction, setDirection] = React67__default.useState(0);
+  const previousStep = React67__default.useRef(currentStep);
+  React67__default.useEffect(() => {
     setDirection(currentStep > previousStep.current ? 1 : -1);
     previousStep.current = currentStep;
   }, [currentStep]);
@@ -73678,7 +74223,7 @@ var FormWizardNavigation = ({
     )
   ] });
 };
-var MoonUIFormWizardPro = React60__default.forwardRef(({
+var MoonUIFormWizardPro = React67__default.forwardRef(({
   steps,
   currentStep = 0,
   onStepChange,
@@ -73818,7 +74363,7 @@ function validateExpiry(expiry) {
   const expiryDate = new Date(year, month - 1);
   return expiryDate > now;
 }
-var MoonUICreditCardInputPro = React60__default.forwardRef(({
+var MoonUICreditCardInputPro = React67__default.forwardRef(({
   value = { number: "", expiry: "", cvc: "", name: "" },
   onChange,
   showCardPreview = true,
@@ -74065,7 +74610,7 @@ var quizFormVariants = cva(
     }
   }
 );
-var MoonUIQuizFormPro = React60__default.forwardRef(({
+var MoonUIQuizFormPro = React67__default.forwardRef(({
   className,
   variant,
   size: size4,
@@ -74648,4 +75193,4 @@ var MoonUIQuizFormPro = React60__default.forwardRef(({
 });
 MoonUIQuizFormPro.displayName = "MoonUIQuizFormPro";
 
-export { MoonUIAccordionPro as Accordion, MoonUIAccordionContentPro as AccordionContent, MoonUIAccordionItemPro as AccordionItem, MoonUIAccordionTriggerPro as AccordionTrigger, Calendar3 as AdvancedCalendar, AdvancedChart, AdvancedForms, MoonUIAlertPro as Alert, MoonUIAlertDescriptionPro as AlertDescription, MoonUIAlertTitlePro as AlertTitle, MoonUIAspectRatioPro as AspectRatio, MoonUIAvatarPro as Avatar, MoonUIAvatarFallbackPro as AvatarFallback, MoonUIAvatarImagePro as AvatarImage, MoonUIBadgePro as Badge, MoonUIBreadcrumbPro as Breadcrumb, MoonUIBreadcrumbEllipsisPro as BreadcrumbEllipsis, MoonUIBreadcrumbItemPro as BreadcrumbItem, MoonUIBreadcrumbLinkPro as BreadcrumbLink, MoonUIBreadcrumbListPro as BreadcrumbList, MoonUIBreadcrumbPagePro as BreadcrumbPage, MoonUIBreadcrumbSeparatorPro as BreadcrumbSeparator, MoonUIButtonPro as Button, Calendar, Calendar3 as CalendarPro, MoonUICardPro as Card, MoonUICardContentPro as CardContent, MoonUICardDescriptionPro as CardDescription, MoonUICardFooterPro as CardFooter, MoonUICardHeaderPro as CardHeader, MoonUICardTitlePro as CardTitle, MoonUICheckboxPro as Checkbox, ClaudeProvider, MoonUICollapsiblePro as Collapsible, MoonUICollapsibleContentPro as CollapsibleContent, MoonUICollapsibleTriggerPro as CollapsibleTrigger, MoonUIColorPickerPro as ColorPicker, MoonUICommandPro as Command, MoonUICommandDialogPro as CommandDialog, MoonUICommandEmptyPro as CommandEmpty, MoonUICommandGroupPro as CommandGroup, MoonUICommandInputPro as CommandInput, MoonUICommandItemPro as CommandItem, MoonUICommandListPro as CommandList, MoonUICommandSeparatorPro as CommandSeparator, MoonUICommandShortcutPro as CommandShortcut, Dashboard, DataTable, MoonUIDialogPro as Dialog, MoonUIDialogClosePro as DialogClose, MoonUIDialogContentPro as DialogContent, MoonUIDialogDescriptionPro as DialogDescription, MoonUIDialogFooterPro as DialogFooter, MoonUIDialogHeaderPro as DialogHeader, MoonUIDialogTitlePro as DialogTitle, MoonUIDialogTriggerPro as DialogTrigger, DraggableList, MoonUIDropdownMenuPro as DropdownMenu, MoonUIDropdownMenuCheckboxItemPro as DropdownMenuCheckboxItem, MoonUIDropdownMenuContentPro as DropdownMenuContent, MoonUIDropdownMenuGroupPro as DropdownMenuGroup, MoonUIDropdownMenuItemPro as DropdownMenuItem, MoonUIDropdownMenuLabelPro as DropdownMenuLabel, MoonUIDropdownMenuPortalPro as DropdownMenuPortal, MoonUIDropdownMenuRadioGroupPro as DropdownMenuRadioGroup, MoonUIDropdownMenuRadioItemPro as DropdownMenuRadioItem, MoonUIDropdownMenuSeparatorPro as DropdownMenuSeparator, MoonUIDropdownMenuShortcutPro as DropdownMenuShortcut, MoonUIDropdownMenuSubPro as DropdownMenuSub, MoonUIDropdownMenuSubContentPro as DropdownMenuSubContent, MoonUIDropdownMenuSubTriggerPro as DropdownMenuSubTrigger, MoonUIDropdownMenuTriggerPro as DropdownMenuTrigger, ErrorBoundary, FloatingActionButton, FormWizardNavigation, FormWizardProgress, FormWizardStep, MoonUIGalleryItemPro as GalleryItem, GeminiProvider, GestureDrawer, GitHubStars, HealthCheck, HoverCard2 as HoverCard, HoverCard3D, HoverCardContent2 as HoverCardContent, HoverCardTrigger2 as HoverCardTrigger, MoonUIInputPro as Input, Kanban, LANGUAGE_COLORS, MoonUILabelPro as Label, LazyComponent, LazyImage, LazyList, LightboxContent, LightboxProvider, LightboxTrigger, MagneticButton, MoonUIMediaGalleryPro as MediaGallery, MemoryAnalytics, MemoryEfficientData, MoonUIAccordionContentPro, MoonUIAccordionItemPro, MoonUIAccordionPro, MoonUIAccordionTriggerPro, MoonUIAlertDescriptionPro, MoonUIAlertPro, MoonUIAlertTitlePro, MoonUIAnimatedButtonPro, MoonUIAspectRatioPro, MoonUIAvatarFallbackPro, MoonUIAvatarImagePro, MoonUIAvatarPro, MoonUIBadgePro, MoonUIBreadcrumbEllipsisPro, MoonUIBreadcrumbItemPro, MoonUIBreadcrumbLinkPro, MoonUIBreadcrumbListPro, MoonUIBreadcrumbPagePro, MoonUIBreadcrumbPro, MoonUIBreadcrumbSeparatorPro, MoonUIButtonPro, MoonUICardContentPro, MoonUICardDescriptionPro, MoonUICardFooterPro, MoonUICardHeaderPro, MoonUICardPro, MoonUICardTitlePro, MoonUICheckboxPro, MoonUICollapsibleContentPro, MoonUICollapsiblePro, MoonUICollapsibleTriggerPro, MoonUIColorPickerPro, MoonUICommandDialogPro, MoonUICommandEmptyPro, MoonUICommandGroupPro, MoonUICommandInputPro, MoonUICommandItemPro, MoonUICommandListPro, MoonUICommandPro, MoonUICommandSeparatorPro, MoonUICommandShortcutPro, MoonUICreditCardInputPro, MoonUIDialogClosePro, MoonUIDialogContentPro, MoonUIDialogDescriptionPro, MoonUIDialogFooterPro, MoonUIDialogHeaderPro, MoonUIDialogPro, MoonUIDialogTitlePro, MoonUIDialogTriggerPro, MoonUIDropdownMenuCheckboxItemPro, MoonUIDropdownMenuContentPro, MoonUIDropdownMenuGroupPro, MoonUIDropdownMenuItemPro, MoonUIDropdownMenuLabelPro, MoonUIDropdownMenuPortalPro, MoonUIDropdownMenuPro, MoonUIDropdownMenuRadioGroupPro, MoonUIDropdownMenuRadioItemPro, MoonUIDropdownMenuSeparatorPro, MoonUIDropdownMenuShortcutPro, MoonUIDropdownMenuSubContentPro, MoonUIDropdownMenuSubPro, MoonUIDropdownMenuSubTriggerPro, MoonUIDropdownMenuTriggerPro, MoonUIFileUploadPro, MoonUIFormWizardPro, MoonUIGalleryItemPro, MoonUIGestureDrawerPro, MoonUIInputPro, MoonUILabelPro, LightboxContent as MoonUILightboxContentPro, SimpleLightbox as MoonUILightboxPro, LightboxProvider as MoonUILightboxProviderPro, LightboxTrigger as MoonUILightboxTriggerPro, MoonUIMediaGalleryPro, MoonUIPaginationContentPro, MoonUIPaginationEllipsisPro, MoonUIPaginationItemPro, MoonUIPaginationLinkPro, MoonUIPaginationNextPro, MoonUIPaginationPreviousPro, MoonUIPaginationPro, MoonUIPhoneNumberInputPro, MoonUIPhoneNumberInputSimple, MoonUIPopoverContentPro, MoonUIPopoverPro, MoonUIPopoverTriggerPro, MoonUIProgressPro, MoonUIQuizFormPro, MoonUIRadioGroupContextPro, MoonUIRadioGroupItemPro, MoonUIRadioGroupPro, MoonUIRadioItemWithLabelPro, MoonUIRadioLabelPro, MoonUISelectContentPro, MoonUISelectGroupPro, MoonUISelectItemPro, MoonUISelectLabelPro, MoonUISelectPro, MoonUISelectSeparatorPro, MoonUISelectTriggerPro, MoonUISelectValuePro, MoonUISeparatorPro, MoonUISkeletonPro, MoonUISliderPro, MoonUISwitchPro, MoonUITableBodyPro, MoonUITableCaptionPro, MoonUITableCellPro, MoonUITableFooterPro, MoonUITableHeadPro, MoonUITableHeaderPro, MoonUITablePro, MoonUITableRowPro, MoonUITabsContentPro, MoonUITabsPro as MoonUITabsEnhanced, MoonUITabsListPro, MoonUITabsPro, MoonUITabsTriggerPro, MoonUITextareaPro, MoonUIToastPro, MoonUITogglePro, MoonUITooltipContentPro, MoonUITooltipPro, MoonUITooltipProviderPro, MoonUITooltipTriggerPro, MoonUIalertVariantsPro, MoonUIaspectRatioVariantsPro, MoonUIbreadcrumbVariantsPro, collapsibleContentVariants as MoonUIcollapsibleContentVariantsPro, collapsibleTriggerVariants as MoonUIcollapsibleTriggerVariantsPro, MoonUIradioGroupItemVariantsPro, MoonUItableVariantsPro, MoonUItoggleVariantsPro, Navbar, NavigationMenu2 as NavigationMenu, NavigationMenuContent2 as NavigationMenuContent, NavigationMenuIndicator2 as NavigationMenuIndicator, NavigationMenuItem2 as NavigationMenuItem, NavigationMenuLink2 as NavigationMenuLink, NavigationMenuList2 as NavigationMenuList, NavigationMenuTrigger2 as NavigationMenuTrigger, NavigationMenuViewport2 as NavigationMenuViewport, OpenAIProvider, OptimizedImage, MoonUIPaginationPro as Pagination, MoonUIPaginationContentPro as PaginationContent, MoonUIPaginationEllipsisPro as PaginationEllipsis, MoonUIPaginationItemPro as PaginationItem, MoonUIPaginationLinkPro as PaginationLink, MoonUIPaginationNextPro as PaginationNext, MoonUIPaginationPreviousPro as PaginationPrevious, PerformanceDebugger, PerformanceMonitor, PinchZoom, MoonUIPopoverPro as Popover, MoonUIPopoverContentPro as PopoverContent, MoonUIPopoverTriggerPro as PopoverTrigger, MoonUIProgressPro as Progress, MoonUIRadioGroupPro as RadioGroup, MoonUIRadioGroupContextPro as RadioGroupContext, MoonUIRadioGroupItemPro as RadioGroupItem, MoonUIRadioItemWithLabelPro as RadioItemWithLabel, MoonUIRadioLabelPro as RadioLabel, RealTimePerformanceMonitor, RichTextEditor, ScrollArea, ScrollBar, MoonUISelectPro as Select, MoonUISelectContentPro as SelectContent, MoonUISelectGroupPro as SelectGroup, MoonUISelectItemPro as SelectItem, MoonUISelectLabelPro as SelectLabel, MoonUISelectSeparatorPro as SelectSeparator, MoonUISelectTriggerPro as SelectTrigger, MoonUISelectValuePro as SelectValue, SelectableVirtualList, MoonUISeparatorPro as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SimpleLightbox, MoonUISkeletonPro as Skeleton, MoonUISliderPro as Slider, SpotlightCard, SwipeableCard, MoonUISwitchPro as Switch, MoonUITablePro as Table, MoonUITableBodyPro as TableBody, MoonUITableCaptionPro as TableCaption, MoonUITableCellPro as TableCell, MoonUITableFooterPro as TableFooter, MoonUITableHeadPro as TableHead, MoonUITableHeaderPro as TableHeader, MoonUITableRowPro as TableRow, Tabs, TabsContent, TabsList, TabsTrigger, MoonUITextareaPro as Textarea, Timeline, MoonUIToastPro as Toast, MoonUITogglePro as Toggle, MoonUITooltipPro as Tooltip, MoonUITooltipContentPro as TooltipContent, MoonUITooltipProviderPro as TooltipProvider, MoonUITooltipTriggerPro as TooltipTrigger, VirtualList, MoonUIalertVariantsPro as alertVariants, MoonUIaspectRatioVariantsPro as aspectRatioVariants, moonUIBadgeVariantsPro as badgeVariants, MoonUIbreadcrumbVariantsPro as breadcrumbVariants, moonUIButtonProVariants as buttonVariants, cn, collapsibleContentVariants, collapsibleTriggerVariants, commandVariantsPro, createAIProvider, galleryItemVariants, galleryVariants, getExpandableColumn, hoverCard3DVariants, moonUIAnimatedButtonProVariants, moonUIBadgeVariantsPro, moonUIButtonProVariants, gestureDrawerVariants as moonUIGestureDrawerProVariants, moonUISeparatorVariantsPro, navigationMenuTriggerStyle, countries as phoneCountries, MoonUIradioGroupItemVariantsPro as radioGroupItemVariants, moonUISeparatorVariantsPro as separatorVariants, MoonUItableVariantsPro as tableVariants, MoonUItoggleVariantsPro as toggleVariants, useAccordionAnalytics, useCollapsibleAnalytics, useExpandableRows, useFormWizard, useStreamingData, useVirtualList };
+export { MoonUIAccordionPro as Accordion, MoonUIAccordionContentPro as AccordionContent, MoonUIAccordionItemPro as AccordionItem, MoonUIAccordionTriggerPro as AccordionTrigger, Calendar3 as AdvancedCalendar, AdvancedChart, AdvancedForms, MoonUIAlertPro as Alert, MoonUIAlertDescriptionPro as AlertDescription, MoonUIAlertTitlePro as AlertTitle, MoonUIAspectRatioPro as AspectRatio, MoonUIAvatarPro as Avatar, MoonUIAvatarFallbackPro as AvatarFallback, MoonUIAvatarImagePro as AvatarImage, MoonUIBadgePro as Badge, MoonUIBreadcrumbPro as Breadcrumb, MoonUIBreadcrumbEllipsisPro as BreadcrumbEllipsis, MoonUIBreadcrumbItemPro as BreadcrumbItem, MoonUIBreadcrumbLinkPro as BreadcrumbLink, MoonUIBreadcrumbListPro as BreadcrumbList, MoonUIBreadcrumbPagePro as BreadcrumbPage, MoonUIBreadcrumbSeparatorPro as BreadcrumbSeparator, MoonUIButtonPro as Button, Calendar, Calendar3 as CalendarPro, MoonUICardPro as Card, MoonUICardContentPro as CardContent, MoonUICardDescriptionPro as CardDescription, MoonUICardFooterPro as CardFooter, MoonUICardHeaderPro as CardHeader, MoonUICardTitlePro as CardTitle, MoonUICheckboxPro as Checkbox, ClaudeProvider, MoonUICollapsiblePro as Collapsible, MoonUICollapsibleContentPro as CollapsibleContent, MoonUICollapsibleTriggerPro as CollapsibleTrigger, MoonUIColorPickerPro as ColorPicker, MoonUICommandPro as Command, MoonUICommandDialogPro as CommandDialog, MoonUICommandEmptyPro as CommandEmpty, MoonUICommandGroupPro as CommandGroup, MoonUICommandInputPro as CommandInput, MoonUICommandItemPro as CommandItem, MoonUICommandListPro as CommandList, MoonUICommandSeparatorPro as CommandSeparator, MoonUICommandShortcutPro as CommandShortcut, Dashboard, DataTable2 as DataTable, MoonUIDialogPro as Dialog, MoonUIDialogClosePro as DialogClose, MoonUIDialogContentPro as DialogContent, MoonUIDialogDescriptionPro as DialogDescription, MoonUIDialogFooterPro as DialogFooter, MoonUIDialogHeaderPro as DialogHeader, MoonUIDialogTitlePro as DialogTitle, MoonUIDialogTriggerPro as DialogTrigger, DraggableList, MoonUIDropdownMenuPro as DropdownMenu, MoonUIDropdownMenuCheckboxItemPro as DropdownMenuCheckboxItem, MoonUIDropdownMenuContentPro as DropdownMenuContent, MoonUIDropdownMenuGroupPro as DropdownMenuGroup, MoonUIDropdownMenuItemPro as DropdownMenuItem, MoonUIDropdownMenuLabelPro as DropdownMenuLabel, MoonUIDropdownMenuPortalPro as DropdownMenuPortal, MoonUIDropdownMenuRadioGroupPro as DropdownMenuRadioGroup, MoonUIDropdownMenuRadioItemPro as DropdownMenuRadioItem, MoonUIDropdownMenuSeparatorPro as DropdownMenuSeparator, MoonUIDropdownMenuShortcutPro as DropdownMenuShortcut, MoonUIDropdownMenuSubPro as DropdownMenuSub, MoonUIDropdownMenuSubContentPro as DropdownMenuSubContent, MoonUIDropdownMenuSubTriggerPro as DropdownMenuSubTrigger, MoonUIDropdownMenuTriggerPro as DropdownMenuTrigger, ErrorBoundary, FloatingActionButton, FormWizardNavigation, FormWizardProgress, FormWizardStep, MoonUIGalleryItemPro as GalleryItem, GeminiProvider, GestureDrawer, GitHubStars, HealthCheck, HoverCard2 as HoverCard, HoverCard3D, HoverCardContent2 as HoverCardContent, HoverCardTrigger2 as HoverCardTrigger, MoonUIInputPro as Input, Kanban, LANGUAGE_COLORS, MoonUILabelPro as Label, LazyComponent, LazyImage, LazyList, LightboxContent, LightboxProvider, LightboxTrigger, MagneticButton, MoonUIMediaGalleryPro as MediaGallery, MemoryAnalytics, MemoryEfficientData, MoonUIAccordionContentPro, MoonUIAccordionItemPro, MoonUIAccordionPro, MoonUIAccordionTriggerPro, MoonUIAlertDescriptionPro, MoonUIAlertPro, MoonUIAlertTitlePro, MoonUIAnimatedButtonPro, MoonUIAspectRatioPro, MoonUIAvatarFallbackPro, MoonUIAvatarImagePro, MoonUIAvatarPro, MoonUIBadgePro, MoonUIBreadcrumbEllipsisPro, MoonUIBreadcrumbItemPro, MoonUIBreadcrumbLinkPro, MoonUIBreadcrumbListPro, MoonUIBreadcrumbPagePro, MoonUIBreadcrumbPro, MoonUIBreadcrumbSeparatorPro, MoonUIButtonPro, MoonUICardContentPro, MoonUICardDescriptionPro, MoonUICardFooterPro, MoonUICardHeaderPro, MoonUICardPro, MoonUICardTitlePro, MoonUICheckboxPro, MoonUICollapsibleContentPro, MoonUICollapsiblePro, MoonUICollapsibleTriggerPro, MoonUIColorPickerPro, MoonUICommandDialogPro, MoonUICommandEmptyPro, MoonUICommandGroupPro, MoonUICommandInputPro, MoonUICommandItemPro, MoonUICommandListPro, MoonUICommandPro, MoonUICommandSeparatorPro, MoonUICommandShortcutPro, MoonUICreditCardInputPro, MoonUIDialogClosePro, MoonUIDialogContentPro, MoonUIDialogDescriptionPro, MoonUIDialogFooterPro, MoonUIDialogHeaderPro, MoonUIDialogPro, MoonUIDialogTitlePro, MoonUIDialogTriggerPro, MoonUIDropdownMenuCheckboxItemPro, MoonUIDropdownMenuContentPro, MoonUIDropdownMenuGroupPro, MoonUIDropdownMenuItemPro, MoonUIDropdownMenuLabelPro, MoonUIDropdownMenuPortalPro, MoonUIDropdownMenuPro, MoonUIDropdownMenuRadioGroupPro, MoonUIDropdownMenuRadioItemPro, MoonUIDropdownMenuSeparatorPro, MoonUIDropdownMenuShortcutPro, MoonUIDropdownMenuSubContentPro, MoonUIDropdownMenuSubPro, MoonUIDropdownMenuSubTriggerPro, MoonUIDropdownMenuTriggerPro, MoonUIFileUploadPro, MoonUIFormWizardPro, MoonUIGalleryItemPro, MoonUIGestureDrawerPro, MoonUIInputPro, MoonUILabelPro, LightboxContent as MoonUILightboxContentPro, SimpleLightbox as MoonUILightboxPro, LightboxProvider as MoonUILightboxProviderPro, LightboxTrigger as MoonUILightboxTriggerPro, MoonUIMediaGalleryPro, MoonUIPaginationContentPro, MoonUIPaginationEllipsisPro, MoonUIPaginationItemPro, MoonUIPaginationLinkPro, MoonUIPaginationNextPro, MoonUIPaginationPreviousPro, MoonUIPaginationPro, MoonUIPhoneNumberInputPro, MoonUIPhoneNumberInputSimple, MoonUIPopoverContentPro, MoonUIPopoverPro, MoonUIPopoverTriggerPro, MoonUIProgressPro, MoonUIQuizFormPro, MoonUIRadioGroupContextPro, MoonUIRadioGroupItemPro, MoonUIRadioGroupPro, MoonUIRadioItemWithLabelPro, MoonUIRadioLabelPro, MoonUISelectContentPro, MoonUISelectGroupPro, MoonUISelectItemPro, MoonUISelectLabelPro, MoonUISelectPro, MoonUISelectSeparatorPro, MoonUISelectTriggerPro, MoonUISelectValuePro, MoonUISeparatorPro, MoonUISkeletonPro, MoonUISliderPro, MoonUISwitchPro, MoonUITableBodyPro, MoonUITableCaptionPro, MoonUITableCellPro, MoonUITableFooterPro, MoonUITableHeadPro, MoonUITableHeaderPro, MoonUITablePro, MoonUITableRowPro, MoonUITabsContentPro, MoonUITabsPro as MoonUITabsEnhanced, MoonUITabsListPro, MoonUITabsPro, MoonUITabsTriggerPro, MoonUITextareaPro, MoonUIToastPro, MoonUITogglePro, MoonUITooltipContentPro, MoonUITooltipPro, MoonUITooltipProviderPro, MoonUITooltipTriggerPro, MoonUIalertVariantsPro, MoonUIaspectRatioVariantsPro, MoonUIbreadcrumbVariantsPro, collapsibleContentVariants as MoonUIcollapsibleContentVariantsPro, collapsibleTriggerVariants as MoonUIcollapsibleTriggerVariantsPro, MoonUIradioGroupItemVariantsPro, MoonUItableVariantsPro, MoonUItoggleVariantsPro, Navbar, NavigationMenu2 as NavigationMenu, NavigationMenuContent2 as NavigationMenuContent, NavigationMenuIndicator2 as NavigationMenuIndicator, NavigationMenuItem2 as NavigationMenuItem, NavigationMenuLink2 as NavigationMenuLink, NavigationMenuList2 as NavigationMenuList, NavigationMenuTrigger2 as NavigationMenuTrigger, NavigationMenuViewport2 as NavigationMenuViewport, OpenAIProvider, OptimizedImage, MoonUIPaginationPro as Pagination, MoonUIPaginationContentPro as PaginationContent, MoonUIPaginationEllipsisPro as PaginationEllipsis, MoonUIPaginationItemPro as PaginationItem, MoonUIPaginationLinkPro as PaginationLink, MoonUIPaginationNextPro as PaginationNext, MoonUIPaginationPreviousPro as PaginationPrevious, PerformanceDebugger, PerformanceMonitor, PinchZoom, MoonUIPopoverPro as Popover, MoonUIPopoverContentPro as PopoverContent, MoonUIPopoverTriggerPro as PopoverTrigger, MoonUIProgressPro as Progress, MoonUIRadioGroupPro as RadioGroup, MoonUIRadioGroupContextPro as RadioGroupContext, MoonUIRadioGroupItemPro as RadioGroupItem, MoonUIRadioItemWithLabelPro as RadioItemWithLabel, MoonUIRadioLabelPro as RadioLabel, RealTimePerformanceMonitor, RichTextEditor, ScrollArea, ScrollBar, MoonUISelectPro as Select, MoonUISelectContentPro as SelectContent, MoonUISelectGroupPro as SelectGroup, MoonUISelectItemPro as SelectItem, MoonUISelectLabelPro as SelectLabel, MoonUISelectSeparatorPro as SelectSeparator, MoonUISelectTriggerPro as SelectTrigger, MoonUISelectValuePro as SelectValue, SelectableVirtualList, MoonUISeparatorPro as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SimpleLightbox, MoonUISkeletonPro as Skeleton, MoonUISliderPro as Slider, SpotlightCard, SwipeableCard, MoonUISwitchPro as Switch, MoonUITablePro as Table, MoonUITableBodyPro as TableBody, MoonUITableCaptionPro as TableCaption, MoonUITableCellPro as TableCell, MoonUITableFooterPro as TableFooter, MoonUITableHeadPro as TableHead, MoonUITableHeaderPro as TableHeader, MoonUITableRowPro as TableRow, Tabs, TabsContent, TabsList, TabsTrigger, MoonUITextareaPro as Textarea, Timeline, MoonUIToastPro as Toast, MoonUITogglePro as Toggle, MoonUITooltipPro as Tooltip, MoonUITooltipContentPro as TooltipContent, MoonUITooltipProviderPro as TooltipProvider, MoonUITooltipTriggerPro as TooltipTrigger, VirtualList, MoonUIalertVariantsPro as alertVariants, MoonUIaspectRatioVariantsPro as aspectRatioVariants, moonUIBadgeVariantsPro as badgeVariants, MoonUIbreadcrumbVariantsPro as breadcrumbVariants, moonUIButtonProVariants as buttonVariants, cn, collapsibleContentVariants, collapsibleTriggerVariants, commandVariantsPro, createAIProvider, galleryItemVariants, galleryVariants, getExpandableColumn, hoverCard3DVariants, moonUIAnimatedButtonProVariants, moonUIBadgeVariantsPro, moonUIButtonProVariants, gestureDrawerVariants as moonUIGestureDrawerProVariants, moonUISeparatorVariantsPro, navigationMenuTriggerStyle, countries as phoneCountries, MoonUIradioGroupItemVariantsPro as radioGroupItemVariants, moonUISeparatorVariantsPro as separatorVariants, MoonUItableVariantsPro as tableVariants, MoonUItoggleVariantsPro as toggleVariants, useAccordionAnalytics, useCollapsibleAnalytics, useExpandableRows, useFormWizard, useStreamingData, useVirtualList };