@moontra/moonui-pro 2.21.3 → 2.21.4

package/dist/index.mjs

@@ -1,8 +1,8 @@
 "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, 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, CheckSquare, Quote, Palette, Highlighter, Link2, Table as Table$1, Undo, Redo, Edit, Wand2, Maximize, FileText, Briefcase, MessageSquare, Heart, GraduationCap, Languages, Lightbulb, BarChart3, Music, Archive, File, FileSpreadsheet, FileJson, FileDown, ArrowUp, ArrowDown, ArrowUpDown, ChevronsLeft, ChevronsRight, CheckCircle, Star, Menu, Calendar as Calendar$1, Repeat, MapPin, Users, User, Move, EyeOff, Timer, Square, Cpu, Target, GitBranch, ArrowRight, MoreVertical, Trash, TrendingUp, MessageCircle, Paperclip, Printer, TrendingDown, Bell, CheckCheck, Settings2, LogOut, Edit3, LayoutGrid, Share2, Save, Github, Activity, Server, Monitor, MemoryStick, HardDrive, Network, Columns, Pin, Sun, Moon, Send, Tag, Flag, CalendarIcon, DollarSign, Trophy, Grip, Unlock, Map as Map$1, GitFork, Package, BellOff, ArrowUpRight, ArrowDownRight } from 'lucide-react';
 import { cva } from 'class-variance-authority';
@@ -11,8 +11,8 @@ 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,
@@ -12490,7 +12824,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,
@@ -12748,7 +13082,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: [
@@ -12783,19 +13117,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,
@@ -12809,7 +13143,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) => {
@@ -12821,7 +13155,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
@@ -12832,7 +13166,7 @@ var LightboxTrigger = React60.forwardRef(
   }
 );
 LightboxTrigger.displayName = "LightboxTrigger";
-var LightboxContent = React60.forwardRef(
+var LightboxContent = React67.forwardRef(
   ({
     className,
     backdrop,
@@ -12850,16 +13184,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);
@@ -12867,7 +13201,7 @@ var LightboxContent = React60.forwardRef(
         setIsPlaying(false);
       }
     }, [currentIndex, currentItem, autoPlayVideo]);
-    React60.useEffect(() => {
+    React67.useEffect(() => {
       if (!enableKeyboardNavigation || !isOpen)
         return;
       const handleKeyDown3 = (e) => {
@@ -12899,7 +13233,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) => {
@@ -13274,7 +13608,7 @@ var galleryItemVariants = cva(
     }
   }
 );
-var MoonUIMediaGalleryPro = React60.forwardRef(({
+var MoonUIMediaGalleryPro = React67.forwardRef(({
   className,
   items,
   layout,
@@ -13303,13 +13637,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) => {
@@ -13323,7 +13657,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);
@@ -13337,7 +13671,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(
@@ -13355,7 +13689,7 @@ var MoonUIMediaGalleryPro = React60.forwardRef(({
       observerRef.current?.disconnect();
     };
   }, [lazyLoad]);
-  React60.useEffect(() => {
+  React67.useEffect(() => {
     if (!infiniteScroll || !onLoadMore || !hasMore)
       return;
     const observer = new IntersectionObserver(
@@ -13532,7 +13866,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" })
         ] })
@@ -13549,7 +13883,7 @@ var MoonUIMediaGalleryPro = React60.forwardRef(({
   return galleryContent;
 });
 MoonUIMediaGalleryPro.displayName = "MoonUIMediaGalleryPro";
-var MoonUIGalleryItemPro = React60.forwardRef(({
+var MoonUIGalleryItemPro = React67.forwardRef(({
   className,
   item,
   index: index2 = 0,
@@ -13562,7 +13896,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?.();
@@ -13638,7 +13972,7 @@ var moonUIAnimatedButtonProVariants = cva(
     }
   }
 );
-var MoonUIAnimatedButtonProInternal = React60__default.forwardRef(
+var MoonUIAnimatedButtonProInternal = React67__default.forwardRef(
   ({
     className,
     variant,
@@ -13832,9 +14166,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: [
@@ -13879,7 +14213,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) {
@@ -14030,7 +14364,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",
@@ -14161,7 +14495,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) {
@@ -14213,7 +14547,7 @@ var hoverCard3DVariants = cva(
     }
   }
 );
-var HoverCard3DInternal = React60__default.forwardRef(
+var HoverCard3DInternal = React67__default.forwardRef(
   ({
     children,
     className,
@@ -14497,7 +14831,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) {
@@ -14552,7 +14886,7 @@ var magneticButtonVariants = cva(
     }
   }
 );
-var MagneticButtonInternal = React60__default.forwardRef(
+var MagneticButtonInternal = React67__default.forwardRef(
   ({
     children,
     className,
@@ -14664,7 +14998,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) {
@@ -14684,7 +15018,7 @@ var MagneticButton = React60__default.forwardRef(
   }
 );
 MagneticButton.displayName = "MagneticButton";
-var PinchZoomInternal = React60__default.forwardRef(
+var PinchZoomInternal = React67__default.forwardRef(
   ({
     children,
     minZoom = 0.5,
@@ -15098,7 +15432,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) {
@@ -15118,7 +15452,7 @@ var PinchZoom = React60__default.forwardRef(
   }
 );
 PinchZoom.displayName = "PinchZoom";
-var SpotlightCardInternal = React60__default.forwardRef(
+var SpotlightCardInternal = React67__default.forwardRef(
   ({
     children,
     className,
@@ -15247,7 +15581,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) {
@@ -15670,22 +16004,22 @@ function CalendarInternal({
       ] })
     ] }) }) });
   }
-  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();
@@ -15703,14 +16037,14 @@ function CalendarInternal({
     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;
@@ -23426,10 +23760,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)
@@ -31144,11 +31478,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);
     }
@@ -34733,7 +35067,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;
@@ -35321,7 +35655,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());
     },
@@ -35336,11 +35670,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)
@@ -35418,17 +35752,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) {
@@ -35772,7 +36106,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 (
@@ -35792,7 +36126,7 @@ React60__default.forwardRef((props, ref) => {
     )
   );
 });
-React60__default.createContext({
+React67__default.createContext({
   markViewContentRef: () => {
   }
 });
@@ -39435,12 +39769,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
@@ -43538,7 +43872,7 @@ function getDecorations({
   });
   return DecorationSet.create(doc3, decorations);
 }
-function isFunction3(param) {
+function isFunction4(param) {
   return typeof param === "function";
 }
 function LowlightPlugin({
@@ -43546,7 +43880,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({
@@ -57365,7 +57699,7 @@ var EditorColorPicker = ({
   onColorSelect,
   currentColor = "#000000"
 }) => {
-  const [showAdvanced, setShowAdvanced] = React60__default.useState(false);
+  const [showAdvanced, setShowAdvanced] = React67__default.useState(false);
   const quickColors = [
     "#000000",
     // Black
@@ -60526,7 +60860,7 @@ function SelectableVirtualList(props) {
 }
 var MoonUIVirtualListPro = VirtualList;
 var MoonUISelectableVirtualListPro = SelectableVirtualList;
-var SwipeableCardInternal = React60__default.forwardRef(
+var SwipeableCardInternal = React67__default.forwardRef(
   ({
     children,
     onSwipeLeft,
@@ -60604,7 +60938,7 @@ var SwipeableCardInternal = React60__default.forwardRef(
   }
 );
 SwipeableCardInternal.displayName = "SwipeableCardInternal";
-var SwipeableCard = React60__default.forwardRef(
+var SwipeableCard = React67__default.forwardRef(
   (props, ref) => {
     const { hasProAccess, isLoading } = useSubscription();
     if (!isLoading && !hasProAccess) {
@@ -61641,19 +61975,19 @@ function AdvancedChartInternal({
   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];
@@ -62540,9 +62874,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 = {
@@ -62866,8 +63200,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)
@@ -63142,14 +63476,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(() => {
@@ -63372,8 +63706,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(
@@ -63466,8 +63800,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));
@@ -63586,7 +63920,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({
@@ -63603,14 +63937,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;
@@ -64056,12 +64390,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") {
@@ -64406,24 +64740,24 @@ function DashboardInternal({
   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(() => {
@@ -65119,7 +65453,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,
@@ -65275,7 +65609,7 @@ function toInternationalFormat(countryCode, phoneNumber) {
   return `${country.dialCode}${cleaned}`;
 }
 var defaultValue = { country: "US", number: "" };
-var PhoneNumberInputInternal = React60__default.forwardRef(({
+var PhoneNumberInputInternal = React67__default.forwardRef(({
   value,
   onChange,
   defaultCountry = "US",
@@ -65298,7 +65632,7 @@ var PhoneNumberInputInternal = 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);
@@ -65465,7 +65799,7 @@ var PhoneNumberInputInternal = React60__default.forwardRef(({
   ] });
 });
 PhoneNumberInputInternal.displayName = "PhoneNumberInputInternal";
-var MoonUIPhoneNumberInputPro = React60__default.forwardRef(
+var MoonUIPhoneNumberInputPro = React67__default.forwardRef(
   (props, ref) => {
     const { hasProAccess, isLoading } = useSubscription();
     if (!isLoading && !hasProAccess) {
@@ -66080,25 +66414,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;
@@ -66121,10 +66455,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) => ({
@@ -67133,7 +67467,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,
@@ -67175,7 +67509,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];
@@ -67188,7 +67522,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");
@@ -69861,7 +70195,7 @@ var FilePreviewModal = ({
     ] })
   ] }) });
 };
-var MoonUIFileUploadPro = React60__default.forwardRef(
+var MoonUIFileUploadPro = React67__default.forwardRef(
   ({
     accept = "*",
     multiple = true,
@@ -70834,11 +71168,11 @@ var FileUploadItem = ({
 };
 MoonUIFileUploadPro.displayName = "MoonUIFileUploadPro";
 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) => {
@@ -70940,7 +71274,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();
@@ -70951,7 +71285,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);
@@ -70967,7 +71301,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);
@@ -70978,13 +71312,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,
       {
@@ -70998,7 +71332,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 });
             }),
@@ -71016,7 +71350,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);
@@ -71025,14 +71359,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);
@@ -71041,12 +71375,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 });
   }
 );
@@ -71059,7 +71393,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")
     );
@@ -71078,7 +71412,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(
@@ -71090,7 +71424,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,
@@ -71133,7 +71467,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,
@@ -71142,7 +71476,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,
@@ -71151,7 +71485,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,
@@ -71160,7 +71494,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,
@@ -71179,8 +71513,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) {
@@ -71719,7 +72053,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 {
@@ -71745,17 +72079,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,
@@ -71835,7 +72169,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);
@@ -71843,8 +72177,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;
@@ -71881,7 +72215,7 @@ function DataTable({
       includeHeaders: true
     });
   };
-  const exportFormats = React60__default.useMemo(() => {
+  const exportFormats = React67__default.useMemo(() => {
     if (!exportable)
       return [];
     if (exportable === true)
@@ -72158,8 +72492,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)) {
@@ -72170,10 +72504,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 {
@@ -72184,7 +72518,7 @@ function useExpandableRows(initialExpanded = /* @__PURE__ */ new Set()) {
     collapseAll
   };
 }
-var TableRow2 = React60__default.memo(({
+var TableRow2 = React67__default.memo(({
   row,
   columns,
   isExpanded,
@@ -72235,7 +72569,7 @@ var TableRow2 = React60__default.memo(({
 });
 TableRow2.displayName = "TableRow";
 var MoonUIDataTablePro = DataTable;
-var SearchInput = React60__default.memo(({
+var SearchInput = React67__default.memo(({
   searchInputRef,
   searchPlaceholder,
   initialValue,
@@ -72562,7 +72896,7 @@ function SidebarInternal({
     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",
       {
@@ -72660,7 +72994,7 @@ function SidebarInternal({
       ) })
     ] }, 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"
@@ -72694,7 +73028,7 @@ function SidebarInternal({
       )
     ] });
   });
-  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" }),
@@ -72710,7 +73044,7 @@ function SidebarInternal({
       ] }, 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: [
@@ -72739,7 +73073,7 @@ function SidebarInternal({
       ] })
     ] }) : null;
   });
-  const SidebarContent = React60__default.memo(() => {
+  const SidebarContent = React67__default.memo(() => {
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(SidebarMenuContent, {}),
       /* @__PURE__ */ jsx(SidebarFooter, {})
@@ -73113,7 +73447,7 @@ function NavbarInternal({
             }
           )
         ] }),
-        !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) {
@@ -73856,9 +74190,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]);
@@ -73994,7 +74328,7 @@ var FormWizardNavigation = ({
     )
   ] });
 };
-var FormWizardInternal = React60__default.forwardRef(({
+var FormWizardInternal = React67__default.forwardRef(({
   steps,
   currentStep = 0,
   onStepChange,
@@ -74073,7 +74407,7 @@ var FormWizardInternal = React60__default.forwardRef(({
   );
 });
 FormWizardInternal.displayName = "FormWizardInternal";
-var MoonUIFormWizardPro = React60__default.forwardRef(
+var MoonUIFormWizardPro = React67__default.forwardRef(
   (props, ref) => {
     const { hasProAccess, isLoading } = useSubscription();
     if (!isLoading && !hasProAccess) {
@@ -74543,7 +74877,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,
@@ -74790,7 +75124,7 @@ var quizFormVariants = cva(
     }
   }
 );
-var MoonUIQuizFormProInternal = React60__default.forwardRef(({
+var MoonUIQuizFormProInternal = React67__default.forwardRef(({
   className,
   variant,
   size: size4,
@@ -75372,7 +75706,7 @@ var MoonUIQuizFormProInternal = React60__default.forwardRef(({
   ] });
 });
 MoonUIQuizFormProInternal.displayName = "MoonUIQuizFormProInternal";
-var MoonUIQuizFormPro2 = React60__default.forwardRef((props, ref) => {
+var MoonUIQuizFormPro2 = React67__default.forwardRef((props, ref) => {
   const { hasProAccess, isLoading } = useSubscription();
   if (!isLoading && !hasProAccess) {
     return /* @__PURE__ */ jsx(MoonUICardPro, { className: cn("w-full", props.className), children: /* @__PURE__ */ jsx(MoonUICardContentPro, { className: "py-12 text-center", children: /* @__PURE__ */ jsxs("div", { className: "max-w-md mx-auto space-y-4", children: [