nexoreui 1.8.0 → 1.8.2

package/dist/index.mjs

@@ -1576,7 +1576,7 @@ SelectItem.displayName = SelectPrimitive.Item.displayName;
 import * as React12 from "react";
 import { cva as cva9 } from "class-variance-authority";
 import { motion as motion7 } from "framer-motion";
-import { AlertCircle as AlertCircle2, Info, CheckCircle2 as CheckCircle22, XCircle, Cookie, WifiOff, AlertTriangle as AlertTriangle2, X as X3 } from "lucide-react";
+import { AlertCircle as AlertCircle2, Info, CheckCircle2 as CheckCircle22, XCircle, Cookie, WifiOff, AlertTriangle, X as X3 } from "lucide-react";
 import { Fragment as Fragment2, jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 var alertVariants = cva9(
   "relative w-full rounded-2xl border p-4 [&>svg~*]:pl-7 [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 transition-all duration-300 shadow-sm",
@@ -1621,7 +1621,7 @@ var Alert = React12.forwardRef(
     if (!isOpen) return null;
     const isMinimal = variant === "minimal";
     const isBanner = variant === "banner";
-    const defaultIcon = icon || (variant === "destructive" ? /* @__PURE__ */ jsx13(XCircle, { className: "h-4 w-4" }) : variant === "success" ? /* @__PURE__ */ jsx13(CheckCircle22, { className: "h-4 w-4" }) : variant === "warning" ? /* @__PURE__ */ jsx13(AlertTriangle2, { className: "h-4 w-4" }) : variant === "info" ? /* @__PURE__ */ jsx13(Info, { className: "h-4 w-4" }) : variant === "default" ? /* @__PURE__ */ jsx13(AlertCircle2, { className: "h-4 w-4" }) : null);
+    const defaultIcon = icon || (variant === "destructive" ? /* @__PURE__ */ jsx13(XCircle, { className: "h-4 w-4" }) : variant === "success" ? /* @__PURE__ */ jsx13(CheckCircle22, { className: "h-4 w-4" }) : variant === "warning" ? /* @__PURE__ */ jsx13(AlertTriangle, { className: "h-4 w-4" }) : variant === "info" ? /* @__PURE__ */ jsx13(Info, { className: "h-4 w-4" }) : variant === "default" ? /* @__PURE__ */ jsx13(AlertCircle2, { className: "h-4 w-4" }) : null);
     const content = /* @__PURE__ */ jsxs10(Fragment2, { children: [
       defaultIcon && /* @__PURE__ */ jsx13("div", { className: cn("absolute left-4", isMinimal ? "top-3" : "top-4"), children: defaultIcon }),
       /* @__PURE__ */ jsxs10("div", { className: cn(defaultIcon ? "pl-7" : "", "pr-8"), children: [
@@ -1747,7 +1747,7 @@ var OfflineBanner = () => /* @__PURE__ */ jsxs10("div", { className: "w-full bg-
   " You are currently offline. Some features may be unavailable."
 ] });
 var RateLimitAlert = () => /* @__PURE__ */ jsxs10("div", { className: "border border-orange-500/30 bg-orange-500/10 p-5 rounded-2xl flex gap-3 items-start max-w-md shadow-sm", children: [
-  /* @__PURE__ */ jsx13(AlertTriangle2, { className: "w-5 h-5 text-orange-500 shrink-0 mt-0.5 animate-pulse" }),
+  /* @__PURE__ */ jsx13(AlertTriangle, { className: "w-5 h-5 text-orange-500 shrink-0 mt-0.5 animate-pulse" }),
   /* @__PURE__ */ jsxs10("div", { className: "flex-1", children: [
     /* @__PURE__ */ jsx13("h4", { className: "font-bold text-orange-600 dark:text-orange-400", children: "Rate Limit Exceeded" }),
     /* @__PURE__ */ jsx13("p", { className: "text-sm text-orange-600/80 dark:text-orange-400/80 mt-1 mb-4", children: "You have made too many requests. Please wait 45 seconds before trying again." }),
@@ -2586,7 +2586,7 @@ var BreadcrumbTrail = () => /* @__PURE__ */ jsxs14("nav", { className: "flex ite
   /* @__PURE__ */ jsx19(ChevronRight, { className: "w-4 h-4" }),
   /* @__PURE__ */ jsx19("span", { className: "text-foreground font-medium", children: "Laptop" })
 ] });
-var StepIndicator = ({ current = 2 }) => /* @__PURE__ */ jsxs14("div", { className: "flex items-center w-full max-w-sm", children: [
+var StepIndicator = () => /* @__PURE__ */ jsxs14("div", { className: "flex items-center w-full max-w-sm", children: [
   /* @__PURE__ */ jsx19("div", { className: "flex items-center text-primary", children: /* @__PURE__ */ jsx19("div", { className: "w-8 h-8 rounded-full border-2 border-primary bg-primary text-primary-foreground flex items-center justify-center font-bold text-sm", children: "1" }) }),
   /* @__PURE__ */ jsx19("div", { className: "flex-1 h-[2px] bg-primary mx-2" }),
   /* @__PURE__ */ jsx19("div", { className: "flex items-center text-primary", children: /* @__PURE__ */ jsx19("div", { className: "w-8 h-8 rounded-full border-2 border-primary bg-background flex items-center justify-center font-bold text-sm", children: "2" }) }),
@@ -2900,7 +2900,7 @@ Marquee.displayName = "Marquee";
 
 // src/components/number-ticker.tsx
 import * as React19 from "react";
-import { motion as motion13, useMotionValue as useMotionValue2, useSpring as useSpring2, useTransform as useTransform2, useInView as useInView2 } from "framer-motion";
+import { motion as motion13, useMotionValue, useSpring, useTransform, useInView as useInView2 } from "framer-motion";
 import { jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
 var NumberTicker = React19.forwardRef(
   ({
@@ -2915,13 +2915,13 @@ var NumberTicker = React19.forwardRef(
     const elementRef = React19.useRef(null);
     const combinedRef = ref || elementRef;
     const inView = useInView2(combinedRef, { once: true, margin: "0px 0px -50px 0px" });
-    const motionValue = useMotionValue2(0);
-    const springValue = useSpring2(motionValue, {
+    const motionValue = useMotionValue(0);
+    const springValue = useSpring(motionValue, {
       stiffness: 70,
       damping: 15,
       mass: 1
     });
-    const displayValue = useTransform2(springValue, (latest) => {
+    const displayValue = useTransform(springValue, (latest) => {
       const formatted = Number(latest.toFixed(decimals));
       return formatted.toLocaleString("en-US", {
         minimumFractionDigits: decimals,
@@ -2930,7 +2930,7 @@ var NumberTicker = React19.forwardRef(
     });
     React19.useEffect(() => {
       if (inView) {
-        const animation = motionValue.set(value);
+        motionValue.set(value);
       }
     }, [inView, value, motionValue]);
     return /* @__PURE__ */ jsxs18(
@@ -2955,11 +2955,11 @@ NumberTicker.displayName = "NumberTicker";
 function AnimatedNumber({
   value,
   className,
-  duration = 0.5,
+  duration: _duration = 0.5,
   formatFn
 }) {
-  const motionValue = useMotionValue2(value);
-  const springValue = useSpring2(motionValue, {
+  const motionValue = useMotionValue(value);
+  const springValue = useSpring(motionValue, {
     stiffness: 100,
     damping: 15
   });
@@ -2984,8 +2984,8 @@ function AnimatedNumber({
 
 // src/components/rating.tsx
 import * as React20 from "react";
-import { motion as motion14, AnimatePresence as AnimatePresence3 } from "framer-motion";
-import { Star as Star2, Heart, ThumbsUp, Flame, Trophy, Smile, CheckCircle2 as CheckCircle23 } from "lucide-react";
+import { motion as motion14, AnimatePresence as AnimatePresence2 } from "framer-motion";
+import { Star, Heart, ThumbsUp, Flame, Trophy, Smile, CheckCircle2 as CheckCircle23 } from "lucide-react";
 import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
 var sizeClasses = {
   xs: "h-3.5 w-3.5",
@@ -3030,7 +3030,7 @@ var getIconComponent = (icon) => {
       return Smile;
     case "star":
     default:
-      return Star2;
+      return Star;
   }
 };
 var Rating = React20.forwardRef(
@@ -3175,7 +3175,7 @@ var Rating = React20.forwardRef(
               " / ",
               max
             ] }),
-            currentTooltip && /* @__PURE__ */ jsx25(AnimatePresence3, { mode: "wait", children: /* @__PURE__ */ jsx25(
+            currentTooltip && /* @__PURE__ */ jsx25(AnimatePresence2, { mode: "wait", children: /* @__PURE__ */ jsx25(
               motion14.span,
               {
                 initial: { opacity: 0, x: -4 },
@@ -3227,7 +3227,7 @@ function RatingBreakdown({
           return /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2.5 text-xs", children: [
             /* @__PURE__ */ jsxs19("div", { className: "w-6 flex items-center gap-0.5 font-mono font-medium text-foreground/80 shrink-0", children: [
               /* @__PURE__ */ jsx25("span", { children: stars }),
-              /* @__PURE__ */ jsx25(Star2, { className: "w-2.5 h-2.5 fill-amber-400 text-amber-400" })
+              /* @__PURE__ */ jsx25(Star, { className: "w-2.5 h-2.5 fill-amber-400 text-amber-400" })
             ] }),
             /* @__PURE__ */ jsx25("div", { className: "flex-1 h-2 rounded-full bg-muted/60 overflow-hidden relative", children: /* @__PURE__ */ jsx25(
               motion14.div,
@@ -3294,7 +3294,7 @@ function ReviewCard({
 
 // src/components/file-upload.tsx
 import * as React21 from "react";
-import { motion as motion15, AnimatePresence as AnimatePresence4 } from "framer-motion";
+import { motion as motion15, AnimatePresence as AnimatePresence3 } from "framer-motion";
 import { UploadCloud, File, X as X4, AlertCircle as AlertCircle3 } from "lucide-react";
 import { jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
 var FileUpload = React21.forwardRef(
@@ -3444,7 +3444,7 @@ var FileUpload = React21.forwardRef(
           ] })
         }
       ),
-      /* @__PURE__ */ jsx26(AnimatePresence4, { mode: "wait", children: error && /* @__PURE__ */ jsxs20(
+      /* @__PURE__ */ jsx26(AnimatePresence3, { mode: "wait", children: error && /* @__PURE__ */ jsxs20(
         motion15.div,
         {
           initial: { opacity: 0, y: -5 },
@@ -3457,7 +3457,7 @@ var FileUpload = React21.forwardRef(
           ]
         }
       ) }),
-      /* @__PURE__ */ jsx26(AnimatePresence4, { children: selectedFiles.length > 0 && /* @__PURE__ */ jsx26(
+      /* @__PURE__ */ jsx26(AnimatePresence3, { children: selectedFiles.length > 0 && /* @__PURE__ */ jsx26(
         motion15.div,
         {
           initial: { opacity: 0 },
@@ -4028,7 +4028,7 @@ Stepper.displayName = "Stepper";
 // src/components/command.tsx
 import * as React24 from "react";
 import * as DialogPrimitive2 from "@radix-ui/react-dialog";
-import { motion as motion18, AnimatePresence as AnimatePresence6 } from "framer-motion";
+import { motion as motion18, AnimatePresence as AnimatePresence4 } from "framer-motion";
 import { Search as Search3 } from "lucide-react";
 import { jsx as jsx29, jsxs as jsxs23 } from "react/jsx-runtime";
 var Command = React24.forwardRef(
@@ -4075,7 +4075,7 @@ var Command = React24.forwardRef(
         }
       }
     };
-    return /* @__PURE__ */ jsx29(DialogPrimitive2.Root, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsx29(AnimatePresence6, { children: open && /* @__PURE__ */ jsxs23(DialogPrimitive2.Portal, { forceMount: true, children: [
+    return /* @__PURE__ */ jsx29(DialogPrimitive2.Root, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsx29(AnimatePresence4, { children: open && /* @__PURE__ */ jsxs23(DialogPrimitive2.Portal, { forceMount: true, children: [
       /* @__PURE__ */ jsx29(DialogPrimitive2.Overlay, { asChild: true, children: /* @__PURE__ */ jsx29(
         motion18.div,
         {
@@ -4546,7 +4546,7 @@ AuroraBorderCard.displayName = "AuroraBorderCard";
 
 // src/components/ai-prompt-input.tsx
 import * as React27 from "react";
-import { motion as motion20, AnimatePresence as AnimatePresence7, useReducedMotion as useReducedMotion2 } from "framer-motion";
+import { motion as motion20, AnimatePresence as AnimatePresence5, useReducedMotion as useReducedMotion2 } from "framer-motion";
 import {
   Send,
   Square,
@@ -4840,7 +4840,7 @@ var AiPromptInput = React27.forwardRef(
                 variant === "minimal" && "bg-zinc-100/80 dark:bg-zinc-900/80 border border-transparent focus-within:bg-white dark:focus-within:bg-zinc-950 focus-within:border-zinc-300 dark:focus-within:border-zinc-700"
               ),
               children: [
-                files.length > 0 && /* @__PURE__ */ jsx32("div", { className: "flex flex-wrap gap-2 pt-0.5 pb-1", children: /* @__PURE__ */ jsx32(AnimatePresence7, { children: files.map((file) => /* @__PURE__ */ jsxs26(
+                files.length > 0 && /* @__PURE__ */ jsx32("div", { className: "flex flex-wrap gap-2 pt-0.5 pb-1", children: /* @__PURE__ */ jsx32(AnimatePresence5, { children: files.map((file) => /* @__PURE__ */ jsxs26(
                   motion20.div,
                   {
                     initial: { scale: 0.8, opacity: 0 },
@@ -5268,7 +5268,7 @@ var InviteUsersForm = () => /* @__PURE__ */ jsxs27("div", { className: "w-full b
 
 // src/components/pro-ecommerce.tsx
 import * as React29 from "react";
-import { Star as Star3, Trash2, ShoppingBag, ArrowRight as ArrowRight2, Lock as Lock2 } from "lucide-react";
+import { Star as Star2, Trash2, ShoppingBag, ArrowRight as ArrowRight2, Lock as Lock2 } from "lucide-react";
 import { jsx as jsx34, jsxs as jsxs28 } from "react/jsx-runtime";
 var ProductGallery = () => {
   const [active, setActive] = React29.useState(1);
@@ -5385,7 +5385,7 @@ var ProductReview = () => /* @__PURE__ */ jsxs28("div", { className: "py-6 borde
     /* @__PURE__ */ jsx34("div", { className: "font-semibold", children: "Alex Johnson" }),
     /* @__PURE__ */ jsx34("div", { className: "text-sm text-muted-foreground", children: "October 12, 2025" })
   ] }),
-  /* @__PURE__ */ jsx34("div", { className: "flex text-yellow-400 mb-3", children: [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsx34(Star3, { className: "w-4 h-4 fill-current" }, i)) }),
+  /* @__PURE__ */ jsx34("div", { className: "flex text-yellow-400 mb-3", children: [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsx34(Star2, { className: "w-4 h-4 fill-current" }, i)) }),
   /* @__PURE__ */ jsx34("h4", { className: "font-bold mb-1", children: "Incredible sound quality!" }),
   /* @__PURE__ */ jsx34("p", { className: "text-muted-foreground text-sm leading-relaxed", children: "I've been using these for a month and they are absolutely fantastic. The noise cancellation is top tier and battery life is exactly as advertised." })
 ] });
@@ -5417,7 +5417,7 @@ var CategoryCard = () => /* @__PURE__ */ jsxs28("div", { className: "relative gr
 
 // src/components/pro-ai.tsx
 import { motion as motion21 } from "framer-motion";
-import { Sparkles as Sparkles3, Send as Send2, Mic as Mic2, Copy as Copy2, Bot as Bot2, User as User3, FileText as FileText2, ChevronDown as ChevronDown4, RefreshCw, Plus as Plus3 } from "lucide-react";
+import { Sparkles as Sparkles3, Send as Send2, Mic as Mic2, Copy as Copy2, Bot as Bot2, User as User3, FileText as FileText2, ChevronDown as ChevronDown4, RefreshCw, Plus as Plus2 } from "lucide-react";
 import { jsx as jsx35, jsxs as jsxs29 } from "react/jsx-runtime";
 var ChatBubbleUser = ({ message }) => /* @__PURE__ */ jsxs29("div", { className: "flex gap-4 justify-end mb-6", children: [
   /* @__PURE__ */ jsx35("div", { className: "bg-primary text-primary-foreground px-5 py-3 rounded-2xl rounded-tr-sm max-w-[80%] shadow-sm", children: /* @__PURE__ */ jsx35("p", { className: "leading-relaxed", children: message || "How do I build a Next.js application with Tailwind CSS?" }) }),
@@ -5469,7 +5469,7 @@ var GeneratedCodeBlock = () => /* @__PURE__ */ jsxs29("div", { className: "round
 ] });
 var ChatHistorySidebar = () => /* @__PURE__ */ jsxs29("div", { className: "w-64 h-full border-r bg-background p-4 flex flex-col", children: [
   /* @__PURE__ */ jsxs29("button", { className: "w-full py-2 bg-primary text-primary-foreground rounded-lg font-medium mb-6 text-sm flex items-center justify-center gap-2", children: [
-    /* @__PURE__ */ jsx35(Plus3, { className: "w-4 h-4" }),
+    /* @__PURE__ */ jsx35(Plus2, { className: "w-4 h-4" }),
     " New Chat"
   ] }),
   /* @__PURE__ */ jsx35("div", { className: "text-xs font-semibold text-muted-foreground mb-3 px-2", children: "Today" }),
@@ -5786,7 +5786,7 @@ var CompactDataList = () => /* @__PURE__ */ jsx36("div", { className: "w-full bo
 ] }, i)) });
 
 // src/components/pro-dashboards.tsx
-import { DollarSign, ArrowUpRight, HardDrive, Server, Zap, Plus as Plus4, FileText as FileText4, Settings as Settings3 } from "lucide-react";
+import { DollarSign, ArrowUpRight, HardDrive, Server, Zap, Plus as Plus3, FileText as FileText4, Settings as Settings2 } from "lucide-react";
 import { jsx as jsx37, jsxs as jsxs31 } from "react/jsx-runtime";
 var DashboardShell = ({ children }) => /* @__PURE__ */ jsxs31("div", { className: "flex h-[400px] w-full border rounded-xl overflow-hidden bg-background", children: [
   /* @__PURE__ */ jsxs31("div", { className: "w-48 border-r bg-muted/20 p-4 flex flex-col gap-2", children: [
@@ -5841,7 +5841,7 @@ var ProgressWidget = () => /* @__PURE__ */ jsxs31("div", { className: "border ro
 ] });
 var QuickActionsWidget = () => /* @__PURE__ */ jsxs31("div", { className: "border rounded-xl bg-card p-4 grid grid-cols-3 gap-2", children: [
   /* @__PURE__ */ jsxs31("button", { className: "flex flex-col items-center justify-center p-3 rounded-lg hover:bg-muted transition-colors gap-2", children: [
-    /* @__PURE__ */ jsx37("div", { className: "p-2 bg-primary/10 text-primary rounded-full", children: /* @__PURE__ */ jsx37(Plus4, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx37("div", { className: "p-2 bg-primary/10 text-primary rounded-full", children: /* @__PURE__ */ jsx37(Plus3, { className: "w-4 h-4" }) }),
     /* @__PURE__ */ jsx37("span", { className: "text-xs font-medium", children: "New Project" })
   ] }),
   /* @__PURE__ */ jsxs31("button", { className: "flex flex-col items-center justify-center p-3 rounded-lg hover:bg-muted transition-colors gap-2", children: [
@@ -5849,7 +5849,7 @@ var QuickActionsWidget = () => /* @__PURE__ */ jsxs31("div", { className: "borde
     /* @__PURE__ */ jsx37("span", { className: "text-xs font-medium", children: "Create Invoice" })
   ] }),
   /* @__PURE__ */ jsxs31("button", { className: "flex flex-col items-center justify-center p-3 rounded-lg hover:bg-muted transition-colors gap-2", children: [
-    /* @__PURE__ */ jsx37("div", { className: "p-2 bg-zinc-500/10 text-zinc-500 rounded-full", children: /* @__PURE__ */ jsx37(Settings3, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx37("div", { className: "p-2 bg-zinc-500/10 text-zinc-500 rounded-full", children: /* @__PURE__ */ jsx37(Settings2, { className: "w-4 h-4" }) }),
     /* @__PURE__ */ jsx37("span", { className: "text-xs font-medium", children: "Settings" })
   ] })
 ] });
@@ -5962,11 +5962,11 @@ var PaginationPro = () => /* @__PURE__ */ jsxs32("div", { className: "flex items
 
 // src/components/pro-feedback.tsx
 import { motion as motion22 } from "framer-motion";
-import { CheckCircle2 as CheckCircle26, X as X7, FileBox, UploadCloud as UploadCloud2 } from "lucide-react";
+import { CheckCircle2 as CheckCircle25, X as X7, FileBox, UploadCloud as UploadCloud2 } from "lucide-react";
 import { jsx as jsx39, jsxs as jsxs33 } from "react/jsx-runtime";
 var ConfettiSuccess = () => /* @__PURE__ */ jsxs33("div", { className: "flex flex-col items-center justify-center p-8 border rounded-xl bg-card text-center relative overflow-hidden", children: [
   /* @__PURE__ */ jsx39("div", { className: "absolute inset-0 pointer-events-none flex justify-center", children: [1, 2, 3, 4, 5, 6].map((i) => /* @__PURE__ */ jsx39(motion22.div, { animate: { y: [0, 100], x: [(i % 2 === 0 ? 1 : -1) * 20, (i % 2 === 0 ? 1 : -1) * 40], opacity: [1, 0], rotate: [0, 360] }, transition: { repeat: Infinity, duration: 2, delay: i * 0.2 }, className: `w-2 h-2 absolute top-0 ${i % 3 === 0 ? "bg-red-500" : i % 2 === 0 ? "bg-blue-500" : "bg-yellow-500"}` }, i)) }),
-  /* @__PURE__ */ jsx39("div", { className: "w-16 h-16 bg-green-500/10 text-green-500 rounded-full flex items-center justify-center mb-4 relative z-10", children: /* @__PURE__ */ jsx39(CheckCircle26, { className: "w-8 h-8" }) }),
+  /* @__PURE__ */ jsx39("div", { className: "w-16 h-16 bg-green-500/10 text-green-500 rounded-full flex items-center justify-center mb-4 relative z-10", children: /* @__PURE__ */ jsx39(CheckCircle25, { className: "w-8 h-8" }) }),
   /* @__PURE__ */ jsx39("h3", { className: "text-2xl font-bold mb-2 relative z-10", children: "Payment Successful!" }),
   /* @__PURE__ */ jsx39("p", { className: "text-muted-foreground relative z-10", children: "Your order #12345 has been processed." })
 ] });
@@ -5977,7 +5977,7 @@ var ActionToast = () => /* @__PURE__ */ jsxs33("div", { className: "flex items-c
     /* @__PURE__ */ jsx39("button", { children: /* @__PURE__ */ jsx39(X7, { className: "w-4 h-4 text-muted" }) })
   ] })
 ] });
-var MultiStepProgress = ({ current = 2 }) => /* @__PURE__ */ jsxs33("div", { className: "w-full", children: [
+var MultiStepProgress = () => /* @__PURE__ */ jsxs33("div", { className: "w-full", children: [
   /* @__PURE__ */ jsxs33("div", { className: "flex justify-between mb-2 text-sm font-medium", children: [
     /* @__PURE__ */ jsx39("span", { className: "text-primary", children: "Cart" }),
     /* @__PURE__ */ jsx39("span", { className: "text-primary", children: "Shipping" }),
@@ -6028,7 +6028,7 @@ var UploadProgress = () => /* @__PURE__ */ jsxs33("div", { className: "w-full ma
 ] });
 
 // src/components/pro-marketing.tsx
-import { Check as Check7, X as X8, Play, ArrowRight as ArrowRight3, ShieldCheck } from "lucide-react";
+import { Check as Check6, X as X8, Play, ArrowRight as ArrowRight3, ShieldCheck } from "lucide-react";
 import { jsx as jsx40, jsxs as jsxs34 } from "react/jsx-runtime";
 var WaitlistForm = () => /* @__PURE__ */ jsxs34("div", { className: "w-full max-w-md mx-auto text-center space-y-6 bg-card p-8 rounded-3xl border shadow-xl", children: [
   /* @__PURE__ */ jsx40("div", { className: "inline-block px-3 py-1 bg-primary/10 text-primary font-bold text-xs rounded-full mb-2", children: "EARLY ACCESS" }),
@@ -6076,8 +6076,8 @@ var ComparisonTableMock = () => /* @__PURE__ */ jsxs34("div", { className: "w-fu
   ] }),
   /* @__PURE__ */ jsx40("div", { className: "divide-y text-sm", children: ["Real-time sync", "End-to-end encryption", "24/7 Support"].map((f, i) => /* @__PURE__ */ jsxs34("div", { className: "grid grid-cols-3 p-4 items-center text-center", children: [
     /* @__PURE__ */ jsx40("div", { className: "text-left font-medium", children: f }),
-    /* @__PURE__ */ jsx40("div", { className: "flex justify-center", children: i === 0 ? /* @__PURE__ */ jsx40(Check7, { className: "w-4 h-4 text-muted-foreground/60" }) : /* @__PURE__ */ jsx40(X8, { className: "w-4 h-4 text-muted-foreground/30" }) }),
-    /* @__PURE__ */ jsx40("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx40("div", { className: "w-6 h-6 rounded-full bg-primary/10 flex items-center justify-center text-primary", children: /* @__PURE__ */ jsx40(Check7, { className: "w-3.5 h-3.5 stroke-[2.5]" }) }) })
+    /* @__PURE__ */ jsx40("div", { className: "flex justify-center", children: i === 0 ? /* @__PURE__ */ jsx40(Check6, { className: "w-4 h-4 text-muted-foreground/60" }) : /* @__PURE__ */ jsx40(X8, { className: "w-4 h-4 text-muted-foreground/30" }) }),
+    /* @__PURE__ */ jsx40("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx40("div", { className: "w-6 h-6 rounded-full bg-primary/10 flex items-center justify-center text-primary", children: /* @__PURE__ */ jsx40(Check6, { className: "w-3.5 h-3.5 stroke-[2.5]" }) }) })
   ] }, i)) })
 ] });
 var AnimatedHeroText = () => /* @__PURE__ */ jsxs34("h1", { className: "text-4xl md:text-6xl font-black text-center leading-tight", children: [
@@ -6130,7 +6130,7 @@ var GradientCTABlock = () => /* @__PURE__ */ jsxs34("div", { className: "relativ
 ] });
 
 // src/components/pro-lists.tsx
-import { Phone, Mail as Mail3, FileText as FileText5, Download as Download2, Briefcase, MapPin, Clock, MessageSquare, Plus as Plus5, Check as Check8 } from "lucide-react";
+import { Phone, Mail as Mail3, FileText as FileText5, Download as Download2, Briefcase, MapPin, Clock, MessageSquare, Plus as Plus4, Check as Check7 } from "lucide-react";
 import { jsx as jsx41, jsxs as jsxs35 } from "react/jsx-runtime";
 var ContactList = () => /* @__PURE__ */ jsx41("div", { className: "w-full max-w-md border rounded-xl bg-card divide-y", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxs35("div", { className: "flex items-center justify-between p-4 hover:bg-muted/50 cursor-pointer", children: [
   /* @__PURE__ */ jsxs35("div", { className: "flex items-center gap-3", children: [
@@ -6185,7 +6185,7 @@ var TimelineVertical = () => /* @__PURE__ */ jsx41("div", { className: "w-full m
   /* @__PURE__ */ jsx41("p", { className: "text-sm", children: "Completed the initial design phase and got client approval." })
 ] }, i)) }) });
 var StepList = () => /* @__PURE__ */ jsx41("div", { className: "w-full max-w-md space-y-4", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxs35("div", { className: "flex gap-4", children: [
-  /* @__PURE__ */ jsx41("div", { className: `w-8 h-8 rounded-full flex items-center justify-center shrink-0 border-2 font-bold text-sm ${i === 1 ? "bg-primary border-primary text-primary-foreground" : "border-muted text-muted-foreground"}`, children: i === 1 ? /* @__PURE__ */ jsx41(Check8, { className: "w-4 h-4" }) : i }),
+  /* @__PURE__ */ jsx41("div", { className: `w-8 h-8 rounded-full flex items-center justify-center shrink-0 border-2 font-bold text-sm ${i === 1 ? "bg-primary border-primary text-primary-foreground" : "border-muted text-muted-foreground"}`, children: i === 1 ? /* @__PURE__ */ jsx41(Check7, { className: "w-4 h-4" }) : i }),
   /* @__PURE__ */ jsxs35("div", { children: [
     /* @__PURE__ */ jsxs35("h4", { className: `font-bold text-sm ${i === 1 ? "" : "text-muted-foreground"}`, children: [
       "Step ",
@@ -6198,7 +6198,7 @@ var StepList = () => /* @__PURE__ */ jsx41("div", { className: "w-full max-w-md
 var FAQAccordionList = () => /* @__PURE__ */ jsx41("div", { className: "w-full max-w-2xl border rounded-xl bg-card divide-y", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxs35("div", { className: "p-4", children: [
   /* @__PURE__ */ jsxs35("h4", { className: "font-bold text-sm mb-2 flex justify-between", children: [
     "How does pricing work? ",
-    /* @__PURE__ */ jsx41(Plus5, { className: "w-4 h-4 text-muted-foreground" })
+    /* @__PURE__ */ jsx41(Plus4, { className: "w-4 h-4 text-muted-foreground" })
   ] }),
   i === 1 && /* @__PURE__ */ jsx41("p", { className: "text-sm text-muted-foreground mt-2", children: "Pricing is based on the number of users in your workspace. You can upgrade or downgrade at any time." })
 ] }, i)) });
@@ -6444,7 +6444,7 @@ var HeaderFooterLayout = () => /* @__PURE__ */ jsxs36("div", { className: "flex
 
 // src/components/pro-buttons.tsx
 import * as React31 from "react";
-import { motion as motion23, AnimatePresence as AnimatePresence8 } from "framer-motion";
+import { motion as motion23, AnimatePresence as AnimatePresence6 } from "framer-motion";
 import { jsx as jsx43, jsxs as jsxs37 } from "react/jsx-runtime";
 function MorphButton({ children, className, ...props }) {
   const { onDrag, onDragStart, onDragEnd, onAnimationStart, ...motionSafeProps } = props;
@@ -6485,7 +6485,7 @@ function CopyTextButton({ text, className }) {
       },
       children: [
         /* @__PURE__ */ jsx43("span", { className: "truncate max-w-[200px]", children: text }),
-        /* @__PURE__ */ jsx43(AnimatePresence8, { mode: "wait", children: copied ? /* @__PURE__ */ jsx43(motion23.svg, { initial: { scale: 0 }, animate: { scale: 1 }, exit: { scale: 0 }, className: "w-4 h-4 text-green-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx43("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }, "check") : /* @__PURE__ */ jsx43(motion23.svg, { initial: { scale: 0 }, animate: { scale: 1 }, exit: { scale: 0 }, className: "w-4 h-4 opacity-50", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx43("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z" }) }, "copy") })
+        /* @__PURE__ */ jsx43(AnimatePresence6, { mode: "wait", children: copied ? /* @__PURE__ */ jsx43(motion23.svg, { initial: { scale: 0 }, animate: { scale: 1 }, exit: { scale: 0 }, className: "w-4 h-4 text-green-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx43("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }, "check") : /* @__PURE__ */ jsx43(motion23.svg, { initial: { scale: 0 }, animate: { scale: 1 }, exit: { scale: 0 }, className: "w-4 h-4 opacity-50", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx43("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z" }) }, "copy") })
       ]
     }
   );
@@ -6525,7 +6525,7 @@ function StatusButton({ status = "idle", children, className, ...props }) {
     error: { bg: "bg-red-500 dark:bg-red-600", text: "text-white" }
   };
   const v = variants[status];
-  return /* @__PURE__ */ jsx43("button", { className: cn("relative px-5 py-2.5 rounded-lg font-semibold transition-all duration-300", v.bg, v.text, status === "loading" && "animate-pulse", className), disabled: status === "loading", ...props, children: /* @__PURE__ */ jsx43(AnimatePresence8, { mode: "wait", children: /* @__PURE__ */ jsxs37(motion23.span, { initial: { opacity: 0, y: 10 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: -10 }, className: "inline-flex items-center gap-2", children: [
+  return /* @__PURE__ */ jsx43("button", { className: cn("relative px-5 py-2.5 rounded-lg font-semibold transition-all duration-300", v.bg, v.text, status === "loading" && "animate-pulse", className), disabled: status === "loading", ...props, children: /* @__PURE__ */ jsx43(AnimatePresence6, { mode: "wait", children: /* @__PURE__ */ jsxs37(motion23.span, { initial: { opacity: 0, y: 10 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: -10 }, className: "inline-flex items-center gap-2", children: [
     status === "loading" && /* @__PURE__ */ jsx43("span", { className: "w-4 h-4 border-2 border-white/30 border-t-white rounded-full animate-spin" }),
     status === "success" && /* @__PURE__ */ jsx43("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx43("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }),
     status === "error" && /* @__PURE__ */ jsx43("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx43("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }),
@@ -6637,7 +6637,7 @@ function MetricCard({ title, value, change, changeType = "positive", className }
 
 // src/components/pro-inputs.tsx
 import * as React33 from "react";
-import { motion as motion25, AnimatePresence as AnimatePresence9 } from "framer-motion";
+import { motion as motion25, AnimatePresence as AnimatePresence7 } from "framer-motion";
 import { jsx as jsx45, jsxs as jsxs39 } from "react/jsx-runtime";
 function OTPCodeInput({ length = 6, className, onChange }) {
   const [values, setValues] = React33.useState(Array(length).fill(""));
@@ -6681,7 +6681,7 @@ function TagInput({ placeholder = "Add tag...", className }) {
     }
   };
   return /* @__PURE__ */ jsxs39("div", { className: cn("flex flex-wrap items-center gap-2 p-2.5 rounded-lg border border-border bg-background min-h-[44px]", className), children: [
-    /* @__PURE__ */ jsx45(AnimatePresence9, { children: tags.map((tag) => /* @__PURE__ */ jsxs39(
+    /* @__PURE__ */ jsx45(AnimatePresence7, { children: tags.map((tag) => /* @__PURE__ */ jsxs39(
       motion25.span,
       {
         initial: { scale: 0, opacity: 0 },
@@ -6772,8 +6772,8 @@ function ColorPickerInput({ value: initial = "#8b5cf6", label, className, onChan
 }
 
 // src/components/special-forms.tsx
-import { motion as motion26, AnimatePresence as AnimatePresence10 } from "framer-motion";
-import { Check as Check9, Upload as Upload2, Star as Star4, Plus as Plus6, Minus as Minus2 } from "lucide-react";
+import { motion as motion26, AnimatePresence as AnimatePresence8 } from "framer-motion";
+import { Check as Check8, Upload as Upload2, Star as Star3, Plus as Plus5, Minus } from "lucide-react";
 import { jsx as jsx46, jsxs as jsxs40 } from "react/jsx-runtime";
 var RadioCard = ({ title, description, checked, onChange, value, name }) => /* @__PURE__ */ jsxs40("label", { className: cn("relative flex cursor-pointer rounded-lg border p-4 hover:bg-accent transition-all", checked ? "border-primary bg-primary/5 shadow-sm" : "border-border bg-card"), children: [
   /* @__PURE__ */ jsx46("input", { type: "radio", name, value, checked, onChange, className: "sr-only" }),
@@ -6792,20 +6792,20 @@ var ColorSwatch = ({ color, selected, onClick }) => /* @__PURE__ */ jsx46(
     onClick,
     className: cn("relative flex h-10 w-10 items-center justify-center rounded-full transition-transform hover:scale-110", selected && "ring-2 ring-primary ring-offset-2 ring-offset-background"),
     style: { backgroundColor: color },
-    children: selected && /* @__PURE__ */ jsx46(Check9, { className: "h-5 w-5 text-white drop-shadow-md" })
+    children: selected && /* @__PURE__ */ jsx46(Check8, { className: "h-5 w-5 text-white drop-shadow-md" })
   }
 );
 var NumberStepper = ({ value = 0, onChange, min = 0, max = 100 }) => /* @__PURE__ */ jsxs40("div", { className: "flex items-center space-x-2 rounded-md border border-border p-1 w-fit bg-card", children: [
-  /* @__PURE__ */ jsx46("button", { type: "button", onClick: () => onChange(Math.max(min, value - 1)), className: "p-1 rounded hover:bg-muted text-muted-foreground transition-colors", children: /* @__PURE__ */ jsx46(Minus2, { className: "h-4 w-4" }) }),
+  /* @__PURE__ */ jsx46("button", { type: "button", onClick: () => onChange(Math.max(min, value - 1)), className: "p-1 rounded hover:bg-muted text-muted-foreground transition-colors", children: /* @__PURE__ */ jsx46(Minus, { className: "h-4 w-4" }) }),
   /* @__PURE__ */ jsx46("div", { className: "w-8 text-center font-medium text-sm", children: value }),
-  /* @__PURE__ */ jsx46("button", { type: "button", onClick: () => onChange(Math.min(max, value + 1)), className: "p-1 rounded hover:bg-muted text-muted-foreground transition-colors", children: /* @__PURE__ */ jsx46(Plus6, { className: "h-4 w-4" }) })
+  /* @__PURE__ */ jsx46("button", { type: "button", onClick: () => onChange(Math.min(max, value + 1)), className: "p-1 rounded hover:bg-muted text-muted-foreground transition-colors", children: /* @__PURE__ */ jsx46(Plus5, { className: "h-4 w-4" }) })
 ] });
-var FileDropzone = ({ onDrop }) => /* @__PURE__ */ jsxs40("div", { className: "flex flex-col items-center justify-center w-full h-40 border-2 border-dashed border-muted-foreground/25 rounded-xl bg-card hover:bg-accent/50 transition-colors cursor-pointer group", children: [
+var FileDropzone = ({ onDrop: _onDrop }) => /* @__PURE__ */ jsxs40("div", { className: "flex flex-col items-center justify-center w-full h-40 border-2 border-dashed border-muted-foreground/25 rounded-xl bg-card hover:bg-accent/50 transition-colors cursor-pointer group", children: [
   /* @__PURE__ */ jsx46("div", { className: "p-4 rounded-full bg-muted group-hover:bg-background transition-colors mb-2", children: /* @__PURE__ */ jsx46(Upload2, { className: "h-6 w-6 text-muted-foreground group-hover:text-primary transition-colors" }) }),
   /* @__PURE__ */ jsx46("p", { className: "text-sm font-medium", children: "Click or drag file to this area to upload" }),
   /* @__PURE__ */ jsx46("p", { className: "text-xs text-muted-foreground mt-1", children: "Support for a single or bulk upload." })
 ] });
-var RatingStars = ({ rating = 0, max = 5, onRate }) => /* @__PURE__ */ jsx46("div", { className: "flex items-center space-x-1", children: Array.from({ length: max }).map((_, i) => /* @__PURE__ */ jsx46("button", { type: "button", onClick: () => onRate?.(i + 1), className: "p-1 focus:outline-none transition-transform hover:scale-110", children: /* @__PURE__ */ jsx46(Star4, { className: cn("h-6 w-6", i < rating ? "fill-yellow-400 text-yellow-400" : "fill-muted text-muted-foreground") }) }, i)) });
+var RatingStars = ({ rating = 0, max = 5, onRate }) => /* @__PURE__ */ jsx46("div", { className: "flex items-center space-x-1", children: Array.from({ length: max }).map((_, i) => /* @__PURE__ */ jsx46("button", { type: "button", onClick: () => onRate?.(i + 1), className: "p-1 focus:outline-none transition-transform hover:scale-110", children: /* @__PURE__ */ jsx46(Star3, { className: cn("h-6 w-6", i < rating ? "fill-yellow-400 text-yellow-400" : "fill-muted text-muted-foreground") }) }, i)) });
 var ToggleGroupItemWrapper = ({ children, active, onClick }) => /* @__PURE__ */ jsx46("button", { type: "button", onClick, className: cn("px-4 py-2 text-sm font-medium transition-colors border border-transparent", active ? "bg-background text-foreground shadow-sm rounded-md" : "text-muted-foreground hover:text-foreground"), children });
 var ToggleGroupWrapper = ({ children }) => /* @__PURE__ */ jsx46("div", { className: "inline-flex items-center rounded-lg bg-muted p-1", children });
 var InputWithLabelOverlay = ({ label, id, ...props }) => /* @__PURE__ */ jsxs40("div", { className: "relative", children: [
@@ -6818,8 +6818,8 @@ var VisualSelectCard = ({ icon: Icon2, title, description, selected }) => /* @__
   /* @__PURE__ */ jsx46("p", { className: "text-xs text-muted-foreground", children: description })
 ] });
 var FloatingActionForm = ({ isOpen, toggle, children }) => /* @__PURE__ */ jsxs40("div", { className: "relative", children: [
-  /* @__PURE__ */ jsx46(AnimatePresence10, { children: isOpen && /* @__PURE__ */ jsx46(motion26.div, { initial: { opacity: 0, scale: 0.8, y: 20 }, animate: { opacity: 1, scale: 1, y: 0 }, exit: { opacity: 0, scale: 0.8, y: 20 }, className: "absolute bottom-16 right-0 w-80 bg-card border rounded-xl shadow-xl p-4 origin-bottom-right", children }) }),
-  /* @__PURE__ */ jsx46("button", { type: "button", onClick: toggle, className: "flex h-14 w-14 items-center justify-center rounded-full bg-primary text-primary-foreground shadow-lg hover:bg-primary/90 transition-transform active:scale-95", children: /* @__PURE__ */ jsx46(motion26.div, { animate: { rotate: isOpen ? 45 : 0 }, children: /* @__PURE__ */ jsx46(Plus6, { className: "h-6 w-6" }) }) })
+  /* @__PURE__ */ jsx46(AnimatePresence8, { children: isOpen && /* @__PURE__ */ jsx46(motion26.div, { initial: { opacity: 0, scale: 0.8, y: 20 }, animate: { opacity: 1, scale: 1, y: 0 }, exit: { opacity: 0, scale: 0.8, y: 20 }, className: "absolute bottom-16 right-0 w-80 bg-card border rounded-xl shadow-xl p-4 origin-bottom-right", children }) }),
+  /* @__PURE__ */ jsx46("button", { type: "button", onClick: toggle, className: "flex h-14 w-14 items-center justify-center rounded-full bg-primary text-primary-foreground shadow-lg hover:bg-primary/90 transition-transform active:scale-95", children: /* @__PURE__ */ jsx46(motion26.div, { animate: { rotate: isOpen ? 45 : 0 }, children: /* @__PURE__ */ jsx46(Plus5, { className: "h-6 w-6" }) }) })
 ] });
 var OTPInput = ({ length = 6 }) => /* @__PURE__ */ jsx46("div", { className: "flex space-x-2", children: Array.from({ length }).map((_, i) => /* @__PURE__ */ jsx46("input", { type: "text", maxLength: 1, className: "w-12 h-14 text-center text-xl font-bold rounded-md border border-border bg-background focus:border-primary focus:ring-1 focus:ring-primary outline-none" }, i)) });
 
@@ -6946,7 +6946,7 @@ function Meteors({ number = 20, className }) {
 
 // src/components/ultra-effects.tsx
 import * as React35 from "react";
-import { motion as motion28, AnimatePresence as AnimatePresence11 } from "framer-motion";
+import { motion as motion28, AnimatePresence as AnimatePresence9 } from "framer-motion";
 import { jsx as jsx48, jsxs as jsxs42 } from "react/jsx-runtime";
 function MorphingText({
   texts,
@@ -6960,7 +6960,7 @@ function MorphingText({
     }, interval);
     return () => clearInterval(timer);
   }, [texts.length, interval]);
-  return /* @__PURE__ */ jsx48("div", { className: cn("relative overflow-hidden", className), children: /* @__PURE__ */ jsx48(AnimatePresence11, { mode: "wait", children: /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx48("div", { className: cn("relative overflow-hidden", className), children: /* @__PURE__ */ jsx48(AnimatePresence9, { mode: "wait", children: /* @__PURE__ */ jsx48(
     motion28.span,
     {
       initial: { y: 20, opacity: 0, filter: "blur(8px)" },
@@ -6992,7 +6992,7 @@ function AnimatedList({
     }, delay);
     return () => clearInterval(timer);
   }, []);
-  return /* @__PURE__ */ jsx48("div", { className: cn("flex flex-col gap-2", className), children: /* @__PURE__ */ jsx48(AnimatePresence11, { children: items.map((item, index) => /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx48("div", { className: cn("flex flex-col gap-2", className), children: /* @__PURE__ */ jsx48(AnimatePresence9, { children: items.map((item, index) => /* @__PURE__ */ jsx48(
     motion28.div,
     {
       initial: { opacity: 0, y: 20, scale: 0.95 },
@@ -7196,7 +7196,7 @@ function TextShimmer({
 
 // src/components/premium-overlays.tsx
 import * as React36 from "react";
-import { motion as motion29, AnimatePresence as AnimatePresence12 } from "framer-motion";
+import { motion as motion29, AnimatePresence as AnimatePresence10 } from "framer-motion";
 import { X as X9 } from "lucide-react";
 import { Fragment as Fragment5, jsx as jsx49, jsxs as jsxs43 } from "react/jsx-runtime";
 var slideVariants = {
@@ -7236,7 +7236,7 @@ function Drawer({
     window.addEventListener("keydown", handler);
     return () => window.removeEventListener("keydown", handler);
   }, [open, onClose]);
-  return /* @__PURE__ */ jsx49(AnimatePresence12, { children: open && /* @__PURE__ */ jsxs43("div", { className: "fixed inset-0 z-50", children: [
+  return /* @__PURE__ */ jsx49(AnimatePresence10, { children: open && /* @__PURE__ */ jsxs43("div", { className: "fixed inset-0 z-50", children: [
     /* @__PURE__ */ jsx49(
       motion29.div,
       {
@@ -7326,7 +7326,7 @@ function CommandPalette({
     window.addEventListener("keydown", handler);
     return () => window.removeEventListener("keydown", handler);
   }, [open, filtered, selectedIndex, onClose]);
-  return /* @__PURE__ */ jsx49(AnimatePresence12, { children: open && /* @__PURE__ */ jsxs43("div", { className: "fixed inset-0 z-[100] flex items-start justify-center pt-[20vh]", children: [
+  return /* @__PURE__ */ jsx49(AnimatePresence10, { children: open && /* @__PURE__ */ jsxs43("div", { className: "fixed inset-0 z-[100] flex items-start justify-center pt-[20vh]", children: [
     /* @__PURE__ */ jsx49(
       motion29.div,
       {
@@ -7417,7 +7417,7 @@ function ContextMenu({ items, children, className }) {
   }, [open]);
   return /* @__PURE__ */ jsxs43(Fragment5, { children: [
     /* @__PURE__ */ jsx49("div", { onContextMenu: handleContextMenu, className, children }),
-    /* @__PURE__ */ jsx49(AnimatePresence12, { children: open && /* @__PURE__ */ jsx49(
+    /* @__PURE__ */ jsx49(AnimatePresence10, { children: open && /* @__PURE__ */ jsx49(
       motion29.div,
       {
         ref: menuRef,
@@ -7456,8 +7456,8 @@ function ContextMenu({ items, children, className }) {
 
 // src/components/premium-media.tsx
 import * as React37 from "react";
-import { motion as motion30, AnimatePresence as AnimatePresence13 } from "framer-motion";
-import { FileText as FileText7, Image as ImageIcon2, Video as VideoIcon, FileCode2, Code2 } from "lucide-react";
+import { motion as motion30, AnimatePresence as AnimatePresence11 } from "framer-motion";
+import { FileText as FileText6, Image as ImageIcon2, Video as VideoIcon, FileCode2, Code2 } from "lucide-react";
 import { jsx as jsx50, jsxs as jsxs44 } from "react/jsx-runtime";
 function ImageCarousel({ images, autoPlay = true, interval = 4e3, className }) {
   const [current, setCurrent] = React37.useState(0);
@@ -7488,7 +7488,7 @@ function ImageCarousel({ images, autoPlay = true, interval = 4e3, className }) {
     )) })
   ] });
 }
-function VideoPlayer({ title, duration = "3:45", thumbnail, className }) {
+function VideoPlayer({ title, duration = "3:45", thumbnail: _thumbnail, className }) {
   const [playing, setPlaying] = React37.useState(false);
   return /* @__PURE__ */ jsxs44("div", { className: cn("relative overflow-hidden rounded-xl bg-muted group cursor-pointer", className), children: [
     /* @__PURE__ */ jsx50("div", { className: "aspect-video bg-gradient-to-br from-slate-800 to-slate-900 flex items-center justify-center", children: /* @__PURE__ */ jsx50(
@@ -7531,13 +7531,13 @@ function AudioWaveform({ playing = false, bars = 24, className }) {
 }
 function FilePreviewCard({ name, size, type = "file", className }) {
   const iconMap = {
-    file: FileText7,
+    file: FileText6,
     image: ImageIcon2,
     video: VideoIcon,
     pdf: FileCode2,
     code: Code2
   };
-  const Icon2 = iconMap[type] || FileText7;
+  const Icon2 = iconMap[type] || FileText6;
   const colors = {
     file: "from-blue-500/10 to-blue-500/5 text-blue-500",
     image: "from-pink-500/10 to-pink-500/5 text-pink-500",
@@ -7576,7 +7576,7 @@ function EmbedCard({ title, description, domain, favicon, className }) {
 }
 function MusicPlayer({ title, artist, album, className }) {
   const [playing, setPlaying] = React37.useState(false);
-  const [progress, setProgress] = React37.useState(35);
+  const [progress] = React37.useState(35);
   return /* @__PURE__ */ jsxs44("div", { className: cn("rounded-2xl border border-border bg-card p-5 w-full max-w-sm", className), children: [
     /* @__PURE__ */ jsxs44("div", { className: "flex items-center gap-4 mb-4", children: [
       /* @__PURE__ */ jsx50(
@@ -7743,7 +7743,7 @@ function TestimonialCarousel({ testimonials, className }) {
   const t = testimonials[current];
   return /* @__PURE__ */ jsxs44("div", { className: cn("relative text-center py-8", className), children: [
     /* @__PURE__ */ jsx50("svg", { className: "w-10 h-10 text-primary/20 mx-auto mb-4", fill: "currentColor", viewBox: "0 0 32 32", children: /* @__PURE__ */ jsx50("path", { d: "M10 8c-3.3 0-6 2.7-6 6v10h10V14H8c0-1.1.9-2 2-2V8zm14 0c-3.3 0-6 2.7-6 6v10h10V14h-6c0-1.1.9-2 2-2V8z" }) }),
-    /* @__PURE__ */ jsx50(AnimatePresence13, { mode: "wait", children: /* @__PURE__ */ jsxs44(
+    /* @__PURE__ */ jsx50(AnimatePresence11, { mode: "wait", children: /* @__PURE__ */ jsxs44(
       motion30.div,
       {
         initial: { opacity: 0, y: 10 },
@@ -8104,7 +8104,7 @@ function ModernAreaChart({
     return `${acc} C ${cp1x} ${cp1y}, ${cp2x} ${cp2y}, ${p.x} ${p.y}`;
   }, "");
   const areaD = points.length > 0 ? `${pathD} L ${points[points.length - 1].x} ${padding.top + chartHeight} L ${points[0].x} ${padding.top + chartHeight} Z` : "";
-  const activePoint = hoverIndex !== null ? points[hoverIndex] : points[points.length - 1] || { label: "", value: 0 };
+  const activePoint = hoverIndex !== null ? points[hoverIndex] : points[points.length - 1] || { label: "", value: 0, x: 0, y: 0 };
   return /* @__PURE__ */ jsxs45("div", { className: cn("relative w-full select-none", className), children: [
     /* @__PURE__ */ jsxs45(
       "svg",
@@ -8345,14 +8345,14 @@ import {
   Send as Send3,
   Paperclip as Paperclip2,
   Smile as Smile3,
-  Check as Check10,
+  Check as Check9,
   CheckCheck,
   Bell as Bell3,
   Copy as Copy3,
-  Plus as Plus7,
-  MessageSquare as MessageSquare3,
-  CheckCircle2 as CheckCircle27,
-  AlertTriangle as AlertTriangle4
+  Plus as Plus6,
+  MessageSquare as MessageSquare2,
+  CheckCircle2 as CheckCircle26,
+  AlertTriangle as AlertTriangle2
 } from "lucide-react";
 import { jsx as jsx52, jsxs as jsxs46 } from "react/jsx-runtime";
 var ChatMessageContext = React39.createContext({
@@ -8530,7 +8530,7 @@ var ChatMessageStatus = React39.forwardRef(
         className: cn("inline-flex items-center text-[10px] text-muted-foreground ml-1.5", className),
         ...props,
         children: [
-          status === "sent" && /* @__PURE__ */ jsx52(Check10, { className: "w-3 h-3 text-muted-foreground" }),
+          status === "sent" && /* @__PURE__ */ jsx52(Check9, { className: "w-3 h-3 text-muted-foreground" }),
           status === "delivered" && /* @__PURE__ */ jsx52(CheckCheck, { className: "w-3 h-3 text-muted-foreground" }),
           status === "read" && /* @__PURE__ */ jsx52(CheckCheck, { className: "w-3 h-3 text-primary" })
         ]
@@ -8642,6 +8642,7 @@ var ChatInputSubmit = React39.forwardRef(
   ({ disabled = false, className, children, ...props }, ref) => /* @__PURE__ */ jsx52(
     motion32.button,
     {
+      ref,
       whileTap: { scale: disabled ? 1 : 0.92 },
       disabled,
       className: cn(
@@ -8819,6 +8820,7 @@ var UserProfileFollowButton = React39.forwardRef(
   ({ following = false, className, children, ...props }, ref) => /* @__PURE__ */ jsx52(
     motion32.button,
     {
+      ref,
       whileTap: { scale: 0.95 },
       className: cn(
         "px-4 py-1.5 rounded-full text-xs font-semibold transition-all duration-200 cursor-pointer shadow-xs",
@@ -9131,7 +9133,7 @@ var ReactionAdd = React39.forwardRef(
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx52(Plus7, { className: "w-3.5 h-3.5" })
+      children: /* @__PURE__ */ jsx52(Plus6, { className: "w-3.5 h-3.5" })
     }
   )
 );
@@ -9271,7 +9273,7 @@ var ShareSheet = React39.forwardRef(
                 onClick: handleCopy,
                 className: "px-3.5 py-2 rounded-xl bg-primary text-primary-foreground text-xs font-medium shrink-0 flex items-center gap-1.5 shadow-sm shadow-primary/20 hover:bg-primary/90 transition-colors cursor-pointer",
                 children: [
-                  copied ? /* @__PURE__ */ jsx52(Check10, { className: "w-3.5 h-3.5 text-emerald-400" }) : /* @__PURE__ */ jsx52(Copy3, { className: "w-3.5 h-3.5" }),
+                  copied ? /* @__PURE__ */ jsx52(Check9, { className: "w-3.5 h-3.5 text-emerald-400" }) : /* @__PURE__ */ jsx52(Copy3, { className: "w-3.5 h-3.5" }),
                   /* @__PURE__ */ jsx52("span", { children: copied ? "Copied!" : "Copy" })
                 ]
               }
@@ -9300,9 +9302,9 @@ var NotificationCenter = React39.forwardRef(
       );
     }
     const typeIcons = {
-      info: /* @__PURE__ */ jsx52(MessageSquare3, { className: "w-4 h-4 text-blue-500" }),
-      success: /* @__PURE__ */ jsx52(CheckCircle27, { className: "w-4 h-4 text-emerald-500" }),
-      warning: /* @__PURE__ */ jsx52(AlertTriangle4, { className: "w-4 h-4 text-amber-500" })
+      info: /* @__PURE__ */ jsx52(MessageSquare2, { className: "w-4 h-4 text-blue-500" }),
+      success: /* @__PURE__ */ jsx52(CheckCircle26, { className: "w-4 h-4 text-emerald-500" }),
+      warning: /* @__PURE__ */ jsx52(AlertTriangle2, { className: "w-4 h-4 text-amber-500" })
     };
     return /* @__PURE__ */ jsxs46(
       "div",
@@ -9361,16 +9363,16 @@ import { motion as motion33 } from "framer-motion";
 import {
   ShoppingBag as ShoppingBag2,
   Heart as Heart4,
-  Star as Star5,
-  Check as Check11,
+  Star as Star4,
+  Check as Check10,
   ShieldCheck as ShieldCheck2,
   Lock as Lock3,
   Download as Download3,
   Copy as Copy4,
   Trash2 as Trash23,
-  Plus as Plus8,
-  Minus as Minus3,
-  Sparkles as Sparkles5,
+  Plus as Plus7,
+  Minus as Minus2,
+  Sparkles as Sparkles4,
   ArrowRight as ArrowRight4,
   Tag
 } from "lucide-react";
@@ -9418,7 +9420,7 @@ function ProductCardPro({
             }
           ),
           badge && /* @__PURE__ */ jsx53("div", { className: "absolute top-3 left-3 z-10", children: /* @__PURE__ */ jsxs47("span", { className: "inline-flex items-center gap-1 px-2.5 py-1 rounded-full bg-primary/90 text-primary-foreground text-[11px] font-bold tracking-wide shadow-md backdrop-blur-md", children: [
-            /* @__PURE__ */ jsx53(Sparkles5, { className: "w-3 h-3" }),
+            /* @__PURE__ */ jsx53(Sparkles4, { className: "w-3 h-3" }),
             badge
           ] }) }),
           /* @__PURE__ */ jsx53(
@@ -9454,7 +9456,7 @@ function ProductCardPro({
         /* @__PURE__ */ jsxs47("div", { className: "pt-4 space-y-3", children: [
           /* @__PURE__ */ jsxs47("div", { className: "flex items-center justify-between", children: [
             /* @__PURE__ */ jsxs47("div", { className: "flex items-center gap-1.5", children: [
-              /* @__PURE__ */ jsx53("div", { className: "flex items-center text-amber-400", children: /* @__PURE__ */ jsx53(Star5, { className: "w-3.5 h-3.5 fill-amber-400" }) }),
+              /* @__PURE__ */ jsx53("div", { className: "flex items-center text-amber-400", children: /* @__PURE__ */ jsx53(Star4, { className: "w-3.5 h-3.5 fill-amber-400" }) }),
               /* @__PURE__ */ jsx53("span", { className: "text-xs font-bold text-foreground", children: rating }),
               /* @__PURE__ */ jsxs47("span", { className: "text-xs text-muted-foreground", children: [
                 "(",
@@ -9502,7 +9504,7 @@ function ProductCardPro({
                 isAdded ? "bg-emerald-600 text-white shadow-emerald-500/25" : "bg-primary text-primary-foreground hover:bg-primary/90 shadow-primary/20"
               ),
               children: isAdded ? /* @__PURE__ */ jsxs47(Fragment6, { children: [
-                /* @__PURE__ */ jsx53(Check11, { className: "w-4 h-4" }),
+                /* @__PURE__ */ jsx53(Check10, { className: "w-4 h-4" }),
                 /* @__PURE__ */ jsx53("span", { children: "Added to Cart!" })
               ] }) : /* @__PURE__ */ jsxs47(Fragment6, { children: [
                 /* @__PURE__ */ jsx53(ShoppingBag2, { className: "w-4 h-4" }),
@@ -9680,7 +9682,7 @@ function SubscriptionCard({
         /* @__PURE__ */ jsxs47("div", { className: "space-y-2.5 pt-2 border-t border-border/60", children: [
           /* @__PURE__ */ jsx53("p", { className: "text-[11px] font-bold text-muted-foreground uppercase tracking-wider", children: "Included with plan:" }),
           /* @__PURE__ */ jsx53("ul", { className: "space-y-2 text-xs", children: features.map((f, i) => /* @__PURE__ */ jsxs47("li", { className: "flex items-center gap-2.5 text-foreground/90", children: [
-            /* @__PURE__ */ jsx53("div", { className: "w-4 h-4 rounded-full bg-emerald-500/10 border border-emerald-500/20 text-emerald-500 flex items-center justify-center shrink-0", children: /* @__PURE__ */ jsx53(Check11, { className: "w-2.5 h-2.5" }) }),
+            /* @__PURE__ */ jsx53("div", { className: "w-4 h-4 rounded-full bg-emerald-500/10 border border-emerald-500/20 text-emerald-500 flex items-center justify-center shrink-0", children: /* @__PURE__ */ jsx53(Check10, { className: "w-2.5 h-2.5" }) }),
             /* @__PURE__ */ jsx53("span", { children: f })
           ] }, i)) })
         ] }),
@@ -9780,7 +9782,7 @@ function CartItem({
               type: "button",
               onClick: () => onQuantityChange?.(Math.max(1, quantity - 1)),
               className: "w-6 h-6 rounded-lg bg-card hover:bg-muted flex items-center justify-center text-xs transition-colors cursor-pointer border border-border/40",
-              children: /* @__PURE__ */ jsx53(Minus3, { className: "w-3 h-3" })
+              children: /* @__PURE__ */ jsx53(Minus2, { className: "w-3 h-3" })
             }
           ),
           /* @__PURE__ */ jsx53("span", { className: "w-6 text-center text-xs font-mono font-bold", children: quantity }),
@@ -9790,7 +9792,7 @@ function CartItem({
               type: "button",
               onClick: () => onQuantityChange?.(quantity + 1),
               className: "w-6 h-6 rounded-lg bg-card hover:bg-muted flex items-center justify-center text-xs transition-colors cursor-pointer border border-border/40",
-              children: /* @__PURE__ */ jsx53(Plus8, { className: "w-3 h-3" })
+              children: /* @__PURE__ */ jsx53(Plus7, { className: "w-3 h-3" })
             }
           )
         ] }),
@@ -9917,7 +9919,7 @@ function CouponCard({
               onClick: handleCopy,
               className: "px-4 py-2 rounded-xl bg-primary text-primary-foreground text-xs font-semibold hover:bg-primary/90 transition-colors cursor-pointer flex items-center gap-1.5 shrink-0",
               children: [
-                copied ? /* @__PURE__ */ jsx53(Check11, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ jsx53(Copy4, { className: "w-3.5 h-3.5" }),
+                copied ? /* @__PURE__ */ jsx53(Check10, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ jsx53(Copy4, { className: "w-3.5 h-3.5" }),
                 /* @__PURE__ */ jsx53("span", { children: copied ? "Copied!" : "Copy" })
               ]
             }
@@ -9974,7 +9976,7 @@ function PricingSlider({
         /* @__PURE__ */ jsxs47("div", { className: "space-y-2 pt-2 border-t border-border/60", children: [
           /* @__PURE__ */ jsx53("p", { className: "text-[11px] font-bold text-muted-foreground uppercase", children: "Key Features:" }),
           /* @__PURE__ */ jsx53("ul", { className: "space-y-1.5 text-xs", children: current.features.map((f, idx) => /* @__PURE__ */ jsxs47("li", { className: "flex items-center gap-2 text-foreground/90", children: [
-            /* @__PURE__ */ jsx53(Check11, { className: "w-3.5 h-3.5 text-emerald-500 shrink-0" }),
+            /* @__PURE__ */ jsx53(Check10, { className: "w-3.5 h-3.5 text-emerald-500 shrink-0" }),
             /* @__PURE__ */ jsx53("span", { children: f })
           ] }, idx)) })
         ] })
@@ -9984,7 +9986,7 @@ function PricingSlider({
 }
 function ReviewStars({ rating = 4.8, size = 18, reviewCount }) {
   return /* @__PURE__ */ jsxs47("div", { className: "inline-flex items-center gap-1.5", children: [
-    /* @__PURE__ */ jsx53("div", { className: "flex items-center text-amber-400", children: [1, 2, 3, 4, 5].map((s) => /* @__PURE__ */ jsx53(Star5, { style: { width: size, height: size }, className: cn(s <= Math.round(rating) ? "fill-amber-400 text-amber-400" : "text-muted/40") }, s)) }),
+    /* @__PURE__ */ jsx53("div", { className: "flex items-center text-amber-400", children: [1, 2, 3, 4, 5].map((s) => /* @__PURE__ */ jsx53(Star4, { style: { width: size, height: size }, className: cn(s <= Math.round(rating) ? "fill-amber-400 text-amber-400" : "text-muted/40") }, s)) }),
     /* @__PURE__ */ jsx53("span", { className: "text-xs font-bold text-foreground", children: rating }),
     reviewCount && /* @__PURE__ */ jsxs47("span", { className: "text-xs text-muted-foreground", children: [
       "(",
@@ -10010,12 +10012,12 @@ function TrustBadge({
 
 // src/components/premium-effects.tsx
 import * as React41 from "react";
-import { motion as motion34, useMotionValue as useMotionValue5, AnimatePresence as AnimatePresence16 } from "framer-motion";
+import { motion as motion34, useMotionValue as useMotionValue2, AnimatePresence as AnimatePresence12 } from "framer-motion";
 import { jsx as jsx54, jsxs as jsxs48 } from "react/jsx-runtime";
 var GlowSpotlightCard = React41.forwardRef(
   ({ children, className, glowColor = "rgba(139, 92, 246, 0.15)", glowSize = 300, ...props }, ref) => {
-    const mouseX = useMotionValue5(0);
-    const mouseY = useMotionValue5(0);
+    const mouseX = useMotionValue2(0);
+    const mouseY = useMotionValue2(0);
     const handleMouseMove = React41.useCallback(
       ({ clientX, clientY, currentTarget }) => {
         const { left, top } = currentTarget.getBoundingClientRect();
@@ -10148,7 +10150,7 @@ function AnimatedGridBackground({
           }
         ) }),
         /* @__PURE__ */ jsx54("rect", { width: "100%", height: "100%", fill: `url(#${id})` }),
-        /* @__PURE__ */ jsx54(AnimatePresence16, { children: flashingCells.map((cell) => /* @__PURE__ */ jsx54(
+        /* @__PURE__ */ jsx54(AnimatePresence12, { children: flashingCells.map((cell) => /* @__PURE__ */ jsx54(
           motion34.rect,
           {
             initial: { opacity: 0 },
@@ -10222,8 +10224,7 @@ function BentoCard({
 
 // src/components/aurora-border-fx.tsx
 import * as React42 from "react";
-import { useReducedMotion as useReducedMotion3 } from "framer-motion";
-import { Sparkles as Sparkles6 } from "lucide-react";
+import { Sparkles as Sparkles5 } from "lucide-react";
 import { jsx as jsx55, jsxs as jsxs49 } from "react/jsx-runtime";
 var defaultAuroraColors = [
   { name: "Violet", hex: "#8b5cf6" },
@@ -10258,7 +10259,7 @@ var AuroraBorderFX = React42.forwardRef(
     glow = "medium",
     radius = "lg",
     badgeText = "Aurora Border FX",
-    badgeIcon = /* @__PURE__ */ jsx55(Sparkles6, { className: "w-3 h-3" }),
+    badgeIcon = /* @__PURE__ */ jsx55(Sparkles5, { className: "w-3 h-3" }),
     title = "Reactive Aurora Borders",
     description = "Smooth multi-color conic gradients that dynamically track and react with zero JavaScript canvas lag.",
     showColorPicker = true,
@@ -10271,7 +10272,6 @@ var AuroraBorderFX = React42.forwardRef(
     children,
     ...props
   }, ref) => {
-    const shouldReduceMotion = useReducedMotion3();
     const resolvedInitialColor = colorPresetMap[color] || color || "#8b5cf6";
     const [internalColor, setInternalColor] = React42.useState(resolvedInitialColor);
     React42.useEffect(() => {
@@ -10420,8 +10420,8 @@ AuroraBorderFX.displayName = "AuroraBorderFX";
 
 // src/components/morphing-geometry.tsx
 import * as React43 from "react";
-import { motion as motion36 } from "framer-motion";
-import { Sparkles as Sparkles7 } from "lucide-react";
+import { motion as motion35 } from "framer-motion";
+import { Sparkles as Sparkles6 } from "lucide-react";
 import { jsx as jsx56, jsxs as jsxs50 } from "react/jsx-runtime";
 var sizeMap3 = {
   sm: "w-16 h-16 text-xs",
@@ -10501,7 +10501,6 @@ var MorphingGeometry = React43.forwardRef(
     ...props
   }, ref) => {
     const [currentShape, setCurrentShape] = React43.useState(shape);
-    const [isHovered, setIsHovered] = React43.useState(false);
     React43.useEffect(() => {
       setCurrentShape(shape);
     }, [shape]);
@@ -10532,7 +10531,7 @@ var MorphingGeometry = React43.forwardRef(
       variantClasses = `bg-muted/60 border border-border text-foreground`;
     }
     return /* @__PURE__ */ jsxs50(
-      motion36.div,
+      motion35.div,
       {
         ref,
         animate: spin ? { rotate: [0, 90, 180, 270, 360] } : { rotate: 0 },
@@ -10546,8 +10545,6 @@ var MorphingGeometry = React43.forwardRef(
         },
         whileHover: { scale: 1.04 },
         whileTap: { scale: 0.96 },
-        onHoverStart: () => setIsHovered(true),
-        onHoverEnd: () => setIsHovered(false),
         onClick: handleInteractiveClick,
         className: cn(
           "relative flex items-center justify-center select-none overflow-hidden transition-all duration-300",
@@ -10565,7 +10562,7 @@ var MorphingGeometry = React43.forwardRef(
         ...props,
         children: [
           /* @__PURE__ */ jsx56("div", { className: "absolute inset-0 bg-gradient-to-b from-white/25 via-transparent to-black/20 pointer-events-none" }),
-          /* @__PURE__ */ jsx56("div", { className: "relative z-10 flex flex-col items-center justify-center p-2 text-center", children: icon || (children ? children : /* @__PURE__ */ jsx56(Sparkles7, { className: "w-6 h-6 drop-shadow-md" })) })
+          /* @__PURE__ */ jsx56("div", { className: "relative z-10 flex flex-col items-center justify-center p-2 text-center", children: icon || (children ? children : /* @__PURE__ */ jsx56(Sparkles6, { className: "w-6 h-6 drop-shadow-md" })) })
         ]
       }
     );
@@ -10575,7 +10572,7 @@ MorphingGeometry.displayName = "MorphingGeometry";
 
 // src/components/interactive-code-block.tsx
 import * as React44 from "react";
-import { Copy as Copy5, Check as Check12 } from "lucide-react";
+import { Copy as Copy5, Check as Check11 } from "lucide-react";
 import { Fragment as Fragment7, jsx as jsx57, jsxs as jsxs51 } from "react/jsx-runtime";
 var themeStyles = {
   dark: {
@@ -10672,7 +10669,7 @@ var InteractiveCodeBlock = React44.forwardRef(
                       "aria-label": "Copy code to clipboard",
                       className: "inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md bg-white/10 hover:bg-white/15 text-zinc-300 hover:text-white transition-all cursor-pointer active:scale-95",
                       children: copied ? /* @__PURE__ */ jsxs51(Fragment7, { children: [
-                        /* @__PURE__ */ jsx57(Check12, { className: "h-3 w-3 text-emerald-400" }),
+                        /* @__PURE__ */ jsx57(Check11, { className: "h-3 w-3 text-emerald-400" }),
                         /* @__PURE__ */ jsx57("span", { className: "text-emerald-400 text-[11px] font-sans", children: "Copied!" })
                       ] }) : /* @__PURE__ */ jsxs51(Fragment7, { children: [
                         /* @__PURE__ */ jsx57(Copy5, { className: "h-3 w-3" }),
@@ -10711,7 +10708,7 @@ InteractiveCodeBlock.displayName = "InteractiveCodeBlock";
 
 // src/components/aurora-search-pill.tsx
 import * as React45 from "react";
-import { Globe as Globe3, Sparkles as Sparkles8 } from "lucide-react";
+import { Globe as Globe3, Sparkles as Sparkles7 } from "lucide-react";
 import { jsx as jsx58, jsxs as jsxs52 } from "react/jsx-runtime";
 if (typeof window !== "undefined" && typeof window.CSS !== "undefined" && "registerProperty" in window.CSS) {
   try {
@@ -10801,7 +10798,6 @@ var AuroraSearchPill = React45.forwardRef(
     const [uncontrolledSearching, setUncontrolledSearching] = React45.useState(defaultSearching);
     const active = isControlled ? controlledSearching : uncontrolledSearching;
     const [isHovered, setIsHovered] = React45.useState(false);
-    const instanceId = React45.useId().replace(/:/g, "");
     const activeSources = React45.useMemo(() => {
       if (sourceAvatars && sourceAvatars.length > 0) {
         return sourceAvatars.map((url, i) => ({
@@ -10847,11 +10843,19 @@ var AuroraSearchPill = React45.forwardRef(
     const glowAlpha = GLOW_OPACITY[glowIntensity] ?? GLOW_OPACITY.medium;
     const bodyThemeClass = theme === "light" ? "bg-white text-slate-900 border-white/60 shadow-sm" : theme === "dark" ? "bg-[#090d16] text-white border-white/10 shadow-lg shadow-black/40" : "bg-white text-slate-900 dark:bg-[#090d16] dark:text-white border-white/60 dark:border-white/10 shadow-sm dark:shadow-black/40";
     const dotsColorClass = theme === "light" ? "bg-slate-900" : theme === "dark" ? "bg-white" : "bg-slate-900 dark:bg-white";
+    const {
+      onKeyDown,
+      ...restProps
+    } = props;
     return /* @__PURE__ */ jsxs52(
       "div",
       {
         ref,
-        onClick: handleToggle,
+        ...restProps,
+        onClick: (e) => {
+          onClick?.(e);
+          handleToggle(e);
+        },
         onMouseEnter: (e) => {
           setIsHovered(true);
           onMouseEnter?.(e);
@@ -10865,6 +10869,7 @@ var AuroraSearchPill = React45.forwardRef(
         "aria-pressed": active,
         "aria-label": active ? `Searching: ${searchLabel}` : "Activate AI Search",
         onKeyDown: (e) => {
+          onKeyDown?.(e);
           if (e.key === "Enter" || e.key === " ") {
             e.preventDefault();
             handleToggle(e);
@@ -10875,7 +10880,6 @@ var AuroraSearchPill = React45.forwardRef(
           "transition-transform duration-200 ease-out active:scale-[0.96] focus-visible:ring-2 focus-visible:ring-primary/50 focus-visible:ring-offset-2",
           className
         ),
-        ...props,
         children: [
           /* @__PURE__ */ jsx58("style", { dangerouslySetInnerHTML: {
             __html: `
@@ -11006,7 +11010,7 @@ var AuroraSearchPill = React45.forwardRef(
                                     alt: src.label || src.id,
                                     className: "w-full h-full object-cover"
                                   }
-                                ) : src.icon ? src.icon : src.type === "globe" ? /* @__PURE__ */ jsx58(Globe3, { className: "w-3 h-3 text-sky-400 stroke-[2.5]" }) : src.type === "github" ? /* @__PURE__ */ jsx58("svg", { className: "w-3.5 h-3.5 fill-[#181717]", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx58("path", { d: "M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0 0 24 12c0-6.63-5.37-12-12-12z" }) }) : src.type === "claude" ? /* @__PURE__ */ jsx58(Sparkles8, { className: "w-2.5 h-2.5 text-white" }) : src.type === "chatgpt" ? /* @__PURE__ */ jsx58("div", { className: "w-2 h-2 rounded-full bg-white" }) : src.type === "perplexity" ? /* @__PURE__ */ jsx58(Sparkles8, { className: "w-2.5 h-2.5 text-white" }) : src.initials ? /* @__PURE__ */ jsx58("span", { className: "text-[8px] font-bold text-white uppercase", children: src.initials }) : null
+                                ) : src.icon ? src.icon : src.type === "globe" ? /* @__PURE__ */ jsx58(Globe3, { className: "w-3 h-3 text-sky-400 stroke-[2.5]" }) : src.type === "github" ? /* @__PURE__ */ jsx58("svg", { className: "w-3.5 h-3.5 fill-[#181717]", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx58("path", { d: "M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0 0 24 12c0-6.63-5.37-12-12-12z" }) }) : src.type === "claude" ? /* @__PURE__ */ jsx58(Sparkles7, { className: "w-2.5 h-2.5 text-white" }) : src.type === "chatgpt" ? /* @__PURE__ */ jsx58("div", { className: "w-2 h-2 rounded-full bg-white" }) : src.type === "perplexity" ? /* @__PURE__ */ jsx58(Sparkles7, { className: "w-2.5 h-2.5 text-white" }) : src.initials ? /* @__PURE__ */ jsx58("span", { className: "text-[8px] font-bold text-white uppercase", children: src.initials }) : null
                               },
                               src.id || i
                             );
@@ -11028,7 +11032,7 @@ AuroraSearchPill.displayName = "AuroraSearchPill";
 
 // src/components/dock.tsx
 import { useRef as useRef13 } from "react";
-import { motion as motion37, useMotionValue as useMotionValue6, useSpring as useSpring6, useTransform as useTransform5 } from "framer-motion";
+import { motion as motion36, useMotionValue as useMotionValue3, useSpring as useSpring2, useTransform as useTransform2 } from "framer-motion";
 import { jsx as jsx59, jsxs as jsxs53 } from "react/jsx-runtime";
 function Dock({
   items,
@@ -11036,11 +11040,11 @@ function Dock({
   magnification = 60,
   distance = 140
 }) {
-  const mouseX = useMotionValue6(Infinity);
+  const mouseX = useMotionValue3(Infinity);
   const numMagnification = Number(magnification) || 60;
   const numDistance = Number(distance) || 140;
   return /* @__PURE__ */ jsx59(
-    motion37.div,
+    motion36.div,
     {
       onMouseMove: (e) => mouseX.set(e.clientX),
       onMouseLeave: () => mouseX.set(Infinity),
@@ -11063,22 +11067,22 @@ function DockIcon({
   const ref = useRef13(null);
   const numDistance = Number(distance) || 140;
   const numMagnification = Number(magnification) || 60;
-  const distanceVal = useTransform5(mouseX, (val) => {
+  const distanceVal = useTransform2(mouseX, (val) => {
     const bounds = ref.current?.getBoundingClientRect() ?? { x: 0, width: 0 };
     return val - bounds.x - bounds.width / 2;
   });
-  const widthSync = useTransform5(
+  const widthSync = useTransform2(
     distanceVal,
     [-numDistance, 0, numDistance],
     [40, numMagnification, 40]
   );
-  const width = useSpring6(widthSync, {
+  const width = useSpring2(widthSync, {
     mass: 0.1,
     stiffness: 150,
     damping: 12
   });
   return /* @__PURE__ */ jsxs53(
-    motion37.div,
+    motion36.div,
     {
       ref,
       style: { width },
@@ -11095,7 +11099,7 @@ function DockIcon({
 
 // src/components/dark-mode.tsx
 import { useState as useState32 } from "react";
-import { motion as motion38 } from "framer-motion";
+import { motion as motion37 } from "framer-motion";
 import { Sun, Moon, Monitor } from "lucide-react";
 import { jsx as jsx60, jsxs as jsxs54 } from "react/jsx-runtime";
 function DarkModeToggle({
@@ -11136,7 +11140,7 @@ function DarkModeToggle({
         title: `Switch to ${isDark ? "light" : "dark"} theme`,
         "aria-label": "Toggle theme",
         children: /* @__PURE__ */ jsx60(
-          motion38.div,
+          motion37.div,
           {
             initial: { rotate: -90, scale: 0.8, opacity: 0 },
             animate: { rotate: 0, scale: 1, opacity: 1 },
@@ -11196,7 +11200,7 @@ function DarkModeToggle({
         title: `Switch to ${isDark ? "light" : "dark"} mode`,
         "aria-label": "Toggle dark mode",
         children: /* @__PURE__ */ jsx60(
-          motion38.div,
+          motion37.div,
           {
             animate: {
               x: isDark ? size === "sm" ? 20 : size === "lg" ? 28 : 25 : 0