nexoreui 1.8.1 → 1.8.3

package/dist/index.mjs

@@ -25,14 +25,14 @@ var buttonVariants = cva(
         ghost: "hover:bg-accent hover:text-accent-foreground",
         link: "text-primary underline-offset-4 hover:underline",
         // Premium variants
-        premium: "bg-gradient-to-r from-violet-600 via-pink-600 to-orange-500 text-white shadow-lg shadow-purple-500/20 hover:shadow-xl hover:shadow-purple-500/30",
+        premium: "bg-linear-to-r from-violet-600 via-pink-600 to-orange-500 text-white shadow-lg shadow-purple-500/20 hover:shadow-xl hover:shadow-purple-500/30",
         neon: "bg-background border-2 border-primary text-foreground shadow-[0_0_var(--glow-radius)_rgba(var(--glow-color),var(--glow-strength))] hover:shadow-[0_0_calc(var(--glow-radius)*1.5)_rgba(var(--glow-color),calc(var(--glow-strength)*1.5))]",
         glass: "backdrop-blur-md bg-zinc-900/10 dark:bg-zinc-100/10 border border-zinc-900/20 dark:border-zinc-100/20 text-zinc-900 dark:text-zinc-50 hover:bg-zinc-900/20 dark:hover:bg-zinc-100/20 shadow-md",
         shimmer: "relative overflow-hidden bg-slate-900 text-white dark:bg-white dark:text-black",
         // New requested variants
-        gradient: "bg-gradient-to-r from-indigo-600 via-purple-600 to-violet-600 dark:from-indigo-500 dark:via-purple-500 dark:to-violet-500 text-white shadow-lg shadow-indigo-500/20 hover:shadow-xl hover:shadow-indigo-500/30 hover:opacity-95",
+        gradient: "bg-linear-to-r from-indigo-600 via-purple-600 to-violet-600 dark:from-indigo-500 dark:via-purple-500 dark:to-violet-500 text-white shadow-lg shadow-indigo-500/20 hover:shadow-xl hover:shadow-indigo-500/30 hover:opacity-95",
         glow: "bg-primary text-primary-foreground shadow-[0_0_var(--glow-radius)_rgba(var(--glow-color),var(--glow-strength))] hover:shadow-[0_0_calc(var(--glow-radius)*1.5)_rgba(var(--glow-color),calc(var(--glow-strength)*1.5))] border border-primary/20",
-        magnetic: "bg-gradient-to-br from-violet-600 to-indigo-600 text-white shadow-md hover:shadow-lg",
+        magnetic: "bg-linear-to-br from-violet-600 to-indigo-600 text-white shadow-md hover:shadow-lg",
         loading: "bg-primary/80 text-primary-foreground/80 pointer-events-none cursor-wait"
       },
       size: {
@@ -80,7 +80,7 @@ var Button = React.forwardRef(
       isShimmer && /* @__PURE__ */ jsx(
         motion.div,
         {
-          className: "absolute inset-0 w-[200%] bg-gradient-to-r from-transparent via-white/20 to-transparent",
+          className: "absolute inset-0 w-[200%] bg-linear-to-r from-transparent via-white/20 to-transparent",
           initial: { x: "-100%" },
           animate: { x: "100%" },
           transition: {
@@ -216,7 +216,7 @@ var BorderBeamButton = React.forwardRef(
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-gradient-to-r from-primary to-transparent opacity-0 group-hover:opacity-20 transition-opacity" }),
+        /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-linear-to-r from-primary to-transparent opacity-0 group-hover:opacity-20 transition-opacity" }),
         /* @__PURE__ */ jsx("div", { className: "absolute top-0 left-0 w-full h-[2px] bg-primary scale-x-0 group-hover:scale-x-100 transition-transform origin-left" }),
         /* @__PURE__ */ jsx("span", { className: "relative z-10", children })
       ]
@@ -241,7 +241,7 @@ var GlowButton = React.forwardRef(
     /* @__PURE__ */ jsx(
       "div",
       {
-        className: "absolute -inset-0.5 bg-gradient-to-r from-primary to-purple-600 rounded-lg blur opacity-75 group-hover:opacity-100 transition duration-1000 group-hover:duration-200",
+        className: "absolute -inset-0.5 bg-linear-to-r from-primary to-purple-600 rounded-lg blur opacity-75 group-hover:opacity-100 transition duration-1000 group-hover:duration-200",
         style: { backgroundColor: glowColor }
       }
     ),
@@ -274,10 +274,10 @@ var cardVariants = cva2(
       variant: {
         default: "border bg-card text-card-foreground shadow-sm hover:shadow-md",
         glass: "backdrop-blur-md bg-white/10 dark:bg-black/20 border border-white/20 dark:border-white/10 shadow-lg",
-        gradient: "bg-gradient-to-br from-violet-500/10 via-pink-500/10 to-orange-500/10 border border-purple-500/20 shadow-lg shadow-purple-500/5",
+        gradient: "bg-linear-to-br from-violet-500/10 via-pink-500/10 to-orange-500/10 border border-purple-500/20 shadow-lg shadow-purple-500/5",
         glow: "bg-card border-2 border-primary/20 shadow-[0_0_15px_rgba(var(--primary-rgb),0.1)] hover:shadow-[0_0_25px_rgba(var(--primary-rgb),0.2)]",
         // New variants
-        bento: "border border-border/60 bg-gradient-to-br from-card to-muted/20 text-card-foreground shadow-md hover:shadow-lg hover:border-primary/30 relative",
+        bento: "border border-border/60 bg-linear-to-br from-card to-muted/20 text-card-foreground shadow-md hover:shadow-lg hover:border-primary/30 relative",
         spotlight: "border bg-card text-card-foreground relative hover:border-primary/20",
         flip: "bg-transparent border-0 shadow-none overflow-visible relative",
         tilt: "border bg-card text-card-foreground shadow-md"
@@ -350,7 +350,7 @@ var Card = React2.forwardRef(
               transition: { type: "spring", stiffness: 300, damping: 22 },
               children: [
                 /* @__PURE__ */ jsx2("div", { className: "absolute inset-0 backface-hidden border bg-card text-card-foreground rounded-2xl shadow-sm flex flex-col justify-between overflow-hidden", children }),
-                /* @__PURE__ */ jsx2("div", { className: "absolute inset-0 backface-hidden rotate-y-180 border bg-gradient-to-br from-primary/10 to-primary/5 text-card-foreground rounded-2xl shadow-sm flex flex-col p-6 items-center justify-center text-center overflow-hidden", children: backContent || /* @__PURE__ */ jsx2("div", { className: "text-sm font-medium text-muted-foreground", children: "Flip side content placeholder" }) })
+                /* @__PURE__ */ jsx2("div", { className: "absolute inset-0 backface-hidden rotate-y-180 border bg-linear-to-br from-primary/10 to-primary/5 text-card-foreground rounded-2xl shadow-sm flex flex-col p-6 items-center justify-center text-center overflow-hidden", children: backContent || /* @__PURE__ */ jsx2("div", { className: "text-sm font-medium text-muted-foreground", children: "Flip side content placeholder" }) })
               ]
             }
           )
@@ -416,7 +416,7 @@ var CardTitle = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   "h3",
   {
     ref,
-    className: cn("font-semibold leading-none tracking-tight text-xl bg-gradient-to-br from-foreground to-foreground/75 bg-clip-text text-transparent", className),
+    className: cn("font-semibold leading-none tracking-tight text-xl bg-linear-to-br from-foreground to-foreground/75 bg-clip-text text-transparent", className),
     ...props
   }
 ));
@@ -738,7 +738,7 @@ var Input = React3.forwardRef(
               ...htmlProps
             }
           ),
-          variant === "gradient" && /* @__PURE__ */ jsx3("div", { className: "absolute inset-0 -z-10 rounded-xl bg-gradient-to-r from-violet-500 to-pink-500 opacity-0 blur transition-opacity peer-focus:opacity-20" })
+          variant === "gradient" && /* @__PURE__ */ jsx3("div", { className: "absolute inset-0 -z-10 rounded-xl bg-linear-to-r from-violet-500 to-pink-500 opacity-0 blur transition-opacity peer-focus:opacity-20" })
         ]
       }
     );
@@ -957,7 +957,7 @@ var badgeVariants = cva4(
         secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
         destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
         outline: "text-foreground border-border hover:bg-accent",
-        gradient: "border-transparent bg-gradient-to-r from-violet-600 to-pink-600 dark:from-violet-500 dark:to-pink-500 text-white shadow-sm",
+        gradient: "border-transparent bg-linear-to-r from-violet-600 to-pink-600 dark:from-violet-500 dark:to-pink-500 text-white shadow-sm",
         neon: "border-primary/50 bg-primary/10 text-primary shadow-[0_0_10px_rgba(var(--primary-rgb),0.3)]",
         success: "border-transparent bg-emerald-500/20 text-emerald-600 dark:text-emerald-400",
         warning: "border-transparent bg-amber-500/20 text-amber-600 dark:text-amber-400",
@@ -1003,7 +1003,7 @@ var avatarVariants = cva5(
       },
       variant: {
         default: "border-2 border-background",
-        gradient: "p-[2px] bg-gradient-to-tr from-violet-500 to-pink-500",
+        gradient: "p-[2px] bg-linear-to-tr from-violet-500 to-pink-500",
         glow: "shadow-[0_0_15px_rgba(139,92,246,0.5)] border-2 border-violet-500",
         glass: "backdrop-blur-md bg-white/10 dark:bg-black/20 border border-white/20 dark:border-white/10"
       }
@@ -1358,7 +1358,7 @@ var DialogTitle = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE
   {
     ref,
     className: cn(
-      "text-xl font-semibold leading-none tracking-tight bg-gradient-to-br from-foreground to-foreground/70 bg-clip-text text-transparent",
+      "text-xl font-semibold leading-none tracking-tight bg-linear-to-br from-foreground to-foreground/70 bg-clip-text text-transparent",
       className
     ),
     ...props
@@ -1440,7 +1440,7 @@ var Checkbox = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   {
     ref,
     className: cn(
-      "peer h-5 w-5 shrink-0 rounded-md border border-muted-foreground/30 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 transition-all duration-200 data-[state=checked]:bg-gradient-to-br data-[state=checked]:from-primary data-[state=checked]:to-primary/80 data-[state=checked]:text-primary-foreground data-[state=checked]:border-transparent data-[state=checked]:shadow-lg data-[state=checked]:shadow-primary/20",
+      "peer h-5 w-5 shrink-0 rounded-md border border-muted-foreground/30 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 transition-all duration-200 data-[state=checked]:bg-linear-to-br data-[state=checked]:from-primary data-[state=checked]:to-primary/80 data-[state=checked]:text-primary-foreground data-[state=checked]:border-transparent data-[state=checked]:shadow-lg data-[state=checked]:shadow-primary/20",
       className
     ),
     ...props,
@@ -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",
@@ -1593,7 +1593,7 @@ var alertVariants = cva9(
         minimal: "border-0 bg-muted/40 p-3 text-sm rounded-xl text-foreground hover:bg-muted/60 shadow-none [&>svg]:top-3.5",
         neon: "border-purple-500/50 bg-purple-500/10 text-purple-200 shadow-[0_0_15px_rgba(168,85,247,0.3)] [&>svg]:text-purple-400",
         cyberpunk: "border-l-4 border-yellow-400 bg-black text-yellow-400 shadow-[4px_4px_0_0_rgba(250,204,21,1)] rounded-none font-mono uppercase [&>svg]:text-yellow-400",
-        gradient: "bg-gradient-to-r from-blue-500/10 to-indigo-500/10 border-blue-500/20 text-foreground [&>svg]:text-blue-500",
+        gradient: "bg-linear-to-r from-blue-500/10 to-indigo-500/10 border-blue-500/20 text-foreground [&>svg]:text-blue-500",
         banner: "w-full bg-indigo-600 text-white border-0 shadow-md rounded-none sm:rounded-xl [&>svg]:text-white"
       }
     },
@@ -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." }),
@@ -1843,7 +1843,7 @@ function Skeleton({
       children: animated && /* @__PURE__ */ jsx15(
         "span",
         {
-          className: "absolute inset-0 -translate-x-full bg-gradient-to-r from-transparent via-foreground/5 to-transparent animate-[shimmer_2s_infinite]",
+          className: "absolute inset-0 -translate-x-full bg-linear-to-r from-transparent via-foreground/5 to-transparent animate-[shimmer_2s_infinite]",
           style: {
             animation: "shimmer 2s infinite"
           }
@@ -1877,10 +1877,10 @@ var Progress = React13.forwardRef(
   }, ref) => {
     const percentage = Math.min(100, Math.max(0, value / max * 100));
     const variantClasses = {
-      default: "bg-gradient-to-r from-primary to-primary/80",
-      success: "bg-gradient-to-r from-emerald-500 to-teal-500",
-      warning: "bg-gradient-to-r from-amber-500 to-orange-500",
-      error: "bg-gradient-to-r from-red-500 to-rose-500"
+      default: "bg-linear-to-r from-primary to-primary/80",
+      success: "bg-linear-to-r from-emerald-500 to-teal-500",
+      warning: "bg-linear-to-r from-amber-500 to-orange-500",
+      error: "bg-linear-to-r from-red-500 to-rose-500"
     };
     const sizeClasses2 = {
       default: "h-3.5",
@@ -1913,7 +1913,7 @@ var Progress = React13.forwardRef(
               className: cn(
                 "h-full w-full flex-1 rounded-full",
                 variantClasses[variant],
-                isIndeterminate ? "absolute inset-0 -translate-x-full origin-left bg-gradient-to-r from-primary/30 via-primary to-primary/30" : "transition-transform ease-out",
+                isIndeterminate ? "absolute inset-0 -translate-x-full origin-left bg-linear-to-r from-primary/30 via-primary to-primary/30" : "transition-transform ease-out",
                 animated && !isIndeterminate ? "duration-500" : "duration-0"
               ),
               style: isIndeterminate ? { animation: "shimmer 1.8s infinite" } : { transform: `translateX(-${100 - percentage}%)` }
@@ -2375,7 +2375,7 @@ function ShimmerBlock({ className }) {
   return /* @__PURE__ */ jsx18("div", { className: cn("relative overflow-hidden bg-muted rounded-md h-24 w-full", className), children: /* @__PURE__ */ jsx18(
     motion8.div,
     {
-      className: "absolute inset-0 -translate-x-full bg-gradient-to-r from-transparent via-white/10 to-transparent",
+      className: "absolute inset-0 -translate-x-full bg-linear-to-r from-transparent via-white/10 to-transparent",
       animate: { translateX: ["-100%", "100%"] },
       transition: { repeat: Infinity, duration: 1.5, ease: "linear" }
     }
@@ -2488,7 +2488,7 @@ function Steps({ items, className }) {
           transition: { delay: index * 0.1 },
           className: cn(
             "flex h-9 w-9 items-center justify-center rounded-full border-2 text-sm font-bold transition-all duration-300",
-            item.status === "complete" && "border-transparent bg-gradient-to-br from-emerald-500 to-emerald-600 text-white shadow-lg shadow-emerald-500/20",
+            item.status === "complete" && "border-transparent bg-linear-to-br from-emerald-500 to-emerald-600 text-white shadow-lg shadow-emerald-500/20",
             item.status === "current" && "border-primary bg-background text-primary shadow-lg shadow-primary/20 ring-4 ring-primary/10",
             item.status === "upcoming" && "border-muted-foreground/30 bg-muted text-muted-foreground"
           ),
@@ -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 },
@@ -3529,7 +3529,7 @@ var tableContainerVariants = cva10(
         minimal: "bg-transparent border-0 border-b border-border/50 text-foreground rounded-none shadow-none",
         cyberpunk: "bg-black border-2 border-green-500/50 text-green-400 font-mono rounded-none shadow-[0_0_15px_rgba(34,197,94,0.15)]",
         aurora: "bg-card/25 backdrop-blur-xl border border-pink-500/10 text-card-foreground rounded-2xl shadow-xl",
-        gradient: "bg-gradient-to-b from-card to-muted/20 border border-border/80 text-foreground rounded-2xl shadow-md"
+        gradient: "bg-linear-to-b from-card to-muted/20 border border-border/80 text-foreground rounded-2xl shadow-md"
       }
     },
     defaultVariants: {
@@ -3584,8 +3584,8 @@ var TableHeader = React22.forwardRef(({ className, children, ...props }, ref) =>
     variant === "cyberpunk" && "bg-green-950/40 border-b-2 border-green-500/60 text-green-300 font-bold uppercase tracking-wider",
     variant === "neon" && "bg-purple-950/20 border-b border-purple-500/40 text-purple-200 tracking-wide",
     variant === "glass" && "bg-white/5 dark:bg-white/3 border-b border-white/10 text-foreground/80",
-    variant === "aurora" && "bg-gradient-to-r from-pink-500/10 via-purple-500/10 to-indigo-500/10 border-b border-purple-500/20 text-purple-300",
-    variant === "gradient" && "bg-gradient-to-r from-primary/10 to-indigo-500/5 border-b border-border/80 text-foreground/90",
+    variant === "aurora" && "bg-linear-to-r from-pink-500/10 via-purple-500/10 to-indigo-500/10 border-b border-purple-500/20 text-purple-300",
+    variant === "gradient" && "bg-linear-to-r from-primary/10 to-indigo-500/5 border-b border-border/80 text-foreground/90",
     className
   );
   return /* @__PURE__ */ jsx27("thead", { ref, className: headerClass, ...props, children });
@@ -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,
         {
@@ -4504,7 +4504,7 @@ var AuroraBorderCard = React26.forwardRef(
                     "h4",
                     {
                       className: cn(
-                        "text-xl sm:text-2xl font-bold tracking-tight bg-clip-text text-transparent bg-gradient-to-r",
+                        "text-xl sm:text-2xl font-bold tracking-tight bg-clip-text text-transparent bg-linear-to-r",
                         subtitleGradients[variant] || subtitleGradients.aurora
                       ),
                       children: subtitle
@@ -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,14 +5268,14 @@ 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);
   return /* @__PURE__ */ jsxs28("div", { className: "flex flex-col md:flex-row gap-4 w-full", children: [
     /* @__PURE__ */ jsx34("div", { className: "flex flex-row md:flex-col gap-2 order-2 md:order-1", children: [1, 2, 3, 4].map((i) => /* @__PURE__ */ jsx34("div", { onClick: () => setActive(i), className: `w-16 h-16 md:w-20 md:h-24 bg-muted rounded-lg border-2 transition-all ${i === active ? "border-primary ring-2 ring-primary/20 scale-105" : "border-transparent cursor-pointer hover:border-foreground/20"}` }, i)) }),
     /* @__PURE__ */ jsxs28("div", { className: "flex-1 bg-muted rounded-2xl aspect-[4/3] flex items-center justify-center text-muted-foreground order-1 md:order-2 overflow-hidden relative", children: [
-      /* @__PURE__ */ jsx34("div", { className: "absolute inset-0 bg-gradient-to-tr from-background/10 to-transparent" }),
+      /* @__PURE__ */ jsx34("div", { className: "absolute inset-0 bg-linear-to-tr from-background/10 to-transparent" }),
       /* @__PURE__ */ jsxs28("span", { className: "font-medium", children: [
         "Product View ",
         active
@@ -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." })
 ] });
@@ -5405,7 +5405,7 @@ var SizeSelector = () => /* @__PURE__ */ jsxs28("div", { children: [
 ] });
 var CategoryCard = () => /* @__PURE__ */ jsxs28("div", { className: "relative group overflow-hidden rounded-2xl cursor-pointer aspect-square bg-muted flex items-center justify-center", children: [
   /* @__PURE__ */ jsx34("div", { className: "absolute inset-0 bg-black/20 group-hover:bg-black/40 transition-colors z-10" }),
-  /* @__PURE__ */ jsx34("div", { className: "absolute inset-0 scale-100 group-hover:scale-110 transition-transform duration-500 bg-gradient-to-tr from-indigo-500 to-purple-500 opacity-50" }),
+  /* @__PURE__ */ jsx34("div", { className: "absolute inset-0 scale-100 group-hover:scale-110 transition-transform duration-500 bg-linear-to-tr from-indigo-500 to-purple-500 opacity-50" }),
   /* @__PURE__ */ jsxs28("div", { className: "relative z-20 text-white text-center", children: [
     /* @__PURE__ */ jsx34("h3", { className: "text-3xl font-bold mb-2", children: "Sneakers" }),
     /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-1 text-sm font-medium justify-center group-hover:gap-2 transition-all", children: [
@@ -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" }),
@@ -5702,7 +5702,7 @@ var FileExplorerTable = () => /* @__PURE__ */ jsxs30("div", { className: "w-full
     ] })
   ] })
 ] });
-var LeaderboardTable = () => /* @__PURE__ */ jsxs30("div", { className: "w-full border rounded-2xl bg-gradient-to-b from-card to-muted/20 overflow-hidden shadow-lg", children: [
+var LeaderboardTable = () => /* @__PURE__ */ jsxs30("div", { className: "w-full border rounded-2xl bg-linear-to-b from-card to-muted/20 overflow-hidden shadow-lg", children: [
   /* @__PURE__ */ jsx36("div", { className: "p-6 text-center border-b", children: /* @__PURE__ */ jsx36("h3", { className: "font-bold text-xl uppercase tracking-widest text-yellow-500", children: "Global Ranking" }) }),
   /* @__PURE__ */ jsx36("div", { className: "divide-y", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxs30("div", { className: `flex items-center px-6 py-4 ${i === 1 ? "bg-yellow-500/10" : ""}`, children: [
     /* @__PURE__ */ jsxs30("div", { className: `font-black text-2xl w-8 ${i === 1 ? "text-yellow-500" : i === 2 ? "text-gray-400" : "text-amber-700"}`, children: [
@@ -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: [
@@ -5817,7 +5817,7 @@ var StatWidgetCard = ({ title = "Total Revenue", value = "$45,231.89", icon: Ico
 ] });
 var ActivityFeed = () => /* @__PURE__ */ jsxs31("div", { className: "border rounded-xl bg-card p-6", children: [
   /* @__PURE__ */ jsx37("h3", { className: "font-bold mb-4", children: "Recent Activity" }),
-  /* @__PURE__ */ jsx37("div", { className: "space-y-6 relative before:absolute before:inset-0 before:ml-4 before:-translate-x-px md:before:mx-auto md:before:translate-x-0 before:h-full before:w-0.5 before:bg-gradient-to-b before:from-transparent before:via-border before:to-transparent", children: [1, 2].map((i) => /* @__PURE__ */ jsxs31("div", { className: "relative flex items-center justify-between md:justify-normal md:odd:flex-row-reverse group is-active", children: [
+  /* @__PURE__ */ jsx37("div", { className: "space-y-6 relative before:absolute before:inset-0 before:ml-4 before:-translate-x-px md:before:mx-auto md:before:translate-x-0 before:h-full before:w-0.5 before:bg-linear-to-b before:from-transparent before:via-border before:to-transparent", children: [1, 2].map((i) => /* @__PURE__ */ jsxs31("div", { className: "relative flex items-center justify-between md:justify-normal md:odd:flex-row-reverse group is-active", children: [
     /* @__PURE__ */ jsx37("div", { className: "flex items-center justify-center w-8 h-8 rounded-full border-2 border-background bg-primary text-primary-foreground shadow shrink-0 md:order-1 md:group-odd:-translate-x-1/2 md:group-even:translate-x-1/2 z-10", children: /* @__PURE__ */ jsx37(Zap, { className: "w-4 h-4" }) }),
     /* @__PURE__ */ jsxs31("div", { className: "w-[calc(100%-4rem)] md:w-[calc(50%-2.5rem)] border rounded-lg p-3 bg-background shadow-sm", children: [
       /* @__PURE__ */ jsxs31("div", { className: "flex justify-between items-center mb-1", 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,14 +6076,14 @@ 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: [
   "Create the next ",
   /* @__PURE__ */ jsx40("br", {}),
-  /* @__PURE__ */ jsx40("span", { className: "text-transparent bg-clip-text bg-gradient-to-r from-blue-500 via-purple-500 to-pink-500 animate-[pulse_4s_ease-in-out_infinite]", children: "unicorn startup." })
+  /* @__PURE__ */ jsx40("span", { className: "text-transparent bg-clip-text bg-linear-to-r from-blue-500 via-purple-500 to-pink-500 animate-[pulse_4s_ease-in-out_infinite]", children: "unicorn startup." })
 ] });
 var StatCounter = () => /* @__PURE__ */ jsxs34("div", { className: "grid grid-cols-3 gap-4 border-y py-8 text-center bg-card", children: [
   /* @__PURE__ */ jsxs34("div", { children: [
@@ -6113,7 +6113,7 @@ var NewsletterSignup = () => /* @__PURE__ */ jsxs34("div", { className: "bg-prim
   ] })
 ] });
 var VideoModalVisual = () => /* @__PURE__ */ jsxs34("div", { className: "relative w-full max-w-2xl mx-auto aspect-video bg-zinc-900 rounded-2xl overflow-hidden shadow-2xl group cursor-pointer border border-white/10", children: [
-  /* @__PURE__ */ jsx40("div", { className: "absolute inset-0 bg-gradient-to-t from-black/60 to-transparent" }),
+  /* @__PURE__ */ jsx40("div", { className: "absolute inset-0 bg-linear-to-t from-black/60 to-transparent" }),
   /* @__PURE__ */ jsx40("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx40("div", { className: "w-16 h-16 bg-white/20 backdrop-blur-md rounded-full flex items-center justify-center group-hover:scale-110 transition-transform", children: /* @__PURE__ */ jsx40(Play, { className: "w-6 h-6 text-white ml-1" }) }) }),
   /* @__PURE__ */ jsxs34("div", { className: "absolute bottom-4 left-4 text-white", children: [
     /* @__PURE__ */ jsx40("h4", { className: "font-bold", children: "Watch the demo" }),
@@ -6121,7 +6121,7 @@ var VideoModalVisual = () => /* @__PURE__ */ jsxs34("div", { className: "relativ
   ] })
 ] });
 var GradientCTABlock = () => /* @__PURE__ */ jsxs34("div", { className: "relative p-12 rounded-3xl overflow-hidden border shadow-lg text-center", children: [
-  /* @__PURE__ */ jsx40("div", { className: "absolute inset-0 bg-gradient-to-br from-indigo-500/20 via-purple-500/20 to-pink-500/20" }),
+  /* @__PURE__ */ jsx40("div", { className: "absolute inset-0 bg-linear-to-br from-indigo-500/20 via-purple-500/20 to-pink-500/20" }),
   /* @__PURE__ */ jsxs34("div", { className: "relative z-10 max-w-lg mx-auto space-y-6", children: [
     /* @__PURE__ */ jsx40("h2", { className: "text-3xl md:text-4xl font-extrabold", children: "Ready to dive in?" }),
     /* @__PURE__ */ jsx40("p", { className: "text-lg text-muted-foreground", children: "Start your free 14-day trial today. No credit card required." }),
@@ -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)) });
@@ -6296,7 +6296,7 @@ var SplitScreenLayout = () => /* @__PURE__ */ jsxs36("div", { className: "flex w
     /* @__PURE__ */ jsx42("div", { className: "w-full h-10 bg-muted rounded-lg mb-8" }),
     /* @__PURE__ */ jsx42("div", { className: "w-full h-12 bg-primary rounded-lg" })
   ] }),
-  /* @__PURE__ */ jsxs36("div", { className: "hidden md:block flex-1 bg-gradient-to-br from-indigo-500 to-purple-600 p-12 text-white flex flex-col justify-between", children: [
+  /* @__PURE__ */ jsxs36("div", { className: "hidden md:block flex-1 bg-linear-to-br from-indigo-500 to-purple-600 p-12 text-white flex flex-col justify-between", children: [
     /* @__PURE__ */ jsx42("div", {}),
     /* @__PURE__ */ jsxs36("div", { children: [
       /* @__PURE__ */ jsx42("h2", { className: "text-4xl font-bold mb-4", children: "Nexore UI" }),
@@ -6350,7 +6350,7 @@ var DashboardGridLayout = () => /* @__PURE__ */ jsxs36("div", { className: "w-fu
   ] })
 ] });
 var BentoGridVisual = () => /* @__PURE__ */ jsxs36("div", { className: "w-full h-[400px] border rounded-xl bg-background p-4 grid grid-cols-4 grid-rows-3 gap-4", children: [
-  /* @__PURE__ */ jsx42("div", { className: "col-span-2 row-span-2 bg-gradient-to-br from-primary/20 to-primary/5 border rounded-2xl p-6 flex flex-col justify-end", children: /* @__PURE__ */ jsx42("h3", { className: "text-2xl font-bold", children: "Main Feature" }) }),
+  /* @__PURE__ */ jsx42("div", { className: "col-span-2 row-span-2 bg-linear-to-br from-primary/20 to-primary/5 border rounded-2xl p-6 flex flex-col justify-end", children: /* @__PURE__ */ jsx42("h3", { className: "text-2xl font-bold", children: "Main Feature" }) }),
   /* @__PURE__ */ jsx42("div", { className: "col-span-1 row-span-1 bg-card border rounded-2xl" }),
   /* @__PURE__ */ jsx42("div", { className: "col-span-1 row-span-2 bg-card border rounded-2xl" }),
   /* @__PURE__ */ jsx42("div", { className: "col-span-1 row-span-1 bg-card border rounded-2xl" }),
@@ -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" }) }),
@@ -6578,7 +6578,7 @@ function NeumorphicCard({ children, className }) {
 }
 function GradientMeshCard({ children, className }) {
   return /* @__PURE__ */ jsxs38("div", { className: cn("relative rounded-2xl overflow-hidden", className), children: [
-    /* @__PURE__ */ jsx44("div", { className: "absolute inset-0 bg-gradient-to-br from-violet-500/20 via-transparent to-pink-500/20 dark:from-violet-500/10 dark:to-pink-500/10" }),
+    /* @__PURE__ */ jsx44("div", { className: "absolute inset-0 bg-linear-to-br from-violet-500/20 via-transparent to-pink-500/20 dark:from-violet-500/10 dark:to-pink-500/10" }),
     /* @__PURE__ */ jsx44("div", { className: "absolute top-0 right-0 w-32 h-32 bg-orange-400/20 dark:bg-orange-400/10 rounded-full blur-3xl" }),
     /* @__PURE__ */ jsx44("div", { className: "absolute bottom-0 left-0 w-32 h-32 bg-blue-400/20 dark:bg-blue-400/10 rounded-full blur-3xl" }),
     /* @__PURE__ */ jsx44("div", { className: "relative p-6 border border-white/10 dark:border-white/5 rounded-2xl backdrop-blur-sm", children })
@@ -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)) });
 
@@ -6912,7 +6912,7 @@ function RetroGrid({ className, angle = 65 }) {
             }
           }
         ) }),
-        /* @__PURE__ */ jsx47("div", { className: "absolute inset-0 bg-gradient-to-t from-background to-transparent to-90%" })
+        /* @__PURE__ */ jsx47("div", { className: "absolute inset-0 bg-linear-to-t from-background to-transparent to-90%" })
       ]
     }
   );
@@ -6938,7 +6938,7 @@ function Meteors({ number = 20, className }) {
         animationDelay: meteor.animationDelay,
         animationDuration: meteor.animationDuration
       },
-      children: /* @__PURE__ */ jsx47("div", { className: "absolute top-1/2 -translate-y-1/2 w-[1px] h-full bg-gradient-to-b from-foreground/30 to-transparent" })
+      children: /* @__PURE__ */ jsx47("div", { className: "absolute top-1/2 -translate-y-1/2 w-[1px] h-full bg-linear-to-b from-foreground/30 to-transparent" })
     },
     meteor.id
   )) });
@@ -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);
@@ -7474,7 +7474,7 @@ function ImageCarousel({ images, autoPlay = true, interval = 4e3, className }) {
         animate: { opacity: i === current ? 1 : 0 },
         transition: { duration: 0.5 },
         className: "absolute inset-0",
-        children: /* @__PURE__ */ jsx50("div", { className: "w-full h-full bg-gradient-to-br from-violet-500/20 to-pink-500/20 flex items-center justify-center text-muted-foreground", children: img.alt || `Slide ${i + 1}` })
+        children: /* @__PURE__ */ jsx50("div", { className: "w-full h-full bg-linear-to-br from-violet-500/20 to-pink-500/20 flex items-center justify-center text-muted-foreground", children: img.alt || `Slide ${i + 1}` })
       },
       i
     )) }),
@@ -7488,10 +7488,10 @@ 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(
+    /* @__PURE__ */ jsx50("div", { className: "aspect-video bg-linear-to-br from-slate-800 to-slate-900 flex items-center justify-center", children: /* @__PURE__ */ jsx50(
       motion30.button,
       {
         whileHover: { scale: 1.1 },
@@ -7501,7 +7501,7 @@ function VideoPlayer({ title, duration = "3:45", thumbnail, className }) {
         children: playing ? /* @__PURE__ */ jsx50("svg", { className: "w-6 h-6 text-white", fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx50("path", { d: "M6 4h4v16H6V4zm8 0h4v16h-4V4z" }) }) : /* @__PURE__ */ jsx50("svg", { className: "w-6 h-6 text-white ml-1", fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx50("path", { d: "M8 5v14l11-7z" }) })
       }
     ) }),
-    (title || duration) && /* @__PURE__ */ jsxs44("div", { className: "absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/80 to-transparent p-4", children: [
+    (title || duration) && /* @__PURE__ */ jsxs44("div", { className: "absolute bottom-0 left-0 right-0 bg-linear-to-t from-black/80 to-transparent p-4", children: [
       title && /* @__PURE__ */ jsx50("p", { className: "text-white text-sm font-medium", children: title }),
       duration && /* @__PURE__ */ jsx50("span", { className: "text-white/70 text-xs", children: duration })
     ] })
@@ -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",
@@ -7551,7 +7551,7 @@ function FilePreviewCard({ name, size, type = "file", className }) {
       whileHover: { y: -2 },
       className: cn("rounded-xl border border-border bg-card p-4 flex items-center gap-3 cursor-pointer transition-shadow hover:shadow-md", className),
       children: [
-        /* @__PURE__ */ jsx50("div", { className: cn("w-12 h-12 rounded-lg bg-gradient-to-br flex items-center justify-center shrink-0 border border-border/40", colors[type]), children: /* @__PURE__ */ jsx50(Icon2, { className: "w-5 h-5" }) }),
+        /* @__PURE__ */ jsx50("div", { className: cn("w-12 h-12 rounded-lg bg-linear-to-br flex items-center justify-center shrink-0 border border-border/40", colors[type]), children: /* @__PURE__ */ jsx50(Icon2, { className: "w-5 h-5" }) }),
         /* @__PURE__ */ jsxs44("div", { className: "flex-1 min-w-0", children: [
           /* @__PURE__ */ jsx50("p", { className: "text-sm font-medium truncate", children: name }),
           /* @__PURE__ */ jsx50("p", { className: "text-xs text-muted-foreground", children: size })
@@ -7563,7 +7563,7 @@ function FilePreviewCard({ name, size, type = "file", className }) {
 }
 function EmbedCard({ title, description, domain, favicon, className }) {
   return /* @__PURE__ */ jsxs44("div", { className: cn("rounded-xl border border-border bg-card overflow-hidden hover:shadow-md transition-shadow cursor-pointer", className), children: [
-    /* @__PURE__ */ jsx50("div", { className: "h-36 bg-gradient-to-br from-violet-500/20 via-blue-500/20 to-pink-500/20" }),
+    /* @__PURE__ */ jsx50("div", { className: "h-36 bg-linear-to-br from-violet-500/20 via-blue-500/20 to-pink-500/20" }),
     /* @__PURE__ */ jsxs44("div", { className: "p-4 border-t border-border", children: [
       /* @__PURE__ */ jsxs44("div", { className: "flex items-center gap-2 mb-2", children: [
         /* @__PURE__ */ jsx50("div", { className: "w-4 h-4 rounded-full bg-muted flex items-center justify-center text-[8px]", children: favicon || domain.charAt(0).toUpperCase() }),
@@ -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(
@@ -7584,7 +7584,7 @@ function MusicPlayer({ title, artist, album, className }) {
         {
           animate: playing ? { rotate: 360 } : {},
           transition: playing ? { duration: 3, repeat: Infinity, ease: "linear" } : {},
-          className: "w-14 h-14 rounded-full bg-gradient-to-br from-violet-500 to-pink-500 flex items-center justify-center shadow-lg shrink-0",
+          className: "w-14 h-14 rounded-full bg-linear-to-br from-violet-500 to-pink-500 flex items-center justify-center shadow-lg shrink-0",
           children: /* @__PURE__ */ jsx50("div", { className: "w-5 h-5 rounded-full bg-background" })
         }
       ),
@@ -7653,7 +7653,7 @@ function ImageCompare({
       onMouseMove: handleMove,
       onTouchMove: handleTouchMove,
       children: [
-        rightImage ? /* @__PURE__ */ jsx50("img", { src: rightImage, alt: rightLabel, className: "absolute inset-0 w-full h-full object-cover" }) : /* @__PURE__ */ jsx50("div", { className: "absolute inset-0 bg-gradient-to-br from-slate-600 to-slate-800" }),
+        rightImage ? /* @__PURE__ */ jsx50("img", { src: rightImage, alt: rightLabel, className: "absolute inset-0 w-full h-full object-cover" }) : /* @__PURE__ */ jsx50("div", { className: "absolute inset-0 bg-linear-to-br from-slate-600 to-slate-800" }),
         leftImage ? /* @__PURE__ */ jsx50(
           "img",
           {
@@ -7665,7 +7665,7 @@ function ImageCompare({
         ) : /* @__PURE__ */ jsx50(
           "div",
           {
-            className: "absolute inset-0 bg-gradient-to-br from-violet-500 to-pink-500",
+            className: "absolute inset-0 bg-linear-to-br from-violet-500 to-pink-500",
             style: { clipPath: `inset(0 ${100 - position}% 0 0)` }
           }
         ),
@@ -7693,7 +7693,7 @@ function GalleryGrid({ items, className }) {
     {
       whileHover: { scale: 1.02 },
       className: cn(
-        "rounded-xl bg-gradient-to-br p-4 flex items-end cursor-pointer transition-shadow hover:shadow-lg",
+        "rounded-xl bg-linear-to-br p-4 flex items-end cursor-pointer transition-shadow hover:shadow-lg",
         item.color || colors[i % colors.length],
         i === 0 ? "row-span-2 min-h-[200px]" : "min-h-[100px]"
       ),
@@ -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 },
@@ -7982,7 +7982,7 @@ function LeaderboardWidget({ items, title, className }) {
         "w-6 h-6 rounded-full flex items-center justify-center text-xs font-bold shrink-0",
         i === 0 ? "bg-amber-500/20 text-amber-500" : i === 1 ? "bg-slate-300/20 text-slate-400" : i === 2 ? "bg-orange-500/20 text-orange-500" : "bg-muted text-muted-foreground"
       ), children: i + 1 }),
-      /* @__PURE__ */ jsx51("div", { className: "w-8 h-8 rounded-full bg-gradient-to-br from-violet-500 to-pink-500 flex items-center justify-center text-white text-xs font-bold shrink-0", children: item.avatar || item.name.charAt(0) }),
+      /* @__PURE__ */ jsx51("div", { className: "w-8 h-8 rounded-full bg-linear-to-br from-violet-500 to-pink-500 flex items-center justify-center text-white text-xs font-bold shrink-0", children: item.avatar || item.name.charAt(0) }),
       /* @__PURE__ */ jsxs45("div", { className: "flex-1 min-w-0", children: [
         /* @__PURE__ */ jsx51("p", { className: "text-sm font-medium truncate", children: item.name }),
         /* @__PURE__ */ jsx51("div", { className: "h-1.5 bg-muted rounded-full mt-1 overflow-hidden", children: /* @__PURE__ */ jsx51(
@@ -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",
@@ -8262,7 +8262,7 @@ function ModernBarChart({
                 backgroundColor: colorTheme.stroke,
                 boxShadow: isHovered ? `0 0 20px ${colorTheme.glow}` : "none"
               },
-              children: /* @__PURE__ */ jsx51("div", { className: "absolute inset-0 bg-gradient-to-t from-black/20 to-white/20" })
+              children: /* @__PURE__ */ jsx51("div", { className: "absolute inset-0 bg-linear-to-t from-black/20 to-white/20" })
             }
           ),
           /* @__PURE__ */ jsx51(
@@ -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({
@@ -8426,7 +8426,7 @@ var ChatMessageAvatar = React39.forwardRef(
         ref,
         className: cn(
           "relative w-8 h-8 rounded-full flex items-center justify-center text-xs font-bold shrink-0 select-none shadow-sm",
-          isOwn ? "bg-gradient-to-tr from-primary to-violet-500 text-white shadow-primary/20" : "bg-gradient-to-tr from-zinc-700 to-zinc-900 dark:from-zinc-800 dark:to-zinc-950 text-white border border-border/80",
+          isOwn ? "bg-linear-to-tr from-primary to-violet-500 text-white shadow-primary/20" : "bg-linear-to-tr from-zinc-700 to-zinc-900 dark:from-zinc-800 dark:to-zinc-950 text-white border border-border/80",
           className
         ),
         ...props,
@@ -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(
@@ -8725,7 +8726,7 @@ var UserProfileCover = React39.forwardRef(
       ref,
       className: cn(
         "h-36 w-full relative overflow-hidden rounded-t-2xl",
-        gradient || "bg-gradient-to-r from-violet-600 via-indigo-600 to-cyan-500",
+        gradient || "bg-linear-to-r from-violet-600 via-indigo-600 to-cyan-500",
         className
       ),
       ...props,
@@ -8733,7 +8734,7 @@ var UserProfileCover = React39.forwardRef(
         /* @__PURE__ */ jsx52("div", { className: "absolute inset-0 bg-[linear-gradient(to_right,#ffffff15_1px,transparent_1px),linear-gradient(to_bottom,#ffffff15_1px,transparent_1px)] bg-[size:18px_18px] pointer-events-none" }),
         /* @__PURE__ */ jsx52("div", { className: "absolute -top-12 -right-12 w-44 h-44 bg-white/20 rounded-full blur-2xl pointer-events-none" }),
         /* @__PURE__ */ jsx52("div", { className: "absolute -bottom-10 -left-10 w-40 h-40 bg-black/40 rounded-full blur-2xl pointer-events-none" }),
-        /* @__PURE__ */ jsx52("div", { className: "absolute inset-0 bg-gradient-to-t from-card/80 via-transparent to-transparent pointer-events-none" }),
+        /* @__PURE__ */ jsx52("div", { className: "absolute inset-0 bg-linear-to-t from-card/80 via-transparent to-transparent pointer-events-none" }),
         imageSrc && /* @__PURE__ */ jsx52("img", { src: imageSrc, alt: "Cover", className: "w-full h-full object-cover" }),
         children
       ]
@@ -8748,7 +8749,7 @@ var UserProfileAvatar = React39.forwardRef(
       {
         ref,
         className: cn(
-          "w-20 h-20 rounded-full border-4 border-card ring-2 ring-primary/30 bg-gradient-to-tr from-violet-600 via-indigo-600 to-cyan-500 flex items-center justify-center text-white font-extrabold text-2xl shadow-2xl overflow-hidden select-none",
+          "w-20 h-20 rounded-full border-4 border-card ring-2 ring-primary/30 bg-linear-to-tr from-violet-600 via-indigo-600 to-cyan-500 flex items-center justify-center text-white font-extrabold text-2xl shadow-2xl overflow-hidden select-none",
           className
         ),
         ...props,
@@ -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",
@@ -8883,7 +8885,7 @@ var CommentAvatar = React39.forwardRef(
     {
       ref,
       className: cn(
-        "rounded-full flex items-center justify-center font-bold text-white shrink-0 bg-gradient-to-tr from-violet-500 to-indigo-600 shadow-xs",
+        "rounded-full flex items-center justify-center font-bold text-white shrink-0 bg-linear-to-tr from-violet-500 to-indigo-600 shadow-xs",
         size === "sm" ? "w-6 h-6 text-[10px]" : "w-8 h-8 text-xs",
         className
       ),
@@ -9016,7 +9018,7 @@ var SocialPostAvatar = React39.forwardRef(
     {
       ref,
       className: cn(
-        "w-10 h-10 rounded-full bg-gradient-to-tr from-violet-500 to-indigo-600 flex items-center justify-center text-white font-bold shrink-0 shadow-xs",
+        "w-10 h-10 rounded-full bg-linear-to-tr from-violet-500 to-indigo-600 flex items-center justify-center text-white font-bold shrink-0 shadow-xs",
         className
       ),
       ...props,
@@ -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" })
     }
   )
 );
@@ -9146,7 +9148,7 @@ var ActivityItem = React39.forwardRef(
       return /* @__PURE__ */ jsx52("div", { ref, className: cn("flex items-start gap-3 py-3 w-full", className), ...props, children });
     }
     return /* @__PURE__ */ jsxs46("div", { ref, className: cn("flex items-start gap-3 py-3 w-full", className), ...props, children: [
-      /* @__PURE__ */ jsx52("div", { className: "w-8 h-8 rounded-full bg-gradient-to-tr from-violet-500 to-indigo-600 flex items-center justify-center text-white text-xs font-bold shrink-0 shadow-xs", children: icon || user?.charAt(0) || "U" }),
+      /* @__PURE__ */ jsx52("div", { className: "w-8 h-8 rounded-full bg-linear-to-tr from-violet-500 to-indigo-600 flex items-center justify-center text-white text-xs font-bold shrink-0 shadow-xs", children: icon || user?.charAt(0) || "U" }),
       /* @__PURE__ */ jsxs46("div", { className: "flex-1 min-w-0", children: [
         /* @__PURE__ */ jsxs46("p", { className: "text-xs sm:text-sm text-foreground/90 leading-snug", children: [
           /* @__PURE__ */ jsx52("span", { className: "font-semibold text-foreground", children: user }),
@@ -9197,7 +9199,7 @@ var OnlineUsersList = React39.forwardRef(
           ] }),
           /* @__PURE__ */ jsx52("div", { className: "space-y-2", children: users?.map((user, i) => /* @__PURE__ */ jsxs46("div", { className: "flex items-center gap-2.5 py-1", children: [
             /* @__PURE__ */ jsxs46("div", { className: "relative shrink-0", children: [
-              /* @__PURE__ */ jsx52("div", { className: "w-7 h-7 rounded-full bg-gradient-to-tr from-violet-500 to-indigo-600 flex items-center justify-center text-white text-[11px] font-bold shadow-2xs", children: user.name.charAt(0) }),
+              /* @__PURE__ */ jsx52("div", { className: "w-7 h-7 rounded-full bg-linear-to-tr from-violet-500 to-indigo-600 flex items-center justify-center text-white text-[11px] font-bold shadow-2xs", children: user.name.charAt(0) }),
               /* @__PURE__ */ jsx52(
                 "div",
                 {
@@ -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";
@@ -9409,7 +9411,7 @@ function ProductCardPro({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsxs47("div", { className: "relative aspect-[4/3] rounded-2xl bg-gradient-to-br from-muted/60 via-card to-background border border-border/50 overflow-hidden flex items-center justify-center", children: [
+        /* @__PURE__ */ jsxs47("div", { className: "relative aspect-[4/3] rounded-2xl bg-linear-to-br from-muted/60 via-card to-background border border-border/50 overflow-hidden flex items-center justify-center", children: [
           /* @__PURE__ */ jsx53(
             "div",
             {
@@ -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(
@@ -9447,14 +9449,14 @@ function ProductCardPro({
               className: "w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"
             }
           ) : /* @__PURE__ */ jsxs47("div", { className: "flex flex-col items-center gap-2 select-none group-hover:scale-105 transition-transform duration-300", children: [
-            /* @__PURE__ */ jsx53("div", { className: "w-20 h-20 rounded-2xl bg-gradient-to-tr from-primary/20 via-primary/10 to-transparent border border-primary/20 flex items-center justify-center text-primary shadow-lg", children: /* @__PURE__ */ jsx53(ShoppingBag2, { className: "w-9 h-9" }) }),
+            /* @__PURE__ */ jsx53("div", { className: "w-20 h-20 rounded-2xl bg-linear-to-tr from-primary/20 via-primary/10 to-transparent border border-primary/20 flex items-center justify-center text-primary shadow-lg", children: /* @__PURE__ */ jsx53(ShoppingBag2, { className: "w-9 h-9" }) }),
             /* @__PURE__ */ jsx53("span", { className: "text-[10px] font-mono tracking-widest text-muted-foreground uppercase", children: "STUDIO SERIES" })
           ] })
         ] }),
         /* @__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)) })
         ] }),
@@ -9715,7 +9717,7 @@ function CreditCardVisual({
     "div",
     {
       className: cn(
-        "relative w-full max-w-sm aspect-[1.6/1] rounded-2xl bg-gradient-to-tr from-zinc-950 via-zinc-900 to-zinc-800 border border-white/10 p-6 text-white shadow-2xl overflow-hidden select-none flex flex-col justify-between",
+        "relative w-full max-w-sm aspect-[1.6/1] rounded-2xl bg-linear-to-tr from-zinc-950 via-zinc-900 to-zinc-800 border border-white/10 p-6 text-white shadow-2xl overflow-hidden select-none flex flex-col justify-between",
         className
       ),
       ...props,
@@ -9724,7 +9726,7 @@ function CreditCardVisual({
         /* @__PURE__ */ jsx53("div", { className: "absolute -bottom-10 -left-10 w-36 h-36 bg-primary/20 rounded-full blur-2xl pointer-events-none" }),
         /* @__PURE__ */ jsxs47("div", { className: "flex items-center justify-between z-10", children: [
           /* @__PURE__ */ jsxs47("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsxs47("div", { className: "w-10 h-7 rounded-md bg-gradient-to-br from-amber-300 via-amber-400 to-amber-600 border border-amber-200/50 shadow-xs relative overflow-hidden", children: [
+            /* @__PURE__ */ jsxs47("div", { className: "w-10 h-7 rounded-md bg-linear-to-br from-amber-300 via-amber-400 to-amber-600 border border-amber-200/50 shadow-xs relative overflow-hidden", children: [
               /* @__PURE__ */ jsx53("div", { className: "absolute inset-x-0 top-1/2 -translate-y-1/2 h-[1px] bg-amber-900/30" }),
               /* @__PURE__ */ jsx53("div", { className: "absolute inset-y-0 left-1/2 -translate-x-1/2 w-[1px] bg-amber-900/30" })
             ] }),
@@ -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 },
@@ -10205,7 +10207,7 @@ function BentoCard({
       ),
       ...motionSafeProps,
       children: [
-        /* @__PURE__ */ jsx54("div", { className: "pointer-events-none absolute -inset-px rounded-xl opacity-0 transition-opacity duration-300 group-hover:opacity-100 bg-gradient-to-tr from-primary/5 via-transparent to-transparent" }),
+        /* @__PURE__ */ jsx54("div", { className: "pointer-events-none absolute -inset-px rounded-xl opacity-0 transition-opacity duration-300 group-hover:opacity-100 bg-linear-to-tr from-primary/5 via-transparent to-transparent" }),
         header && /* @__PURE__ */ jsx54("div", { className: "w-full overflow-hidden rounded-lg mb-4", children: header }),
         /* @__PURE__ */ jsxs48("div", { className: "flex flex-col gap-1.5 mt-auto", children: [
           /* @__PURE__ */ jsxs48("div", { className: "flex items-center gap-2", children: [
@@ -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]);
@@ -10519,9 +10518,9 @@ var MorphingGeometry = React43.forwardRef(
     const glowStyle = glow ? { boxShadow: `0 12px 36px -4px ${colorScheme.glow}` } : {};
     let variantClasses = "";
     if (variant === "gradient") {
-      variantClasses = `bg-gradient-to-tr ${colorScheme.bg} border ${colorScheme.border} ${colorScheme.text}`;
+      variantClasses = `bg-linear-to-tr ${colorScheme.bg} border ${colorScheme.border} ${colorScheme.text}`;
     } else if (variant === "aurora") {
-      variantClasses = `bg-gradient-to-tr ${colorScheme.bg} border-2 border-white/40 shadow-2xl ${colorScheme.text}`;
+      variantClasses = `bg-linear-to-tr ${colorScheme.bg} border-2 border-white/40 shadow-2xl ${colorScheme.text}`;
     } else if (variant === "neon") {
       variantClasses = `bg-black/90 border-2 ${colorScheme.border} ${colorScheme.text}`;
     } else if (variant === "glass") {
@@ -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",
@@ -10564,8 +10561,8 @@ 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: "absolute inset-0 bg-linear-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(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: `
@@ -10949,7 +10953,7 @@ var AuroraSearchPill = React45.forwardRef(
                     sizeStyle.height,
                     active ? cn(sizeStyle.paddingSearch, sizeStyle.minWidthSearch) : sizeStyle.paddingDots,
                     bodyThemeClass,
-                    "transition-all duration-500 [transition-timing-function:cubic-bezier(0.16,1,0.3,1)]"
+                    "transition-all duration-500 ease-[cubic-bezier()]"
                   ),
                   children: [
                     /* @__PURE__ */ jsx58(
@@ -10958,7 +10962,7 @@ var AuroraSearchPill = React45.forwardRef(
                         className: cn(
                           "flex items-center",
                           sizeStyle.dotGap,
-                          "transition-all duration-400 [transition-timing-function:cubic-bezier(0.16,1,0.3,1)]",
+                          "transition-all duration-400 ease-[cubic-bezier()]",
                           active ? "opacity-0 scale-50 -translate-y-2 pointer-events-none absolute" : "opacity-100 scale-100 translate-y-0"
                         ),
                         children: [0, 1, 2].map((idx) => /* @__PURE__ */ jsx58(
@@ -10979,7 +10983,7 @@ var AuroraSearchPill = React45.forwardRef(
                       {
                         className: cn(
                           "flex items-center gap-2.5 whitespace-nowrap",
-                          "transition-all duration-400 [transition-timing-function:cubic-bezier(0.16,1,0.3,1)]",
+                          "transition-all duration-400 ease-[cubic-bezier()]",
                           active ? "opacity-100 scale-100 translate-y-0" : "opacity-0 scale-90 translate-y-2 pointer-events-none absolute"
                         ),
                         children: [
@@ -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