nexoreui 1.8.2 → 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 (6) hide show
  1. package/bin/nexoreui.js +73 -75
  2. package/dist/index.js +70 -70
  3. package/dist/index.js.map +1 -1
  4. package/dist/index.mjs +70 -70
  5. package/dist/index.mjs.map +1 -1
  6. package/package.json +1 -1
package/dist/index.mjs CHANGED
@@ -25,14 +25,14 @@ var buttonVariants = cva(
25
25
  ghost: "hover:bg-accent hover:text-accent-foreground",
26
26
  link: "text-primary underline-offset-4 hover:underline",
27
27
  // Premium variants
28
- 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",
28
+ 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",
29
29
  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))]",
30
30
  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",
31
31
  shimmer: "relative overflow-hidden bg-slate-900 text-white dark:bg-white dark:text-black",
32
32
  // New requested variants
33
- 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",
33
+ 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",
34
34
  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",
35
- magnetic: "bg-gradient-to-br from-violet-600 to-indigo-600 text-white shadow-md hover:shadow-lg",
35
+ magnetic: "bg-linear-to-br from-violet-600 to-indigo-600 text-white shadow-md hover:shadow-lg",
36
36
  loading: "bg-primary/80 text-primary-foreground/80 pointer-events-none cursor-wait"
37
37
  },
38
38
  size: {
@@ -80,7 +80,7 @@ var Button = React.forwardRef(
80
80
  isShimmer && /* @__PURE__ */ jsx(
81
81
  motion.div,
82
82
  {
83
- className: "absolute inset-0 w-[200%] bg-gradient-to-r from-transparent via-white/20 to-transparent",
83
+ className: "absolute inset-0 w-[200%] bg-linear-to-r from-transparent via-white/20 to-transparent",
84
84
  initial: { x: "-100%" },
85
85
  animate: { x: "100%" },
86
86
  transition: {
@@ -216,7 +216,7 @@ var BorderBeamButton = React.forwardRef(
216
216
  ),
217
217
  ...props,
218
218
  children: [
219
- /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-gradient-to-r from-primary to-transparent opacity-0 group-hover:opacity-20 transition-opacity" }),
219
+ /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-linear-to-r from-primary to-transparent opacity-0 group-hover:opacity-20 transition-opacity" }),
220
220
  /* @__PURE__ */ jsx("div", { className: "absolute top-0 left-0 w-full h-[2px] bg-primary scale-x-0 group-hover:scale-x-100 transition-transform origin-left" }),
221
221
  /* @__PURE__ */ jsx("span", { className: "relative z-10", children })
222
222
  ]
@@ -241,7 +241,7 @@ var GlowButton = React.forwardRef(
241
241
  /* @__PURE__ */ jsx(
242
242
  "div",
243
243
  {
244
- 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",
244
+ 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",
245
245
  style: { backgroundColor: glowColor }
246
246
  }
247
247
  ),
@@ -274,10 +274,10 @@ var cardVariants = cva2(
274
274
  variant: {
275
275
  default: "border bg-card text-card-foreground shadow-sm hover:shadow-md",
276
276
  glass: "backdrop-blur-md bg-white/10 dark:bg-black/20 border border-white/20 dark:border-white/10 shadow-lg",
277
- 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",
277
+ 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",
278
278
  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)]",
279
279
  // New variants
280
- 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",
280
+ 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",
281
281
  spotlight: "border bg-card text-card-foreground relative hover:border-primary/20",
282
282
  flip: "bg-transparent border-0 shadow-none overflow-visible relative",
283
283
  tilt: "border bg-card text-card-foreground shadow-md"
@@ -350,7 +350,7 @@ var Card = React2.forwardRef(
350
350
  transition: { type: "spring", stiffness: 300, damping: 22 },
351
351
  children: [
352
352
  /* @__PURE__ */ jsx2("div", { className: "absolute inset-0 backface-hidden border bg-card text-card-foreground rounded-2xl shadow-sm flex flex-col justify-between overflow-hidden", children }),
353
- /* @__PURE__ */ jsx2("div", { className: "absolute inset-0 backface-hidden rotate-y-180 border bg-gradient-to-br from-primary/10 to-primary/5 text-card-foreground rounded-2xl shadow-sm flex flex-col p-6 items-center justify-center text-center overflow-hidden", children: backContent || /* @__PURE__ */ jsx2("div", { className: "text-sm font-medium text-muted-foreground", children: "Flip side content placeholder" }) })
353
+ /* @__PURE__ */ jsx2("div", { className: "absolute inset-0 backface-hidden rotate-y-180 border bg-linear-to-br from-primary/10 to-primary/5 text-card-foreground rounded-2xl shadow-sm flex flex-col p-6 items-center justify-center text-center overflow-hidden", children: backContent || /* @__PURE__ */ jsx2("div", { className: "text-sm font-medium text-muted-foreground", children: "Flip side content placeholder" }) })
354
354
  ]
355
355
  }
356
356
  )
@@ -416,7 +416,7 @@ var CardTitle = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__
416
416
  "h3",
417
417
  {
418
418
  ref,
419
- 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),
419
+ 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),
420
420
  ...props
421
421
  }
422
422
  ));
@@ -738,7 +738,7 @@ var Input = React3.forwardRef(
738
738
  ...htmlProps
739
739
  }
740
740
  ),
741
- variant === "gradient" && /* @__PURE__ */ jsx3("div", { className: "absolute inset-0 -z-10 rounded-xl bg-gradient-to-r from-violet-500 to-pink-500 opacity-0 blur transition-opacity peer-focus:opacity-20" })
741
+ variant === "gradient" && /* @__PURE__ */ jsx3("div", { className: "absolute inset-0 -z-10 rounded-xl bg-linear-to-r from-violet-500 to-pink-500 opacity-0 blur transition-opacity peer-focus:opacity-20" })
742
742
  ]
743
743
  }
744
744
  );
@@ -957,7 +957,7 @@ var badgeVariants = cva4(
957
957
  secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
958
958
  destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
959
959
  outline: "text-foreground border-border hover:bg-accent",
960
- 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",
960
+ 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",
961
961
  neon: "border-primary/50 bg-primary/10 text-primary shadow-[0_0_10px_rgba(var(--primary-rgb),0.3)]",
962
962
  success: "border-transparent bg-emerald-500/20 text-emerald-600 dark:text-emerald-400",
963
963
  warning: "border-transparent bg-amber-500/20 text-amber-600 dark:text-amber-400",
@@ -1003,7 +1003,7 @@ var avatarVariants = cva5(
1003
1003
  },
1004
1004
  variant: {
1005
1005
  default: "border-2 border-background",
1006
- gradient: "p-[2px] bg-gradient-to-tr from-violet-500 to-pink-500",
1006
+ gradient: "p-[2px] bg-linear-to-tr from-violet-500 to-pink-500",
1007
1007
  glow: "shadow-[0_0_15px_rgba(139,92,246,0.5)] border-2 border-violet-500",
1008
1008
  glass: "backdrop-blur-md bg-white/10 dark:bg-black/20 border border-white/20 dark:border-white/10"
1009
1009
  }
@@ -1358,7 +1358,7 @@ var DialogTitle = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE
1358
1358
  {
1359
1359
  ref,
1360
1360
  className: cn(
1361
- "text-xl font-semibold leading-none tracking-tight bg-gradient-to-br from-foreground to-foreground/70 bg-clip-text text-transparent",
1361
+ "text-xl font-semibold leading-none tracking-tight bg-linear-to-br from-foreground to-foreground/70 bg-clip-text text-transparent",
1362
1362
  className
1363
1363
  ),
1364
1364
  ...props
@@ -1440,7 +1440,7 @@ var Checkbox = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__
1440
1440
  {
1441
1441
  ref,
1442
1442
  className: cn(
1443
- "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",
1443
+ "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",
1444
1444
  className
1445
1445
  ),
1446
1446
  ...props,
@@ -1593,7 +1593,7 @@ var alertVariants = cva9(
1593
1593
  minimal: "border-0 bg-muted/40 p-3 text-sm rounded-xl text-foreground hover:bg-muted/60 shadow-none [&>svg]:top-3.5",
1594
1594
  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",
1595
1595
  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",
1596
- gradient: "bg-gradient-to-r from-blue-500/10 to-indigo-500/10 border-blue-500/20 text-foreground [&>svg]:text-blue-500",
1596
+ gradient: "bg-linear-to-r from-blue-500/10 to-indigo-500/10 border-blue-500/20 text-foreground [&>svg]:text-blue-500",
1597
1597
  banner: "w-full bg-indigo-600 text-white border-0 shadow-md rounded-none sm:rounded-xl [&>svg]:text-white"
1598
1598
  }
1599
1599
  },
@@ -1843,7 +1843,7 @@ function Skeleton({
1843
1843
  children: animated && /* @__PURE__ */ jsx15(
1844
1844
  "span",
1845
1845
  {
1846
- className: "absolute inset-0 -translate-x-full bg-gradient-to-r from-transparent via-foreground/5 to-transparent animate-[shimmer_2s_infinite]",
1846
+ className: "absolute inset-0 -translate-x-full bg-linear-to-r from-transparent via-foreground/5 to-transparent animate-[shimmer_2s_infinite]",
1847
1847
  style: {
1848
1848
  animation: "shimmer 2s infinite"
1849
1849
  }
@@ -1877,10 +1877,10 @@ var Progress = React13.forwardRef(
1877
1877
  }, ref) => {
1878
1878
  const percentage = Math.min(100, Math.max(0, value / max * 100));
1879
1879
  const variantClasses = {
1880
- default: "bg-gradient-to-r from-primary to-primary/80",
1881
- success: "bg-gradient-to-r from-emerald-500 to-teal-500",
1882
- warning: "bg-gradient-to-r from-amber-500 to-orange-500",
1883
- error: "bg-gradient-to-r from-red-500 to-rose-500"
1880
+ default: "bg-linear-to-r from-primary to-primary/80",
1881
+ success: "bg-linear-to-r from-emerald-500 to-teal-500",
1882
+ warning: "bg-linear-to-r from-amber-500 to-orange-500",
1883
+ error: "bg-linear-to-r from-red-500 to-rose-500"
1884
1884
  };
1885
1885
  const sizeClasses2 = {
1886
1886
  default: "h-3.5",
@@ -1913,7 +1913,7 @@ var Progress = React13.forwardRef(
1913
1913
  className: cn(
1914
1914
  "h-full w-full flex-1 rounded-full",
1915
1915
  variantClasses[variant],
1916
- 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",
1916
+ 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",
1917
1917
  animated && !isIndeterminate ? "duration-500" : "duration-0"
1918
1918
  ),
1919
1919
  style: isIndeterminate ? { animation: "shimmer 1.8s infinite" } : { transform: `translateX(-${100 - percentage}%)` }
@@ -2375,7 +2375,7 @@ function ShimmerBlock({ className }) {
2375
2375
  return /* @__PURE__ */ jsx18("div", { className: cn("relative overflow-hidden bg-muted rounded-md h-24 w-full", className), children: /* @__PURE__ */ jsx18(
2376
2376
  motion8.div,
2377
2377
  {
2378
- className: "absolute inset-0 -translate-x-full bg-gradient-to-r from-transparent via-white/10 to-transparent",
2378
+ className: "absolute inset-0 -translate-x-full bg-linear-to-r from-transparent via-white/10 to-transparent",
2379
2379
  animate: { translateX: ["-100%", "100%"] },
2380
2380
  transition: { repeat: Infinity, duration: 1.5, ease: "linear" }
2381
2381
  }
@@ -2488,7 +2488,7 @@ function Steps({ items, className }) {
2488
2488
  transition: { delay: index * 0.1 },
2489
2489
  className: cn(
2490
2490
  "flex h-9 w-9 items-center justify-center rounded-full border-2 text-sm font-bold transition-all duration-300",
2491
- item.status === "complete" && "border-transparent bg-gradient-to-br from-emerald-500 to-emerald-600 text-white shadow-lg shadow-emerald-500/20",
2491
+ item.status === "complete" && "border-transparent bg-linear-to-br from-emerald-500 to-emerald-600 text-white shadow-lg shadow-emerald-500/20",
2492
2492
  item.status === "current" && "border-primary bg-background text-primary shadow-lg shadow-primary/20 ring-4 ring-primary/10",
2493
2493
  item.status === "upcoming" && "border-muted-foreground/30 bg-muted text-muted-foreground"
2494
2494
  ),
@@ -3529,7 +3529,7 @@ var tableContainerVariants = cva10(
3529
3529
  minimal: "bg-transparent border-0 border-b border-border/50 text-foreground rounded-none shadow-none",
3530
3530
  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)]",
3531
3531
  aurora: "bg-card/25 backdrop-blur-xl border border-pink-500/10 text-card-foreground rounded-2xl shadow-xl",
3532
- gradient: "bg-gradient-to-b from-card to-muted/20 border border-border/80 text-foreground rounded-2xl shadow-md"
3532
+ gradient: "bg-linear-to-b from-card to-muted/20 border border-border/80 text-foreground rounded-2xl shadow-md"
3533
3533
  }
3534
3534
  },
3535
3535
  defaultVariants: {
@@ -3584,8 +3584,8 @@ var TableHeader = React22.forwardRef(({ className, children, ...props }, ref) =>
3584
3584
  variant === "cyberpunk" && "bg-green-950/40 border-b-2 border-green-500/60 text-green-300 font-bold uppercase tracking-wider",
3585
3585
  variant === "neon" && "bg-purple-950/20 border-b border-purple-500/40 text-purple-200 tracking-wide",
3586
3586
  variant === "glass" && "bg-white/5 dark:bg-white/3 border-b border-white/10 text-foreground/80",
3587
- 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",
3588
- variant === "gradient" && "bg-gradient-to-r from-primary/10 to-indigo-500/5 border-b border-border/80 text-foreground/90",
3587
+ 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",
3588
+ variant === "gradient" && "bg-linear-to-r from-primary/10 to-indigo-500/5 border-b border-border/80 text-foreground/90",
3589
3589
  className
3590
3590
  );
3591
3591
  return /* @__PURE__ */ jsx27("thead", { ref, className: headerClass, ...props, children });
@@ -4504,7 +4504,7 @@ var AuroraBorderCard = React26.forwardRef(
4504
4504
  "h4",
4505
4505
  {
4506
4506
  className: cn(
4507
- "text-xl sm:text-2xl font-bold tracking-tight bg-clip-text text-transparent bg-gradient-to-r",
4507
+ "text-xl sm:text-2xl font-bold tracking-tight bg-clip-text text-transparent bg-linear-to-r",
4508
4508
  subtitleGradients[variant] || subtitleGradients.aurora
4509
4509
  ),
4510
4510
  children: subtitle
@@ -5275,7 +5275,7 @@ var ProductGallery = () => {
5275
5275
  return /* @__PURE__ */ jsxs28("div", { className: "flex flex-col md:flex-row gap-4 w-full", children: [
5276
5276
  /* @__PURE__ */ jsx34("div", { className: "flex flex-row md:flex-col gap-2 order-2 md:order-1", children: [1, 2, 3, 4].map((i) => /* @__PURE__ */ jsx34("div", { onClick: () => setActive(i), className: `w-16 h-16 md:w-20 md:h-24 bg-muted rounded-lg border-2 transition-all ${i === active ? "border-primary ring-2 ring-primary/20 scale-105" : "border-transparent cursor-pointer hover:border-foreground/20"}` }, i)) }),
5277
5277
  /* @__PURE__ */ jsxs28("div", { className: "flex-1 bg-muted rounded-2xl aspect-[4/3] flex items-center justify-center text-muted-foreground order-1 md:order-2 overflow-hidden relative", children: [
5278
- /* @__PURE__ */ jsx34("div", { className: "absolute inset-0 bg-gradient-to-tr from-background/10 to-transparent" }),
5278
+ /* @__PURE__ */ jsx34("div", { className: "absolute inset-0 bg-linear-to-tr from-background/10 to-transparent" }),
5279
5279
  /* @__PURE__ */ jsxs28("span", { className: "font-medium", children: [
5280
5280
  "Product View ",
5281
5281
  active
@@ -5405,7 +5405,7 @@ var SizeSelector = () => /* @__PURE__ */ jsxs28("div", { children: [
5405
5405
  ] });
5406
5406
  var CategoryCard = () => /* @__PURE__ */ jsxs28("div", { className: "relative group overflow-hidden rounded-2xl cursor-pointer aspect-square bg-muted flex items-center justify-center", children: [
5407
5407
  /* @__PURE__ */ jsx34("div", { className: "absolute inset-0 bg-black/20 group-hover:bg-black/40 transition-colors z-10" }),
5408
- /* @__PURE__ */ jsx34("div", { className: "absolute inset-0 scale-100 group-hover:scale-110 transition-transform duration-500 bg-gradient-to-tr from-indigo-500 to-purple-500 opacity-50" }),
5408
+ /* @__PURE__ */ jsx34("div", { className: "absolute inset-0 scale-100 group-hover:scale-110 transition-transform duration-500 bg-linear-to-tr from-indigo-500 to-purple-500 opacity-50" }),
5409
5409
  /* @__PURE__ */ jsxs28("div", { className: "relative z-20 text-white text-center", children: [
5410
5410
  /* @__PURE__ */ jsx34("h3", { className: "text-3xl font-bold mb-2", children: "Sneakers" }),
5411
5411
  /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-1 text-sm font-medium justify-center group-hover:gap-2 transition-all", children: [
@@ -5702,7 +5702,7 @@ var FileExplorerTable = () => /* @__PURE__ */ jsxs30("div", { className: "w-full
5702
5702
  ] })
5703
5703
  ] })
5704
5704
  ] });
5705
- var LeaderboardTable = () => /* @__PURE__ */ jsxs30("div", { className: "w-full border rounded-2xl bg-gradient-to-b from-card to-muted/20 overflow-hidden shadow-lg", children: [
5705
+ var LeaderboardTable = () => /* @__PURE__ */ jsxs30("div", { className: "w-full border rounded-2xl bg-linear-to-b from-card to-muted/20 overflow-hidden shadow-lg", children: [
5706
5706
  /* @__PURE__ */ jsx36("div", { className: "p-6 text-center border-b", children: /* @__PURE__ */ jsx36("h3", { className: "font-bold text-xl uppercase tracking-widest text-yellow-500", children: "Global Ranking" }) }),
5707
5707
  /* @__PURE__ */ jsx36("div", { className: "divide-y", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxs30("div", { className: `flex items-center px-6 py-4 ${i === 1 ? "bg-yellow-500/10" : ""}`, children: [
5708
5708
  /* @__PURE__ */ jsxs30("div", { className: `font-black text-2xl w-8 ${i === 1 ? "text-yellow-500" : i === 2 ? "text-gray-400" : "text-amber-700"}`, children: [
@@ -5817,7 +5817,7 @@ var StatWidgetCard = ({ title = "Total Revenue", value = "$45,231.89", icon: Ico
5817
5817
  ] });
5818
5818
  var ActivityFeed = () => /* @__PURE__ */ jsxs31("div", { className: "border rounded-xl bg-card p-6", children: [
5819
5819
  /* @__PURE__ */ jsx37("h3", { className: "font-bold mb-4", children: "Recent Activity" }),
5820
- /* @__PURE__ */ jsx37("div", { className: "space-y-6 relative before:absolute before:inset-0 before:ml-4 before:-translate-x-px md:before:mx-auto md:before:translate-x-0 before:h-full before:w-0.5 before:bg-gradient-to-b before:from-transparent before:via-border before:to-transparent", children: [1, 2].map((i) => /* @__PURE__ */ jsxs31("div", { className: "relative flex items-center justify-between md:justify-normal md:odd:flex-row-reverse group is-active", children: [
5820
+ /* @__PURE__ */ jsx37("div", { className: "space-y-6 relative before:absolute before:inset-0 before:ml-4 before:-translate-x-px md:before:mx-auto md:before:translate-x-0 before:h-full before:w-0.5 before:bg-linear-to-b before:from-transparent before:via-border before:to-transparent", children: [1, 2].map((i) => /* @__PURE__ */ jsxs31("div", { className: "relative flex items-center justify-between md:justify-normal md:odd:flex-row-reverse group is-active", children: [
5821
5821
  /* @__PURE__ */ jsx37("div", { className: "flex items-center justify-center w-8 h-8 rounded-full border-2 border-background bg-primary text-primary-foreground shadow shrink-0 md:order-1 md:group-odd:-translate-x-1/2 md:group-even:translate-x-1/2 z-10", children: /* @__PURE__ */ jsx37(Zap, { className: "w-4 h-4" }) }),
5822
5822
  /* @__PURE__ */ jsxs31("div", { className: "w-[calc(100%-4rem)] md:w-[calc(50%-2.5rem)] border rounded-lg p-3 bg-background shadow-sm", children: [
5823
5823
  /* @__PURE__ */ jsxs31("div", { className: "flex justify-between items-center mb-1", children: [
@@ -6083,7 +6083,7 @@ var ComparisonTableMock = () => /* @__PURE__ */ jsxs34("div", { className: "w-fu
6083
6083
  var AnimatedHeroText = () => /* @__PURE__ */ jsxs34("h1", { className: "text-4xl md:text-6xl font-black text-center leading-tight", children: [
6084
6084
  "Create the next ",
6085
6085
  /* @__PURE__ */ jsx40("br", {}),
6086
- /* @__PURE__ */ jsx40("span", { className: "text-transparent bg-clip-text bg-gradient-to-r from-blue-500 via-purple-500 to-pink-500 animate-[pulse_4s_ease-in-out_infinite]", children: "unicorn startup." })
6086
+ /* @__PURE__ */ jsx40("span", { className: "text-transparent bg-clip-text bg-linear-to-r from-blue-500 via-purple-500 to-pink-500 animate-[pulse_4s_ease-in-out_infinite]", children: "unicorn startup." })
6087
6087
  ] });
6088
6088
  var StatCounter = () => /* @__PURE__ */ jsxs34("div", { className: "grid grid-cols-3 gap-4 border-y py-8 text-center bg-card", children: [
6089
6089
  /* @__PURE__ */ jsxs34("div", { children: [
@@ -6113,7 +6113,7 @@ var NewsletterSignup = () => /* @__PURE__ */ jsxs34("div", { className: "bg-prim
6113
6113
  ] })
6114
6114
  ] });
6115
6115
  var VideoModalVisual = () => /* @__PURE__ */ jsxs34("div", { className: "relative w-full max-w-2xl mx-auto aspect-video bg-zinc-900 rounded-2xl overflow-hidden shadow-2xl group cursor-pointer border border-white/10", children: [
6116
- /* @__PURE__ */ jsx40("div", { className: "absolute inset-0 bg-gradient-to-t from-black/60 to-transparent" }),
6116
+ /* @__PURE__ */ jsx40("div", { className: "absolute inset-0 bg-linear-to-t from-black/60 to-transparent" }),
6117
6117
  /* @__PURE__ */ jsx40("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx40("div", { className: "w-16 h-16 bg-white/20 backdrop-blur-md rounded-full flex items-center justify-center group-hover:scale-110 transition-transform", children: /* @__PURE__ */ jsx40(Play, { className: "w-6 h-6 text-white ml-1" }) }) }),
6118
6118
  /* @__PURE__ */ jsxs34("div", { className: "absolute bottom-4 left-4 text-white", children: [
6119
6119
  /* @__PURE__ */ jsx40("h4", { className: "font-bold", children: "Watch the demo" }),
@@ -6121,7 +6121,7 @@ var VideoModalVisual = () => /* @__PURE__ */ jsxs34("div", { className: "relativ
6121
6121
  ] })
6122
6122
  ] });
6123
6123
  var GradientCTABlock = () => /* @__PURE__ */ jsxs34("div", { className: "relative p-12 rounded-3xl overflow-hidden border shadow-lg text-center", children: [
6124
- /* @__PURE__ */ jsx40("div", { className: "absolute inset-0 bg-gradient-to-br from-indigo-500/20 via-purple-500/20 to-pink-500/20" }),
6124
+ /* @__PURE__ */ jsx40("div", { className: "absolute inset-0 bg-linear-to-br from-indigo-500/20 via-purple-500/20 to-pink-500/20" }),
6125
6125
  /* @__PURE__ */ jsxs34("div", { className: "relative z-10 max-w-lg mx-auto space-y-6", children: [
6126
6126
  /* @__PURE__ */ jsx40("h2", { className: "text-3xl md:text-4xl font-extrabold", children: "Ready to dive in?" }),
6127
6127
  /* @__PURE__ */ jsx40("p", { className: "text-lg text-muted-foreground", children: "Start your free 14-day trial today. No credit card required." }),
@@ -6296,7 +6296,7 @@ var SplitScreenLayout = () => /* @__PURE__ */ jsxs36("div", { className: "flex w
6296
6296
  /* @__PURE__ */ jsx42("div", { className: "w-full h-10 bg-muted rounded-lg mb-8" }),
6297
6297
  /* @__PURE__ */ jsx42("div", { className: "w-full h-12 bg-primary rounded-lg" })
6298
6298
  ] }),
6299
- /* @__PURE__ */ jsxs36("div", { className: "hidden md:block flex-1 bg-gradient-to-br from-indigo-500 to-purple-600 p-12 text-white flex flex-col justify-between", children: [
6299
+ /* @__PURE__ */ jsxs36("div", { className: "hidden md:block flex-1 bg-linear-to-br from-indigo-500 to-purple-600 p-12 text-white flex flex-col justify-between", children: [
6300
6300
  /* @__PURE__ */ jsx42("div", {}),
6301
6301
  /* @__PURE__ */ jsxs36("div", { children: [
6302
6302
  /* @__PURE__ */ jsx42("h2", { className: "text-4xl font-bold mb-4", children: "Nexore UI" }),
@@ -6350,7 +6350,7 @@ var DashboardGridLayout = () => /* @__PURE__ */ jsxs36("div", { className: "w-fu
6350
6350
  ] })
6351
6351
  ] });
6352
6352
  var BentoGridVisual = () => /* @__PURE__ */ jsxs36("div", { className: "w-full h-[400px] border rounded-xl bg-background p-4 grid grid-cols-4 grid-rows-3 gap-4", children: [
6353
- /* @__PURE__ */ jsx42("div", { className: "col-span-2 row-span-2 bg-gradient-to-br from-primary/20 to-primary/5 border rounded-2xl p-6 flex flex-col justify-end", children: /* @__PURE__ */ jsx42("h3", { className: "text-2xl font-bold", children: "Main Feature" }) }),
6353
+ /* @__PURE__ */ jsx42("div", { className: "col-span-2 row-span-2 bg-linear-to-br from-primary/20 to-primary/5 border rounded-2xl p-6 flex flex-col justify-end", children: /* @__PURE__ */ jsx42("h3", { className: "text-2xl font-bold", children: "Main Feature" }) }),
6354
6354
  /* @__PURE__ */ jsx42("div", { className: "col-span-1 row-span-1 bg-card border rounded-2xl" }),
6355
6355
  /* @__PURE__ */ jsx42("div", { className: "col-span-1 row-span-2 bg-card border rounded-2xl" }),
6356
6356
  /* @__PURE__ */ jsx42("div", { className: "col-span-1 row-span-1 bg-card border rounded-2xl" }),
@@ -6578,7 +6578,7 @@ function NeumorphicCard({ children, className }) {
6578
6578
  }
6579
6579
  function GradientMeshCard({ children, className }) {
6580
6580
  return /* @__PURE__ */ jsxs38("div", { className: cn("relative rounded-2xl overflow-hidden", className), children: [
6581
- /* @__PURE__ */ jsx44("div", { className: "absolute inset-0 bg-gradient-to-br from-violet-500/20 via-transparent to-pink-500/20 dark:from-violet-500/10 dark:to-pink-500/10" }),
6581
+ /* @__PURE__ */ jsx44("div", { className: "absolute inset-0 bg-linear-to-br from-violet-500/20 via-transparent to-pink-500/20 dark:from-violet-500/10 dark:to-pink-500/10" }),
6582
6582
  /* @__PURE__ */ jsx44("div", { className: "absolute top-0 right-0 w-32 h-32 bg-orange-400/20 dark:bg-orange-400/10 rounded-full blur-3xl" }),
6583
6583
  /* @__PURE__ */ jsx44("div", { className: "absolute bottom-0 left-0 w-32 h-32 bg-blue-400/20 dark:bg-blue-400/10 rounded-full blur-3xl" }),
6584
6584
  /* @__PURE__ */ jsx44("div", { className: "relative p-6 border border-white/10 dark:border-white/5 rounded-2xl backdrop-blur-sm", children })
@@ -6912,7 +6912,7 @@ function RetroGrid({ className, angle = 65 }) {
6912
6912
  }
6913
6913
  }
6914
6914
  ) }),
6915
- /* @__PURE__ */ jsx47("div", { className: "absolute inset-0 bg-gradient-to-t from-background to-transparent to-90%" })
6915
+ /* @__PURE__ */ jsx47("div", { className: "absolute inset-0 bg-linear-to-t from-background to-transparent to-90%" })
6916
6916
  ]
6917
6917
  }
6918
6918
  );
@@ -6938,7 +6938,7 @@ function Meteors({ number = 20, className }) {
6938
6938
  animationDelay: meteor.animationDelay,
6939
6939
  animationDuration: meteor.animationDuration
6940
6940
  },
6941
- children: /* @__PURE__ */ jsx47("div", { className: "absolute top-1/2 -translate-y-1/2 w-[1px] h-full bg-gradient-to-b from-foreground/30 to-transparent" })
6941
+ children: /* @__PURE__ */ jsx47("div", { className: "absolute top-1/2 -translate-y-1/2 w-[1px] h-full bg-linear-to-b from-foreground/30 to-transparent" })
6942
6942
  },
6943
6943
  meteor.id
6944
6944
  )) });
@@ -7474,7 +7474,7 @@ function ImageCarousel({ images, autoPlay = true, interval = 4e3, className }) {
7474
7474
  animate: { opacity: i === current ? 1 : 0 },
7475
7475
  transition: { duration: 0.5 },
7476
7476
  className: "absolute inset-0",
7477
- children: /* @__PURE__ */ jsx50("div", { className: "w-full h-full bg-gradient-to-br from-violet-500/20 to-pink-500/20 flex items-center justify-center text-muted-foreground", children: img.alt || `Slide ${i + 1}` })
7477
+ children: /* @__PURE__ */ jsx50("div", { className: "w-full h-full bg-linear-to-br from-violet-500/20 to-pink-500/20 flex items-center justify-center text-muted-foreground", children: img.alt || `Slide ${i + 1}` })
7478
7478
  },
7479
7479
  i
7480
7480
  )) }),
@@ -7491,7 +7491,7 @@ function ImageCarousel({ images, autoPlay = true, interval = 4e3, className }) {
7491
7491
  function VideoPlayer({ title, duration = "3:45", thumbnail: _thumbnail, className }) {
7492
7492
  const [playing, setPlaying] = React37.useState(false);
7493
7493
  return /* @__PURE__ */ jsxs44("div", { className: cn("relative overflow-hidden rounded-xl bg-muted group cursor-pointer", className), children: [
7494
- /* @__PURE__ */ jsx50("div", { className: "aspect-video bg-gradient-to-br from-slate-800 to-slate-900 flex items-center justify-center", children: /* @__PURE__ */ jsx50(
7494
+ /* @__PURE__ */ jsx50("div", { className: "aspect-video bg-linear-to-br from-slate-800 to-slate-900 flex items-center justify-center", children: /* @__PURE__ */ jsx50(
7495
7495
  motion30.button,
7496
7496
  {
7497
7497
  whileHover: { scale: 1.1 },
@@ -7501,7 +7501,7 @@ function VideoPlayer({ title, duration = "3:45", thumbnail: _thumbnail, classNam
7501
7501
  children: playing ? /* @__PURE__ */ jsx50("svg", { className: "w-6 h-6 text-white", fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx50("path", { d: "M6 4h4v16H6V4zm8 0h4v16h-4V4z" }) }) : /* @__PURE__ */ jsx50("svg", { className: "w-6 h-6 text-white ml-1", fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx50("path", { d: "M8 5v14l11-7z" }) })
7502
7502
  }
7503
7503
  ) }),
7504
- (title || duration) && /* @__PURE__ */ jsxs44("div", { className: "absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/80 to-transparent p-4", children: [
7504
+ (title || duration) && /* @__PURE__ */ jsxs44("div", { className: "absolute bottom-0 left-0 right-0 bg-linear-to-t from-black/80 to-transparent p-4", children: [
7505
7505
  title && /* @__PURE__ */ jsx50("p", { className: "text-white text-sm font-medium", children: title }),
7506
7506
  duration && /* @__PURE__ */ jsx50("span", { className: "text-white/70 text-xs", children: duration })
7507
7507
  ] })
@@ -7551,7 +7551,7 @@ function FilePreviewCard({ name, size, type = "file", className }) {
7551
7551
  whileHover: { y: -2 },
7552
7552
  className: cn("rounded-xl border border-border bg-card p-4 flex items-center gap-3 cursor-pointer transition-shadow hover:shadow-md", className),
7553
7553
  children: [
7554
- /* @__PURE__ */ jsx50("div", { className: cn("w-12 h-12 rounded-lg bg-gradient-to-br flex items-center justify-center shrink-0 border border-border/40", colors[type]), children: /* @__PURE__ */ jsx50(Icon2, { className: "w-5 h-5" }) }),
7554
+ /* @__PURE__ */ jsx50("div", { className: cn("w-12 h-12 rounded-lg bg-linear-to-br flex items-center justify-center shrink-0 border border-border/40", colors[type]), children: /* @__PURE__ */ jsx50(Icon2, { className: "w-5 h-5" }) }),
7555
7555
  /* @__PURE__ */ jsxs44("div", { className: "flex-1 min-w-0", children: [
7556
7556
  /* @__PURE__ */ jsx50("p", { className: "text-sm font-medium truncate", children: name }),
7557
7557
  /* @__PURE__ */ jsx50("p", { className: "text-xs text-muted-foreground", children: size })
@@ -7563,7 +7563,7 @@ function FilePreviewCard({ name, size, type = "file", className }) {
7563
7563
  }
7564
7564
  function EmbedCard({ title, description, domain, favicon, className }) {
7565
7565
  return /* @__PURE__ */ jsxs44("div", { className: cn("rounded-xl border border-border bg-card overflow-hidden hover:shadow-md transition-shadow cursor-pointer", className), children: [
7566
- /* @__PURE__ */ jsx50("div", { className: "h-36 bg-gradient-to-br from-violet-500/20 via-blue-500/20 to-pink-500/20" }),
7566
+ /* @__PURE__ */ jsx50("div", { className: "h-36 bg-linear-to-br from-violet-500/20 via-blue-500/20 to-pink-500/20" }),
7567
7567
  /* @__PURE__ */ jsxs44("div", { className: "p-4 border-t border-border", children: [
7568
7568
  /* @__PURE__ */ jsxs44("div", { className: "flex items-center gap-2 mb-2", children: [
7569
7569
  /* @__PURE__ */ jsx50("div", { className: "w-4 h-4 rounded-full bg-muted flex items-center justify-center text-[8px]", children: favicon || domain.charAt(0).toUpperCase() }),
@@ -7584,7 +7584,7 @@ function MusicPlayer({ title, artist, album, className }) {
7584
7584
  {
7585
7585
  animate: playing ? { rotate: 360 } : {},
7586
7586
  transition: playing ? { duration: 3, repeat: Infinity, ease: "linear" } : {},
7587
- 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",
7587
+ 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",
7588
7588
  children: /* @__PURE__ */ jsx50("div", { className: "w-5 h-5 rounded-full bg-background" })
7589
7589
  }
7590
7590
  ),
@@ -7653,7 +7653,7 @@ function ImageCompare({
7653
7653
  onMouseMove: handleMove,
7654
7654
  onTouchMove: handleTouchMove,
7655
7655
  children: [
7656
- rightImage ? /* @__PURE__ */ jsx50("img", { src: rightImage, alt: rightLabel, className: "absolute inset-0 w-full h-full object-cover" }) : /* @__PURE__ */ jsx50("div", { className: "absolute inset-0 bg-gradient-to-br from-slate-600 to-slate-800" }),
7656
+ rightImage ? /* @__PURE__ */ jsx50("img", { src: rightImage, alt: rightLabel, className: "absolute inset-0 w-full h-full object-cover" }) : /* @__PURE__ */ jsx50("div", { className: "absolute inset-0 bg-linear-to-br from-slate-600 to-slate-800" }),
7657
7657
  leftImage ? /* @__PURE__ */ jsx50(
7658
7658
  "img",
7659
7659
  {
@@ -7665,7 +7665,7 @@ function ImageCompare({
7665
7665
  ) : /* @__PURE__ */ jsx50(
7666
7666
  "div",
7667
7667
  {
7668
- className: "absolute inset-0 bg-gradient-to-br from-violet-500 to-pink-500",
7668
+ className: "absolute inset-0 bg-linear-to-br from-violet-500 to-pink-500",
7669
7669
  style: { clipPath: `inset(0 ${100 - position}% 0 0)` }
7670
7670
  }
7671
7671
  ),
@@ -7693,7 +7693,7 @@ function GalleryGrid({ items, className }) {
7693
7693
  {
7694
7694
  whileHover: { scale: 1.02 },
7695
7695
  className: cn(
7696
- "rounded-xl bg-gradient-to-br p-4 flex items-end cursor-pointer transition-shadow hover:shadow-lg",
7696
+ "rounded-xl bg-linear-to-br p-4 flex items-end cursor-pointer transition-shadow hover:shadow-lg",
7697
7697
  item.color || colors[i % colors.length],
7698
7698
  i === 0 ? "row-span-2 min-h-[200px]" : "min-h-[100px]"
7699
7699
  ),
@@ -7982,7 +7982,7 @@ function LeaderboardWidget({ items, title, className }) {
7982
7982
  "w-6 h-6 rounded-full flex items-center justify-center text-xs font-bold shrink-0",
7983
7983
  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"
7984
7984
  ), children: i + 1 }),
7985
- /* @__PURE__ */ jsx51("div", { className: "w-8 h-8 rounded-full bg-gradient-to-br from-violet-500 to-pink-500 flex items-center justify-center text-white text-xs font-bold shrink-0", children: item.avatar || item.name.charAt(0) }),
7985
+ /* @__PURE__ */ jsx51("div", { className: "w-8 h-8 rounded-full bg-linear-to-br from-violet-500 to-pink-500 flex items-center justify-center text-white text-xs font-bold shrink-0", children: item.avatar || item.name.charAt(0) }),
7986
7986
  /* @__PURE__ */ jsxs45("div", { className: "flex-1 min-w-0", children: [
7987
7987
  /* @__PURE__ */ jsx51("p", { className: "text-sm font-medium truncate", children: item.name }),
7988
7988
  /* @__PURE__ */ jsx51("div", { className: "h-1.5 bg-muted rounded-full mt-1 overflow-hidden", children: /* @__PURE__ */ jsx51(
@@ -8262,7 +8262,7 @@ function ModernBarChart({
8262
8262
  backgroundColor: colorTheme.stroke,
8263
8263
  boxShadow: isHovered ? `0 0 20px ${colorTheme.glow}` : "none"
8264
8264
  },
8265
- children: /* @__PURE__ */ jsx51("div", { className: "absolute inset-0 bg-gradient-to-t from-black/20 to-white/20" })
8265
+ children: /* @__PURE__ */ jsx51("div", { className: "absolute inset-0 bg-linear-to-t from-black/20 to-white/20" })
8266
8266
  }
8267
8267
  ),
8268
8268
  /* @__PURE__ */ jsx51(
@@ -8426,7 +8426,7 @@ var ChatMessageAvatar = React39.forwardRef(
8426
8426
  ref,
8427
8427
  className: cn(
8428
8428
  "relative w-8 h-8 rounded-full flex items-center justify-center text-xs font-bold shrink-0 select-none shadow-sm",
8429
- 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",
8429
+ 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",
8430
8430
  className
8431
8431
  ),
8432
8432
  ...props,
@@ -8726,7 +8726,7 @@ var UserProfileCover = React39.forwardRef(
8726
8726
  ref,
8727
8727
  className: cn(
8728
8728
  "h-36 w-full relative overflow-hidden rounded-t-2xl",
8729
- gradient || "bg-gradient-to-r from-violet-600 via-indigo-600 to-cyan-500",
8729
+ gradient || "bg-linear-to-r from-violet-600 via-indigo-600 to-cyan-500",
8730
8730
  className
8731
8731
  ),
8732
8732
  ...props,
@@ -8734,7 +8734,7 @@ var UserProfileCover = React39.forwardRef(
8734
8734
  /* @__PURE__ */ jsx52("div", { className: "absolute inset-0 bg-[linear-gradient(to_right,#ffffff15_1px,transparent_1px),linear-gradient(to_bottom,#ffffff15_1px,transparent_1px)] bg-[size:18px_18px] pointer-events-none" }),
8735
8735
  /* @__PURE__ */ jsx52("div", { className: "absolute -top-12 -right-12 w-44 h-44 bg-white/20 rounded-full blur-2xl pointer-events-none" }),
8736
8736
  /* @__PURE__ */ jsx52("div", { className: "absolute -bottom-10 -left-10 w-40 h-40 bg-black/40 rounded-full blur-2xl pointer-events-none" }),
8737
- /* @__PURE__ */ jsx52("div", { className: "absolute inset-0 bg-gradient-to-t from-card/80 via-transparent to-transparent pointer-events-none" }),
8737
+ /* @__PURE__ */ jsx52("div", { className: "absolute inset-0 bg-linear-to-t from-card/80 via-transparent to-transparent pointer-events-none" }),
8738
8738
  imageSrc && /* @__PURE__ */ jsx52("img", { src: imageSrc, alt: "Cover", className: "w-full h-full object-cover" }),
8739
8739
  children
8740
8740
  ]
@@ -8749,7 +8749,7 @@ var UserProfileAvatar = React39.forwardRef(
8749
8749
  {
8750
8750
  ref,
8751
8751
  className: cn(
8752
- "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",
8752
+ "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",
8753
8753
  className
8754
8754
  ),
8755
8755
  ...props,
@@ -8885,7 +8885,7 @@ var CommentAvatar = React39.forwardRef(
8885
8885
  {
8886
8886
  ref,
8887
8887
  className: cn(
8888
- "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",
8888
+ "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",
8889
8889
  size === "sm" ? "w-6 h-6 text-[10px]" : "w-8 h-8 text-xs",
8890
8890
  className
8891
8891
  ),
@@ -9018,7 +9018,7 @@ var SocialPostAvatar = React39.forwardRef(
9018
9018
  {
9019
9019
  ref,
9020
9020
  className: cn(
9021
- "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",
9021
+ "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",
9022
9022
  className
9023
9023
  ),
9024
9024
  ...props,
@@ -9148,7 +9148,7 @@ var ActivityItem = React39.forwardRef(
9148
9148
  return /* @__PURE__ */ jsx52("div", { ref, className: cn("flex items-start gap-3 py-3 w-full", className), ...props, children });
9149
9149
  }
9150
9150
  return /* @__PURE__ */ jsxs46("div", { ref, className: cn("flex items-start gap-3 py-3 w-full", className), ...props, children: [
9151
- /* @__PURE__ */ jsx52("div", { className: "w-8 h-8 rounded-full bg-gradient-to-tr from-violet-500 to-indigo-600 flex items-center justify-center text-white text-xs font-bold shrink-0 shadow-xs", children: icon || user?.charAt(0) || "U" }),
9151
+ /* @__PURE__ */ jsx52("div", { className: "w-8 h-8 rounded-full bg-linear-to-tr from-violet-500 to-indigo-600 flex items-center justify-center text-white text-xs font-bold shrink-0 shadow-xs", children: icon || user?.charAt(0) || "U" }),
9152
9152
  /* @__PURE__ */ jsxs46("div", { className: "flex-1 min-w-0", children: [
9153
9153
  /* @__PURE__ */ jsxs46("p", { className: "text-xs sm:text-sm text-foreground/90 leading-snug", children: [
9154
9154
  /* @__PURE__ */ jsx52("span", { className: "font-semibold text-foreground", children: user }),
@@ -9199,7 +9199,7 @@ var OnlineUsersList = React39.forwardRef(
9199
9199
  ] }),
9200
9200
  /* @__PURE__ */ jsx52("div", { className: "space-y-2", children: users?.map((user, i) => /* @__PURE__ */ jsxs46("div", { className: "flex items-center gap-2.5 py-1", children: [
9201
9201
  /* @__PURE__ */ jsxs46("div", { className: "relative shrink-0", children: [
9202
- /* @__PURE__ */ jsx52("div", { className: "w-7 h-7 rounded-full bg-gradient-to-tr from-violet-500 to-indigo-600 flex items-center justify-center text-white text-[11px] font-bold shadow-2xs", children: user.name.charAt(0) }),
9202
+ /* @__PURE__ */ jsx52("div", { className: "w-7 h-7 rounded-full bg-linear-to-tr from-violet-500 to-indigo-600 flex items-center justify-center text-white text-[11px] font-bold shadow-2xs", children: user.name.charAt(0) }),
9203
9203
  /* @__PURE__ */ jsx52(
9204
9204
  "div",
9205
9205
  {
@@ -9411,7 +9411,7 @@ function ProductCardPro({
9411
9411
  ),
9412
9412
  ...props,
9413
9413
  children: [
9414
- /* @__PURE__ */ jsxs47("div", { className: "relative aspect-[4/3] rounded-2xl bg-gradient-to-br from-muted/60 via-card to-background border border-border/50 overflow-hidden flex items-center justify-center", children: [
9414
+ /* @__PURE__ */ jsxs47("div", { className: "relative aspect-[4/3] rounded-2xl bg-linear-to-br from-muted/60 via-card to-background border border-border/50 overflow-hidden flex items-center justify-center", children: [
9415
9415
  /* @__PURE__ */ jsx53(
9416
9416
  "div",
9417
9417
  {
@@ -9449,7 +9449,7 @@ function ProductCardPro({
9449
9449
  className: "w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"
9450
9450
  }
9451
9451
  ) : /* @__PURE__ */ jsxs47("div", { className: "flex flex-col items-center gap-2 select-none group-hover:scale-105 transition-transform duration-300", children: [
9452
- /* @__PURE__ */ jsx53("div", { className: "w-20 h-20 rounded-2xl bg-gradient-to-tr from-primary/20 via-primary/10 to-transparent border border-primary/20 flex items-center justify-center text-primary shadow-lg", children: /* @__PURE__ */ jsx53(ShoppingBag2, { className: "w-9 h-9" }) }),
9452
+ /* @__PURE__ */ jsx53("div", { className: "w-20 h-20 rounded-2xl bg-linear-to-tr from-primary/20 via-primary/10 to-transparent border border-primary/20 flex items-center justify-center text-primary shadow-lg", children: /* @__PURE__ */ jsx53(ShoppingBag2, { className: "w-9 h-9" }) }),
9453
9453
  /* @__PURE__ */ jsx53("span", { className: "text-[10px] font-mono tracking-widest text-muted-foreground uppercase", children: "STUDIO SERIES" })
9454
9454
  ] })
9455
9455
  ] }),
@@ -9717,7 +9717,7 @@ function CreditCardVisual({
9717
9717
  "div",
9718
9718
  {
9719
9719
  className: cn(
9720
- "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",
9720
+ "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",
9721
9721
  className
9722
9722
  ),
9723
9723
  ...props,
@@ -9726,7 +9726,7 @@ function CreditCardVisual({
9726
9726
  /* @__PURE__ */ jsx53("div", { className: "absolute -bottom-10 -left-10 w-36 h-36 bg-primary/20 rounded-full blur-2xl pointer-events-none" }),
9727
9727
  /* @__PURE__ */ jsxs47("div", { className: "flex items-center justify-between z-10", children: [
9728
9728
  /* @__PURE__ */ jsxs47("div", { className: "flex items-center gap-3", children: [
9729
- /* @__PURE__ */ jsxs47("div", { className: "w-10 h-7 rounded-md bg-gradient-to-br from-amber-300 via-amber-400 to-amber-600 border border-amber-200/50 shadow-xs relative overflow-hidden", children: [
9729
+ /* @__PURE__ */ jsxs47("div", { className: "w-10 h-7 rounded-md bg-linear-to-br from-amber-300 via-amber-400 to-amber-600 border border-amber-200/50 shadow-xs relative overflow-hidden", children: [
9730
9730
  /* @__PURE__ */ jsx53("div", { className: "absolute inset-x-0 top-1/2 -translate-y-1/2 h-[1px] bg-amber-900/30" }),
9731
9731
  /* @__PURE__ */ jsx53("div", { className: "absolute inset-y-0 left-1/2 -translate-x-1/2 w-[1px] bg-amber-900/30" })
9732
9732
  ] }),
@@ -10207,7 +10207,7 @@ function BentoCard({
10207
10207
  ),
10208
10208
  ...motionSafeProps,
10209
10209
  children: [
10210
- /* @__PURE__ */ jsx54("div", { className: "pointer-events-none absolute -inset-px rounded-xl opacity-0 transition-opacity duration-300 group-hover:opacity-100 bg-gradient-to-tr from-primary/5 via-transparent to-transparent" }),
10210
+ /* @__PURE__ */ jsx54("div", { className: "pointer-events-none absolute -inset-px rounded-xl opacity-0 transition-opacity duration-300 group-hover:opacity-100 bg-linear-to-tr from-primary/5 via-transparent to-transparent" }),
10211
10211
  header && /* @__PURE__ */ jsx54("div", { className: "w-full overflow-hidden rounded-lg mb-4", children: header }),
10212
10212
  /* @__PURE__ */ jsxs48("div", { className: "flex flex-col gap-1.5 mt-auto", children: [
10213
10213
  /* @__PURE__ */ jsxs48("div", { className: "flex items-center gap-2", children: [
@@ -10518,9 +10518,9 @@ var MorphingGeometry = React43.forwardRef(
10518
10518
  const glowStyle = glow ? { boxShadow: `0 12px 36px -4px ${colorScheme.glow}` } : {};
10519
10519
  let variantClasses = "";
10520
10520
  if (variant === "gradient") {
10521
- variantClasses = `bg-gradient-to-tr ${colorScheme.bg} border ${colorScheme.border} ${colorScheme.text}`;
10521
+ variantClasses = `bg-linear-to-tr ${colorScheme.bg} border ${colorScheme.border} ${colorScheme.text}`;
10522
10522
  } else if (variant === "aurora") {
10523
- variantClasses = `bg-gradient-to-tr ${colorScheme.bg} border-2 border-white/40 shadow-2xl ${colorScheme.text}`;
10523
+ variantClasses = `bg-linear-to-tr ${colorScheme.bg} border-2 border-white/40 shadow-2xl ${colorScheme.text}`;
10524
10524
  } else if (variant === "neon") {
10525
10525
  variantClasses = `bg-black/90 border-2 ${colorScheme.border} ${colorScheme.text}`;
10526
10526
  } else if (variant === "glass") {
@@ -10561,7 +10561,7 @@ var MorphingGeometry = React43.forwardRef(
10561
10561
  },
10562
10562
  ...props,
10563
10563
  children: [
10564
- /* @__PURE__ */ jsx56("div", { className: "absolute inset-0 bg-gradient-to-b from-white/25 via-transparent to-black/20 pointer-events-none" }),
10564
+ /* @__PURE__ */ jsx56("div", { className: "absolute inset-0 bg-linear-to-b from-white/25 via-transparent to-black/20 pointer-events-none" }),
10565
10565
  /* @__PURE__ */ jsx56("div", { className: "relative z-10 flex flex-col items-center justify-center p-2 text-center", children: icon || (children ? children : /* @__PURE__ */ jsx56(Sparkles6, { className: "w-6 h-6 drop-shadow-md" })) })
10566
10566
  ]
10567
10567
  }
@@ -10953,7 +10953,7 @@ var AuroraSearchPill = React45.forwardRef(
10953
10953
  sizeStyle.height,
10954
10954
  active ? cn(sizeStyle.paddingSearch, sizeStyle.minWidthSearch) : sizeStyle.paddingDots,
10955
10955
  bodyThemeClass,
10956
- "transition-all duration-500 [transition-timing-function:cubic-bezier(0.16,1,0.3,1)]"
10956
+ "transition-all duration-500 ease-[cubic-bezier()]"
10957
10957
  ),
10958
10958
  children: [
10959
10959
  /* @__PURE__ */ jsx58(
@@ -10962,7 +10962,7 @@ var AuroraSearchPill = React45.forwardRef(
10962
10962
  className: cn(
10963
10963
  "flex items-center",
10964
10964
  sizeStyle.dotGap,
10965
- "transition-all duration-400 [transition-timing-function:cubic-bezier(0.16,1,0.3,1)]",
10965
+ "transition-all duration-400 ease-[cubic-bezier()]",
10966
10966
  active ? "opacity-0 scale-50 -translate-y-2 pointer-events-none absolute" : "opacity-100 scale-100 translate-y-0"
10967
10967
  ),
10968
10968
  children: [0, 1, 2].map((idx) => /* @__PURE__ */ jsx58(
@@ -10983,7 +10983,7 @@ var AuroraSearchPill = React45.forwardRef(
10983
10983
  {
10984
10984
  className: cn(
10985
10985
  "flex items-center gap-2.5 whitespace-nowrap",
10986
- "transition-all duration-400 [transition-timing-function:cubic-bezier(0.16,1,0.3,1)]",
10986
+ "transition-all duration-400 ease-[cubic-bezier()]",
10987
10987
  active ? "opacity-100 scale-100 translate-y-0" : "opacity-0 scale-90 translate-y-2 pointer-events-none absolute"
10988
10988
  ),
10989
10989
  children: [