nexoreui 1.8.2 → 1.8.4

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 +114 -131
  2. package/dist/index.js +88 -88
  3. package/dist/index.js.map +1 -1
  4. package/dist/index.mjs +88 -88
  5. package/dist/index.mjs.map +1 -1
  6. package/package.json +1 -1
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: {
@@ -641,7 +641,7 @@ var ThreeDButton = React.forwardRef(
641
641
  {
642
642
  ref,
643
643
  className: cn(
644
- "shadow-[0_5px_0_hsl(var(--primary-dark,240_5.9%_30%))] hover:shadow-[0_2px_0_hsl(var(--primary-dark,240_5.9%_30%))] active:translate-y-[3px] active:shadow-[0_0px_0_transparent] transition-all",
644
+ "shadow-[0_5px_0_hsl(var(--primary-dark,240_5.9%_30%))] hover:shadow-[0_2px_0_hsl(var(--primary-dark,240_5.9%_30%))] active:translate-y-0.75 active:shadow-[0_0px_0_transparent] transition-all",
645
645
  className
646
646
  ),
647
647
  ...props,
@@ -703,8 +703,8 @@ 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" }),
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" }),
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
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute top-0 left-0 w-full h-0.5 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
  ]
710
710
  }
@@ -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
  }
@@ -1516,7 +1516,7 @@ var Avatar = React4.forwardRef(
1516
1516
  ref,
1517
1517
  className: cn(avatarVariants({ size, variant, className })),
1518
1518
  ...props,
1519
- children: variant === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "flex h-full w-full items-center justify-center rounded-full bg-background p-[1px]", children }) : children
1519
+ children: variant === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "flex h-full w-full items-center justify-center rounded-full bg-background p-px", children }) : children
1520
1520
  }
1521
1521
  ),
1522
1522
  status && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: cn(
@@ -1580,7 +1580,7 @@ var StackAvatar = ({
1580
1580
  ] })
1581
1581
  ] });
1582
1582
  };
1583
- var DottedAvatar = ({ src, fallback, size, status, className }) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Avatar, { size, status, className: cn("border-2 border-dashed border-primary p-[1px]", className), children: src ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AvatarImage, { src }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AvatarFallback, { children: fallback }) });
1583
+ var DottedAvatar = ({ src, fallback, size, status, className }) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Avatar, { size, status, className: cn("border-2 border-dashed border-primary p-px", className), children: src ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AvatarImage, { src }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AvatarFallback, { children: fallback }) });
1584
1584
  var ShadowAvatar = ({ src, fallback, size, status, className }) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Avatar, { size, status, className: cn("shadow-2xl shadow-primary/40", className), children: src ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AvatarImage, { src }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AvatarFallback, { children: fallback }) });
1585
1585
  var PolymorphAvatar = ({ src, fallback, size, status, className }) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Avatar, { size, status, className: cn("rounded-none hover:rounded-[40%] transition-all duration-500", className), children: src ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AvatarImage, { src, className: "rounded-none hover:rounded-[40%] transition-all duration-500" }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AvatarFallback, { children: fallback }) });
1586
1586
  var TooltipAvatar = ({ src, fallback, size, status, tooltipText, className }) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "relative group/tooltip inline-block", children: [
@@ -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
  ),
@@ -2983,7 +2983,7 @@ function Steps({ items, className }) {
2983
2983
  }
2984
2984
  ),
2985
2985
  index !== items.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: cn(
2986
- "h-full w-[2px] min-h-[30px] my-2 transition-colors duration-300",
2986
+ "h-full w-0.5 min-h-[30px] my-2 transition-colors duration-300",
2987
2987
  item.status === "complete" ? "bg-emerald-500" : "bg-border"
2988
2988
  ) })
2989
2989
  ] }),
@@ -3075,9 +3075,9 @@ var BreadcrumbTrail = () => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("nav"
3075
3075
  ] });
3076
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
- /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "flex-1 h-[2px] bg-primary mx-2" }),
3078
+ /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "flex-1 h-0.5 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" }) }),
3080
- /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "flex-1 h-[2px] bg-muted mx-2" }),
3080
+ /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "flex-1 h-0.5 bg-muted mx-2" }),
3081
3081
  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "flex items-center text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "w-8 h-8 rounded-full border-2 border-muted bg-background flex items-center justify-center font-bold text-sm", children: "3" }) })
3082
3082
  ] });
3083
3083
  var TabMenu = () => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex border-b w-full", children: [
@@ -3119,8 +3119,8 @@ var ScrollBar = React15.forwardRef(({ className, orientation = "vertical", ...pr
3119
3119
  orientation,
3120
3120
  className: cn(
3121
3121
  "flex touch-none select-none transition-colors duration-150 rounded-full",
3122
- orientation === "vertical" && "h-full w-2 border-l border-l-transparent p-[1px] hover:bg-black/5 dark:hover:bg-white/5",
3123
- orientation === "horizontal" && "h-2 flex-col border-t border-t-transparent p-[1px] hover:bg-black/5 dark:hover:bg-white/5",
3122
+ orientation === "vertical" && "h-full w-2 border-l border-l-transparent p-px hover:bg-black/5 dark:hover:bg-white/5",
3123
+ orientation === "horizontal" && "h-2 flex-col border-t border-t-transparent p-px hover:bg-black/5 dark:hover:bg-white/5",
3124
3124
  className
3125
3125
  ),
3126
3126
  ...props,
@@ -3273,7 +3273,7 @@ function TypingAnimation({
3273
3273
  {
3274
3274
  animate: { opacity: [1, 0, 1] },
3275
3275
  transition: { duration: 0.8, repeat: Infinity, ease: "linear" },
3276
- className: "ml-0.5 inline-block w-[2px] h-[1.1em] bg-current font-normal align-middle",
3276
+ className: "ml-0.5 inline-block w-0.5 h-[1.1em] bg-current font-normal align-middle",
3277
3277
  children: "|"
3278
3278
  }
3279
3279
  )
@@ -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 });
@@ -4392,7 +4392,7 @@ var Stepper = React23.forwardRef(
4392
4392
  ]
4393
4393
  }
4394
4394
  ),
4395
- !isLast && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "w-[2px] min-h-[36px] bg-muted/40 my-1 rounded-full relative overflow-hidden flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
4395
+ !isLast && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "w-0.5 min-h-[36px] bg-muted/40 my-1 rounded-full relative overflow-hidden flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
4396
4396
  import_framer_motion17.motion.div,
4397
4397
  {
4398
4398
  className: "absolute top-0 left-0 right-0 bg-primary",
@@ -4495,7 +4495,7 @@ var Stepper = React23.forwardRef(
4495
4495
  ]
4496
4496
  }
4497
4497
  ),
4498
- !isLast && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex-1 mx-2 sm:mx-3 flex items-center min-w-[14px]", children: variant === "arrows" ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex items-center justify-center w-full text-muted-foreground/40", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react11.ChevronRight, { className: cn("h-4 w-4 shrink-0 transition-colors", isCompleted && "text-primary") }) }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "h-[2px] w-full bg-muted/50 rounded-full overflow-hidden relative", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
4498
+ !isLast && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex-1 mx-2 sm:mx-3 flex items-center min-w-[14px]", children: variant === "arrows" ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex items-center justify-center w-full text-muted-foreground/40", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react11.ChevronRight, { className: cn("h-4 w-4 shrink-0 transition-colors", isCompleted && "text-primary") }) }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "h-0.5 w-full bg-muted/50 rounded-full overflow-hidden relative", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
4499
4499
  import_framer_motion17.motion.div,
4500
4500
  {
4501
4501
  className: "absolute inset-y-0 left-0 bg-primary",
@@ -4713,7 +4713,7 @@ function StatCard({ title, value, description, icon: Icon2, trend, className, ..
4713
4713
  }
4714
4714
  function Timeline({ items, className }) {
4715
4715
  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: cn("space-y-8", className), children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "relative flex gap-6 pb-8 last:pb-0", children: [
4716
- index !== items.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "absolute left-[11px] top-4 h-full w-[2px] bg-border" }),
4716
+ index !== items.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "absolute left-[11px] top-4 h-full w-0.5 bg-border" }),
4717
4717
  /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
4718
4718
  "div",
4719
4719
  {
@@ -4788,7 +4788,7 @@ function Divider({ orientation = "horizontal", className, ...props }) {
4788
4788
  {
4789
4789
  className: cn(
4790
4790
  "bg-border shrink-0",
4791
- orientation === "horizontal" ? "h-[1px] w-full" : "w-[1px] h-full",
4791
+ orientation === "horizontal" ? "h-px w-full" : "w-px h-full",
4792
4792
  className
4793
4793
  ),
4794
4794
  ...props
@@ -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: [
@@ -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" }),
@@ -7034,7 +7034,7 @@ function TextButton({ children, className, ...props }) {
7034
7034
  ...props,
7035
7035
  children: [
7036
7036
  children,
7037
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "absolute bottom-0 left-0 h-[2px] w-0 bg-primary transition-all duration-300 group-hover:w-full" })
7037
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "absolute bottom-0 left-0 h-0.5 w-0 bg-primary transition-all duration-300 group-hover:w-full" })
7038
7038
  ]
7039
7039
  }
7040
7040
  );
@@ -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 })
@@ -7308,7 +7308,7 @@ function AnimatedGradientBorder({
7308
7308
  gradientClassName,
7309
7309
  duration = 3
7310
7310
  }) {
7311
- return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: cn("relative rounded-xl p-[1px]", containerClassName), children: [
7311
+ return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: cn("relative rounded-xl p-px", containerClassName), children: [
7312
7312
  /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
7313
7313
  import_framer_motion27.motion.div,
7314
7314
  {
@@ -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-px 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
  )) }),
@@ -7965,7 +7965,7 @@ function ImageCarousel({ images, autoPlay = true, interval = 4e3, className }) {
7965
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: _thumbnail, classNam
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() }),
@@ -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)(
@@ -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,
@@ -9185,7 +9185,7 @@ var UserProfileCover = React39.forwardRef(
9185
9185
  ref,
9186
9186
  className: cn(
9187
9187
  "h-36 w-full relative overflow-hidden rounded-t-2xl",
9188
- 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",
9189
9189
  className
9190
9190
  ),
9191
9191
  ...props,
@@ -9193,7 +9193,7 @@ var UserProfileCover = React39.forwardRef(
9193
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" }),
9194
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" }),
9195
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" }),
9196
- /* @__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" }),
9197
9197
  imageSrc && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("img", { src: imageSrc, alt: "Cover", className: "w-full h-full object-cover" }),
9198
9198
  children
9199
9199
  ]
@@ -9208,7 +9208,7 @@ var UserProfileAvatar = React39.forwardRef(
9208
9208
  {
9209
9209
  ref,
9210
9210
  className: cn(
9211
- "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",
9212
9212
  className
9213
9213
  ),
9214
9214
  ...props,
@@ -9344,7 +9344,7 @@ var CommentAvatar = React39.forwardRef(
9344
9344
  {
9345
9345
  ref,
9346
9346
  className: cn(
9347
- "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",
9348
9348
  size === "sm" ? "w-6 h-6 text-[10px]" : "w-8 h-8 text-xs",
9349
9349
  className
9350
9350
  ),
@@ -9477,7 +9477,7 @@ var SocialPostAvatar = React39.forwardRef(
9477
9477
  {
9478
9478
  ref,
9479
9479
  className: cn(
9480
- "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",
9481
9481
  className
9482
9482
  ),
9483
9483
  ...props,
@@ -9607,7 +9607,7 @@ var ActivityItem = React39.forwardRef(
9607
9607
  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { ref, className: cn("flex items-start gap-3 py-3 w-full", className), ...props, children });
9608
9608
  }
9609
9609
  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { ref, className: cn("flex items-start gap-3 py-3 w-full", className), ...props, children: [
9610
- /* @__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" }),
9611
9611
  /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex-1 min-w-0", children: [
9612
9612
  /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("p", { className: "text-xs sm:text-sm text-foreground/90 leading-snug", children: [
9613
9613
  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "font-semibold text-foreground", children: user }),
@@ -9658,7 +9658,7 @@ var OnlineUsersList = React39.forwardRef(
9658
9658
  ] }),
9659
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: [
9660
9660
  /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "relative shrink-0", children: [
9661
- /* @__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) }),
9662
9662
  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
9663
9663
  "div",
9664
9664
  {
@@ -9855,7 +9855,7 @@ function ProductCardPro({
9855
9855
  ),
9856
9856
  ...props,
9857
9857
  children: [
9858
- /* @__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: [
9859
9859
  /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
9860
9860
  "div",
9861
9861
  {
@@ -9893,7 +9893,7 @@ function ProductCardPro({
9893
9893
  className: "w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"
9894
9894
  }
9895
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: [
9896
- /* @__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" }) }),
9897
9897
  /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-[10px] font-mono tracking-widest text-muted-foreground uppercase", children: "STUDIO SERIES" })
9898
9898
  ] })
9899
9899
  ] }),
@@ -10161,7 +10161,7 @@ function CreditCardVisual({
10161
10161
  "div",
10162
10162
  {
10163
10163
  className: cn(
10164
- "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",
10165
10165
  className
10166
10166
  ),
10167
10167
  ...props,
@@ -10170,9 +10170,9 @@ function CreditCardVisual({
10170
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" }),
10171
10171
  /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-center justify-between z-10", children: [
10172
10172
  /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-center gap-3", children: [
10173
- /* @__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: [
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" }),
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" })
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: [
10174
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "absolute inset-x-0 top-1/2 -translate-y-1/2 h-px bg-amber-900/30" }),
10175
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "absolute inset-y-0 left-1/2 -translate-x-1/2 w-px bg-amber-900/30" })
10176
10176
  ] }),
10177
10177
  /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("svg", { className: "w-5 h-5 text-white/70 rotate-90", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8.111 16.404a5.5 5.5 0 017.778 0M12 20h.01m-7.08-7.071c3.904-3.905 10.236-3.905 14.141 0M1.393 9.393c5.857-5.857 15.355-5.857 21.213 0" }) })
10178
10178
  ] }),
@@ -10651,7 +10651,7 @@ function BentoCard({
10651
10651
  ),
10652
10652
  ...motionSafeProps,
10653
10653
  children: [
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-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" }),
10655
10655
  header && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "w-full overflow-hidden rounded-lg mb-4", children: header }),
10656
10656
  /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex flex-col gap-1.5 mt-auto", children: [
10657
10657
  /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex items-center gap-2", children: [
@@ -10962,9 +10962,9 @@ var MorphingGeometry = React43.forwardRef(
10962
10962
  const glowStyle = glow ? { boxShadow: `0 12px 36px -4px ${colorScheme.glow}` } : {};
10963
10963
  let variantClasses = "";
10964
10964
  if (variant === "gradient") {
10965
- 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}`;
10966
10966
  } else if (variant === "aurora") {
10967
- 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}`;
10968
10968
  } else if (variant === "neon") {
10969
10969
  variantClasses = `bg-black/90 border-2 ${colorScheme.border} ${colorScheme.text}`;
10970
10970
  } else if (variant === "glass") {
@@ -11005,7 +11005,7 @@ var MorphingGeometry = React43.forwardRef(
11005
11005
  },
11006
11006
  ...props,
11007
11007
  children: [
11008
- /* @__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" }),
11009
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" })) })
11010
11010
  ]
11011
11011
  }
@@ -11397,7 +11397,7 @@ var AuroraSearchPill = React45.forwardRef(
11397
11397
  sizeStyle.height,
11398
11398
  active ? cn(sizeStyle.paddingSearch, sizeStyle.minWidthSearch) : sizeStyle.paddingDots,
11399
11399
  bodyThemeClass,
11400
- "transition-all duration-500 [transition-timing-function:cubic-bezier(0.16,1,0.3,1)]"
11400
+ "transition-all duration-500 ease-out"
11401
11401
  ),
11402
11402
  children: [
11403
11403
  /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
@@ -11406,7 +11406,7 @@ var AuroraSearchPill = React45.forwardRef(
11406
11406
  className: cn(
11407
11407
  "flex items-center",
11408
11408
  sizeStyle.dotGap,
11409
- "transition-all duration-400 [transition-timing-function:cubic-bezier(0.16,1,0.3,1)]",
11409
+ "transition-all duration-400 ease-out",
11410
11410
  active ? "opacity-0 scale-50 -translate-y-2 pointer-events-none absolute" : "opacity-100 scale-100 translate-y-0"
11411
11411
  ),
11412
11412
  children: [0, 1, 2].map((idx) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
@@ -11427,7 +11427,7 @@ var AuroraSearchPill = React45.forwardRef(
11427
11427
  {
11428
11428
  className: cn(
11429
11429
  "flex items-center gap-2.5 whitespace-nowrap",
11430
- "transition-all duration-400 [transition-timing-function:cubic-bezier(0.16,1,0.3,1)]",
11430
+ "transition-all duration-400 ease-out",
11431
11431
  active ? "opacity-100 scale-100 translate-y-0" : "opacity-0 scale-90 translate-y-2 pointer-events-none absolute"
11432
11432
  ),
11433
11433
  children: [