nexoreui 0.1.6 → 1.6.0

package/dist/index.js

@@ -57,6 +57,7 @@ __export(index_exports, {
   AudioWaveform: () => AudioWaveform,
   AuroraBorderCard: () => AuroraBorderCard,
   AuroraBorderFX: () => AuroraBorderFX,
+  AuroraSearchPill: () => AuroraSearchPill,
   AuthenticationLayout: () => AuthenticationLayout,
   Avatar: () => Avatar,
   AvatarFallback: () => AvatarFallback,
@@ -319,6 +320,7 @@ __export(index_exports, {
   RangeSliderInput: () => RangeSliderInput,
   RateLimitAlert: () => RateLimitAlert,
   Rating: () => Rating,
+  RatingBreakdown: () => RatingBreakdown,
   RatingStars: () => RatingStars,
   ReactionAdd: () => ReactionAdd,
   ReactionBar: () => ReactionBar,
@@ -330,6 +332,7 @@ __export(index_exports, {
   RetroGrid: () => RetroGrid,
   RevealClip: () => RevealClip,
   RevenueChartWidget: () => RevenueChartWidget,
+  ReviewCard: () => ReviewCard,
   ReviewStars: () => ReviewStars,
   RichTooltip: () => RichTooltip,
   RingLoader: () => RingLoader,
@@ -1955,7 +1958,7 @@ var Switch = React10.forwardRef(({ className, variant = "default", ...props }, r
   SwitchPrimitive.Root,
   {
     className: cn(
-      "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border border-border/50 transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-muted shadow-sm",
+      "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:border-primary data-[state=unchecked]:bg-zinc-200 dark:data-[state=unchecked]:bg-zinc-800 data-[state=unchecked]:border-zinc-300 dark:data-[state=unchecked]:border-zinc-700 shadow-sm",
       variant === "neon" && "data-[state=checked]:shadow-[0_0_var(--glow-radius)_rgba(var(--glow-color),var(--glow-strength))] data-[state=checked]:border-primary/50",
       className
     ),
@@ -1965,7 +1968,7 @@ var Switch = React10.forwardRef(({ className, variant = "default", ...props }, r
       SwitchPrimitive.Thumb,
       {
         className: cn(
-          "pointer-events-none block h-5 w-5 rounded-full bg-background shadow-sm ring-0 transition-all duration-300 ease-in-out data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0 data-[state=checked]:scale-95 border border-border/20"
+          "pointer-events-none block h-5 w-5 rounded-full bg-white shadow-md ring-0 transition-all duration-300 ease-in-out data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0 data-[state=checked]:scale-95 border border-black/5 dark:border-white/10"
         )
       }
     )
@@ -2366,7 +2369,7 @@ var Progress = React13.forwardRef(
       warning: "bg-gradient-to-r from-amber-500 to-orange-500",
       error: "bg-gradient-to-r from-red-500 to-rose-500"
     };
-    const sizeClasses = {
+    const sizeClasses2 = {
       default: "h-3.5",
       sm: "h-2",
       lg: "h-5"
@@ -2387,7 +2390,7 @@ var Progress = React13.forwardRef(
           max,
           className: cn(
             "relative w-full overflow-hidden rounded-full bg-muted border border-border/40 shadow-inner",
-            sizeClasses[size],
+            sizeClasses2[size],
             className
           ),
           ...props,
@@ -2462,8 +2465,19 @@ var CircularProgressCard = ({
 var React14 = __toESM(require("react"));
 var SliderPrimitive = __toESM(require("@radix-ui/react-slider"));
 var import_jsx_runtime17 = require("react/jsx-runtime");
-var Slider = React14.forwardRef(({ min = 0, max = 100, step = 1, value = 0, onChange, showValue = false, variant = "default", className, ...props }, ref) => {
+var Slider = React14.forwardRef(({ min = 0, max = 100, step = 1, value, defaultValue = 0, onChange, showValue = false, variant = "default", className, ...props }, ref) => {
+  const isControlled = value !== void 0;
+  const [internalValue, setInternalValue] = React14.useState(defaultValue);
+  const currentValue = isControlled ? value : internalValue;
+  React14.useEffect(() => {
+    if (!isControlled && defaultValue !== void 0) {
+      setInternalValue(defaultValue);
+    }
+  }, [defaultValue, isControlled]);
   const handleValueChange = (val) => {
+    if (!isControlled) {
+      setInternalValue(val[0]);
+    }
     onChange?.(val[0]);
   };
   const variantClasses = {
@@ -2482,7 +2496,7 @@ var Slider = React14.forwardRef(({ min = 0, max = 100, step = 1, value = 0, onCh
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "w-full space-y-2", children: [
     showValue && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex justify-between text-sm font-medium", children: [
       /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: "Value" }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: value })
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: currentValue })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
       SliderPrimitive.Root,
@@ -2491,7 +2505,7 @@ var Slider = React14.forwardRef(({ min = 0, max = 100, step = 1, value = 0, onCh
         min,
         max,
         step,
-        value: [value],
+        value: [currentValue],
         onValueChange: handleValueChange,
         className: cn(
           "relative flex w-full touch-none select-none items-center",
@@ -3460,102 +3474,310 @@ var React20 = __toESM(require("react"));
 var import_framer_motion14 = require("framer-motion");
 var import_lucide_react9 = require("lucide-react");
 var import_jsx_runtime25 = require("react/jsx-runtime");
+var sizeClasses = {
+  xs: "h-3.5 w-3.5",
+  sm: "h-4 w-4",
+  md: "h-6 w-6",
+  lg: "h-8 w-8",
+  xl: "h-10 w-10"
+};
+var variantStyles = {
+  amber: {
+    active: "fill-amber-400 text-amber-400",
+    glow: "drop-shadow-[0_0_8px_rgba(251,191,36,0.35)]"
+  },
+  primary: {
+    active: "fill-primary text-primary",
+    glow: "drop-shadow-[0_0_8px_rgba(var(--primary-rgb),0.35)]"
+  },
+  emerald: {
+    active: "fill-emerald-400 text-emerald-400",
+    glow: "drop-shadow-[0_0_8px_rgba(52,211,153,0.35)]"
+  },
+  rose: {
+    active: "fill-rose-500 text-rose-500",
+    glow: "drop-shadow-[0_0_8px_rgba(244,63,94,0.35)]"
+  },
+  cyan: {
+    active: "fill-cyan-400 text-cyan-400",
+    glow: "drop-shadow-[0_0_8px_rgba(34,211,238,0.35)]"
+  }
+};
+var getIconComponent = (icon) => {
+  switch (icon) {
+    case "heart":
+      return import_lucide_react9.Heart;
+    case "thumb":
+      return import_lucide_react9.ThumbsUp;
+    case "flame":
+      return import_lucide_react9.Flame;
+    case "trophy":
+      return import_lucide_react9.Trophy;
+    case "smile":
+      return import_lucide_react9.Smile;
+    case "star":
+    default:
+      return import_lucide_react9.Star;
+  }
+};
 var Rating = React20.forwardRef(
   ({
     value,
+    defaultValue = 0,
     max = 5,
     onChange,
     readonly = false,
     size = "md",
     icon = "star",
+    variant = "amber",
+    allowHalf = false,
+    showScore = false,
+    tooltips,
     className,
     ...props
   }, ref) => {
+    const isControlled = value !== void 0;
+    const [internalValue, setInternalValue] = React20.useState(defaultValue);
     const [hoverValue, setHoverValue] = React20.useState(null);
-    const activeValue = hoverValue !== null ? hoverValue : value;
-    const sizeClasses = {
-      sm: "h-4 w-4",
-      md: "h-6 w-6",
-      lg: "h-8 w-8"
+    const currentValue = isControlled ? value : internalValue;
+    const activeValue = hoverValue !== null ? hoverValue : currentValue;
+    React20.useEffect(() => {
+      if (!isControlled && defaultValue !== void 0) {
+        setInternalValue(defaultValue);
+      }
+    }, [defaultValue, isControlled]);
+    const handleSelect = (val) => {
+      if (readonly) return;
+      if (!isControlled) {
+        setInternalValue(val);
+      }
+      onChange?.(val);
     };
-    const getIcon = () => {
-      switch (icon) {
-        case "heart":
-          return import_lucide_react9.Heart;
-        case "thumb":
-          return import_lucide_react9.ThumbsUp;
-        case "star":
-        default:
-          return import_lucide_react9.Star;
+    const handleMouseMove = (e, index) => {
+      if (readonly) return;
+      if (!allowHalf) {
+        setHoverValue(index + 1);
+        return;
       }
+      const rect = e.currentTarget.getBoundingClientRect();
+      const isLeftHalf = e.clientX - rect.left < rect.width / 2;
+      const computed = isLeftHalf ? index + 0.5 : index + 1;
+      setHoverValue(computed);
     };
-    const RatingIcon = getIcon();
-    const handleKeyDown = (e, idx) => {
-      if (readonly || !onChange) return;
+    const handleKeyDown = (e) => {
+      if (readonly) return;
+      const step = allowHalf ? 0.5 : 1;
       if (e.key === "ArrowRight" || e.key === "ArrowUp") {
         e.preventDefault();
-        onChange(Math.min(max, value + 1));
+        handleSelect(Math.min(max, currentValue + step));
       } else if (e.key === "ArrowLeft" || e.key === "ArrowDown") {
         e.preventDefault();
-        onChange(Math.max(1, value - 1));
-      } else if (e.key === "Enter" || e.key === " ") {
-        e.preventDefault();
-        onChange(idx);
+        handleSelect(Math.max(allowHalf ? 0.5 : 1, currentValue - step));
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    const RatingIcon = getIconComponent(icon);
+    const styling = variantStyles[variant] || variantStyles.amber;
+    const currentTooltip = tooltips && activeValue > 0 ? tooltips[Math.min(tooltips.length - 1, Math.ceil(activeValue) - 1)] : null;
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
       "div",
       {
         ref,
         role: "slider",
-        "aria-valuenow": value,
-        "aria-valuemin": 1,
+        "aria-valuenow": currentValue,
+        "aria-valuemin": allowHalf ? 0.5 : 1,
         "aria-valuemax": max,
+        tabIndex: readonly ? -1 : 0,
+        onKeyDown: handleKeyDown,
         className: cn(
-          "flex items-center gap-1.5",
+          "inline-flex items-center gap-2 select-none outline-none",
           readonly ? "cursor-default" : "cursor-pointer",
           className
         ),
         ...props,
-        children: Array.from({ length: max }).map((_, i) => {
-          const indexValue = i + 1;
-          const isFilled = indexValue <= activeValue;
-          const isActuallySelected = indexValue <= value;
-          return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-            import_framer_motion14.motion.button,
-            {
-              type: "button",
-              disabled: readonly,
-              onClick: () => onChange?.(indexValue),
-              onMouseEnter: () => !readonly && setHoverValue(indexValue),
-              onMouseLeave: () => !readonly && setHoverValue(null),
-              onKeyDown: (e) => handleKeyDown(e, indexValue),
-              className: cn(
-                "p-0.5 outline-none rounded-md transition-colors focus-visible:ring-2 focus-visible:ring-primary/40 focus-visible:ring-offset-1 focus-visible:bg-muted/35",
-                readonly ? "pointer-events-none" : ""
-              ),
-              whileHover: readonly ? {} : { scale: 1.15 },
-              whileTap: readonly ? {} : { scale: 0.9 },
-              transition: { type: "spring", stiffness: 400, damping: 15 },
-              children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-                RatingIcon,
-                {
-                  className: cn(
-                    sizeClasses[size],
-                    "transition-all duration-200 stroke-[1.8]",
-                    isFilled ? "fill-primary text-primary drop-shadow-[0_0_8px_rgba(var(--primary-rgb),0.25)]" : "text-muted-foreground/40 hover:text-muted-foreground/60"
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "flex items-center gap-1.5", onMouseLeave: () => !readonly && setHoverValue(null), children: Array.from({ length: max }).map((_, i) => {
+            const indexValue = i + 1;
+            const isFull = indexValue <= activeValue;
+            const isHalf = allowHalf && activeValue === i + 0.5;
+            return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+              import_framer_motion14.motion.button,
+              {
+                type: "button",
+                tabIndex: -1,
+                disabled: readonly,
+                onClick: (e) => {
+                  if (allowHalf) {
+                    const rect = e.currentTarget.getBoundingClientRect();
+                    const isLeftHalf = e.clientX - rect.left < rect.width / 2;
+                    handleSelect(isLeftHalf ? i + 0.5 : indexValue);
+                  } else {
+                    handleSelect(indexValue);
+                  }
+                },
+                onMouseMove: (e) => handleMouseMove(e, i),
+                className: cn(
+                  "relative p-0.5 outline-none rounded-md transition-transform focus-visible:ring-2 focus-visible:ring-primary/40",
+                  readonly ? "pointer-events-none" : "cursor-pointer"
+                ),
+                whileHover: readonly ? {} : { scale: 1.15 },
+                whileTap: readonly ? {} : { scale: 0.9 },
+                transition: { type: "spring", stiffness: 400, damping: 15 },
+                title: tooltips ? tooltips[i] : `${indexValue} / ${max}`,
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                    RatingIcon,
+                    {
+                      className: cn(
+                        sizeClasses[size],
+                        "transition-all duration-200 stroke-[1.8] text-muted-foreground/30"
+                      )
+                    }
+                  ),
+                  (isFull || isHalf) && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                    "div",
+                    {
+                      className: "absolute inset-0 p-0.5 overflow-hidden transition-all duration-150",
+                      style: { width: isHalf ? "50%" : "100%" },
+                      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                        RatingIcon,
+                        {
+                          className: cn(
+                            sizeClasses[size],
+                            "transition-all duration-200 stroke-[1.8]",
+                            styling.active,
+                            styling.glow
+                          )
+                        }
+                      )
+                    }
                   )
-                }
-              )
-            },
-            i
-          );
-        })
+                ]
+              },
+              i
+            );
+          }) }),
+          (showScore || currentTooltip) && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center gap-2 text-xs font-semibold", children: [
+            showScore && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("span", { className: "font-mono text-foreground px-1.5 py-0.5 rounded-md bg-muted/60 border border-border/50", children: [
+              currentValue.toFixed(allowHalf ? 1 : 0),
+              " / ",
+              max
+            ] }),
+            currentTooltip && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_framer_motion14.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              import_framer_motion14.motion.span,
+              {
+                initial: { opacity: 0, x: -4 },
+                animate: { opacity: 1, x: 0 },
+                exit: { opacity: 0, x: 4 },
+                className: "text-muted-foreground font-medium",
+                children: currentTooltip
+              },
+              currentTooltip
+            ) })
+          ] })
+        ]
       }
     );
   }
 );
 Rating.displayName = "Rating";
+function RatingBreakdown({
+  rating,
+  totalReviews,
+  distribution = { 5: 68, 4: 20, 3: 7, 2: 3, 1: 2 },
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+    "div",
+    {
+      className: cn(
+        "rounded-2xl border border-border/70 bg-card p-5 max-w-sm w-full space-y-4 shadow-lg backdrop-blur-md",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center justify-between pb-3 border-b border-border/50", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-baseline gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "text-3xl font-black text-foreground", children: rating.toFixed(1) }),
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "text-xs text-muted-foreground", children: "out of 5" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Rating, { value: rating, readonly: true, size: "sm", variant: "amber", allowHalf: true, className: "mt-1" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "text-right", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "text-xs font-bold text-foreground block", children: totalReviews.toLocaleString() }),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "text-[10px] text-muted-foreground uppercase tracking-wider", children: "verified ratings" })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "space-y-2", children: [5, 4, 3, 2, 1].map((stars) => {
+          const pct = distribution[stars] || 0;
+          return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center gap-2.5 text-xs", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "w-6 flex items-center gap-0.5 font-mono font-medium text-foreground/80 shrink-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: stars }),
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react9.Star, { className: "w-2.5 h-2.5 fill-amber-400 text-amber-400" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "flex-1 h-2 rounded-full bg-muted/60 overflow-hidden relative", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              import_framer_motion14.motion.div,
+              {
+                initial: { width: 0 },
+                animate: { width: `${pct}%` },
+                transition: { duration: 0.8, delay: (5 - stars) * 0.08 },
+                className: "h-full rounded-full bg-amber-400"
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("span", { className: "w-8 text-right font-mono text-[11px] text-muted-foreground", children: [
+              pct,
+              "%"
+            ] })
+          ] }, stars);
+        }) })
+      ]
+    }
+  );
+}
+function ReviewCard({
+  author,
+  avatarUrl,
+  rating,
+  date,
+  title,
+  content,
+  verified = true,
+  className,
+  ...props
+}) {
+  const initials = author.split(" ").map((n) => n[0]).join("").slice(0, 2).toUpperCase();
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+    "div",
+    {
+      className: cn(
+        "rounded-2xl border border-border/70 bg-card/60 p-5 w-full max-w-md space-y-3 backdrop-blur-md shadow-md hover:border-primary/40 transition-colors",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center gap-3", children: [
+            avatarUrl ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("img", { src: avatarUrl, alt: author, className: "w-9 h-9 rounded-full object-cover border border-border" }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "w-9 h-9 rounded-full bg-primary/10 border border-primary/20 text-primary font-bold text-xs flex items-center justify-center", children: initials }),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "text-sm font-semibold text-foreground", children: author }),
+                verified && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("span", { className: "inline-flex items-center gap-0.5 text-[10px] text-emerald-400 font-medium bg-emerald-500/10 px-1.5 py-0.5 rounded-full border border-emerald-500/20", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react9.CheckCircle2, { className: "w-3 h-3" }),
+                  "Verified"
+                ] })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "text-[11px] text-muted-foreground", children: date })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Rating, { value: rating, readonly: true, size: "sm", variant: "amber", allowHalf: true })
+        ] }),
+        title && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("h4", { className: "font-semibold text-sm text-foreground", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-xs text-muted-foreground leading-relaxed", children: content })
+      ]
+    }
+  );
+}
 
 // src/components/file-upload.tsx
 var React21 = __toESM(require("react"));
@@ -3661,11 +3883,25 @@ var FileUpload = React21.forwardRef(
           className: "hidden"
         }
       ),
-      variant === "button" ? /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Button, { variant: "default", onClick: triggerFileInput, className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react10.UploadCloud, { className: "h-4 w-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("span", { children: [
-          "Upload File",
-          multiple ? "s" : ""
+      variant === "button" ? /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-3 p-4 rounded-2xl border border-border/80 bg-card/60 backdrop-blur-md w-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "w-10 h-10 rounded-xl bg-primary/10 border border-primary/20 flex items-center justify-center text-primary shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react10.UploadCloud, { className: "h-5 w-5" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "text-left", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("p", { className: "text-sm font-semibold text-foreground", children: [
+              "Select File",
+              multiple ? "s" : ""
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
+              accept ? `Supports: ${accept}` : "Any file",
+              " (Max: ",
+              (maxSize / (1024 * 1024)).toFixed(0),
+              "MB)"
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Button, { variant: "default", onClick: triggerFileInput, className: "flex items-center gap-2 shrink-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react10.UploadCloud, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { children: "Browse Files" })
         ] })
       ] }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
         import_framer_motion15.motion.div,
@@ -3975,7 +4211,7 @@ var CustomizableTable = ({
   return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Table, { ...props, children: [
     caption && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TableCaption, { children: caption }),
     /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TableHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TableRow, { children: headers.map((header, i) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TableHead, { children: header }, i)) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TableBody, { children: rows.map((row, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TableRow, { index: rowIndex, children: row.map((cell, colIndex) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TableCell, { children: cell }, colIndex)) }, rowIndex)) })
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TableBody, { children: rows.map((row, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TableRow, { index: rowIndex, children: headers.map((_, colIndex) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TableCell, { children: row[colIndex] !== void 0 && row[colIndex] !== null && row[colIndex] !== "" ? row[colIndex] : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-muted-foreground/40 font-mono text-xs", children: "\u2014" }) }, colIndex)) }, rowIndex)) })
   ] });
 };
 function DataTable({
@@ -4091,25 +4327,114 @@ var React23 = __toESM(require("react"));
 var import_framer_motion17 = require("framer-motion");
 var import_lucide_react11 = require("lucide-react");
 var import_jsx_runtime28 = require("react/jsx-runtime");
+var circleSizes = {
+  sm: "h-7 w-7 text-[11px]",
+  md: "h-9 w-9 text-[13px]",
+  lg: "h-11 w-11 text-[15px]"
+};
+var checkSizes = {
+  sm: "h-3.5 w-3.5 stroke-[3]",
+  md: "h-4 w-4 stroke-[3]",
+  lg: "h-5 w-5 stroke-[3]"
+};
 var Stepper = React23.forwardRef(
   ({
     steps,
     currentStep,
     orientation = "horizontal",
     variant = "default",
+    size = "md",
+    onStepClick,
     className,
     ...props
   }, ref) => {
     const isVertical = orientation === "vertical";
+    const isInteractive = Boolean(onStepClick);
+    if (isVertical) {
+      return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        "div",
+        {
+          ref,
+          className: cn("flex flex-col w-full select-none", className),
+          ...props,
+          children: steps.map((step, idx) => {
+            const isCompleted = idx < currentStep;
+            const isActive = idx === currentStep;
+            const isLast = idx === steps.length - 1;
+            return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-start gap-4 group", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex flex-col items-center shrink-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+                  import_framer_motion17.motion.button,
+                  {
+                    type: "button",
+                    disabled: !isInteractive,
+                    onClick: () => onStepClick?.(idx),
+                    whileHover: isInteractive ? { scale: 1.08 } : {},
+                    whileTap: isInteractive ? { scale: 0.95 } : {},
+                    className: cn(
+                      "relative flex items-center justify-center rounded-full border-2 font-semibold transition-all duration-300 z-10",
+                      variant === "arrows" ? "rounded-xl" : "rounded-full",
+                      circleSizes[size],
+                      isCompleted ? "bg-primary border-primary text-primary-foreground shadow-md shadow-primary/25" : isActive ? "border-primary text-primary bg-primary/10 shadow-lg shadow-primary/15 ring-4 ring-primary/20" : "border-border text-muted-foreground bg-muted/30",
+                      isInteractive ? "cursor-pointer" : "cursor-default"
+                    ),
+                    children: [
+                      isCompleted ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                        import_framer_motion17.motion.div,
+                        {
+                          initial: { scale: 0 },
+                          animate: { scale: 1 },
+                          transition: { type: "spring", stiffness: 350, damping: 20 },
+                          children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react11.Check, { className: checkSizes[size] })
+                        }
+                      ) : step.icon ? step.icon : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { children: idx + 1 }),
+                      isActive && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "absolute inset-0 rounded-full animate-ping bg-primary/25 -z-10" })
+                    ]
+                  }
+                ),
+                !isLast && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "w-[2px] min-h-[36px] bg-muted/40 my-1 rounded-full relative overflow-hidden flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                  import_framer_motion17.motion.div,
+                  {
+                    className: "absolute top-0 left-0 right-0 bg-primary",
+                    initial: { height: "0%" },
+                    animate: { height: isCompleted ? "100%" : "0%" },
+                    transition: { duration: 0.3 }
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+                "div",
+                {
+                  onClick: () => isInteractive && onStepClick?.(idx),
+                  className: cn(
+                    "flex flex-col text-left pt-1 pb-6 transition-colors",
+                    isInteractive ? "cursor-pointer" : ""
+                  ),
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                      "span",
+                      {
+                        className: cn(
+                          "text-sm font-semibold transition-colors",
+                          isActive ? "text-foreground" : isCompleted ? "text-primary font-medium" : "text-muted-foreground"
+                        ),
+                        children: step.title
+                      }
+                    ),
+                    step.description && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "text-xs text-muted-foreground/70 mt-0.5 max-w-xs leading-relaxed", children: step.description })
+                  ]
+                }
+              )
+            ] }, idx);
+          })
+        }
+      );
+    }
     return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       "div",
       {
         ref,
-        className: cn(
-          "flex w-full select-none",
-          isVertical ? "flex-col space-y-4" : "flex-row items-center justify-between gap-4",
-          className
-        ),
+        className: cn("flex items-center w-full select-none justify-between", className),
         ...props,
         children: steps.map((step, idx) => {
           const isCompleted = idx < currentStep;
@@ -4119,19 +4444,26 @@ var Stepper = React23.forwardRef(
             /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
               "div",
               {
+                onClick: () => isInteractive && onStepClick?.(idx),
                 className: cn(
-                  "flex items-center gap-3 relative",
-                  isVertical ? "w-full" : "flex-1"
+                  "flex items-center gap-2 sm:gap-3 min-w-0 transition-all",
+                  isInteractive ? "cursor-pointer group" : "cursor-default"
                 ),
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
-                    "div",
+                    import_framer_motion17.motion.button,
                     {
+                      type: "button",
+                      disabled: !isInteractive,
+                      onClick: () => onStepClick?.(idx),
+                      whileHover: isInteractive ? { scale: 1.1 } : {},
+                      whileTap: isInteractive ? { scale: 0.95 } : {},
                       className: cn(
-                        "relative flex items-center justify-center rounded-full shrink-0 border-2 transition-all duration-300",
-                        variant === "arrows" ? "rounded-lg" : "",
-                        isCompleted ? "bg-primary border-primary text-primary-foreground shadow-lg shadow-primary/20" : isActive ? "border-primary text-primary bg-primary/5 scale-110 shadow-md shadow-primary/10" : "border-muted text-muted-foreground bg-muted/20",
-                        variant === "circles" ? "h-9 w-9 text-[13px] font-bold" : "h-8 w-8 text-[12px] font-medium"
+                        "relative shrink-0 flex items-center justify-center rounded-full border-2 font-semibold transition-all duration-300",
+                        variant === "arrows" ? "rounded-xl" : "rounded-full",
+                        circleSizes[size],
+                        isCompleted ? "bg-primary border-primary text-primary-foreground shadow-md shadow-primary/25" : isActive ? "border-primary text-primary bg-primary/10 shadow-lg shadow-primary/15 ring-4 ring-primary/20" : "border-border text-muted-foreground bg-muted/30",
+                        isInteractive ? "cursor-pointer" : "cursor-default"
                       ),
                       children: [
                         isCompleted ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
@@ -4139,67 +4471,39 @@ var Stepper = React23.forwardRef(
                           {
                             initial: { scale: 0 },
                             animate: { scale: 1 },
-                            transition: { type: "spring", stiffness: 300, damping: 20 },
-                            children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react11.Check, { className: "h-4.5 w-4.5 stroke-[3]" })
+                            transition: { type: "spring", stiffness: 350, damping: 20 },
+                            children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react11.Check, { className: checkSizes[size] })
                           }
                         ) : step.icon ? step.icon : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { children: idx + 1 }),
-                        isActive && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "absolute inset-0 rounded-full animate-ping bg-primary/20 -z-10" })
+                        isActive && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "absolute inset-0 rounded-full animate-ping bg-primary/25 -z-10" })
                       ]
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex flex-col text-left", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex flex-col text-left min-w-0", children: [
                     /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
                       "span",
                       {
                         className: cn(
-                          "text-sm font-semibold transition-colors duration-200",
-                          isActive ? "text-foreground" : isCompleted ? "text-primary" : "text-muted-foreground"
+                          "text-xs sm:text-sm font-semibold transition-colors truncate max-w-[90px] sm:max-w-[120px]",
+                          isActive ? "text-foreground" : isCompleted ? "text-primary" : "text-muted-foreground group-hover:text-foreground/80"
                         ),
                         children: step.title
                       }
                     ),
-                    step.description && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "text-xs text-muted-foreground/70 mt-0.5 max-w-[200px]", children: step.description })
-                  ] }),
-                  !isLast && !isVertical && variant !== "arrows" && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex-1 h-[2px] bg-muted/40 ml-2 rounded-full overflow-hidden relative min-w-[30px]", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-                    import_framer_motion17.motion.div,
-                    {
-                      className: "absolute left-0 top-0 bottom-0 bg-primary",
-                      initial: { width: "0%" },
-                      animate: { width: isCompleted ? "100%" : "0%" },
-                      transition: { type: "spring", stiffness: 100, damping: 15 }
-                    }
-                  ) }),
-                  !isLast && !isVertical && variant === "arrows" && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
-                    "svg",
-                    {
-                      xmlns: "http://www.w3.org/2000/svg",
-                      width: "16",
-                      height: "16",
-                      viewBox: "0 0 24 24",
-                      fill: "none",
-                      stroke: "currentColor",
-                      strokeWidth: "2",
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round",
-                      className: "text-muted-foreground/30 mx-2 shrink-0",
-                      children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("path", { d: "M5 12h14" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("path", { d: "m12 5 7 7-7 7" })
-                      ]
-                    }
-                  )
+                    step.description && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "hidden xl:inline text-[11px] text-muted-foreground/70 max-w-[80px] sm:max-w-[110px] truncate", children: step.description })
+                  ] })
                 ]
               }
             ),
-            !isLast && isVertical && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "h-8 w-[2px] bg-muted/40 ml-4 rounded-full relative", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+            !isLast && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex-1 mx-2 sm:mx-3 flex items-center min-w-[14px]", children: variant === "arrows" ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex items-center justify-center w-full text-muted-foreground/40", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react11.ChevronRight, { className: cn("h-4 w-4 shrink-0 transition-colors", isCompleted && "text-primary") }) }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "h-[2px] w-full bg-muted/50 rounded-full overflow-hidden relative", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
               import_framer_motion17.motion.div,
               {
-                className: "absolute top-0 left-0 right-0 bg-primary",
-                initial: { height: "0%" },
-                animate: { height: isCompleted ? "100%" : "0%" },
-                transition: { type: "spring", stiffness: 100, damping: 15 }
+                className: "absolute inset-y-0 left-0 bg-primary",
+                initial: { width: "0%" },
+                animate: { width: isCompleted ? "100%" : "0%" },
+                transition: { duration: 0.35, ease: "easeInOut" }
               }
-            ) })
+            ) }) })
           ] }, idx);
         })
       }
@@ -5388,12 +5692,36 @@ var FileUploadForm = () => {
     ] })
   ] });
 };
-var FeedbackForm = () => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "w-full max-w-sm p-6 border rounded-xl bg-card space-y-4 text-center", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("h3", { className: "font-bold text-lg", children: "How was your experience?" }),
-  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex justify-center gap-2", children: ["\u{1F621}", "\u{1F615}", "\u{1F610}", "\u{1F642}", "\u{1F60D}"].map((emoji, i) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("button", { className: "text-3xl hover:scale-125 transition-transform opacity-70 hover:opacity-100", children: emoji }, i)) }),
-  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("textarea", { className: "w-full p-3 border rounded-md text-sm mt-4 resize-none h-20", placeholder: "Tell us more (optional)" }),
-  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("button", { className: "w-full py-2 bg-primary text-primary-foreground font-medium rounded-md", children: "Submit Feedback" })
-] });
+var FeedbackForm = () => {
+  const [selected, setSelected] = React28.useState(null);
+  const sentiments = [
+    { icon: import_lucide_react16.Frown, label: "Poor", color: "hover:text-red-500 hover:bg-red-500/10", active: "text-red-500 bg-red-500/10 border-red-500/30" },
+    { icon: import_lucide_react16.Meh, label: "Fair", color: "hover:text-amber-500 hover:bg-amber-500/10", active: "text-amber-500 bg-amber-500/10 border-amber-500/30" },
+    { icon: import_lucide_react16.Smile, label: "Good", color: "hover:text-sky-500 hover:bg-sky-500/10", active: "text-sky-500 bg-sky-500/10 border-sky-500/30" },
+    { icon: import_lucide_react16.Laugh, label: "Great", color: "hover:text-emerald-500 hover:bg-emerald-500/10", active: "text-emerald-500 bg-emerald-500/10 border-emerald-500/30" },
+    { icon: import_lucide_react16.Heart, label: "Loved", color: "hover:text-pink-500 hover:bg-pink-500/10", active: "text-pink-500 bg-pink-500/10 border-pink-500/30" }
+  ];
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "w-full max-w-sm p-6 border rounded-xl bg-card space-y-4 text-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("h3", { className: "font-bold text-lg", children: "How was your experience?" }),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex justify-center gap-2", children: sentiments.map((s, i) => {
+      const Icon2 = s.icon;
+      const isSelected = selected === i;
+      return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: () => setSelected(i),
+          title: s.label,
+          className: `p-2.5 rounded-xl border transition-all cursor-pointer ${isSelected ? s.active : "border-border/60 text-muted-foreground " + s.color}`,
+          children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icon2, { className: "w-5 h-5" })
+        },
+        i
+      );
+    }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("textarea", { className: "w-full p-3 border rounded-md text-sm mt-4 resize-none h-20 bg-background", placeholder: "Tell us more (optional)" }),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("button", { className: "w-full py-2 bg-primary text-primary-foreground font-medium rounded-md hover:bg-primary/90 transition-colors", children: "Submit Feedback" })
+  ] });
+};
 var InviteUsersForm = () => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "w-full border rounded-xl bg-card p-4 space-y-4", children: [
   /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex gap-2", children: [
     /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("input", { className: "flex-1 p-2 border rounded-md text-sm", placeholder: "Email address" }),
@@ -5831,12 +6159,18 @@ var FileExplorerTable = () => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("di
   ] }),
   /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "divide-y", children: [
     /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "grid grid-cols-12 px-4 py-3 items-center hover:bg-muted/30 cursor-pointer", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "col-span-6 flex items-center gap-2 font-medium", children: "\u{1F4C1} Documents" }),
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "col-span-6 flex items-center gap-2.5 font-medium", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react19.Folder, { className: "w-4 h-4 text-sky-500 fill-sky-500/20" }),
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { children: "Documents" })
+      ] }),
       /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "col-span-3 text-muted-foreground", children: "Oct 12" }),
       /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "col-span-3 text-muted-foreground", children: "--" })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "grid grid-cols-12 px-4 py-3 items-center hover:bg-muted/30 cursor-pointer", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "col-span-6 flex items-center gap-2 font-medium", children: "\u{1F4C4} report.pdf" }),
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "col-span-6 flex items-center gap-2.5 font-medium", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react19.FileText, { className: "w-4 h-4 text-muted-foreground" }),
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { children: "report.pdf" })
+      ] }),
       /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "col-span-3 text-muted-foreground", children: "Oct 10" }),
       /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "col-span-3 text-muted-foreground", children: "2.4 MB" })
     ] })
@@ -6208,7 +6542,7 @@ var TrustBanner = () => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", {
     /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "font-black text-xl", children: "a16z" })
   ] })
 ] });
-var ComparisonTableMock = () => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "w-full border rounded-2xl bg-card overflow-hidden", children: [
+var ComparisonTableMock = () => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "w-full border rounded-2xl bg-card overflow-hidden shadow-sm", children: [
   /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "grid grid-cols-3 bg-muted/50 p-4 border-b font-bold text-center", children: [
     /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "text-left", children: "Features" }),
     /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "text-muted-foreground", children: "Others" }),
@@ -6216,8 +6550,8 @@ var ComparisonTableMock = () => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("
   ] }),
   /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "divide-y text-sm", children: ["Real-time sync", "End-to-end encryption", "24/7 Support"].map((f, i) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "grid grid-cols-3 p-4 items-center text-center", children: [
     /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "text-left font-medium", children: f }),
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "text-muted-foreground/30", children: i === 0 ? "\u2714\uFE0F" : "\u274C" }),
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "text-primary font-bold text-lg", children: "\u2713" })
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex justify-center", children: i === 0 ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react23.Check, { className: "w-4 h-4 text-muted-foreground/60" }) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react23.X, { className: "w-4 h-4 text-muted-foreground/30" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "w-6 h-6 rounded-full bg-primary/10 flex items-center justify-center text-primary", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react23.Check, { className: "w-3.5 h-3.5 stroke-[2.5]" }) }) })
   ] }, i)) })
 ] });
 var AnimatedHeroText = () => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("h1", { className: "text-4xl md:text-6xl font-black text-center leading-tight", children: [
@@ -7597,6 +7931,7 @@ function ContextMenu({ items, children, className }) {
 // src/components/premium-media.tsx
 var React37 = __toESM(require("react"));
 var import_framer_motion30 = require("framer-motion");
+var import_lucide_react28 = require("lucide-react");
 var import_jsx_runtime50 = require("react/jsx-runtime");
 function ImageCarousel({ images, autoPlay = true, interval = 4e3, className }) {
   const [current, setCurrent] = React37.useState(0);
@@ -7669,19 +8004,20 @@ function AudioWaveform({ playing = false, bars = 24, className }) {
   }) });
 }
 function FilePreviewCard({ name, size, type = "file", className }) {
-  const icons = {
-    file: "\u{1F4C4}",
-    image: "\u{1F5BC}",
-    video: "\u{1F3AC}",
-    pdf: "\u{1F4D5}",
-    code: "\u{1F4BB}"
+  const iconMap = {
+    file: import_lucide_react28.FileText,
+    image: import_lucide_react28.Image,
+    video: import_lucide_react28.Video,
+    pdf: import_lucide_react28.FileCode2,
+    code: import_lucide_react28.Code2
   };
+  const Icon2 = iconMap[type] || import_lucide_react28.FileText;
   const colors = {
-    file: "from-blue-500/10 to-blue-500/5",
-    image: "from-pink-500/10 to-pink-500/5",
-    video: "from-violet-500/10 to-violet-500/5",
-    pdf: "from-red-500/10 to-red-500/5",
-    code: "from-emerald-500/10 to-emerald-500/5"
+    file: "from-blue-500/10 to-blue-500/5 text-blue-500",
+    image: "from-pink-500/10 to-pink-500/5 text-pink-500",
+    video: "from-violet-500/10 to-violet-500/5 text-violet-500",
+    pdf: "from-red-500/10 to-red-500/5 text-red-500",
+    code: "from-emerald-500/10 to-emerald-500/5 text-emerald-500"
   };
   return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
     import_framer_motion30.motion.div,
@@ -7689,7 +8025,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__ */ (0, import_jsx_runtime50.jsx)("div", { className: cn("w-12 h-12 rounded-lg bg-gradient-to-br flex items-center justify-center text-xl", colors[type]), children: icons[type] }),
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("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__ */ (0, import_jsx_runtime50.jsx)(Icon2, { className: "w-5 h-5" }) }),
         /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex-1 min-w-0", children: [
           /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "text-sm font-medium truncate", children: name }),
           /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "text-xs text-muted-foreground", children: size })
@@ -8476,7 +8812,7 @@ function ModernDonutChart({
 // src/components/premium-social.tsx
 var React39 = __toESM(require("react"));
 var import_framer_motion32 = require("framer-motion");
-var import_lucide_react28 = require("lucide-react");
+var import_lucide_react29 = require("lucide-react");
 var import_jsx_runtime52 = require("react/jsx-runtime");
 var ChatMessageContext = React39.createContext({
   variant: "received",
@@ -8653,9 +8989,9 @@ var ChatMessageStatus = React39.forwardRef(
         className: cn("inline-flex items-center text-[10px] text-muted-foreground ml-1.5", className),
         ...props,
         children: [
-          status === "sent" && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react28.Check, { className: "w-3 h-3 text-muted-foreground" }),
-          status === "delivered" && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react28.CheckCheck, { className: "w-3 h-3 text-muted-foreground" }),
-          status === "read" && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react28.CheckCheck, { className: "w-3 h-3 text-primary" })
+          status === "sent" && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react29.Check, { className: "w-3 h-3 text-muted-foreground" }),
+          status === "delivered" && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react29.CheckCheck, { className: "w-3 h-3 text-muted-foreground" }),
+          status === "read" && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react29.CheckCheck, { className: "w-3 h-3 text-primary" })
         ]
       }
     );
@@ -8704,7 +9040,7 @@ var ChatInput = React39.forwardRef(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ChatInputAction, { icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react28.Paperclip, { className: "w-4 h-4" }), title: "Attach file" }),
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ChatInputAction, { icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react29.Paperclip, { className: "w-4 h-4" }), title: "Attach file" }),
           /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
             ChatInputField,
             {
@@ -8719,7 +9055,7 @@ var ChatInput = React39.forwardRef(
               placeholder
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ChatInputAction, { icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react28.Smile, { className: "w-4 h-4" }), title: "Add emoji" }),
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ChatInputAction, { icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react29.Smile, { className: "w-4 h-4" }), title: "Add emoji" }),
           /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ChatInputSubmit, { onClick: handleSend, disabled: !text.trim() })
         ]
       }
@@ -8773,7 +9109,7 @@ var ChatInputSubmit = React39.forwardRef(
         className
       ),
       ...props,
-      children: children || /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react28.Send, { className: "w-4 h-4" })
+      children: children || /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react29.Send, { className: "w-4 h-4" })
     }
   )
 );
@@ -9059,7 +9395,7 @@ var SocialPost = React39.forwardRef(
   ({
     author = "John Smith",
     handle = "@johnsmith",
-    content = "Just launched my new project! Check it out \u{1F680}",
+    content = "Just launched my new project powered by NexoreUI! Check it out.",
     time = "2h ago",
     avatar,
     likes = 42,
@@ -9112,7 +9448,7 @@ var SocialPost = React39.forwardRef(
               SocialPostAction,
               {
                 active: liked,
-                icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react28.Heart, { className: cn("w-4 h-4", liked && "fill-rose-500 text-rose-500") }),
+                icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react29.Heart, { className: cn("w-4 h-4", liked && "fill-rose-500 text-rose-500") }),
                 label: likeCount,
                 onClick: () => {
                   setLiked(!liked);
@@ -9120,8 +9456,8 @@ var SocialPost = React39.forwardRef(
                 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SocialPostAction, { icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react28.MessageCircle, { className: "w-4 h-4" }), label: comments }),
-            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SocialPostAction, { icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react28.Share2, { className: "w-4 h-4" }), label: shares })
+            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SocialPostAction, { icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react29.MessageCircle, { className: "w-4 h-4" }), label: comments }),
+            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SocialPostAction, { icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react29.Share2, { className: "w-4 h-4" }), label: shares })
           ] })
         ]
       }
@@ -9254,7 +9590,7 @@ var ReactionAdd = React39.forwardRef(
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react28.Plus, { className: "w-3.5 h-3.5" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react29.Plus, { className: "w-3.5 h-3.5" })
     }
   )
 );
@@ -9354,10 +9690,10 @@ var ShareSheet = React39.forwardRef(
       );
     }
     const platforms = [
-      { name: "Twitter", color: "bg-sky-500", icon: "\u{1D54F}" },
+      { name: "Twitter", color: "bg-zinc-900 dark:bg-zinc-800", icon: "\u{1D54F}" },
       { name: "Facebook", color: "bg-blue-600", icon: "f" },
       { name: "LinkedIn", color: "bg-indigo-600", icon: "in" },
-      { name: "Telegram", color: "bg-cyan-500", icon: "\u2708" }
+      { name: "Telegram", color: "bg-cyan-500", icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react29.Send, { className: "w-3.5 h-3.5 -rotate-45" }) }
     ];
     const handleCopy = () => {
       navigator.clipboard.writeText(url);
@@ -9394,7 +9730,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__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react28.Check, { className: "w-3.5 h-3.5 text-emerald-400" }) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react28.Copy, { className: "w-3.5 h-3.5" }),
+                  copied ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react29.Check, { className: "w-3.5 h-3.5 text-emerald-400" }) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react29.Copy, { className: "w-3.5 h-3.5" }),
                   /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { children: copied ? "Copied!" : "Copy" })
                 ]
               }
@@ -9423,9 +9759,9 @@ var NotificationCenter = React39.forwardRef(
       );
     }
     const typeIcons = {
-      info: "\u{1F4AC}",
-      success: "\u2705",
-      warning: "\u26A0\uFE0F"
+      info: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react29.MessageSquare, { className: "w-4 h-4 text-blue-500" }),
+      success: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react29.CheckCircle2, { className: "w-4 h-4 text-emerald-500" }),
+      warning: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react29.AlertTriangle, { className: "w-4 h-4 text-amber-500" })
     };
     return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
       "div",
@@ -9439,7 +9775,7 @@ var NotificationCenter = React39.forwardRef(
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex items-center justify-between px-4 py-3 border-b border-border/70 bg-muted/30", children: [
             /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react28.Bell, { className: "w-4 h-4 text-primary" }),
+              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react29.Bell, { className: "w-4 h-4 text-primary" }),
               /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("h4", { className: "font-semibold text-xs text-foreground tracking-tight", children: "Notifications" })
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
@@ -9460,7 +9796,7 @@ var NotificationCenter = React39.forwardRef(
                 !n.read && "bg-primary/5"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "text-sm shrink-0 mt-0.5", children: typeIcons[n.type || "info"] }),
+                /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "shrink-0 mt-0.5", children: typeIcons[n.type || "info"] || /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react29.Bell, { className: "w-4 h-4 text-muted-foreground" }) }),
                 /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex-1 min-w-0", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: cn("text-xs", !n.read ? "font-semibold text-foreground" : "font-medium text-foreground/80"), children: n.title }),
                   /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: "text-[11px] text-muted-foreground line-clamp-1 mt-0.5", children: n.message })
@@ -9481,7 +9817,7 @@ NotificationCenter.displayName = "NotificationCenter";
 // src/components/premium-commerce.tsx
 var React40 = __toESM(require("react"));
 var import_framer_motion33 = require("framer-motion");
-var import_lucide_react29 = require("lucide-react");
+var import_lucide_react30 = require("lucide-react");
 var import_jsx_runtime53 = require("react/jsx-runtime");
 function ProductCardPro({
   name,
@@ -9491,6 +9827,7 @@ function ProductCardPro({
   rating = 4.9,
   reviewCount = 248,
   imageSrc,
+  image,
   colors = ["#18181b", "#6366f1", "#06b6d4"],
   onAddToCart,
   className,
@@ -9499,6 +9836,7 @@ function ProductCardPro({
   const [isWishlisted, setIsWishlisted] = React40.useState(false);
   const [selectedColor, setSelectedColor] = React40.useState(0);
   const [isAdded, setIsAdded] = React40.useState(false);
+  const effectiveImage = image || imageSrc;
   const handleAdd = () => {
     setIsAdded(true);
     onAddToCart?.();
@@ -9524,7 +9862,7 @@ function ProductCardPro({
             }
           ),
           badge && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "absolute top-3 left-3 z-10", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("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__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react29.Sparkles, { className: "w-3 h-3" }),
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react30.Sparkles, { className: "w-3 h-3" }),
             badge
           ] }) }),
           /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
@@ -9535,7 +9873,7 @@ function ProductCardPro({
               className: "absolute top-3 right-3 z-10 w-8 h-8 rounded-full bg-background/80 hover:bg-background backdrop-blur-md border border-border/80 flex items-center justify-center transition-transform active:scale-90 cursor-pointer shadow-xs",
               title: isWishlisted ? "Remove from wishlist" : "Add to wishlist",
               children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-                import_lucide_react29.Heart,
+                import_lucide_react30.Heart,
                 {
                   className: cn(
                     "w-4 h-4 transition-colors",
@@ -9545,22 +9883,22 @@ function ProductCardPro({
               )
             }
           ),
-          imageSrc ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          effectiveImage ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
             "img",
             {
-              src: imageSrc,
+              src: effectiveImage,
               alt: name,
               className: "w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"
             }
           ) : /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex flex-col items-center gap-2 select-none group-hover:scale-105 transition-transform duration-300", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("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__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react29.ShoppingBag, { className: "w-9 h-9" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("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__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react30.ShoppingBag, { className: "w-9 h-9" }) }),
             /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-[10px] font-mono tracking-widest text-muted-foreground uppercase", children: "STUDIO SERIES" })
           ] })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "pt-4 space-y-3", children: [
           /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-center justify-between", children: [
             /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-center gap-1.5", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "flex items-center text-amber-400", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react29.Star, { className: "w-3.5 h-3.5 fill-amber-400" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "flex items-center text-amber-400", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react30.Star, { className: "w-3.5 h-3.5 fill-amber-400" }) }),
               /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-xs font-bold text-foreground", children: rating }),
               /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: "text-xs text-muted-foreground", children: [
                 "(",
@@ -9608,10 +9946,10 @@ 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__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react29.Check, { className: "w-4 h-4" }),
+                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react30.Check, { className: "w-4 h-4" }),
                 /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { children: "Added to Cart!" })
               ] }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react29.ShoppingBag, { className: "w-4 h-4" }),
+                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react30.ShoppingBag, { className: "w-4 h-4" }),
                 /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { children: "Add to Cart" })
               ] })
             }
@@ -9653,7 +9991,7 @@ function CheckoutSummary({
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("form", { onSubmit: handleApply, className: "flex gap-2", children: [
           /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "relative flex-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react29.Tag, { className: "w-3.5 h-3.5 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground" }),
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react30.Tag, { className: "w-3.5 h-3.5 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground" }),
             /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
               "input",
               {
@@ -9719,14 +10057,14 @@ function CheckoutSummary({
             onClick: onCheckout,
             className: "w-full py-3.5 px-4 rounded-xl text-xs font-bold bg-primary text-primary-foreground hover:bg-primary/90 shadow-lg shadow-primary/25 flex items-center justify-center gap-2 cursor-pointer transition-all",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react29.Lock, { className: "w-3.5 h-3.5" }),
+              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react30.Lock, { className: "w-3.5 h-3.5" }),
               /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { children: "Complete Secure Checkout" })
             ]
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "pt-2 flex items-center justify-center gap-4 text-[11px] text-muted-foreground select-none", children: [
           /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react29.ShieldCheck, { className: "w-3.5 h-3.5 text-primary" }),
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react30.ShieldCheck, { className: "w-3.5 h-3.5 text-primary" }),
             /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { children: "256-Bit SSL" })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { children: "\u2022" }),
@@ -9786,7 +10124,7 @@ function SubscriptionCard({
         /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "space-y-2.5 pt-2 border-t border-border/60", children: [
           /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "text-[11px] font-bold text-muted-foreground uppercase tracking-wider", children: "Included with plan:" }),
           /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("ul", { className: "space-y-2 text-xs", children: features.map((f, i) => /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("li", { className: "flex items-center gap-2.5 text-foreground/90", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("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__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react29.Check, { className: "w-2.5 h-2.5" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("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__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react30.Check, { className: "w-2.5 h-2.5" }) }),
             /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { children: f })
           ] }, i)) })
         ] }),
@@ -9801,7 +10139,7 @@ function SubscriptionCard({
                 "Upgrade to ",
                 plan
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react29.ArrowRight, { className: "w-3.5 h-3.5" })
+              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react30.ArrowRight, { className: "w-3.5 h-3.5" })
             ]
           }
         )
@@ -9871,7 +10209,7 @@ function CartItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "w-14 h-14 rounded-xl bg-muted/60 border border-border flex items-center justify-center text-primary shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react29.ShoppingBag, { className: "w-6 h-6" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "w-14 h-14 rounded-xl bg-muted/60 border border-border flex items-center justify-center text-primary shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react30.ShoppingBag, { className: "w-6 h-6" }) }),
         /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex-1 min-w-0", children: [
           /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("h4", { className: "font-semibold text-sm truncate text-foreground", children: name }),
           /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("p", { className: "text-xs font-mono font-bold text-primary mt-0.5", children: [
@@ -9886,7 +10224,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__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react29.Minus, { className: "w-3 h-3" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react30.Minus, { className: "w-3 h-3" })
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "w-6 text-center text-xs font-mono font-bold", children: quantity }),
@@ -9896,7 +10234,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__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react29.Plus, { className: "w-3 h-3" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react30.Plus, { className: "w-3 h-3" })
             }
           )
         ] }),
@@ -9907,7 +10245,7 @@ function CartItem({
             onClick: onRemove,
             className: "p-2 rounded-xl text-muted-foreground hover:text-destructive hover:bg-destructive/10 transition-colors shrink-0 cursor-pointer",
             title: "Remove item",
-            children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react29.Trash2, { className: "w-4 h-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react30.Trash2, { className: "w-4 h-4" })
           }
         )
       ]
@@ -9974,7 +10312,7 @@ function InvoiceCard({
             onClick: onDownload || (() => alert("Downloading PDF...")),
             className: "w-full py-2 rounded-xl border border-border bg-muted/40 hover:bg-muted text-xs font-semibold text-foreground flex items-center justify-center gap-1.5 transition-colors cursor-pointer",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react29.Download, { className: "w-3.5 h-3.5 text-primary" }),
+              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react30.Download, { className: "w-3.5 h-3.5 text-primary" }),
               /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { children: "Download Receipt (PDF)" })
             ]
           }
@@ -10023,7 +10361,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__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react29.Check, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react29.Copy, { className: "w-3.5 h-3.5" }),
+                copied ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react30.Check, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react30.Copy, { className: "w-3.5 h-3.5" }),
                 /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { children: copied ? "Copied!" : "Copy" })
               ]
             }
@@ -10080,7 +10418,7 @@ function PricingSlider({
         /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "space-y-2 pt-2 border-t border-border/60", children: [
           /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "text-[11px] font-bold text-muted-foreground uppercase", children: "Key Features:" }),
           /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("ul", { className: "space-y-1.5 text-xs", children: current.features.map((f, idx) => /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("li", { className: "flex items-center gap-2 text-foreground/90", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react29.Check, { className: "w-3.5 h-3.5 text-emerald-500 shrink-0" }),
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react30.Check, { className: "w-3.5 h-3.5 text-emerald-500 shrink-0" }),
             /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { children: f })
           ] }, idx)) })
         ] })
@@ -10090,7 +10428,7 @@ function PricingSlider({
 }
 function ReviewStars({ rating = 4.8, size = 18, reviewCount }) {
   return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "inline-flex items-center gap-1.5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "flex items-center text-amber-400", children: [1, 2, 3, 4, 5].map((s) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react29.Star, { style: { width: size, height: size }, className: cn(s <= Math.round(rating) ? "fill-amber-400 text-amber-400" : "text-muted/40") }, s)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "flex items-center text-amber-400", children: [1, 2, 3, 4, 5].map((s) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react30.Star, { style: { width: size, height: size }, className: cn(s <= Math.round(rating) ? "fill-amber-400 text-amber-400" : "text-muted/40") }, s)) }),
     /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-xs font-bold text-foreground", children: rating }),
     reviewCount && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: "text-xs text-muted-foreground", children: [
       "(",
@@ -10106,7 +10444,7 @@ function TrustBadge({
   className
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: cn("inline-flex items-center gap-3 p-3 rounded-2xl border border-border/80 bg-card/60 backdrop-blur-md shadow-xs", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "w-10 h-10 rounded-xl bg-primary/10 text-primary flex items-center justify-center shrink-0", children: icon || /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react29.ShieldCheck, { className: "w-5 h-5" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "w-10 h-10 rounded-xl bg-primary/10 text-primary flex items-center justify-center shrink-0", children: icon || /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react30.ShieldCheck, { className: "w-5 h-5" }) }),
     /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { children: [
       /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("h5", { className: "text-xs font-bold text-foreground leading-tight", children: title }),
       /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "text-[11px] text-muted-foreground", children: subtitle })
@@ -10329,7 +10667,7 @@ function BentoCard({
 // src/components/aurora-border-fx.tsx
 var React42 = __toESM(require("react"));
 var import_framer_motion35 = require("framer-motion");
-var import_lucide_react30 = require("lucide-react");
+var import_lucide_react31 = require("lucide-react");
 var import_jsx_runtime55 = require("react/jsx-runtime");
 var defaultAuroraColors = [
   { name: "Violet", hex: "#8b5cf6" },
@@ -10364,7 +10702,7 @@ var AuroraBorderFX = React42.forwardRef(
     glow = "medium",
     radius = "lg",
     badgeText = "Aurora Border FX",
-    badgeIcon = /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_lucide_react30.Sparkles, { className: "w-3 h-3" }),
+    badgeIcon = /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_lucide_react31.Sparkles, { 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,
@@ -10527,7 +10865,7 @@ AuroraBorderFX.displayName = "AuroraBorderFX";
 // src/components/morphing-geometry.tsx
 var React43 = __toESM(require("react"));
 var import_framer_motion36 = require("framer-motion");
-var import_lucide_react31 = require("lucide-react");
+var import_lucide_react32 = require("lucide-react");
 var import_jsx_runtime56 = require("react/jsx-runtime");
 var sizeMap3 = {
   sm: "w-16 h-16 text-xs",
@@ -10671,7 +11009,7 @@ var MorphingGeometry = React43.forwardRef(
         ...props,
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "absolute inset-0 bg-gradient-to-b from-white/25 via-transparent to-black/20 pointer-events-none" }),
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "relative z-10 flex flex-col items-center justify-center p-2 text-center", children: icon || (children ? children : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react31.Sparkles, { className: "w-6 h-6 drop-shadow-md" })) })
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "relative z-10 flex flex-col items-center justify-center p-2 text-center", children: icon || (children ? children : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react32.Sparkles, { className: "w-6 h-6 drop-shadow-md" })) })
         ]
       }
     );
@@ -10681,7 +11019,7 @@ MorphingGeometry.displayName = "MorphingGeometry";
 
 // src/components/interactive-code-block.tsx
 var React44 = __toESM(require("react"));
-var import_lucide_react32 = require("lucide-react");
+var import_lucide_react33 = require("lucide-react");
 var import_jsx_runtime57 = require("react/jsx-runtime");
 var themeStyles = {
   dark: {
@@ -10778,10 +11116,10 @@ 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__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react32.Check, { className: "h-3 w-3 text-emerald-400" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react33.Check, { className: "h-3 w-3 text-emerald-400" }),
                         /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-emerald-400 text-[11px] font-sans", children: "Copied!" })
                       ] }) : /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react32.Copy, { className: "h-3 w-3" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react33.Copy, { className: "h-3 w-3" }),
                         /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-[11px] font-sans", children: "Copy" })
                       ] })
                     }
@@ -10815,10 +11153,327 @@ var InteractiveCodeBlock = React44.forwardRef(
 );
 InteractiveCodeBlock.displayName = "InteractiveCodeBlock";
 
+// src/components/aurora-search-pill.tsx
+var React45 = __toESM(require("react"));
+var import_lucide_react34 = require("lucide-react");
+var import_jsx_runtime58 = require("react/jsx-runtime");
+if (typeof window !== "undefined" && typeof window.CSS !== "undefined" && "registerProperty" in window.CSS) {
+  try {
+    window.CSS.registerProperty({
+      name: "--aurora-deg",
+      syntax: "<angle>",
+      inherits: false,
+      initialValue: "0deg"
+    });
+  } catch {
+  }
+}
+var DEFAULT_SOURCES = [
+  { id: "web", type: "globe", label: "Web" },
+  { id: "gradient", type: "gradient", label: "Neural Index" },
+  { id: "github", type: "github", label: "GitHub" }
+];
+var SPEED_MAP = {
+  slow: "5s",
+  normal: "3.2s",
+  fast: "1.8s"
+};
+var GLOW_OPACITY = {
+  none: 0,
+  subtle: 0.45,
+  medium: 0.75,
+  strong: 0.95
+};
+var SIZE_CONFIG = {
+  sm: {
+    height: "h-10",
+    paddingDots: "px-4",
+    paddingSearch: "px-4",
+    dotSize: "w-1.5 h-1.5",
+    dotGap: "gap-1.5",
+    fontSize: "text-xs",
+    badgeSize: "w-4 h-4",
+    badgeMargin: "-ml-1",
+    minWidthSearch: "min-w-[160px]"
+  },
+  md: {
+    height: "h-12",
+    paddingDots: "px-5",
+    paddingSearch: "px-5",
+    dotSize: "w-[6.5px] h-[6.5px]",
+    dotGap: "gap-[7px]",
+    fontSize: "text-sm sm:text-base",
+    badgeSize: "w-[22px] h-[22px]",
+    badgeMargin: "-ml-1.5",
+    minWidthSearch: "min-w-[190px]"
+  },
+  lg: {
+    height: "h-14",
+    paddingDots: "px-6",
+    paddingSearch: "px-6",
+    dotSize: "w-2 h-2",
+    dotGap: "gap-2",
+    fontSize: "text-base sm:text-lg",
+    badgeSize: "w-6 h-6",
+    badgeMargin: "-ml-2",
+    minWidthSearch: "min-w-[220px]"
+  }
+};
+var AuroraSearchPill = React45.forwardRef(
+  ({
+    isSearching: controlledSearching,
+    defaultSearching = false,
+    onToggle,
+    searchLabel = "Search...",
+    sources = DEFAULT_SOURCES,
+    sourceAvatars,
+    theme = "auto",
+    size = "md",
+    glowIntensity = "medium",
+    speed = "normal",
+    spinMode = "always",
+    isSpinning: controlledSpinning,
+    autoCycle = false,
+    cycleInterval = 2400,
+    className,
+    onClick,
+    onMouseEnter,
+    onMouseLeave,
+    ...props
+  }, ref) => {
+    const isControlled = controlledSearching !== void 0;
+    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) => ({
+          id: `avatar-${i}`,
+          avatarUrl: url,
+          label: `Source ${i + 1}`,
+          type: "custom"
+        }));
+      }
+      return sources;
+    }, [sourceAvatars, sources]);
+    const shouldSpin = React45.useMemo(() => {
+      if (controlledSpinning !== void 0) return controlledSpinning;
+      if (spinMode === "never") return false;
+      if (spinMode === "searching") return active;
+      if (spinMode === "hover") return isHovered;
+      return true;
+    }, [controlledSpinning, spinMode, isHovered, active]);
+    React45.useEffect(() => {
+      if (!autoCycle) return;
+      const interval = setInterval(() => {
+        if (isControlled) {
+          onToggle?.(!active);
+        } else {
+          setUncontrolledSearching((prev) => {
+            const next = !prev;
+            onToggle?.(next);
+            return next;
+          });
+        }
+      }, cycleInterval);
+      return () => clearInterval(interval);
+    }, [autoCycle, cycleInterval, active, isControlled, onToggle]);
+    const handleToggle = (e) => {
+      onClick?.(e);
+      if (!isControlled) {
+        setUncontrolledSearching(!active);
+      }
+      onToggle?.(!active);
+    };
+    const sizeStyle = SIZE_CONFIG[size] || SIZE_CONFIG.md;
+    const animationDuration = SPEED_MAP[speed] || SPEED_MAP.normal;
+    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";
+    return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+      "div",
+      {
+        ref,
+        onClick: handleToggle,
+        onMouseEnter: (e) => {
+          setIsHovered(true);
+          onMouseEnter?.(e);
+        },
+        onMouseLeave: (e) => {
+          setIsHovered(false);
+          onMouseLeave?.(e);
+        },
+        role: "button",
+        tabIndex: 0,
+        "aria-pressed": active,
+        "aria-label": active ? `Searching: ${searchLabel}` : "Activate AI Search",
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            handleToggle(e);
+          }
+        },
+        className: cn(
+          "relative inline-flex items-center justify-center cursor-pointer select-none isolate outline-none group",
+          "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__ */ (0, import_jsx_runtime58.jsx)("style", { dangerouslySetInnerHTML: {
+            __html: `
+            @property --aurora-deg {
+              syntax: '<angle>';
+              initial-value: 0deg;
+              inherits: false;
+            }
+            @keyframes spinAurora {
+              from {
+                --aurora-deg: 0deg;
+              }
+              to {
+                --aurora-deg: 360deg;
+              }
+            }
+            @keyframes dotPulse {
+              0%, 80%, 100% {
+                opacity: 0.35;
+                transform: scale(0.75);
+              }
+              40% {
+                opacity: 1;
+                transform: scale(1.15);
+              }
+            }
+          `
+          } }),
+          glowIntensity !== "none" && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+            "div",
+            {
+              className: "absolute -inset-1.5 rounded-full pointer-events-none blur-md z-0 transition-opacity duration-300",
+              style: {
+                opacity: glowAlpha,
+                background: `conic-gradient(
+                from var(--aurora-deg, 0deg) at 50% 50%,
+                transparent 0deg,
+                rgba(59, 130, 246, 0.75) 60deg,
+                rgba(139, 92, 246, 0.9) 110deg,
+                rgba(236, 72, 153, 0.95) 160deg,
+                rgba(244, 63, 94, 0.8) 200deg,
+                transparent 250deg,
+                transparent 360deg
+              )`,
+                animation: shouldSpin ? `spinAurora ${animationDuration} linear infinite` : void 0
+              }
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+            "div",
+            {
+              className: "relative z-10 p-[1.5px] rounded-full transition-shadow duration-300 shadow-sm",
+              style: {
+                background: `conic-gradient(
+              from var(--aurora-deg, 0deg) at 50% 50%,
+              rgba(226, 232, 240, 0.8) 0deg,
+              rgba(59, 130, 246, 0.85) 60deg,
+              rgba(139, 92, 246, 1) 110deg,
+              rgba(236, 72, 153, 1) 160deg,
+              rgba(244, 63, 94, 0.85) 200deg,
+              rgba(226, 232, 240, 0.6) 260deg,
+              rgba(226, 232, 240, 0.8) 360deg
+            )`,
+                animation: shouldSpin ? `spinAurora ${animationDuration} linear infinite` : void 0
+              },
+              children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+                "div",
+                {
+                  className: cn(
+                    "relative z-20 rounded-full flex items-center justify-center overflow-hidden border",
+                    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)]"
+                  ),
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+                      "div",
+                      {
+                        className: cn(
+                          "flex items-center",
+                          sizeStyle.dotGap,
+                          "transition-all duration-400 [transition-timing-function:cubic-bezier(0.16,1,0.3,1)]",
+                          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__ */ (0, import_jsx_runtime58.jsx)(
+                          "span",
+                          {
+                            className: cn("rounded-full inline-block", sizeStyle.dotSize, dotsColorClass),
+                            style: {
+                              animation: `dotPulse 1.4s ease-in-out infinite both`,
+                              animationDelay: `${idx === 0 ? -0.32 : idx === 1 ? -0.16 : 0}s`
+                            }
+                          },
+                          idx
+                        ))
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+                      "div",
+                      {
+                        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)]",
+                          active ? "opacity-100 scale-100 translate-y-0" : "opacity-0 scale-90 translate-y-2 pointer-events-none absolute"
+                        ),
+                        children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: cn("font-medium tracking-tight", sizeStyle.fontSize), children: searchLabel }),
+                          activeSources && activeSources.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "inline-flex items-center pl-0.5", children: activeSources.map((src, i) => {
+                            const isFirst = i === 0;
+                            return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+                              "div",
+                              {
+                                title: src.label || src.id,
+                                className: cn(
+                                  "rounded-full border-[1.5px] border-white dark:border-zinc-900 flex items-center justify-center shrink-0 shadow-xs overflow-hidden",
+                                  sizeStyle.badgeSize,
+                                  !isFirst && sizeStyle.badgeMargin
+                                ),
+                                style: {
+                                  backgroundColor: src.type === "globe" ? "#0b1120" : src.type === "github" ? "#ffffff" : src.type === "claude" ? "#d97757" : src.type === "chatgpt" ? "#10a37f" : src.type === "perplexity" ? "#1fb8cd" : src.type === "custom" && src.bg ? src.bg : void 0,
+                                  background: src.type === "gradient" ? "linear-gradient(135deg, #06b6d4 45%, #3b82f6 55%)" : void 0
+                                },
+                                children: src.avatarUrl ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+                                  "img",
+                                  {
+                                    src: src.avatarUrl,
+                                    alt: src.label || src.id,
+                                    className: "w-full h-full object-cover"
+                                  }
+                                ) : src.icon ? src.icon : src.type === "globe" ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_lucide_react34.Globe, { className: "w-3 h-3 text-sky-400 stroke-[2.5]" }) : src.type === "github" ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("svg", { className: "w-3.5 h-3.5 fill-[#181717]", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("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__ */ (0, import_jsx_runtime58.jsx)(import_lucide_react34.Sparkles, { className: "w-2.5 h-2.5 text-white" }) : src.type === "chatgpt" ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "w-2 h-2 rounded-full bg-white" }) : src.type === "perplexity" ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_lucide_react34.Sparkles, { className: "w-2.5 h-2.5 text-white" }) : src.initials ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-[8px] font-bold text-white uppercase", children: src.initials }) : null
+                              },
+                              src.id || i
+                            );
+                          }) })
+                        ]
+                      }
+                    )
+                  ]
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+AuroraSearchPill.displayName = "AuroraSearchPill";
+
 // src/components/dock.tsx
 var import_react = require("react");
 var import_framer_motion37 = require("framer-motion");
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 function Dock({
   items,
   className,
@@ -10828,7 +11483,7 @@ function Dock({
   const mouseX = (0, import_framer_motion37.useMotionValue)(Infinity);
   const numMagnification = Number(magnification) || 60;
   const numDistance = Number(distance) || 140;
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     import_framer_motion37.motion.div,
     {
       onMouseMove: (e) => mouseX.set(e.clientX),
@@ -10837,7 +11492,7 @@ function Dock({
         "mx-auto flex h-14 items-end gap-3 rounded-2xl border border-border bg-background/80 px-4 pb-2 backdrop-blur-md",
         className
       ),
-      children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(DockIcon, { mouseX, magnification: numMagnification, distance: numDistance, ...item }, i))
+      children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(DockIcon, { mouseX, magnification: numMagnification, distance: numDistance, ...item }, i))
     }
   );
 }
@@ -10866,7 +11521,7 @@ function DockIcon({
     stiffness: 150,
     damping: 12
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
     import_framer_motion37.motion.div,
     {
       ref,
@@ -10875,8 +11530,8 @@ function DockIcon({
       onClick,
       title: label,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex items-center justify-center text-foreground", children: icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "absolute -top-8 left-1/2 -translate-x-1/2 rounded-md bg-popover px-2 py-1 text-xs text-popover-foreground border border-border opacity-0 group-hover:opacity-100 transition-opacity whitespace-nowrap shadow-lg", children: label })
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "flex items-center justify-center text-foreground", children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "absolute -top-8 left-1/2 -translate-x-1/2 rounded-md bg-popover px-2 py-1 text-xs text-popover-foreground border border-border opacity-0 group-hover:opacity-100 transition-opacity whitespace-nowrap shadow-lg", children: label })
       ]
     }
   );
@@ -10885,8 +11540,8 @@ function DockIcon({
 // src/components/dark-mode.tsx
 var import_react2 = require("react");
 var import_framer_motion38 = require("framer-motion");
-var import_lucide_react33 = require("lucide-react");
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_lucide_react35 = require("lucide-react");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 function DarkModeToggle({
   theme: controlledTheme,
   variant = "pill",
@@ -10912,7 +11567,7 @@ function DarkModeToggle({
   };
   const isDark = activeTheme === "dark";
   if (variant === "icon") {
-    return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
       "button",
       {
         type: "button",
@@ -10924,14 +11579,14 @@ function DarkModeToggle({
         ),
         title: `Switch to ${isDark ? "light" : "dark"} theme`,
         "aria-label": "Toggle theme",
-        children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
           import_framer_motion38.motion.div,
           {
             initial: { rotate: -90, scale: 0.8, opacity: 0 },
             animate: { rotate: 0, scale: 1, opacity: 1 },
             exit: { rotate: 90, scale: 0.8, opacity: 0 },
             transition: { duration: 0.2 },
-            children: isDark ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_lucide_react33.Moon, { className: size === "sm" ? "w-3.5 h-3.5 text-primary" : "w-4.5 h-4.5 text-primary" }) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_lucide_react33.Sun, { className: size === "sm" ? "w-3.5 h-3.5 text-amber-500" : "w-4.5 h-4.5 text-amber-500" })
+            children: isDark ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_lucide_react35.Moon, { className: size === "sm" ? "w-3.5 h-3.5 text-primary" : "w-4.5 h-4.5 text-primary" }) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_lucide_react35.Sun, { className: size === "sm" ? "w-3.5 h-3.5 text-amber-500" : "w-4.5 h-4.5 text-amber-500" })
           },
           isDark ? "dark" : "light"
         )
@@ -10939,7 +11594,7 @@ function DarkModeToggle({
     );
   }
   if (variant === "segmented") {
-    return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
       "div",
       {
         className: cn(
@@ -10948,7 +11603,7 @@ function DarkModeToggle({
         ),
         children: ["light", "dark", "system"].map((t) => {
           const isActive = activeTheme === t;
-          return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
             "button",
             {
               type: "button",
@@ -10958,10 +11613,10 @@ function DarkModeToggle({
                 isActive ? "bg-card text-foreground shadow-xs border border-border/60 font-semibold" : "text-muted-foreground hover:text-foreground"
               ),
               children: [
-                t === "light" && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_lucide_react33.Sun, { className: "w-3.5 h-3.5 text-amber-500" }),
-                t === "dark" && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_lucide_react33.Moon, { className: "w-3.5 h-3.5 text-primary" }),
-                t === "system" && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_lucide_react33.Monitor, { className: "w-3.5 h-3.5 text-muted-foreground" }),
-                showLabel && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { children: t })
+                t === "light" && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_lucide_react35.Sun, { className: "w-3.5 h-3.5 text-amber-500" }),
+                t === "dark" && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_lucide_react35.Moon, { className: "w-3.5 h-3.5 text-primary" }),
+                t === "system" && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_lucide_react35.Monitor, { className: "w-3.5 h-3.5 text-muted-foreground" }),
+                showLabel && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { children: t })
               ]
             },
             t
@@ -10971,8 +11626,8 @@ function DarkModeToggle({
     );
   }
   const dimensions = size === "sm" ? { track: "w-11 h-6", thumb: "w-4.5 h-4.5", icon: "w-2.5 h-2.5" } : size === "lg" ? { track: "w-16 h-9", thumb: "w-7 h-7", icon: "w-4 h-4" } : { track: "w-14 h-7.5", thumb: "w-5.5 h-5.5", icon: "w-3 h-3" };
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: cn("inline-flex items-center gap-3", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: cn("inline-flex items-center gap-3", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
       "button",
       {
         type: "button",
@@ -10984,7 +11639,7 @@ function DarkModeToggle({
         ),
         title: `Switch to ${isDark ? "light" : "dark"} mode`,
         "aria-label": "Toggle dark mode",
-        children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
           import_framer_motion38.motion.div,
           {
             animate: {
@@ -10995,12 +11650,12 @@ function DarkModeToggle({
               "rounded-full bg-white shadow-md flex items-center justify-center transition-colors",
               dimensions.thumb
             ),
-            children: isDark ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_lucide_react33.Moon, { className: cn(dimensions.icon, "text-zinc-900") }) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_lucide_react33.Sun, { className: cn(dimensions.icon, "text-amber-500") })
+            children: isDark ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_lucide_react35.Moon, { className: cn(dimensions.icon, "text-zinc-900") }) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_lucide_react35.Sun, { className: cn(dimensions.icon, "text-amber-500") })
           }
         )
       }
     ),
-    showLabel && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("span", { className: "text-xs font-semibold text-foreground/90 capitalize select-none", children: [
+    showLabel && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "text-xs font-semibold text-foreground/90 capitalize select-none", children: [
       activeTheme,
       " mode"
     ] })
@@ -11035,6 +11690,7 @@ function DarkModeToggle({
   AudioWaveform,
   AuroraBorderCard,
   AuroraBorderFX,
+  AuroraSearchPill,
   AuthenticationLayout,
   Avatar,
   AvatarFallback,
@@ -11297,6 +11953,7 @@ function DarkModeToggle({
   RangeSliderInput,
   RateLimitAlert,
   Rating,
+  RatingBreakdown,
   RatingStars,
   ReactionAdd,
   ReactionBar,
@@ -11308,6 +11965,7 @@ function DarkModeToggle({
   RetroGrid,
   RevealClip,
   RevenueChartWidget,
+  ReviewCard,
   ReviewStars,
   RichTooltip,
   RingLoader,