nexoreui 1.8.3 → 1.8.4

package/dist/index.mjs

@@ -154,7 +154,7 @@ var ThreeDButton = React.forwardRef(
     {
       ref,
       className: cn(
-        "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",
+        "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",
         className
       ),
       ...props,
@@ -217,7 +217,7 @@ var BorderBeamButton = React.forwardRef(
       ...props,
       children: [
         /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-linear-to-r from-primary to-transparent opacity-0 group-hover:opacity-20 transition-opacity" }),
-        /* @__PURE__ */ jsx("div", { className: "absolute top-0 left-0 w-full h-[2px] bg-primary scale-x-0 group-hover:scale-x-100 transition-transform origin-left" }),
+        /* @__PURE__ */ jsx("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" }),
         /* @__PURE__ */ jsx("span", { className: "relative z-10", children })
       ]
     }
@@ -1029,7 +1029,7 @@ var Avatar = React4.forwardRef(
           ref,
           className: cn(avatarVariants({ size, variant, className })),
           ...props,
-          children: variant === "gradient" ? /* @__PURE__ */ jsx5("div", { className: "flex h-full w-full items-center justify-center rounded-full bg-background p-[1px]", children }) : children
+          children: variant === "gradient" ? /* @__PURE__ */ jsx5("div", { className: "flex h-full w-full items-center justify-center rounded-full bg-background p-px", children }) : children
         }
       ),
       status && /* @__PURE__ */ jsx5("span", { className: cn(
@@ -1093,7 +1093,7 @@ var StackAvatar = ({
     ] })
   ] });
 };
-var DottedAvatar = ({ src, fallback, size, status, className }) => /* @__PURE__ */ jsx5(Avatar, { size, status, className: cn("border-2 border-dashed border-primary p-[1px]", className), children: src ? /* @__PURE__ */ jsx5(AvatarImage, { src }) : /* @__PURE__ */ jsx5(AvatarFallback, { children: fallback }) });
+var DottedAvatar = ({ src, fallback, size, status, className }) => /* @__PURE__ */ jsx5(Avatar, { size, status, className: cn("border-2 border-dashed border-primary p-px", className), children: src ? /* @__PURE__ */ jsx5(AvatarImage, { src }) : /* @__PURE__ */ jsx5(AvatarFallback, { children: fallback }) });
 var ShadowAvatar = ({ src, fallback, size, status, className }) => /* @__PURE__ */ jsx5(Avatar, { size, status, className: cn("shadow-2xl shadow-primary/40", className), children: src ? /* @__PURE__ */ jsx5(AvatarImage, { src }) : /* @__PURE__ */ jsx5(AvatarFallback, { children: fallback }) });
 var PolymorphAvatar = ({ src, fallback, size, status, className }) => /* @__PURE__ */ jsx5(Avatar, { size, status, className: cn("rounded-none hover:rounded-[40%] transition-all duration-500", className), children: src ? /* @__PURE__ */ jsx5(AvatarImage, { src, className: "rounded-none hover:rounded-[40%] transition-all duration-500" }) : /* @__PURE__ */ jsx5(AvatarFallback, { children: fallback }) });
 var TooltipAvatar = ({ src, fallback, size, status, tooltipText, className }) => /* @__PURE__ */ jsxs5("div", { className: "relative group/tooltip inline-block", children: [
@@ -2496,7 +2496,7 @@ function Steps({ items, className }) {
         }
       ),
       index !== items.length - 1 && /* @__PURE__ */ jsx19("div", { className: cn(
-        "h-full w-[2px] min-h-[30px] my-2 transition-colors duration-300",
+        "h-full w-0.5 min-h-[30px] my-2 transition-colors duration-300",
         item.status === "complete" ? "bg-emerald-500" : "bg-border"
       ) })
     ] }),
@@ -2588,9 +2588,9 @@ var BreadcrumbTrail = () => /* @__PURE__ */ jsxs14("nav", { className: "flex ite
 ] });
 var StepIndicator = () => /* @__PURE__ */ jsxs14("div", { className: "flex items-center w-full max-w-sm", children: [
   /* @__PURE__ */ jsx19("div", { className: "flex items-center text-primary", children: /* @__PURE__ */ jsx19("div", { className: "w-8 h-8 rounded-full border-2 border-primary bg-primary text-primary-foreground flex items-center justify-center font-bold text-sm", children: "1" }) }),
-  /* @__PURE__ */ jsx19("div", { className: "flex-1 h-[2px] bg-primary mx-2" }),
+  /* @__PURE__ */ jsx19("div", { className: "flex-1 h-0.5 bg-primary mx-2" }),
   /* @__PURE__ */ jsx19("div", { className: "flex items-center text-primary", children: /* @__PURE__ */ jsx19("div", { className: "w-8 h-8 rounded-full border-2 border-primary bg-background flex items-center justify-center font-bold text-sm", children: "2" }) }),
-  /* @__PURE__ */ jsx19("div", { className: "flex-1 h-[2px] bg-muted mx-2" }),
+  /* @__PURE__ */ jsx19("div", { className: "flex-1 h-0.5 bg-muted mx-2" }),
   /* @__PURE__ */ jsx19("div", { className: "flex items-center text-muted-foreground", children: /* @__PURE__ */ jsx19("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" }) })
 ] });
 var TabMenu = () => /* @__PURE__ */ jsxs14("div", { className: "flex border-b w-full", children: [
@@ -2632,8 +2632,8 @@ var ScrollBar = React15.forwardRef(({ className, orientation = "vertical", ...pr
     orientation,
     className: cn(
       "flex touch-none select-none transition-colors duration-150 rounded-full",
-      orientation === "vertical" && "h-full w-2 border-l border-l-transparent p-[1px] hover:bg-black/5 dark:hover:bg-white/5",
-      orientation === "horizontal" && "h-2 flex-col border-t border-t-transparent p-[1px] hover:bg-black/5 dark:hover:bg-white/5",
+      orientation === "vertical" && "h-full w-2 border-l border-l-transparent p-px hover:bg-black/5 dark:hover:bg-white/5",
+      orientation === "horizontal" && "h-2 flex-col border-t border-t-transparent p-px hover:bg-black/5 dark:hover:bg-white/5",
       className
     ),
     ...props,
@@ -2786,7 +2786,7 @@ function TypingAnimation({
       {
         animate: { opacity: [1, 0, 1] },
         transition: { duration: 0.8, repeat: Infinity, ease: "linear" },
-        className: "ml-0.5 inline-block w-[2px] h-[1.1em] bg-current font-normal align-middle",
+        className: "ml-0.5 inline-block w-0.5 h-[1.1em] bg-current font-normal align-middle",
         children: "|"
       }
     )
@@ -3905,7 +3905,7 @@ var Stepper = React23.forwardRef(
                     ]
                   }
                 ),
-                !isLast && /* @__PURE__ */ jsx28("div", { className: "w-[2px] min-h-[36px] bg-muted/40 my-1 rounded-full relative overflow-hidden flex-1", children: /* @__PURE__ */ jsx28(
+                !isLast && /* @__PURE__ */ jsx28("div", { className: "w-0.5 min-h-[36px] bg-muted/40 my-1 rounded-full relative overflow-hidden flex-1", children: /* @__PURE__ */ jsx28(
                   motion17.div,
                   {
                     className: "absolute top-0 left-0 right-0 bg-primary",
@@ -4008,7 +4008,7 @@ var Stepper = React23.forwardRef(
                 ]
               }
             ),
-            !isLast && /* @__PURE__ */ jsx28("div", { className: "flex-1 mx-2 sm:mx-3 flex items-center min-w-[14px]", children: variant === "arrows" ? /* @__PURE__ */ jsx28("div", { className: "flex items-center justify-center w-full text-muted-foreground/40", children: /* @__PURE__ */ jsx28(ChevronRight2, { className: cn("h-4 w-4 shrink-0 transition-colors", isCompleted && "text-primary") }) }) : /* @__PURE__ */ jsx28("div", { className: "h-[2px] w-full bg-muted/50 rounded-full overflow-hidden relative", children: /* @__PURE__ */ jsx28(
+            !isLast && /* @__PURE__ */ jsx28("div", { className: "flex-1 mx-2 sm:mx-3 flex items-center min-w-[14px]", children: variant === "arrows" ? /* @__PURE__ */ jsx28("div", { className: "flex items-center justify-center w-full text-muted-foreground/40", children: /* @__PURE__ */ jsx28(ChevronRight2, { className: cn("h-4 w-4 shrink-0 transition-colors", isCompleted && "text-primary") }) }) : /* @__PURE__ */ jsx28("div", { className: "h-0.5 w-full bg-muted/50 rounded-full overflow-hidden relative", children: /* @__PURE__ */ jsx28(
               motion17.div,
               {
                 className: "absolute inset-y-0 left-0 bg-primary",
@@ -4226,7 +4226,7 @@ function StatCard({ title, value, description, icon: Icon2, trend, className, ..
 }
 function Timeline({ items, className }) {
   return /* @__PURE__ */ jsx30("div", { className: cn("space-y-8", className), children: items.map((item, index) => /* @__PURE__ */ jsxs24("div", { className: "relative flex gap-6 pb-8 last:pb-0", children: [
-    index !== items.length - 1 && /* @__PURE__ */ jsx30("div", { className: "absolute left-[11px] top-4 h-full w-[2px] bg-border" }),
+    index !== items.length - 1 && /* @__PURE__ */ jsx30("div", { className: "absolute left-[11px] top-4 h-full w-0.5 bg-border" }),
     /* @__PURE__ */ jsxs24(
       "div",
       {
@@ -4301,7 +4301,7 @@ function Divider({ orientation = "horizontal", className, ...props }) {
     {
       className: cn(
         "bg-border shrink-0",
-        orientation === "horizontal" ? "h-[1px] w-full" : "w-[1px] h-full",
+        orientation === "horizontal" ? "h-px w-full" : "w-px h-full",
         className
       ),
       ...props
@@ -6560,7 +6560,7 @@ function TextButton({ children, className, ...props }) {
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx43("span", { className: "absolute bottom-0 left-0 h-[2px] w-0 bg-primary transition-all duration-300 group-hover:w-full" })
+        /* @__PURE__ */ jsx43("span", { className: "absolute bottom-0 left-0 h-0.5 w-0 bg-primary transition-all duration-300 group-hover:w-full" })
       ]
     }
   );
@@ -6834,7 +6834,7 @@ function AnimatedGradientBorder({
   gradientClassName,
   duration = 3
 }) {
-  return /* @__PURE__ */ jsxs41("div", { className: cn("relative rounded-xl p-[1px]", containerClassName), children: [
+  return /* @__PURE__ */ jsxs41("div", { className: cn("relative rounded-xl p-px", containerClassName), children: [
     /* @__PURE__ */ jsx47(
       motion27.div,
       {
@@ -6938,7 +6938,7 @@ function Meteors({ number = 20, className }) {
         animationDelay: meteor.animationDelay,
         animationDuration: meteor.animationDuration
       },
-      children: /* @__PURE__ */ jsx47("div", { className: "absolute top-1/2 -translate-y-1/2 w-[1px] h-full bg-linear-to-b from-foreground/30 to-transparent" })
+      children: /* @__PURE__ */ jsx47("div", { className: "absolute top-1/2 -translate-y-1/2 w-px h-full bg-linear-to-b from-foreground/30 to-transparent" })
     },
     meteor.id
   )) });
@@ -9727,8 +9727,8 @@ function CreditCardVisual({
         /* @__PURE__ */ jsxs47("div", { className: "flex items-center justify-between z-10", children: [
           /* @__PURE__ */ jsxs47("div", { className: "flex items-center gap-3", children: [
             /* @__PURE__ */ jsxs47("div", { className: "w-10 h-7 rounded-md bg-linear-to-br from-amber-300 via-amber-400 to-amber-600 border border-amber-200/50 shadow-xs relative overflow-hidden", children: [
-              /* @__PURE__ */ jsx53("div", { className: "absolute inset-x-0 top-1/2 -translate-y-1/2 h-[1px] bg-amber-900/30" }),
-              /* @__PURE__ */ jsx53("div", { className: "absolute inset-y-0 left-1/2 -translate-x-1/2 w-[1px] bg-amber-900/30" })
+              /* @__PURE__ */ jsx53("div", { className: "absolute inset-x-0 top-1/2 -translate-y-1/2 h-px bg-amber-900/30" }),
+              /* @__PURE__ */ jsx53("div", { className: "absolute inset-y-0 left-1/2 -translate-x-1/2 w-px bg-amber-900/30" })
             ] }),
             /* @__PURE__ */ jsx53("svg", { className: "w-5 h-5 text-white/70 rotate-90", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx53("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" }) })
           ] }),
@@ -10953,7 +10953,7 @@ var AuroraSearchPill = React45.forwardRef(
                     sizeStyle.height,
                     active ? cn(sizeStyle.paddingSearch, sizeStyle.minWidthSearch) : sizeStyle.paddingDots,
                     bodyThemeClass,
-                    "transition-all duration-500 ease-[cubic-bezier()]"
+                    "transition-all duration-500 ease-out"
                   ),
                   children: [
                     /* @__PURE__ */ jsx58(
@@ -10962,7 +10962,7 @@ var AuroraSearchPill = React45.forwardRef(
                         className: cn(
                           "flex items-center",
                           sizeStyle.dotGap,
-                          "transition-all duration-400 ease-[cubic-bezier()]",
+                          "transition-all duration-400 ease-out",
                           active ? "opacity-0 scale-50 -translate-y-2 pointer-events-none absolute" : "opacity-100 scale-100 translate-y-0"
                         ),
                         children: [0, 1, 2].map((idx) => /* @__PURE__ */ jsx58(
@@ -10983,7 +10983,7 @@ var AuroraSearchPill = React45.forwardRef(
                       {
                         className: cn(
                           "flex items-center gap-2.5 whitespace-nowrap",
-                          "transition-all duration-400 ease-[cubic-bezier()]",
+                          "transition-all duration-400 ease-out",
                           active ? "opacity-100 scale-100 translate-y-0" : "opacity-0 scale-90 translate-y-2 pointer-events-none absolute"
                         ),
                         children: [