nexoreui 1.8.1 → 1.8.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +1 -1
  3. package/bin/nexoreui.js +32369 -17244
  4. package/dist/index.d.mts +9 -43
  5. package/dist/index.d.ts +9 -43
  6. package/dist/index.js +102 -98
  7. package/dist/index.js.map +1 -1
  8. package/dist/index.mjs +200 -196
  9. package/dist/index.mjs.map +1 -1
  10. package/package.json +75 -75
  11. package/postinstall.js +50 -50
package/dist/index.js CHANGED
@@ -512,14 +512,14 @@ var buttonVariants = (0, import_class_variance_authority.cva)(
512
512
  ghost: "hover:bg-accent hover:text-accent-foreground",
513
513
  link: "text-primary underline-offset-4 hover:underline",
514
514
  // Premium variants
515
- premium: "bg-gradient-to-r from-violet-600 via-pink-600 to-orange-500 text-white shadow-lg shadow-purple-500/20 hover:shadow-xl hover:shadow-purple-500/30",
515
+ premium: "bg-linear-to-r from-violet-600 via-pink-600 to-orange-500 text-white shadow-lg shadow-purple-500/20 hover:shadow-xl hover:shadow-purple-500/30",
516
516
  neon: "bg-background border-2 border-primary text-foreground shadow-[0_0_var(--glow-radius)_rgba(var(--glow-color),var(--glow-strength))] hover:shadow-[0_0_calc(var(--glow-radius)*1.5)_rgba(var(--glow-color),calc(var(--glow-strength)*1.5))]",
517
517
  glass: "backdrop-blur-md bg-zinc-900/10 dark:bg-zinc-100/10 border border-zinc-900/20 dark:border-zinc-100/20 text-zinc-900 dark:text-zinc-50 hover:bg-zinc-900/20 dark:hover:bg-zinc-100/20 shadow-md",
518
518
  shimmer: "relative overflow-hidden bg-slate-900 text-white dark:bg-white dark:text-black",
519
519
  // New requested variants
520
- gradient: "bg-gradient-to-r from-indigo-600 via-purple-600 to-violet-600 dark:from-indigo-500 dark:via-purple-500 dark:to-violet-500 text-white shadow-lg shadow-indigo-500/20 hover:shadow-xl hover:shadow-indigo-500/30 hover:opacity-95",
520
+ gradient: "bg-linear-to-r from-indigo-600 via-purple-600 to-violet-600 dark:from-indigo-500 dark:via-purple-500 dark:to-violet-500 text-white shadow-lg shadow-indigo-500/20 hover:shadow-xl hover:shadow-indigo-500/30 hover:opacity-95",
521
521
  glow: "bg-primary text-primary-foreground shadow-[0_0_var(--glow-radius)_rgba(var(--glow-color),var(--glow-strength))] hover:shadow-[0_0_calc(var(--glow-radius)*1.5)_rgba(var(--glow-color),calc(var(--glow-strength)*1.5))] border border-primary/20",
522
- magnetic: "bg-gradient-to-br from-violet-600 to-indigo-600 text-white shadow-md hover:shadow-lg",
522
+ magnetic: "bg-linear-to-br from-violet-600 to-indigo-600 text-white shadow-md hover:shadow-lg",
523
523
  loading: "bg-primary/80 text-primary-foreground/80 pointer-events-none cursor-wait"
524
524
  },
525
525
  size: {
@@ -567,7 +567,7 @@ var Button = React.forwardRef(
567
567
  isShimmer && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
568
568
  import_framer_motion.motion.div,
569
569
  {
570
- className: "absolute inset-0 w-[200%] bg-gradient-to-r from-transparent via-white/20 to-transparent",
570
+ className: "absolute inset-0 w-[200%] bg-linear-to-r from-transparent via-white/20 to-transparent",
571
571
  initial: { x: "-100%" },
572
572
  animate: { x: "100%" },
573
573
  transition: {
@@ -703,7 +703,7 @@ var BorderBeamButton = React.forwardRef(
703
703
  ),
704
704
  ...props,
705
705
  children: [
706
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute inset-0 bg-gradient-to-r from-primary to-transparent opacity-0 group-hover:opacity-20 transition-opacity" }),
706
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute inset-0 bg-linear-to-r from-primary to-transparent opacity-0 group-hover:opacity-20 transition-opacity" }),
707
707
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute top-0 left-0 w-full h-[2px] bg-primary scale-x-0 group-hover:scale-x-100 transition-transform origin-left" }),
708
708
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "relative z-10", children })
709
709
  ]
@@ -728,7 +728,7 @@ var GlowButton = React.forwardRef(
728
728
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
729
729
  "div",
730
730
  {
731
- className: "absolute -inset-0.5 bg-gradient-to-r from-primary to-purple-600 rounded-lg blur opacity-75 group-hover:opacity-100 transition duration-1000 group-hover:duration-200",
731
+ className: "absolute -inset-0.5 bg-linear-to-r from-primary to-purple-600 rounded-lg blur opacity-75 group-hover:opacity-100 transition duration-1000 group-hover:duration-200",
732
732
  style: { backgroundColor: glowColor }
733
733
  }
734
734
  ),
@@ -761,10 +761,10 @@ var cardVariants = (0, import_class_variance_authority2.cva)(
761
761
  variant: {
762
762
  default: "border bg-card text-card-foreground shadow-sm hover:shadow-md",
763
763
  glass: "backdrop-blur-md bg-white/10 dark:bg-black/20 border border-white/20 dark:border-white/10 shadow-lg",
764
- gradient: "bg-gradient-to-br from-violet-500/10 via-pink-500/10 to-orange-500/10 border border-purple-500/20 shadow-lg shadow-purple-500/5",
764
+ gradient: "bg-linear-to-br from-violet-500/10 via-pink-500/10 to-orange-500/10 border border-purple-500/20 shadow-lg shadow-purple-500/5",
765
765
  glow: "bg-card border-2 border-primary/20 shadow-[0_0_15px_rgba(var(--primary-rgb),0.1)] hover:shadow-[0_0_25px_rgba(var(--primary-rgb),0.2)]",
766
766
  // New variants
767
- bento: "border border-border/60 bg-gradient-to-br from-card to-muted/20 text-card-foreground shadow-md hover:shadow-lg hover:border-primary/30 relative",
767
+ bento: "border border-border/60 bg-linear-to-br from-card to-muted/20 text-card-foreground shadow-md hover:shadow-lg hover:border-primary/30 relative",
768
768
  spotlight: "border bg-card text-card-foreground relative hover:border-primary/20",
769
769
  flip: "bg-transparent border-0 shadow-none overflow-visible relative",
770
770
  tilt: "border bg-card text-card-foreground shadow-md"
@@ -837,7 +837,7 @@ var Card = React2.forwardRef(
837
837
  transition: { type: "spring", stiffness: 300, damping: 22 },
838
838
  children: [
839
839
  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "absolute inset-0 backface-hidden border bg-card text-card-foreground rounded-2xl shadow-sm flex flex-col justify-between overflow-hidden", children }),
840
- /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "absolute inset-0 backface-hidden rotate-y-180 border bg-gradient-to-br from-primary/10 to-primary/5 text-card-foreground rounded-2xl shadow-sm flex flex-col p-6 items-center justify-center text-center overflow-hidden", children: backContent || /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "text-sm font-medium text-muted-foreground", children: "Flip side content placeholder" }) })
840
+ /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "absolute inset-0 backface-hidden rotate-y-180 border bg-linear-to-br from-primary/10 to-primary/5 text-card-foreground rounded-2xl shadow-sm flex flex-col p-6 items-center justify-center text-center overflow-hidden", children: backContent || /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "text-sm font-medium text-muted-foreground", children: "Flip side content placeholder" }) })
841
841
  ]
842
842
  }
843
843
  )
@@ -903,7 +903,7 @@ var CardTitle = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__
903
903
  "h3",
904
904
  {
905
905
  ref,
906
- className: cn("font-semibold leading-none tracking-tight text-xl bg-gradient-to-br from-foreground to-foreground/75 bg-clip-text text-transparent", className),
906
+ className: cn("font-semibold leading-none tracking-tight text-xl bg-linear-to-br from-foreground to-foreground/75 bg-clip-text text-transparent", className),
907
907
  ...props
908
908
  }
909
909
  ));
@@ -1225,7 +1225,7 @@ var Input = React3.forwardRef(
1225
1225
  ...htmlProps
1226
1226
  }
1227
1227
  ),
1228
- variant === "gradient" && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "absolute inset-0 -z-10 rounded-xl bg-gradient-to-r from-violet-500 to-pink-500 opacity-0 blur transition-opacity peer-focus:opacity-20" })
1228
+ variant === "gradient" && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "absolute inset-0 -z-10 rounded-xl bg-linear-to-r from-violet-500 to-pink-500 opacity-0 blur transition-opacity peer-focus:opacity-20" })
1229
1229
  ]
1230
1230
  }
1231
1231
  );
@@ -1444,7 +1444,7 @@ var badgeVariants = (0, import_class_variance_authority4.cva)(
1444
1444
  secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
1445
1445
  destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
1446
1446
  outline: "text-foreground border-border hover:bg-accent",
1447
- gradient: "border-transparent bg-gradient-to-r from-violet-600 to-pink-600 dark:from-violet-500 dark:to-pink-500 text-white shadow-sm",
1447
+ gradient: "border-transparent bg-linear-to-r from-violet-600 to-pink-600 dark:from-violet-500 dark:to-pink-500 text-white shadow-sm",
1448
1448
  neon: "border-primary/50 bg-primary/10 text-primary shadow-[0_0_10px_rgba(var(--primary-rgb),0.3)]",
1449
1449
  success: "border-transparent bg-emerald-500/20 text-emerald-600 dark:text-emerald-400",
1450
1450
  warning: "border-transparent bg-amber-500/20 text-amber-600 dark:text-amber-400",
@@ -1490,7 +1490,7 @@ var avatarVariants = (0, import_class_variance_authority5.cva)(
1490
1490
  },
1491
1491
  variant: {
1492
1492
  default: "border-2 border-background",
1493
- gradient: "p-[2px] bg-gradient-to-tr from-violet-500 to-pink-500",
1493
+ gradient: "p-[2px] bg-linear-to-tr from-violet-500 to-pink-500",
1494
1494
  glow: "shadow-[0_0_15px_rgba(139,92,246,0.5)] border-2 border-violet-500",
1495
1495
  glass: "backdrop-blur-md bg-white/10 dark:bg-black/20 border border-white/20 dark:border-white/10"
1496
1496
  }
@@ -1845,7 +1845,7 @@ var DialogTitle = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE
1845
1845
  {
1846
1846
  ref,
1847
1847
  className: cn(
1848
- "text-xl font-semibold leading-none tracking-tight bg-gradient-to-br from-foreground to-foreground/70 bg-clip-text text-transparent",
1848
+ "text-xl font-semibold leading-none tracking-tight bg-linear-to-br from-foreground to-foreground/70 bg-clip-text text-transparent",
1849
1849
  className
1850
1850
  ),
1851
1851
  ...props
@@ -1927,7 +1927,7 @@ var Checkbox = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__
1927
1927
  {
1928
1928
  ref,
1929
1929
  className: cn(
1930
- "peer h-5 w-5 shrink-0 rounded-md border border-muted-foreground/30 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 transition-all duration-200 data-[state=checked]:bg-gradient-to-br data-[state=checked]:from-primary data-[state=checked]:to-primary/80 data-[state=checked]:text-primary-foreground data-[state=checked]:border-transparent data-[state=checked]:shadow-lg data-[state=checked]:shadow-primary/20",
1930
+ "peer h-5 w-5 shrink-0 rounded-md border border-muted-foreground/30 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 transition-all duration-200 data-[state=checked]:bg-linear-to-br data-[state=checked]:from-primary data-[state=checked]:to-primary/80 data-[state=checked]:text-primary-foreground data-[state=checked]:border-transparent data-[state=checked]:shadow-lg data-[state=checked]:shadow-primary/20",
1931
1931
  className
1932
1932
  ),
1933
1933
  ...props,
@@ -2080,7 +2080,7 @@ var alertVariants = (0, import_class_variance_authority9.cva)(
2080
2080
  minimal: "border-0 bg-muted/40 p-3 text-sm rounded-xl text-foreground hover:bg-muted/60 shadow-none [&>svg]:top-3.5",
2081
2081
  neon: "border-purple-500/50 bg-purple-500/10 text-purple-200 shadow-[0_0_15px_rgba(168,85,247,0.3)] [&>svg]:text-purple-400",
2082
2082
  cyberpunk: "border-l-4 border-yellow-400 bg-black text-yellow-400 shadow-[4px_4px_0_0_rgba(250,204,21,1)] rounded-none font-mono uppercase [&>svg]:text-yellow-400",
2083
- gradient: "bg-gradient-to-r from-blue-500/10 to-indigo-500/10 border-blue-500/20 text-foreground [&>svg]:text-blue-500",
2083
+ gradient: "bg-linear-to-r from-blue-500/10 to-indigo-500/10 border-blue-500/20 text-foreground [&>svg]:text-blue-500",
2084
2084
  banner: "w-full bg-indigo-600 text-white border-0 shadow-md rounded-none sm:rounded-xl [&>svg]:text-white"
2085
2085
  }
2086
2086
  },
@@ -2330,7 +2330,7 @@ function Skeleton({
2330
2330
  children: animated && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
2331
2331
  "span",
2332
2332
  {
2333
- className: "absolute inset-0 -translate-x-full bg-gradient-to-r from-transparent via-foreground/5 to-transparent animate-[shimmer_2s_infinite]",
2333
+ className: "absolute inset-0 -translate-x-full bg-linear-to-r from-transparent via-foreground/5 to-transparent animate-[shimmer_2s_infinite]",
2334
2334
  style: {
2335
2335
  animation: "shimmer 2s infinite"
2336
2336
  }
@@ -2364,10 +2364,10 @@ var Progress = React13.forwardRef(
2364
2364
  }, ref) => {
2365
2365
  const percentage = Math.min(100, Math.max(0, value / max * 100));
2366
2366
  const variantClasses = {
2367
- default: "bg-gradient-to-r from-primary to-primary/80",
2368
- success: "bg-gradient-to-r from-emerald-500 to-teal-500",
2369
- warning: "bg-gradient-to-r from-amber-500 to-orange-500",
2370
- error: "bg-gradient-to-r from-red-500 to-rose-500"
2367
+ default: "bg-linear-to-r from-primary to-primary/80",
2368
+ success: "bg-linear-to-r from-emerald-500 to-teal-500",
2369
+ warning: "bg-linear-to-r from-amber-500 to-orange-500",
2370
+ error: "bg-linear-to-r from-red-500 to-rose-500"
2371
2371
  };
2372
2372
  const sizeClasses2 = {
2373
2373
  default: "h-3.5",
@@ -2400,7 +2400,7 @@ var Progress = React13.forwardRef(
2400
2400
  className: cn(
2401
2401
  "h-full w-full flex-1 rounded-full",
2402
2402
  variantClasses[variant],
2403
- isIndeterminate ? "absolute inset-0 -translate-x-full origin-left bg-gradient-to-r from-primary/30 via-primary to-primary/30" : "transition-transform ease-out",
2403
+ isIndeterminate ? "absolute inset-0 -translate-x-full origin-left bg-linear-to-r from-primary/30 via-primary to-primary/30" : "transition-transform ease-out",
2404
2404
  animated && !isIndeterminate ? "duration-500" : "duration-0"
2405
2405
  ),
2406
2406
  style: isIndeterminate ? { animation: "shimmer 1.8s infinite" } : { transform: `translateX(-${100 - percentage}%)` }
@@ -2862,7 +2862,7 @@ function ShimmerBlock({ className }) {
2862
2862
  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: cn("relative overflow-hidden bg-muted rounded-md h-24 w-full", className), children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
2863
2863
  import_framer_motion8.motion.div,
2864
2864
  {
2865
- className: "absolute inset-0 -translate-x-full bg-gradient-to-r from-transparent via-white/10 to-transparent",
2865
+ className: "absolute inset-0 -translate-x-full bg-linear-to-r from-transparent via-white/10 to-transparent",
2866
2866
  animate: { translateX: ["-100%", "100%"] },
2867
2867
  transition: { repeat: Infinity, duration: 1.5, ease: "linear" }
2868
2868
  }
@@ -2975,7 +2975,7 @@ function Steps({ items, className }) {
2975
2975
  transition: { delay: index * 0.1 },
2976
2976
  className: cn(
2977
2977
  "flex h-9 w-9 items-center justify-center rounded-full border-2 text-sm font-bold transition-all duration-300",
2978
- item.status === "complete" && "border-transparent bg-gradient-to-br from-emerald-500 to-emerald-600 text-white shadow-lg shadow-emerald-500/20",
2978
+ item.status === "complete" && "border-transparent bg-linear-to-br from-emerald-500 to-emerald-600 text-white shadow-lg shadow-emerald-500/20",
2979
2979
  item.status === "current" && "border-primary bg-background text-primary shadow-lg shadow-primary/20 ring-4 ring-primary/10",
2980
2980
  item.status === "upcoming" && "border-muted-foreground/30 bg-muted text-muted-foreground"
2981
2981
  ),
@@ -3073,7 +3073,7 @@ var BreadcrumbTrail = () => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("nav"
3073
3073
  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react8.ChevronRight, { className: "w-4 h-4" }),
3074
3074
  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-foreground font-medium", children: "Laptop" })
3075
3075
  ] });
3076
- var StepIndicator = ({ current = 2 }) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center w-full max-w-sm", children: [
3076
+ var StepIndicator = () => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center w-full max-w-sm", children: [
3077
3077
  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "flex items-center text-primary", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "w-8 h-8 rounded-full border-2 border-primary bg-primary text-primary-foreground flex items-center justify-center font-bold text-sm", children: "1" }) }),
3078
3078
  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "flex-1 h-[2px] bg-primary mx-2" }),
3079
3079
  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "flex items-center text-primary", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "w-8 h-8 rounded-full border-2 border-primary bg-background flex items-center justify-center font-bold text-sm", children: "2" }) }),
@@ -3417,7 +3417,7 @@ var NumberTicker = React19.forwardRef(
3417
3417
  });
3418
3418
  React19.useEffect(() => {
3419
3419
  if (inView) {
3420
- const animation = motionValue.set(value);
3420
+ motionValue.set(value);
3421
3421
  }
3422
3422
  }, [inView, value, motionValue]);
3423
3423
  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
@@ -3442,7 +3442,7 @@ NumberTicker.displayName = "NumberTicker";
3442
3442
  function AnimatedNumber({
3443
3443
  value,
3444
3444
  className,
3445
- duration = 0.5,
3445
+ duration: _duration = 0.5,
3446
3446
  formatFn
3447
3447
  }) {
3448
3448
  const motionValue = (0, import_framer_motion13.useMotionValue)(value);
@@ -4016,7 +4016,7 @@ var tableContainerVariants = (0, import_class_variance_authority10.cva)(
4016
4016
  minimal: "bg-transparent border-0 border-b border-border/50 text-foreground rounded-none shadow-none",
4017
4017
  cyberpunk: "bg-black border-2 border-green-500/50 text-green-400 font-mono rounded-none shadow-[0_0_15px_rgba(34,197,94,0.15)]",
4018
4018
  aurora: "bg-card/25 backdrop-blur-xl border border-pink-500/10 text-card-foreground rounded-2xl shadow-xl",
4019
- gradient: "bg-gradient-to-b from-card to-muted/20 border border-border/80 text-foreground rounded-2xl shadow-md"
4019
+ gradient: "bg-linear-to-b from-card to-muted/20 border border-border/80 text-foreground rounded-2xl shadow-md"
4020
4020
  }
4021
4021
  },
4022
4022
  defaultVariants: {
@@ -4071,8 +4071,8 @@ var TableHeader = React22.forwardRef(({ className, children, ...props }, ref) =>
4071
4071
  variant === "cyberpunk" && "bg-green-950/40 border-b-2 border-green-500/60 text-green-300 font-bold uppercase tracking-wider",
4072
4072
  variant === "neon" && "bg-purple-950/20 border-b border-purple-500/40 text-purple-200 tracking-wide",
4073
4073
  variant === "glass" && "bg-white/5 dark:bg-white/3 border-b border-white/10 text-foreground/80",
4074
- variant === "aurora" && "bg-gradient-to-r from-pink-500/10 via-purple-500/10 to-indigo-500/10 border-b border-purple-500/20 text-purple-300",
4075
- variant === "gradient" && "bg-gradient-to-r from-primary/10 to-indigo-500/5 border-b border-border/80 text-foreground/90",
4074
+ variant === "aurora" && "bg-linear-to-r from-pink-500/10 via-purple-500/10 to-indigo-500/10 border-b border-purple-500/20 text-purple-300",
4075
+ variant === "gradient" && "bg-linear-to-r from-primary/10 to-indigo-500/5 border-b border-border/80 text-foreground/90",
4076
4076
  className
4077
4077
  );
4078
4078
  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("thead", { ref, className: headerClass, ...props, children });
@@ -4991,7 +4991,7 @@ var AuroraBorderCard = React26.forwardRef(
4991
4991
  "h4",
4992
4992
  {
4993
4993
  className: cn(
4994
- "text-xl sm:text-2xl font-bold tracking-tight bg-clip-text text-transparent bg-gradient-to-r",
4994
+ "text-xl sm:text-2xl font-bold tracking-tight bg-clip-text text-transparent bg-linear-to-r",
4995
4995
  subtitleGradients[variant] || subtitleGradients.aurora
4996
4996
  ),
4997
4997
  children: subtitle
@@ -5749,7 +5749,7 @@ var ProductGallery = () => {
5749
5749
  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex flex-col md:flex-row gap-4 w-full", children: [
5750
5750
  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "flex flex-row md:flex-col gap-2 order-2 md:order-1", children: [1, 2, 3, 4].map((i) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { onClick: () => setActive(i), className: `w-16 h-16 md:w-20 md:h-24 bg-muted rounded-lg border-2 transition-all ${i === active ? "border-primary ring-2 ring-primary/20 scale-105" : "border-transparent cursor-pointer hover:border-foreground/20"}` }, i)) }),
5751
5751
  /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex-1 bg-muted rounded-2xl aspect-[4/3] flex items-center justify-center text-muted-foreground order-1 md:order-2 overflow-hidden relative", children: [
5752
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "absolute inset-0 bg-gradient-to-tr from-background/10 to-transparent" }),
5752
+ /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "absolute inset-0 bg-linear-to-tr from-background/10 to-transparent" }),
5753
5753
  /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { className: "font-medium", children: [
5754
5754
  "Product View ",
5755
5755
  active
@@ -5879,7 +5879,7 @@ var SizeSelector = () => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", {
5879
5879
  ] });
5880
5880
  var CategoryCard = () => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "relative group overflow-hidden rounded-2xl cursor-pointer aspect-square bg-muted flex items-center justify-center", children: [
5881
5881
  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "absolute inset-0 bg-black/20 group-hover:bg-black/40 transition-colors z-10" }),
5882
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "absolute inset-0 scale-100 group-hover:scale-110 transition-transform duration-500 bg-gradient-to-tr from-indigo-500 to-purple-500 opacity-50" }),
5882
+ /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "absolute inset-0 scale-100 group-hover:scale-110 transition-transform duration-500 bg-linear-to-tr from-indigo-500 to-purple-500 opacity-50" }),
5883
5883
  /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "relative z-20 text-white text-center", children: [
5884
5884
  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("h3", { className: "text-3xl font-bold mb-2", children: "Sneakers" }),
5885
5885
  /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center gap-1 text-sm font-medium justify-center group-hover:gap-2 transition-all", children: [
@@ -6176,7 +6176,7 @@ var FileExplorerTable = () => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("di
6176
6176
  ] })
6177
6177
  ] })
6178
6178
  ] });
6179
- var LeaderboardTable = () => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "w-full border rounded-2xl bg-gradient-to-b from-card to-muted/20 overflow-hidden shadow-lg", children: [
6179
+ var LeaderboardTable = () => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "w-full border rounded-2xl bg-linear-to-b from-card to-muted/20 overflow-hidden shadow-lg", children: [
6180
6180
  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "p-6 text-center border-b", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("h3", { className: "font-bold text-xl uppercase tracking-widest text-yellow-500", children: "Global Ranking" }) }),
6181
6181
  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "divide-y", children: [1, 2, 3].map((i) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: `flex items-center px-6 py-4 ${i === 1 ? "bg-yellow-500/10" : ""}`, children: [
6182
6182
  /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: `font-black text-2xl w-8 ${i === 1 ? "text-yellow-500" : i === 2 ? "text-gray-400" : "text-amber-700"}`, children: [
@@ -6291,7 +6291,7 @@ var StatWidgetCard = ({ title = "Total Revenue", value = "$45,231.89", icon: Ico
6291
6291
  ] });
6292
6292
  var ActivityFeed = () => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "border rounded-xl bg-card p-6", children: [
6293
6293
  /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("h3", { className: "font-bold mb-4", children: "Recent Activity" }),
6294
- /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "space-y-6 relative before:absolute before:inset-0 before:ml-4 before:-translate-x-px md:before:mx-auto md:before:translate-x-0 before:h-full before:w-0.5 before:bg-gradient-to-b before:from-transparent before:via-border before:to-transparent", children: [1, 2].map((i) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "relative flex items-center justify-between md:justify-normal md:odd:flex-row-reverse group is-active", children: [
6294
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "space-y-6 relative before:absolute before:inset-0 before:ml-4 before:-translate-x-px md:before:mx-auto md:before:translate-x-0 before:h-full before:w-0.5 before:bg-linear-to-b before:from-transparent before:via-border before:to-transparent", children: [1, 2].map((i) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "relative flex items-center justify-between md:justify-normal md:odd:flex-row-reverse group is-active", children: [
6295
6295
  /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "flex items-center justify-center w-8 h-8 rounded-full border-2 border-background bg-primary text-primary-foreground shadow shrink-0 md:order-1 md:group-odd:-translate-x-1/2 md:group-even:translate-x-1/2 z-10", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react20.Zap, { className: "w-4 h-4" }) }),
6296
6296
  /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "w-[calc(100%-4rem)] md:w-[calc(50%-2.5rem)] border rounded-lg p-3 bg-background shadow-sm", children: [
6297
6297
  /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex justify-between items-center mb-1", children: [
@@ -6451,7 +6451,7 @@ var ActionToast = () => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", {
6451
6451
  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("button", { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react22.X, { className: "w-4 h-4 text-muted" }) })
6452
6452
  ] })
6453
6453
  ] });
6454
- var MultiStepProgress = ({ current = 2 }) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "w-full", children: [
6454
+ var MultiStepProgress = () => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "w-full", children: [
6455
6455
  /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex justify-between mb-2 text-sm font-medium", children: [
6456
6456
  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "text-primary", children: "Cart" }),
6457
6457
  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "text-primary", children: "Shipping" }),
@@ -6557,7 +6557,7 @@ var ComparisonTableMock = () => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("
6557
6557
  var AnimatedHeroText = () => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("h1", { className: "text-4xl md:text-6xl font-black text-center leading-tight", children: [
6558
6558
  "Create the next ",
6559
6559
  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("br", {}),
6560
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-transparent bg-clip-text bg-gradient-to-r from-blue-500 via-purple-500 to-pink-500 animate-[pulse_4s_ease-in-out_infinite]", children: "unicorn startup." })
6560
+ /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-transparent bg-clip-text bg-linear-to-r from-blue-500 via-purple-500 to-pink-500 animate-[pulse_4s_ease-in-out_infinite]", children: "unicorn startup." })
6561
6561
  ] });
6562
6562
  var StatCounter = () => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "grid grid-cols-3 gap-4 border-y py-8 text-center bg-card", children: [
6563
6563
  /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { children: [
@@ -6587,7 +6587,7 @@ var NewsletterSignup = () => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div
6587
6587
  ] })
6588
6588
  ] });
6589
6589
  var VideoModalVisual = () => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "relative w-full max-w-2xl mx-auto aspect-video bg-zinc-900 rounded-2xl overflow-hidden shadow-2xl group cursor-pointer border border-white/10", children: [
6590
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "absolute inset-0 bg-gradient-to-t from-black/60 to-transparent" }),
6590
+ /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "absolute inset-0 bg-linear-to-t from-black/60 to-transparent" }),
6591
6591
  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "w-16 h-16 bg-white/20 backdrop-blur-md rounded-full flex items-center justify-center group-hover:scale-110 transition-transform", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react23.Play, { className: "w-6 h-6 text-white ml-1" }) }) }),
6592
6592
  /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "absolute bottom-4 left-4 text-white", children: [
6593
6593
  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("h4", { className: "font-bold", children: "Watch the demo" }),
@@ -6595,7 +6595,7 @@ var VideoModalVisual = () => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div
6595
6595
  ] })
6596
6596
  ] });
6597
6597
  var GradientCTABlock = () => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "relative p-12 rounded-3xl overflow-hidden border shadow-lg text-center", children: [
6598
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "absolute inset-0 bg-gradient-to-br from-indigo-500/20 via-purple-500/20 to-pink-500/20" }),
6598
+ /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "absolute inset-0 bg-linear-to-br from-indigo-500/20 via-purple-500/20 to-pink-500/20" }),
6599
6599
  /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "relative z-10 max-w-lg mx-auto space-y-6", children: [
6600
6600
  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("h2", { className: "text-3xl md:text-4xl font-extrabold", children: "Ready to dive in?" }),
6601
6601
  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-lg text-muted-foreground", children: "Start your free 14-day trial today. No credit card required." }),
@@ -6770,7 +6770,7 @@ var SplitScreenLayout = () => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("di
6770
6770
  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "w-full h-10 bg-muted rounded-lg mb-8" }),
6771
6771
  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "w-full h-12 bg-primary rounded-lg" })
6772
6772
  ] }),
6773
- /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "hidden md:block flex-1 bg-gradient-to-br from-indigo-500 to-purple-600 p-12 text-white flex flex-col justify-between", children: [
6773
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "hidden md:block flex-1 bg-linear-to-br from-indigo-500 to-purple-600 p-12 text-white flex flex-col justify-between", children: [
6774
6774
  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", {}),
6775
6775
  /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { children: [
6776
6776
  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("h2", { className: "text-4xl font-bold mb-4", children: "Nexore UI" }),
@@ -6824,7 +6824,7 @@ var DashboardGridLayout = () => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("
6824
6824
  ] })
6825
6825
  ] });
6826
6826
  var BentoGridVisual = () => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "w-full h-[400px] border rounded-xl bg-background p-4 grid grid-cols-4 grid-rows-3 gap-4", children: [
6827
- /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "col-span-2 row-span-2 bg-gradient-to-br from-primary/20 to-primary/5 border rounded-2xl p-6 flex flex-col justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("h3", { className: "text-2xl font-bold", children: "Main Feature" }) }),
6827
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "col-span-2 row-span-2 bg-linear-to-br from-primary/20 to-primary/5 border rounded-2xl p-6 flex flex-col justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("h3", { className: "text-2xl font-bold", children: "Main Feature" }) }),
6828
6828
  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "col-span-1 row-span-1 bg-card border rounded-2xl" }),
6829
6829
  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "col-span-1 row-span-2 bg-card border rounded-2xl" }),
6830
6830
  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "col-span-1 row-span-1 bg-card border rounded-2xl" }),
@@ -7052,7 +7052,7 @@ function NeumorphicCard({ children, className }) {
7052
7052
  }
7053
7053
  function GradientMeshCard({ children, className }) {
7054
7054
  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: cn("relative rounded-2xl overflow-hidden", className), children: [
7055
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "absolute inset-0 bg-gradient-to-br from-violet-500/20 via-transparent to-pink-500/20 dark:from-violet-500/10 dark:to-pink-500/10" }),
7055
+ /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "absolute inset-0 bg-linear-to-br from-violet-500/20 via-transparent to-pink-500/20 dark:from-violet-500/10 dark:to-pink-500/10" }),
7056
7056
  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "absolute top-0 right-0 w-32 h-32 bg-orange-400/20 dark:bg-orange-400/10 rounded-full blur-3xl" }),
7057
7057
  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "absolute bottom-0 left-0 w-32 h-32 bg-blue-400/20 dark:bg-blue-400/10 rounded-full blur-3xl" }),
7058
7058
  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "relative p-6 border border-white/10 dark:border-white/5 rounded-2xl backdrop-blur-sm", children })
@@ -7274,7 +7274,7 @@ var NumberStepper = ({ value = 0, onChange, min = 0, max = 100 }) => /* @__PURE_
7274
7274
  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "w-8 text-center font-medium text-sm", children: value }),
7275
7275
  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("button", { type: "button", onClick: () => onChange(Math.min(max, value + 1)), className: "p-1 rounded hover:bg-muted text-muted-foreground transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react26.Plus, { className: "h-4 w-4" }) })
7276
7276
  ] });
7277
- var FileDropzone = ({ onDrop }) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex flex-col items-center justify-center w-full h-40 border-2 border-dashed border-muted-foreground/25 rounded-xl bg-card hover:bg-accent/50 transition-colors cursor-pointer group", children: [
7277
+ var FileDropzone = ({ onDrop: _onDrop }) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex flex-col items-center justify-center w-full h-40 border-2 border-dashed border-muted-foreground/25 rounded-xl bg-card hover:bg-accent/50 transition-colors cursor-pointer group", children: [
7278
7278
  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "p-4 rounded-full bg-muted group-hover:bg-background transition-colors mb-2", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react26.Upload, { className: "h-6 w-6 text-muted-foreground group-hover:text-primary transition-colors" }) }),
7279
7279
  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "text-sm font-medium", children: "Click or drag file to this area to upload" }),
7280
7280
  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "text-xs text-muted-foreground mt-1", children: "Support for a single or bulk upload." })
@@ -7386,7 +7386,7 @@ function RetroGrid({ className, angle = 65 }) {
7386
7386
  }
7387
7387
  }
7388
7388
  ) }),
7389
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "absolute inset-0 bg-gradient-to-t from-background to-transparent to-90%" })
7389
+ /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "absolute inset-0 bg-linear-to-t from-background to-transparent to-90%" })
7390
7390
  ]
7391
7391
  }
7392
7392
  );
@@ -7412,7 +7412,7 @@ function Meteors({ number = 20, className }) {
7412
7412
  animationDelay: meteor.animationDelay,
7413
7413
  animationDuration: meteor.animationDuration
7414
7414
  },
7415
- children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "absolute top-1/2 -translate-y-1/2 w-[1px] h-full bg-gradient-to-b from-foreground/30 to-transparent" })
7415
+ children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "absolute top-1/2 -translate-y-1/2 w-[1px] h-full bg-linear-to-b from-foreground/30 to-transparent" })
7416
7416
  },
7417
7417
  meteor.id
7418
7418
  )) });
@@ -7948,7 +7948,7 @@ function ImageCarousel({ images, autoPlay = true, interval = 4e3, className }) {
7948
7948
  animate: { opacity: i === current ? 1 : 0 },
7949
7949
  transition: { duration: 0.5 },
7950
7950
  className: "absolute inset-0",
7951
- children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "w-full h-full bg-gradient-to-br from-violet-500/20 to-pink-500/20 flex items-center justify-center text-muted-foreground", children: img.alt || `Slide ${i + 1}` })
7951
+ children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "w-full h-full bg-linear-to-br from-violet-500/20 to-pink-500/20 flex items-center justify-center text-muted-foreground", children: img.alt || `Slide ${i + 1}` })
7952
7952
  },
7953
7953
  i
7954
7954
  )) }),
@@ -7962,10 +7962,10 @@ function ImageCarousel({ images, autoPlay = true, interval = 4e3, className }) {
7962
7962
  )) })
7963
7963
  ] });
7964
7964
  }
7965
- function VideoPlayer({ title, duration = "3:45", thumbnail, className }) {
7965
+ function VideoPlayer({ title, duration = "3:45", thumbnail: _thumbnail, className }) {
7966
7966
  const [playing, setPlaying] = React37.useState(false);
7967
7967
  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: cn("relative overflow-hidden rounded-xl bg-muted group cursor-pointer", className), children: [
7968
- /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "aspect-video bg-gradient-to-br from-slate-800 to-slate-900 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
7968
+ /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "aspect-video bg-linear-to-br from-slate-800 to-slate-900 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
7969
7969
  import_framer_motion30.motion.button,
7970
7970
  {
7971
7971
  whileHover: { scale: 1.1 },
@@ -7975,7 +7975,7 @@ function VideoPlayer({ title, duration = "3:45", thumbnail, className }) {
7975
7975
  children: playing ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("svg", { className: "w-6 h-6 text-white", fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { d: "M6 4h4v16H6V4zm8 0h4v16h-4V4z" }) }) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("svg", { className: "w-6 h-6 text-white ml-1", fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { d: "M8 5v14l11-7z" }) })
7976
7976
  }
7977
7977
  ) }),
7978
- (title || duration) && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/80 to-transparent p-4", children: [
7978
+ (title || duration) && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "absolute bottom-0 left-0 right-0 bg-linear-to-t from-black/80 to-transparent p-4", children: [
7979
7979
  title && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "text-white text-sm font-medium", children: title }),
7980
7980
  duration && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "text-white/70 text-xs", children: duration })
7981
7981
  ] })
@@ -8025,7 +8025,7 @@ function FilePreviewCard({ name, size, type = "file", className }) {
8025
8025
  whileHover: { y: -2 },
8026
8026
  className: cn("rounded-xl border border-border bg-card p-4 flex items-center gap-3 cursor-pointer transition-shadow hover:shadow-md", className),
8027
8027
  children: [
8028
- /* @__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" }) }),
8028
+ /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: cn("w-12 h-12 rounded-lg bg-linear-to-br flex items-center justify-center shrink-0 border border-border/40", colors[type]), children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon2, { className: "w-5 h-5" }) }),
8029
8029
  /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex-1 min-w-0", children: [
8030
8030
  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "text-sm font-medium truncate", children: name }),
8031
8031
  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "text-xs text-muted-foreground", children: size })
@@ -8037,7 +8037,7 @@ function FilePreviewCard({ name, size, type = "file", className }) {
8037
8037
  }
8038
8038
  function EmbedCard({ title, description, domain, favicon, className }) {
8039
8039
  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: cn("rounded-xl border border-border bg-card overflow-hidden hover:shadow-md transition-shadow cursor-pointer", className), children: [
8040
- /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "h-36 bg-gradient-to-br from-violet-500/20 via-blue-500/20 to-pink-500/20" }),
8040
+ /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "h-36 bg-linear-to-br from-violet-500/20 via-blue-500/20 to-pink-500/20" }),
8041
8041
  /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "p-4 border-t border-border", children: [
8042
8042
  /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex items-center gap-2 mb-2", children: [
8043
8043
  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "w-4 h-4 rounded-full bg-muted flex items-center justify-center text-[8px]", children: favicon || domain.charAt(0).toUpperCase() }),
@@ -8050,7 +8050,7 @@ function EmbedCard({ title, description, domain, favicon, className }) {
8050
8050
  }
8051
8051
  function MusicPlayer({ title, artist, album, className }) {
8052
8052
  const [playing, setPlaying] = React37.useState(false);
8053
- const [progress, setProgress] = React37.useState(35);
8053
+ const [progress] = React37.useState(35);
8054
8054
  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: cn("rounded-2xl border border-border bg-card p-5 w-full max-w-sm", className), children: [
8055
8055
  /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex items-center gap-4 mb-4", children: [
8056
8056
  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
@@ -8058,7 +8058,7 @@ function MusicPlayer({ title, artist, album, className }) {
8058
8058
  {
8059
8059
  animate: playing ? { rotate: 360 } : {},
8060
8060
  transition: playing ? { duration: 3, repeat: Infinity, ease: "linear" } : {},
8061
- className: "w-14 h-14 rounded-full bg-gradient-to-br from-violet-500 to-pink-500 flex items-center justify-center shadow-lg shrink-0",
8061
+ className: "w-14 h-14 rounded-full bg-linear-to-br from-violet-500 to-pink-500 flex items-center justify-center shadow-lg shrink-0",
8062
8062
  children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "w-5 h-5 rounded-full bg-background" })
8063
8063
  }
8064
8064
  ),
@@ -8127,7 +8127,7 @@ function ImageCompare({
8127
8127
  onMouseMove: handleMove,
8128
8128
  onTouchMove: handleTouchMove,
8129
8129
  children: [
8130
- rightImage ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("img", { src: rightImage, alt: rightLabel, className: "absolute inset-0 w-full h-full object-cover" }) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "absolute inset-0 bg-gradient-to-br from-slate-600 to-slate-800" }),
8130
+ rightImage ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("img", { src: rightImage, alt: rightLabel, className: "absolute inset-0 w-full h-full object-cover" }) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "absolute inset-0 bg-linear-to-br from-slate-600 to-slate-800" }),
8131
8131
  leftImage ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
8132
8132
  "img",
8133
8133
  {
@@ -8139,7 +8139,7 @@ function ImageCompare({
8139
8139
  ) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
8140
8140
  "div",
8141
8141
  {
8142
- className: "absolute inset-0 bg-gradient-to-br from-violet-500 to-pink-500",
8142
+ className: "absolute inset-0 bg-linear-to-br from-violet-500 to-pink-500",
8143
8143
  style: { clipPath: `inset(0 ${100 - position}% 0 0)` }
8144
8144
  }
8145
8145
  ),
@@ -8167,7 +8167,7 @@ function GalleryGrid({ items, className }) {
8167
8167
  {
8168
8168
  whileHover: { scale: 1.02 },
8169
8169
  className: cn(
8170
- "rounded-xl bg-gradient-to-br p-4 flex items-end cursor-pointer transition-shadow hover:shadow-lg",
8170
+ "rounded-xl bg-linear-to-br p-4 flex items-end cursor-pointer transition-shadow hover:shadow-lg",
8171
8171
  item.color || colors[i % colors.length],
8172
8172
  i === 0 ? "row-span-2 min-h-[200px]" : "min-h-[100px]"
8173
8173
  ),
@@ -8456,7 +8456,7 @@ function LeaderboardWidget({ items, title, className }) {
8456
8456
  "w-6 h-6 rounded-full flex items-center justify-center text-xs font-bold shrink-0",
8457
8457
  i === 0 ? "bg-amber-500/20 text-amber-500" : i === 1 ? "bg-slate-300/20 text-slate-400" : i === 2 ? "bg-orange-500/20 text-orange-500" : "bg-muted text-muted-foreground"
8458
8458
  ), children: i + 1 }),
8459
- /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "w-8 h-8 rounded-full bg-gradient-to-br from-violet-500 to-pink-500 flex items-center justify-center text-white text-xs font-bold shrink-0", children: item.avatar || item.name.charAt(0) }),
8459
+ /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "w-8 h-8 rounded-full bg-linear-to-br from-violet-500 to-pink-500 flex items-center justify-center text-white text-xs font-bold shrink-0", children: item.avatar || item.name.charAt(0) }),
8460
8460
  /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex-1 min-w-0", children: [
8461
8461
  /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-sm font-medium truncate", children: item.name }),
8462
8462
  /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "h-1.5 bg-muted rounded-full mt-1 overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
@@ -8578,7 +8578,7 @@ function ModernAreaChart({
8578
8578
  return `${acc} C ${cp1x} ${cp1y}, ${cp2x} ${cp2y}, ${p.x} ${p.y}`;
8579
8579
  }, "");
8580
8580
  const areaD = points.length > 0 ? `${pathD} L ${points[points.length - 1].x} ${padding.top + chartHeight} L ${points[0].x} ${padding.top + chartHeight} Z` : "";
8581
- const activePoint = hoverIndex !== null ? points[hoverIndex] : points[points.length - 1] || { label: "", value: 0 };
8581
+ const activePoint = hoverIndex !== null ? points[hoverIndex] : points[points.length - 1] || { label: "", value: 0, x: 0, y: 0 };
8582
8582
  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: cn("relative w-full select-none", className), children: [
8583
8583
  /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
8584
8584
  "svg",
@@ -8736,7 +8736,7 @@ function ModernBarChart({
8736
8736
  backgroundColor: colorTheme.stroke,
8737
8737
  boxShadow: isHovered ? `0 0 20px ${colorTheme.glow}` : "none"
8738
8738
  },
8739
- children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "absolute inset-0 bg-gradient-to-t from-black/20 to-white/20" })
8739
+ children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "absolute inset-0 bg-linear-to-t from-black/20 to-white/20" })
8740
8740
  }
8741
8741
  ),
8742
8742
  /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
@@ -8885,7 +8885,7 @@ var ChatMessageAvatar = React39.forwardRef(
8885
8885
  ref,
8886
8886
  className: cn(
8887
8887
  "relative w-8 h-8 rounded-full flex items-center justify-center text-xs font-bold shrink-0 select-none shadow-sm",
8888
- isOwn ? "bg-gradient-to-tr from-primary to-violet-500 text-white shadow-primary/20" : "bg-gradient-to-tr from-zinc-700 to-zinc-900 dark:from-zinc-800 dark:to-zinc-950 text-white border border-border/80",
8888
+ isOwn ? "bg-linear-to-tr from-primary to-violet-500 text-white shadow-primary/20" : "bg-linear-to-tr from-zinc-700 to-zinc-900 dark:from-zinc-800 dark:to-zinc-950 text-white border border-border/80",
8889
8889
  className
8890
8890
  ),
8891
8891
  ...props,
@@ -9101,6 +9101,7 @@ var ChatInputSubmit = React39.forwardRef(
9101
9101
  ({ disabled = false, className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
9102
9102
  import_framer_motion32.motion.button,
9103
9103
  {
9104
+ ref,
9104
9105
  whileTap: { scale: disabled ? 1 : 0.92 },
9105
9106
  disabled,
9106
9107
  className: cn(
@@ -9184,7 +9185,7 @@ var UserProfileCover = React39.forwardRef(
9184
9185
  ref,
9185
9186
  className: cn(
9186
9187
  "h-36 w-full relative overflow-hidden rounded-t-2xl",
9187
- gradient || "bg-gradient-to-r from-violet-600 via-indigo-600 to-cyan-500",
9188
+ gradient || "bg-linear-to-r from-violet-600 via-indigo-600 to-cyan-500",
9188
9189
  className
9189
9190
  ),
9190
9191
  ...props,
@@ -9192,7 +9193,7 @@ var UserProfileCover = React39.forwardRef(
9192
9193
  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "absolute inset-0 bg-[linear-gradient(to_right,#ffffff15_1px,transparent_1px),linear-gradient(to_bottom,#ffffff15_1px,transparent_1px)] bg-[size:18px_18px] pointer-events-none" }),
9193
9194
  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "absolute -top-12 -right-12 w-44 h-44 bg-white/20 rounded-full blur-2xl pointer-events-none" }),
9194
9195
  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "absolute -bottom-10 -left-10 w-40 h-40 bg-black/40 rounded-full blur-2xl pointer-events-none" }),
9195
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "absolute inset-0 bg-gradient-to-t from-card/80 via-transparent to-transparent pointer-events-none" }),
9196
+ /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "absolute inset-0 bg-linear-to-t from-card/80 via-transparent to-transparent pointer-events-none" }),
9196
9197
  imageSrc && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("img", { src: imageSrc, alt: "Cover", className: "w-full h-full object-cover" }),
9197
9198
  children
9198
9199
  ]
@@ -9207,7 +9208,7 @@ var UserProfileAvatar = React39.forwardRef(
9207
9208
  {
9208
9209
  ref,
9209
9210
  className: cn(
9210
- "w-20 h-20 rounded-full border-4 border-card ring-2 ring-primary/30 bg-gradient-to-tr from-violet-600 via-indigo-600 to-cyan-500 flex items-center justify-center text-white font-extrabold text-2xl shadow-2xl overflow-hidden select-none",
9211
+ "w-20 h-20 rounded-full border-4 border-card ring-2 ring-primary/30 bg-linear-to-tr from-violet-600 via-indigo-600 to-cyan-500 flex items-center justify-center text-white font-extrabold text-2xl shadow-2xl overflow-hidden select-none",
9211
9212
  className
9212
9213
  ),
9213
9214
  ...props,
@@ -9278,6 +9279,7 @@ var UserProfileFollowButton = React39.forwardRef(
9278
9279
  ({ following = false, className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
9279
9280
  import_framer_motion32.motion.button,
9280
9281
  {
9282
+ ref,
9281
9283
  whileTap: { scale: 0.95 },
9282
9284
  className: cn(
9283
9285
  "px-4 py-1.5 rounded-full text-xs font-semibold transition-all duration-200 cursor-pointer shadow-xs",
@@ -9342,7 +9344,7 @@ var CommentAvatar = React39.forwardRef(
9342
9344
  {
9343
9345
  ref,
9344
9346
  className: cn(
9345
- "rounded-full flex items-center justify-center font-bold text-white shrink-0 bg-gradient-to-tr from-violet-500 to-indigo-600 shadow-xs",
9347
+ "rounded-full flex items-center justify-center font-bold text-white shrink-0 bg-linear-to-tr from-violet-500 to-indigo-600 shadow-xs",
9346
9348
  size === "sm" ? "w-6 h-6 text-[10px]" : "w-8 h-8 text-xs",
9347
9349
  className
9348
9350
  ),
@@ -9475,7 +9477,7 @@ var SocialPostAvatar = React39.forwardRef(
9475
9477
  {
9476
9478
  ref,
9477
9479
  className: cn(
9478
- "w-10 h-10 rounded-full bg-gradient-to-tr from-violet-500 to-indigo-600 flex items-center justify-center text-white font-bold shrink-0 shadow-xs",
9480
+ "w-10 h-10 rounded-full bg-linear-to-tr from-violet-500 to-indigo-600 flex items-center justify-center text-white font-bold shrink-0 shadow-xs",
9479
9481
  className
9480
9482
  ),
9481
9483
  ...props,
@@ -9605,7 +9607,7 @@ var ActivityItem = React39.forwardRef(
9605
9607
  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { ref, className: cn("flex items-start gap-3 py-3 w-full", className), ...props, children });
9606
9608
  }
9607
9609
  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { ref, className: cn("flex items-start gap-3 py-3 w-full", className), ...props, children: [
9608
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "w-8 h-8 rounded-full bg-gradient-to-tr from-violet-500 to-indigo-600 flex items-center justify-center text-white text-xs font-bold shrink-0 shadow-xs", children: icon || user?.charAt(0) || "U" }),
9610
+ /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "w-8 h-8 rounded-full bg-linear-to-tr from-violet-500 to-indigo-600 flex items-center justify-center text-white text-xs font-bold shrink-0 shadow-xs", children: icon || user?.charAt(0) || "U" }),
9609
9611
  /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex-1 min-w-0", children: [
9610
9612
  /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("p", { className: "text-xs sm:text-sm text-foreground/90 leading-snug", children: [
9611
9613
  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "font-semibold text-foreground", children: user }),
@@ -9656,7 +9658,7 @@ var OnlineUsersList = React39.forwardRef(
9656
9658
  ] }),
9657
9659
  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "space-y-2", children: users?.map((user, i) => /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex items-center gap-2.5 py-1", children: [
9658
9660
  /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "relative shrink-0", children: [
9659
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "w-7 h-7 rounded-full bg-gradient-to-tr from-violet-500 to-indigo-600 flex items-center justify-center text-white text-[11px] font-bold shadow-2xs", children: user.name.charAt(0) }),
9661
+ /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "w-7 h-7 rounded-full bg-linear-to-tr from-violet-500 to-indigo-600 flex items-center justify-center text-white text-[11px] font-bold shadow-2xs", children: user.name.charAt(0) }),
9660
9662
  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
9661
9663
  "div",
9662
9664
  {
@@ -9853,7 +9855,7 @@ function ProductCardPro({
9853
9855
  ),
9854
9856
  ...props,
9855
9857
  children: [
9856
- /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "relative aspect-[4/3] rounded-2xl bg-gradient-to-br from-muted/60 via-card to-background border border-border/50 overflow-hidden flex items-center justify-center", children: [
9858
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "relative aspect-[4/3] rounded-2xl bg-linear-to-br from-muted/60 via-card to-background border border-border/50 overflow-hidden flex items-center justify-center", children: [
9857
9859
  /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
9858
9860
  "div",
9859
9861
  {
@@ -9891,7 +9893,7 @@ function ProductCardPro({
9891
9893
  className: "w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"
9892
9894
  }
9893
9895
  ) : /* @__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: [
9894
- /* @__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" }) }),
9896
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "w-20 h-20 rounded-2xl bg-linear-to-tr from-primary/20 via-primary/10 to-transparent border border-primary/20 flex items-center justify-center text-primary shadow-lg", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react30.ShoppingBag, { className: "w-9 h-9" }) }),
9895
9897
  /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-[10px] font-mono tracking-widest text-muted-foreground uppercase", children: "STUDIO SERIES" })
9896
9898
  ] })
9897
9899
  ] }),
@@ -10159,7 +10161,7 @@ function CreditCardVisual({
10159
10161
  "div",
10160
10162
  {
10161
10163
  className: cn(
10162
- "relative w-full max-w-sm aspect-[1.6/1] rounded-2xl bg-gradient-to-tr from-zinc-950 via-zinc-900 to-zinc-800 border border-white/10 p-6 text-white shadow-2xl overflow-hidden select-none flex flex-col justify-between",
10164
+ "relative w-full max-w-sm aspect-[1.6/1] rounded-2xl bg-linear-to-tr from-zinc-950 via-zinc-900 to-zinc-800 border border-white/10 p-6 text-white shadow-2xl overflow-hidden select-none flex flex-col justify-between",
10163
10165
  className
10164
10166
  ),
10165
10167
  ...props,
@@ -10168,7 +10170,7 @@ function CreditCardVisual({
10168
10170
  /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "absolute -bottom-10 -left-10 w-36 h-36 bg-primary/20 rounded-full blur-2xl pointer-events-none" }),
10169
10171
  /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-center justify-between z-10", children: [
10170
10172
  /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-center gap-3", children: [
10171
- /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "w-10 h-7 rounded-md bg-gradient-to-br from-amber-300 via-amber-400 to-amber-600 border border-amber-200/50 shadow-xs relative overflow-hidden", children: [
10173
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "w-10 h-7 rounded-md bg-linear-to-br from-amber-300 via-amber-400 to-amber-600 border border-amber-200/50 shadow-xs relative overflow-hidden", children: [
10172
10174
  /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "absolute inset-x-0 top-1/2 -translate-y-1/2 h-[1px] bg-amber-900/30" }),
10173
10175
  /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "absolute inset-y-0 left-1/2 -translate-x-1/2 w-[1px] bg-amber-900/30" })
10174
10176
  ] }),
@@ -10649,7 +10651,7 @@ function BentoCard({
10649
10651
  ),
10650
10652
  ...motionSafeProps,
10651
10653
  children: [
10652
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "pointer-events-none absolute -inset-px rounded-xl opacity-0 transition-opacity duration-300 group-hover:opacity-100 bg-gradient-to-tr from-primary/5 via-transparent to-transparent" }),
10654
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "pointer-events-none absolute -inset-px rounded-xl opacity-0 transition-opacity duration-300 group-hover:opacity-100 bg-linear-to-tr from-primary/5 via-transparent to-transparent" }),
10653
10655
  header && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "w-full overflow-hidden rounded-lg mb-4", children: header }),
10654
10656
  /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex flex-col gap-1.5 mt-auto", children: [
10655
10657
  /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex items-center gap-2", children: [
@@ -10666,7 +10668,6 @@ function BentoCard({
10666
10668
 
10667
10669
  // src/components/aurora-border-fx.tsx
10668
10670
  var React42 = __toESM(require("react"));
10669
- var import_framer_motion35 = require("framer-motion");
10670
10671
  var import_lucide_react31 = require("lucide-react");
10671
10672
  var import_jsx_runtime55 = require("react/jsx-runtime");
10672
10673
  var defaultAuroraColors = [
@@ -10715,7 +10716,6 @@ var AuroraBorderFX = React42.forwardRef(
10715
10716
  children,
10716
10717
  ...props
10717
10718
  }, ref) => {
10718
- const shouldReduceMotion = (0, import_framer_motion35.useReducedMotion)();
10719
10719
  const resolvedInitialColor = colorPresetMap[color] || color || "#8b5cf6";
10720
10720
  const [internalColor, setInternalColor] = React42.useState(resolvedInitialColor);
10721
10721
  React42.useEffect(() => {
@@ -10864,7 +10864,7 @@ AuroraBorderFX.displayName = "AuroraBorderFX";
10864
10864
 
10865
10865
  // src/components/morphing-geometry.tsx
10866
10866
  var React43 = __toESM(require("react"));
10867
- var import_framer_motion36 = require("framer-motion");
10867
+ var import_framer_motion35 = require("framer-motion");
10868
10868
  var import_lucide_react32 = require("lucide-react");
10869
10869
  var import_jsx_runtime56 = require("react/jsx-runtime");
10870
10870
  var sizeMap3 = {
@@ -10945,7 +10945,6 @@ var MorphingGeometry = React43.forwardRef(
10945
10945
  ...props
10946
10946
  }, ref) => {
10947
10947
  const [currentShape, setCurrentShape] = React43.useState(shape);
10948
- const [isHovered, setIsHovered] = React43.useState(false);
10949
10948
  React43.useEffect(() => {
10950
10949
  setCurrentShape(shape);
10951
10950
  }, [shape]);
@@ -10963,9 +10962,9 @@ var MorphingGeometry = React43.forwardRef(
10963
10962
  const glowStyle = glow ? { boxShadow: `0 12px 36px -4px ${colorScheme.glow}` } : {};
10964
10963
  let variantClasses = "";
10965
10964
  if (variant === "gradient") {
10966
- variantClasses = `bg-gradient-to-tr ${colorScheme.bg} border ${colorScheme.border} ${colorScheme.text}`;
10965
+ variantClasses = `bg-linear-to-tr ${colorScheme.bg} border ${colorScheme.border} ${colorScheme.text}`;
10967
10966
  } else if (variant === "aurora") {
10968
- variantClasses = `bg-gradient-to-tr ${colorScheme.bg} border-2 border-white/40 shadow-2xl ${colorScheme.text}`;
10967
+ variantClasses = `bg-linear-to-tr ${colorScheme.bg} border-2 border-white/40 shadow-2xl ${colorScheme.text}`;
10969
10968
  } else if (variant === "neon") {
10970
10969
  variantClasses = `bg-black/90 border-2 ${colorScheme.border} ${colorScheme.text}`;
10971
10970
  } else if (variant === "glass") {
@@ -10976,7 +10975,7 @@ var MorphingGeometry = React43.forwardRef(
10976
10975
  variantClasses = `bg-muted/60 border border-border text-foreground`;
10977
10976
  }
10978
10977
  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
10979
- import_framer_motion36.motion.div,
10978
+ import_framer_motion35.motion.div,
10980
10979
  {
10981
10980
  ref,
10982
10981
  animate: spin ? { rotate: [0, 90, 180, 270, 360] } : { rotate: 0 },
@@ -10990,8 +10989,6 @@ var MorphingGeometry = React43.forwardRef(
10990
10989
  },
10991
10990
  whileHover: { scale: 1.04 },
10992
10991
  whileTap: { scale: 0.96 },
10993
- onHoverStart: () => setIsHovered(true),
10994
- onHoverEnd: () => setIsHovered(false),
10995
10992
  onClick: handleInteractiveClick,
10996
10993
  className: cn(
10997
10994
  "relative flex items-center justify-center select-none overflow-hidden transition-all duration-300",
@@ -11008,7 +11005,7 @@ var MorphingGeometry = React43.forwardRef(
11008
11005
  },
11009
11006
  ...props,
11010
11007
  children: [
11011
- /* @__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" }),
11008
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "absolute inset-0 bg-linear-to-b from-white/25 via-transparent to-black/20 pointer-events-none" }),
11012
11009
  /* @__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" })) })
11013
11010
  ]
11014
11011
  }
@@ -11245,7 +11242,6 @@ var AuroraSearchPill = React45.forwardRef(
11245
11242
  const [uncontrolledSearching, setUncontrolledSearching] = React45.useState(defaultSearching);
11246
11243
  const active = isControlled ? controlledSearching : uncontrolledSearching;
11247
11244
  const [isHovered, setIsHovered] = React45.useState(false);
11248
- const instanceId = React45.useId().replace(/:/g, "");
11249
11245
  const activeSources = React45.useMemo(() => {
11250
11246
  if (sourceAvatars && sourceAvatars.length > 0) {
11251
11247
  return sourceAvatars.map((url, i) => ({
@@ -11291,11 +11287,19 @@ var AuroraSearchPill = React45.forwardRef(
11291
11287
  const glowAlpha = GLOW_OPACITY[glowIntensity] ?? GLOW_OPACITY.medium;
11292
11288
  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";
11293
11289
  const dotsColorClass = theme === "light" ? "bg-slate-900" : theme === "dark" ? "bg-white" : "bg-slate-900 dark:bg-white";
11290
+ const {
11291
+ onKeyDown,
11292
+ ...restProps
11293
+ } = props;
11294
11294
  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
11295
11295
  "div",
11296
11296
  {
11297
11297
  ref,
11298
- onClick: handleToggle,
11298
+ ...restProps,
11299
+ onClick: (e) => {
11300
+ onClick?.(e);
11301
+ handleToggle(e);
11302
+ },
11299
11303
  onMouseEnter: (e) => {
11300
11304
  setIsHovered(true);
11301
11305
  onMouseEnter?.(e);
@@ -11309,6 +11313,7 @@ var AuroraSearchPill = React45.forwardRef(
11309
11313
  "aria-pressed": active,
11310
11314
  "aria-label": active ? `Searching: ${searchLabel}` : "Activate AI Search",
11311
11315
  onKeyDown: (e) => {
11316
+ onKeyDown?.(e);
11312
11317
  if (e.key === "Enter" || e.key === " ") {
11313
11318
  e.preventDefault();
11314
11319
  handleToggle(e);
@@ -11319,7 +11324,6 @@ var AuroraSearchPill = React45.forwardRef(
11319
11324
  "transition-transform duration-200 ease-out active:scale-[0.96] focus-visible:ring-2 focus-visible:ring-primary/50 focus-visible:ring-offset-2",
11320
11325
  className
11321
11326
  ),
11322
- ...props,
11323
11327
  children: [
11324
11328
  /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("style", { dangerouslySetInnerHTML: {
11325
11329
  __html: `
@@ -11393,7 +11397,7 @@ var AuroraSearchPill = React45.forwardRef(
11393
11397
  sizeStyle.height,
11394
11398
  active ? cn(sizeStyle.paddingSearch, sizeStyle.minWidthSearch) : sizeStyle.paddingDots,
11395
11399
  bodyThemeClass,
11396
- "transition-all duration-500 [transition-timing-function:cubic-bezier(0.16,1,0.3,1)]"
11400
+ "transition-all duration-500 ease-[cubic-bezier()]"
11397
11401
  ),
11398
11402
  children: [
11399
11403
  /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
@@ -11402,7 +11406,7 @@ var AuroraSearchPill = React45.forwardRef(
11402
11406
  className: cn(
11403
11407
  "flex items-center",
11404
11408
  sizeStyle.dotGap,
11405
- "transition-all duration-400 [transition-timing-function:cubic-bezier(0.16,1,0.3,1)]",
11409
+ "transition-all duration-400 ease-[cubic-bezier()]",
11406
11410
  active ? "opacity-0 scale-50 -translate-y-2 pointer-events-none absolute" : "opacity-100 scale-100 translate-y-0"
11407
11411
  ),
11408
11412
  children: [0, 1, 2].map((idx) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
@@ -11423,7 +11427,7 @@ var AuroraSearchPill = React45.forwardRef(
11423
11427
  {
11424
11428
  className: cn(
11425
11429
  "flex items-center gap-2.5 whitespace-nowrap",
11426
- "transition-all duration-400 [transition-timing-function:cubic-bezier(0.16,1,0.3,1)]",
11430
+ "transition-all duration-400 ease-[cubic-bezier()]",
11427
11431
  active ? "opacity-100 scale-100 translate-y-0" : "opacity-0 scale-90 translate-y-2 pointer-events-none absolute"
11428
11432
  ),
11429
11433
  children: [
@@ -11472,7 +11476,7 @@ AuroraSearchPill.displayName = "AuroraSearchPill";
11472
11476
 
11473
11477
  // src/components/dock.tsx
11474
11478
  var import_react = require("react");
11475
- var import_framer_motion37 = require("framer-motion");
11479
+ var import_framer_motion36 = require("framer-motion");
11476
11480
  var import_jsx_runtime59 = require("react/jsx-runtime");
11477
11481
  function Dock({
11478
11482
  items,
@@ -11480,11 +11484,11 @@ function Dock({
11480
11484
  magnification = 60,
11481
11485
  distance = 140
11482
11486
  }) {
11483
- const mouseX = (0, import_framer_motion37.useMotionValue)(Infinity);
11487
+ const mouseX = (0, import_framer_motion36.useMotionValue)(Infinity);
11484
11488
  const numMagnification = Number(magnification) || 60;
11485
11489
  const numDistance = Number(distance) || 140;
11486
11490
  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
11487
- import_framer_motion37.motion.div,
11491
+ import_framer_motion36.motion.div,
11488
11492
  {
11489
11493
  onMouseMove: (e) => mouseX.set(e.clientX),
11490
11494
  onMouseLeave: () => mouseX.set(Infinity),
@@ -11507,22 +11511,22 @@ function DockIcon({
11507
11511
  const ref = (0, import_react.useRef)(null);
11508
11512
  const numDistance = Number(distance) || 140;
11509
11513
  const numMagnification = Number(magnification) || 60;
11510
- const distanceVal = (0, import_framer_motion37.useTransform)(mouseX, (val) => {
11514
+ const distanceVal = (0, import_framer_motion36.useTransform)(mouseX, (val) => {
11511
11515
  const bounds = ref.current?.getBoundingClientRect() ?? { x: 0, width: 0 };
11512
11516
  return val - bounds.x - bounds.width / 2;
11513
11517
  });
11514
- const widthSync = (0, import_framer_motion37.useTransform)(
11518
+ const widthSync = (0, import_framer_motion36.useTransform)(
11515
11519
  distanceVal,
11516
11520
  [-numDistance, 0, numDistance],
11517
11521
  [40, numMagnification, 40]
11518
11522
  );
11519
- const width = (0, import_framer_motion37.useSpring)(widthSync, {
11523
+ const width = (0, import_framer_motion36.useSpring)(widthSync, {
11520
11524
  mass: 0.1,
11521
11525
  stiffness: 150,
11522
11526
  damping: 12
11523
11527
  });
11524
11528
  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
11525
- import_framer_motion37.motion.div,
11529
+ import_framer_motion36.motion.div,
11526
11530
  {
11527
11531
  ref,
11528
11532
  style: { width },
@@ -11539,7 +11543,7 @@ function DockIcon({
11539
11543
 
11540
11544
  // src/components/dark-mode.tsx
11541
11545
  var import_react2 = require("react");
11542
- var import_framer_motion38 = require("framer-motion");
11546
+ var import_framer_motion37 = require("framer-motion");
11543
11547
  var import_lucide_react35 = require("lucide-react");
11544
11548
  var import_jsx_runtime60 = require("react/jsx-runtime");
11545
11549
  function DarkModeToggle({
@@ -11580,7 +11584,7 @@ function DarkModeToggle({
11580
11584
  title: `Switch to ${isDark ? "light" : "dark"} theme`,
11581
11585
  "aria-label": "Toggle theme",
11582
11586
  children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
11583
- import_framer_motion38.motion.div,
11587
+ import_framer_motion37.motion.div,
11584
11588
  {
11585
11589
  initial: { rotate: -90, scale: 0.8, opacity: 0 },
11586
11590
  animate: { rotate: 0, scale: 1, opacity: 1 },
@@ -11640,7 +11644,7 @@ function DarkModeToggle({
11640
11644
  title: `Switch to ${isDark ? "light" : "dark"} mode`,
11641
11645
  "aria-label": "Toggle dark mode",
11642
11646
  children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
11643
- import_framer_motion38.motion.div,
11647
+ import_framer_motion37.motion.div,
11644
11648
  {
11645
11649
  animate: {
11646
11650
  x: isDark ? size === "sm" ? 20 : size === "lg" ? 28 : 25 : 0