nexoreui 1.8.4 → 1.8.6

package/dist/index.mjs

@@ -10,11 +10,11 @@ function cn(...inputs) {
 }
 
 // src/components/button.tsx
-import { motion } from "framer-motion";
+import { motion, useReducedMotion } from "framer-motion";
 import { Loader2 } from "lucide-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-xl text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 active:scale-95",
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 active:scale-95",
   {
     variants: {
       variant: {
@@ -37,9 +37,9 @@ var buttonVariants = cva(
       },
       size: {
         default: "h-10 px-5 py-2",
-        sm: "h-9 rounded-lg px-3 text-xs",
-        lg: "h-11 rounded-xl px-8 text-base",
-        icon: "h-10 w-10 rounded-full"
+        sm: "h-9 rounded-sm px-3 text-xs",
+        lg: "h-11 rounded-lg px-8 text-base",
+        icon: "h-10 w-10 rounded-md"
       }
     },
     defaultVariants: {
@@ -105,7 +105,9 @@ var Button = React.forwardRef(
       isShimmer && "relative overflow-hidden",
       isGlow && "shadow-[0_0_var(--glow-radius)_rgba(var(--glow-color),var(--glow-strength))]"
     );
-    if (!animate) {
+    const shouldReduceMotion = useReducedMotion();
+    const shouldAnimate = animate && !shouldReduceMotion;
+    if (!shouldAnimate) {
       return /* @__PURE__ */ jsx(
         "button",
         {
@@ -264,11 +266,11 @@ GlassButton.displayName = "GlassButton";
 
 // src/components/card.tsx
 import * as React2 from "react";
-import { motion as motion2 } from "framer-motion";
+import { motion as motion2, useReducedMotion as useReducedMotion2 } from "framer-motion";
 import { cva as cva2 } from "class-variance-authority";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var cardVariants = cva2(
-  "rounded-2xl text-card-foreground transition-all duration-300 overflow-hidden",
+  "rounded-xl text-card-foreground transition-all duration-300 overflow-hidden",
   {
     variants: {
       variant: {
@@ -349,8 +351,8 @@ var Card = React2.forwardRef(
               animate: { rotateY: isFlipped ? 180 : 0 },
               transition: { type: "spring", stiffness: 300, damping: 22 },
               children: [
-                /* @__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 }),
-                /* @__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" }) })
+                /* @__PURE__ */ jsx2("div", { className: "absolute inset-0 backface-hidden border bg-card text-card-foreground rounded-xl shadow-sm flex flex-col justify-between overflow-hidden", children }),
+                /* @__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-xl 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" }) })
               ]
             }
           )
@@ -360,14 +362,16 @@ var Card = React2.forwardRef(
     const spotlightEffect = isSpotlight && /* @__PURE__ */ jsx2(
       "div",
       {
-        className: "pointer-events-none absolute -inset-px rounded-2xl opacity-0 hover:opacity-100 group-hover:opacity-100 transition-opacity duration-300",
+        className: "pointer-events-none absolute -inset-px rounded-xl opacity-0 hover:opacity-100 group-hover:opacity-100 transition-opacity duration-300",
         style: {
           background: `radial-gradient(400px circle at ${mousePos.x}px ${mousePos.y}px, ${spotlightColor}, transparent 80%)`
         }
       }
     );
     const cardClass = cn(cardVariants({ variant, hover: isFlip || isTilt ? "none" : hover, className }), isSpotlight && "group");
-    if (animate || isTilt) {
+    const shouldReduceMotion = useReducedMotion2();
+    const shouldAnimate = animate && !shouldReduceMotion || isTilt;
+    if (shouldAnimate) {
       return /* @__PURE__ */ jsxs2(
         motion2.div,
         {
@@ -4311,7 +4315,7 @@ function Divider({ orientation = "horizontal", className, ...props }) {
 
 // src/components/aurora-border-card.tsx
 import * as React26 from "react";
-import { motion as motion19, useReducedMotion } from "framer-motion";
+import { motion as motion19, useReducedMotion as useReducedMotion3 } from "framer-motion";
 import { Sparkles, ArrowRight } from "lucide-react";
 import { jsx as jsx31, jsxs as jsxs25 } from "react/jsx-runtime";
 var radiusMap = {
@@ -4362,7 +4366,7 @@ var AuroraBorderCard = React26.forwardRef(
     children,
     ...props
   }, ref) => {
-    const shouldReduceMotion = useReducedMotion();
+    const shouldReduceMotion = useReducedMotion3();
     const duration = speedDurations[speed] || 2.5;
     const radiusConfig = radiusMap[radius] || radiusMap.xl;
     const colors = variantColorStops[variant] || variantColorStops.aurora;
@@ -4546,7 +4550,7 @@ AuroraBorderCard.displayName = "AuroraBorderCard";
 
 // src/components/ai-prompt-input.tsx
 import * as React27 from "react";
-import { motion as motion20, AnimatePresence as AnimatePresence5, useReducedMotion as useReducedMotion2 } from "framer-motion";
+import { motion as motion20, AnimatePresence as AnimatePresence5, useReducedMotion as useReducedMotion4 } from "framer-motion";
 import {
   Send,
   Square,
@@ -4627,7 +4631,7 @@ var AiPromptInput = React27.forwardRef(
     const [internalFiles, setInternalFiles] = React27.useState([]);
     const fileInputRef = React27.useRef(null);
     const textareaRef = React27.useRef(null);
-    const shouldReduceMotion = useReducedMotion2();
+    const shouldReduceMotion = useReducedMotion4();
     const id = React27.useId().replace(/:/g, "");
     const isControlled = controlledValue !== void 0;
     const value = isControlled ? controlledValue : internalValue;