@grupor5/raya 0.2.35 → 0.2.37

package/dist/atoms/button/index.js

@@ -66,30 +66,30 @@ var buttonSizeClasses = {
 var buttonVariantClasses = {
   // Primary variants
   primary: {
-    primary: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90 active:bg-[hsl(var(--primary-pressed))] disabled:bg-neutral-300 disabled:text-neutral-500",
-    secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/90 active:bg-secondary/80 disabled:bg-neutral-300 disabled:text-neutral-500",
-    success: "bg-emerald-600 text-white shadow-sm hover:bg-emerald-700 active:bg-emerald-800 disabled:bg-neutral-300 disabled:text-neutral-500",
-    warning: "bg-amber-600 text-white shadow-sm hover:bg-amber-700 active:bg-amber-800 disabled:bg-neutral-300 disabled:text-neutral-500",
-    destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90 active:bg-destructive/80 disabled:bg-neutral-300 disabled:text-neutral-500",
-    neutral: "bg-neutral-700 text-white shadow-sm hover:bg-neutral-800 active:bg-neutral-900 disabled:bg-neutral-300 disabled:text-neutral-500"
+    primary: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90 active:bg-[hsl(var(--primary-pressed))] disabled:bg-primary-400 disabled:text-primary-700",
+    secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/90 active:bg-secondary/80 disabled:bg-primary-400 disabled:text-primary-700",
+    success: "bg-emerald-600 text-white shadow-sm hover:bg-emerald-700 active:bg-emerald-800 disabled:bg-primary-400 disabled:text-primary-700",
+    warning: "bg-amber-600 text-white shadow-sm hover:bg-amber-700 active:bg-amber-800 disabled:bg-primary-400 disabled:text-primary-700",
+    destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90 active:bg-destructive/80 disabled:bg-primary-400 disabled:text-primary-700",
+    neutral: "bg-neutral-700 text-white shadow-sm hover:bg-neutral-800 active:bg-neutral-900 disabled:bg-primary-400 disabled:text-primary-700"
   },
   // Secondary variants (outlined)
   secondary: {
-    primary: "border border-primary text-primary bg-transparent hover:bg-primary/10 active:bg-primary/20 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent",
-    secondary: "border border-secondary text-secondary bg-transparent hover:bg-secondary/10 active:bg-secondary/20 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent",
-    success: "border border-emerald-600 text-emerald-600 bg-transparent hover:bg-emerald-50 active:bg-emerald-100 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent",
-    warning: "border border-amber-600 text-amber-600 bg-transparent hover:bg-amber-50 active:bg-amber-100 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent",
-    destructive: "border border-destructive text-destructive bg-transparent hover:bg-destructive/10 active:bg-destructive/20 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent",
-    neutral: "border border-neutral-700 text-neutral-700 bg-transparent hover:bg-neutral-50 active:bg-neutral-100 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent"
+    primary: "border border-primary text-primary bg-transparent hover:bg-primary/10 active:bg-primary/20 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent",
+    secondary: "border border-secondary text-secondary bg-transparent hover:bg-secondary/10 active:bg-secondary/20 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent",
+    success: "border border-emerald-600 text-emerald-600 bg-transparent hover:bg-emerald-50 active:bg-emerald-100 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent",
+    warning: "border border-amber-600 text-amber-600 bg-transparent hover:bg-amber-50 active:bg-amber-100 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent",
+    destructive: "border border-destructive text-destructive bg-transparent hover:bg-destructive/10 active:bg-destructive/20 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent",
+    neutral: "border border-neutral-700 text-neutral-700 bg-transparent hover:bg-neutral-50 active:bg-neutral-100 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent"
   },
   // Ghost variants (text only)
   ghost: {
-    primary: "text-primary bg-transparent hover:bg-primary/10 active:bg-primary/20 disabled:text-neutral-500 disabled:bg-transparent",
-    secondary: "text-secondary bg-transparent hover:bg-secondary/10 active:bg-secondary/20 disabled:text-neutral-500 disabled:bg-transparent",
-    success: "text-emerald-600 bg-transparent hover:bg-emerald-50 active:bg-emerald-100 disabled:text-neutral-500 disabled:bg-transparent",
-    warning: "text-amber-600 bg-transparent hover:bg-amber-50 active:bg-amber-100 disabled:text-neutral-500 disabled:bg-transparent",
-    destructive: "text-destructive bg-transparent hover:bg-destructive/10 active:bg-destructive/20 disabled:text-neutral-500 disabled:bg-transparent",
-    neutral: "text-neutral-700 bg-transparent hover:bg-neutral-100 active:bg-neutral-200 disabled:text-neutral-500 disabled:bg-transparent"
+    primary: "text-primary bg-transparent hover:bg-primary/10 active:bg-primary/20 disabled:text-primary-700 disabled:bg-transparent",
+    secondary: "text-secondary bg-transparent hover:bg-secondary/10 active:bg-secondary/20 disabled:text-primary-700 disabled:bg-transparent",
+    success: "text-emerald-600 bg-transparent hover:bg-emerald-50 active:bg-emerald-100 disabled:text-primary-700 disabled:bg-transparent",
+    warning: "text-amber-600 bg-transparent hover:bg-amber-50 active:bg-amber-100 disabled:text-primary-700 disabled:bg-transparent",
+    destructive: "text-destructive bg-transparent hover:bg-destructive/10 active:bg-destructive/20 disabled:text-primary-700 disabled:bg-transparent",
+    neutral: "text-neutral-700 bg-transparent hover:bg-neutral-100 active:bg-neutral-200 disabled:text-primary-700 disabled:bg-transparent"
   }
 };
 var buttonBaseClasses = "inline-flex items-center justify-center gap-2 whitespace-nowrap font-regular transition-all duration-200 focus-visible:outline-none disabled:pointer-events-none disabled:cursor-not-allowed focus-visible:border-2 focus-visible:border-[--stroke-color-focus-border]";

package/dist/atoms/button/index.mjs

@@ -60,30 +60,30 @@ var buttonSizeClasses = {
 var buttonVariantClasses = {
   // Primary variants
   primary: {
-    primary: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90 active:bg-[hsl(var(--primary-pressed))] disabled:bg-neutral-300 disabled:text-neutral-500",
-    secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/90 active:bg-secondary/80 disabled:bg-neutral-300 disabled:text-neutral-500",
-    success: "bg-emerald-600 text-white shadow-sm hover:bg-emerald-700 active:bg-emerald-800 disabled:bg-neutral-300 disabled:text-neutral-500",
-    warning: "bg-amber-600 text-white shadow-sm hover:bg-amber-700 active:bg-amber-800 disabled:bg-neutral-300 disabled:text-neutral-500",
-    destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90 active:bg-destructive/80 disabled:bg-neutral-300 disabled:text-neutral-500",
-    neutral: "bg-neutral-700 text-white shadow-sm hover:bg-neutral-800 active:bg-neutral-900 disabled:bg-neutral-300 disabled:text-neutral-500"
+    primary: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90 active:bg-[hsl(var(--primary-pressed))] disabled:bg-primary-400 disabled:text-primary-700",
+    secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/90 active:bg-secondary/80 disabled:bg-primary-400 disabled:text-primary-700",
+    success: "bg-emerald-600 text-white shadow-sm hover:bg-emerald-700 active:bg-emerald-800 disabled:bg-primary-400 disabled:text-primary-700",
+    warning: "bg-amber-600 text-white shadow-sm hover:bg-amber-700 active:bg-amber-800 disabled:bg-primary-400 disabled:text-primary-700",
+    destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90 active:bg-destructive/80 disabled:bg-primary-400 disabled:text-primary-700",
+    neutral: "bg-neutral-700 text-white shadow-sm hover:bg-neutral-800 active:bg-neutral-900 disabled:bg-primary-400 disabled:text-primary-700"
   },
   // Secondary variants (outlined)
   secondary: {
-    primary: "border border-primary text-primary bg-transparent hover:bg-primary/10 active:bg-primary/20 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent",
-    secondary: "border border-secondary text-secondary bg-transparent hover:bg-secondary/10 active:bg-secondary/20 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent",
-    success: "border border-emerald-600 text-emerald-600 bg-transparent hover:bg-emerald-50 active:bg-emerald-100 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent",
-    warning: "border border-amber-600 text-amber-600 bg-transparent hover:bg-amber-50 active:bg-amber-100 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent",
-    destructive: "border border-destructive text-destructive bg-transparent hover:bg-destructive/10 active:bg-destructive/20 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent",
-    neutral: "border border-neutral-700 text-neutral-700 bg-transparent hover:bg-neutral-50 active:bg-neutral-100 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent"
+    primary: "border border-primary text-primary bg-transparent hover:bg-primary/10 active:bg-primary/20 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent",
+    secondary: "border border-secondary text-secondary bg-transparent hover:bg-secondary/10 active:bg-secondary/20 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent",
+    success: "border border-emerald-600 text-emerald-600 bg-transparent hover:bg-emerald-50 active:bg-emerald-100 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent",
+    warning: "border border-amber-600 text-amber-600 bg-transparent hover:bg-amber-50 active:bg-amber-100 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent",
+    destructive: "border border-destructive text-destructive bg-transparent hover:bg-destructive/10 active:bg-destructive/20 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent",
+    neutral: "border border-neutral-700 text-neutral-700 bg-transparent hover:bg-neutral-50 active:bg-neutral-100 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent"
   },
   // Ghost variants (text only)
   ghost: {
-    primary: "text-primary bg-transparent hover:bg-primary/10 active:bg-primary/20 disabled:text-neutral-500 disabled:bg-transparent",
-    secondary: "text-secondary bg-transparent hover:bg-secondary/10 active:bg-secondary/20 disabled:text-neutral-500 disabled:bg-transparent",
-    success: "text-emerald-600 bg-transparent hover:bg-emerald-50 active:bg-emerald-100 disabled:text-neutral-500 disabled:bg-transparent",
-    warning: "text-amber-600 bg-transparent hover:bg-amber-50 active:bg-amber-100 disabled:text-neutral-500 disabled:bg-transparent",
-    destructive: "text-destructive bg-transparent hover:bg-destructive/10 active:bg-destructive/20 disabled:text-neutral-500 disabled:bg-transparent",
-    neutral: "text-neutral-700 bg-transparent hover:bg-neutral-100 active:bg-neutral-200 disabled:text-neutral-500 disabled:bg-transparent"
+    primary: "text-primary bg-transparent hover:bg-primary/10 active:bg-primary/20 disabled:text-primary-700 disabled:bg-transparent",
+    secondary: "text-secondary bg-transparent hover:bg-secondary/10 active:bg-secondary/20 disabled:text-primary-700 disabled:bg-transparent",
+    success: "text-emerald-600 bg-transparent hover:bg-emerald-50 active:bg-emerald-100 disabled:text-primary-700 disabled:bg-transparent",
+    warning: "text-amber-600 bg-transparent hover:bg-amber-50 active:bg-amber-100 disabled:text-primary-700 disabled:bg-transparent",
+    destructive: "text-destructive bg-transparent hover:bg-destructive/10 active:bg-destructive/20 disabled:text-primary-700 disabled:bg-transparent",
+    neutral: "text-neutral-700 bg-transparent hover:bg-neutral-100 active:bg-neutral-200 disabled:text-primary-700 disabled:bg-transparent"
   }
 };
 var buttonBaseClasses = "inline-flex items-center justify-center gap-2 whitespace-nowrap font-regular transition-all duration-200 focus-visible:outline-none disabled:pointer-events-none disabled:cursor-not-allowed focus-visible:border-2 focus-visible:border-[--stroke-color-focus-border]";

package/dist/atoms/checkbox/index.js

@@ -69,7 +69,7 @@ var Checkbox = React__namespace.forwardRef((_a, ref) => {
     __spreadProps(__spreadValues({
       ref,
       className: cn(
-        "peer h-5 w-5 shrink-0 rounded border-2 mx-s",
+        "peer h-5 w-5 shrink-0 rounded border mx-s",
         "focus-visible:outline-none focus-visible:shadow-focus",
         // Unchecked
         "border-primary-1200",

package/dist/atoms/checkbox/index.mjs

@@ -46,7 +46,7 @@ var Checkbox = React.forwardRef((_a, ref) => {
     __spreadProps(__spreadValues({
       ref,
       className: cn(
-        "peer h-5 w-5 shrink-0 rounded border-2 mx-s",
+        "peer h-5 w-5 shrink-0 rounded border mx-s",
         "focus-visible:outline-none focus-visible:shadow-focus",
         // Unchecked
         "border-primary-1200",

package/dist/atoms/input/index.js

@@ -80,11 +80,11 @@ var Input = React__namespace.forwardRef(
             id: inputId,
             type,
             className: cn(
-              "flex h-10 w-full rounded-lg border border-primary-300 bg-background py-2 pr-3",
+              "flex h-10 w-full rounded-lg border border-primary-600 bg-background py-2 pr-3",
               "text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium",
-              "placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
+              "placeholder:text-primary-500 focus-visible:outline-none disabled:cursor-not-allowed disabled:border-primary-500 disabled:opacity-100",
               "focus-visible:shadow-focus active:shadow-pressed",
-              error && "border-destructive focus-visible:shadow-destructive",
+              error && "border-red-500 focus-visible:shadow-destructive",
               icon ? "pl-10" : "pl-3",
               className
             ),
@@ -94,8 +94,8 @@ var Input = React__namespace.forwardRef(
           }, props)
         )
       ] }),
-      helperText && !error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: `${inputId}-helper`, className: "text-body-xs text-muted-foreground", children: helperText }),
-      error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: `${inputId}-error`, className: "text-body-xs text-destructive", children: typeof error === "string" ? error : "Este campo tiene errores" })
+      helperText && !error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: `${inputId}-helper`, className: "text-body-xs text-primary-600", children: helperText }),
+      error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: `${inputId}-error`, className: "text-body-xs text-red-500", children: typeof error === "string" ? error : "Este campo tiene errores" })
     ] });
   }
 );

package/dist/atoms/input/index.mjs

@@ -58,11 +58,11 @@ var Input = React.forwardRef(
             id: inputId,
             type,
             className: cn(
-              "flex h-10 w-full rounded-lg border border-primary-300 bg-background py-2 pr-3",
+              "flex h-10 w-full rounded-lg border border-primary-600 bg-background py-2 pr-3",
               "text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium",
-              "placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
+              "placeholder:text-primary-500 focus-visible:outline-none disabled:cursor-not-allowed disabled:border-primary-500 disabled:opacity-100",
               "focus-visible:shadow-focus active:shadow-pressed",
-              error && "border-destructive focus-visible:shadow-destructive",
+              error && "border-red-500 focus-visible:shadow-destructive",
               icon ? "pl-10" : "pl-3",
               className
             ),
@@ -72,8 +72,8 @@ var Input = React.forwardRef(
           }, props)
         )
       ] }),
-      helperText && !error && /* @__PURE__ */ jsx("p", { id: `${inputId}-helper`, className: "text-body-xs text-muted-foreground", children: helperText }),
-      error && /* @__PURE__ */ jsx("p", { id: `${inputId}-error`, className: "text-body-xs text-destructive", children: typeof error === "string" ? error : "Este campo tiene errores" })
+      helperText && !error && /* @__PURE__ */ jsx("p", { id: `${inputId}-helper`, className: "text-body-xs text-primary-600", children: helperText }),
+      error && /* @__PURE__ */ jsx("p", { id: `${inputId}-error`, className: "text-body-xs text-red-500", children: typeof error === "string" ? error : "Este campo tiene errores" })
     ] });
   }
 );

package/dist/index.js

@@ -154,6 +154,9 @@ var colors = {
     200: "#a7f3d0",
     100: "#d1fae5",
     10: "#ecfdf5"
+  },
+  grey: {
+    400: "#CECECE"
   }
 };
 
@@ -1528,30 +1531,30 @@ var buttonStates = {
 var buttonVariantClasses = {
   // Primary variants
   primary: {
-    primary: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90 active:bg-[hsl(var(--primary-pressed))] disabled:bg-neutral-300 disabled:text-neutral-500",
-    secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/90 active:bg-secondary/80 disabled:bg-neutral-300 disabled:text-neutral-500",
-    success: "bg-emerald-600 text-white shadow-sm hover:bg-emerald-700 active:bg-emerald-800 disabled:bg-neutral-300 disabled:text-neutral-500",
-    warning: "bg-amber-600 text-white shadow-sm hover:bg-amber-700 active:bg-amber-800 disabled:bg-neutral-300 disabled:text-neutral-500",
-    destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90 active:bg-destructive/80 disabled:bg-neutral-300 disabled:text-neutral-500",
-    neutral: "bg-neutral-700 text-white shadow-sm hover:bg-neutral-800 active:bg-neutral-900 disabled:bg-neutral-300 disabled:text-neutral-500"
+    primary: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90 active:bg-[hsl(var(--primary-pressed))] disabled:bg-primary-400 disabled:text-primary-700",
+    secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/90 active:bg-secondary/80 disabled:bg-primary-400 disabled:text-primary-700",
+    success: "bg-emerald-600 text-white shadow-sm hover:bg-emerald-700 active:bg-emerald-800 disabled:bg-primary-400 disabled:text-primary-700",
+    warning: "bg-amber-600 text-white shadow-sm hover:bg-amber-700 active:bg-amber-800 disabled:bg-primary-400 disabled:text-primary-700",
+    destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90 active:bg-destructive/80 disabled:bg-primary-400 disabled:text-primary-700",
+    neutral: "bg-neutral-700 text-white shadow-sm hover:bg-neutral-800 active:bg-neutral-900 disabled:bg-primary-400 disabled:text-primary-700"
   },
   // Secondary variants (outlined)
   secondary: {
-    primary: "border border-primary text-primary bg-transparent hover:bg-primary/10 active:bg-primary/20 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent",
-    secondary: "border border-secondary text-secondary bg-transparent hover:bg-secondary/10 active:bg-secondary/20 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent",
-    success: "border border-emerald-600 text-emerald-600 bg-transparent hover:bg-emerald-50 active:bg-emerald-100 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent",
-    warning: "border border-amber-600 text-amber-600 bg-transparent hover:bg-amber-50 active:bg-amber-100 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent",
-    destructive: "border border-destructive text-destructive bg-transparent hover:bg-destructive/10 active:bg-destructive/20 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent",
-    neutral: "border border-neutral-700 text-neutral-700 bg-transparent hover:bg-neutral-50 active:bg-neutral-100 disabled:border-neutral-300 disabled:text-neutral-500 disabled:bg-transparent"
+    primary: "border border-primary text-primary bg-transparent hover:bg-primary/10 active:bg-primary/20 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent",
+    secondary: "border border-secondary text-secondary bg-transparent hover:bg-secondary/10 active:bg-secondary/20 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent",
+    success: "border border-emerald-600 text-emerald-600 bg-transparent hover:bg-emerald-50 active:bg-emerald-100 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent",
+    warning: "border border-amber-600 text-amber-600 bg-transparent hover:bg-amber-50 active:bg-amber-100 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent",
+    destructive: "border border-destructive text-destructive bg-transparent hover:bg-destructive/10 active:bg-destructive/20 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent",
+    neutral: "border border-neutral-700 text-neutral-700 bg-transparent hover:bg-neutral-50 active:bg-neutral-100 disabled:border-primary-400 disabled:text-primary-700 disabled:bg-transparent"
   },
   // Ghost variants (text only)
   ghost: {
-    primary: "text-primary bg-transparent hover:bg-primary/10 active:bg-primary/20 disabled:text-neutral-500 disabled:bg-transparent",
-    secondary: "text-secondary bg-transparent hover:bg-secondary/10 active:bg-secondary/20 disabled:text-neutral-500 disabled:bg-transparent",
-    success: "text-emerald-600 bg-transparent hover:bg-emerald-50 active:bg-emerald-100 disabled:text-neutral-500 disabled:bg-transparent",
-    warning: "text-amber-600 bg-transparent hover:bg-amber-50 active:bg-amber-100 disabled:text-neutral-500 disabled:bg-transparent",
-    destructive: "text-destructive bg-transparent hover:bg-destructive/10 active:bg-destructive/20 disabled:text-neutral-500 disabled:bg-transparent",
-    neutral: "text-neutral-700 bg-transparent hover:bg-neutral-100 active:bg-neutral-200 disabled:text-neutral-500 disabled:bg-transparent"
+    primary: "text-primary bg-transparent hover:bg-primary/10 active:bg-primary/20 disabled:text-primary-700 disabled:bg-transparent",
+    secondary: "text-secondary bg-transparent hover:bg-secondary/10 active:bg-secondary/20 disabled:text-primary-700 disabled:bg-transparent",
+    success: "text-emerald-600 bg-transparent hover:bg-emerald-50 active:bg-emerald-100 disabled:text-primary-700 disabled:bg-transparent",
+    warning: "text-amber-600 bg-transparent hover:bg-amber-50 active:bg-amber-100 disabled:text-primary-700 disabled:bg-transparent",
+    destructive: "text-destructive bg-transparent hover:bg-destructive/10 active:bg-destructive/20 disabled:text-primary-700 disabled:bg-transparent",
+    neutral: "text-neutral-700 bg-transparent hover:bg-neutral-100 active:bg-neutral-200 disabled:text-primary-700 disabled:bg-transparent"
   }
 };
 var buttonBaseClasses = "inline-flex items-center justify-center gap-2 whitespace-nowrap font-regular transition-all duration-200 focus-visible:outline-none disabled:pointer-events-none disabled:cursor-not-allowed focus-visible:border-2 focus-visible:border-[--stroke-color-focus-border]";
@@ -1983,7 +1986,7 @@ var Checkbox = React28__namespace.forwardRef((_a, ref) => {
     __spreadProps(__spreadValues({
       ref,
       className: cn(
-        "peer h-5 w-5 shrink-0 rounded border-2 mx-s",
+        "peer h-5 w-5 shrink-0 rounded border mx-s",
         "focus-visible:outline-none focus-visible:shadow-focus",
         // Unchecked
         "border-primary-1200",
@@ -2032,11 +2035,11 @@ var Input = React28__namespace.forwardRef(
             id: inputId,
             type,
             className: cn(
-              "flex h-10 w-full rounded-lg border border-primary-300 bg-background py-2 pr-3",
+              "flex h-10 w-full rounded-lg border border-primary-600 bg-background py-2 pr-3",
               "text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium",
-              "placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
+              "placeholder:text-primary-500 focus-visible:outline-none disabled:cursor-not-allowed disabled:border-primary-500 disabled:opacity-100",
               "focus-visible:shadow-focus active:shadow-pressed",
-              error && "border-destructive focus-visible:shadow-destructive",
+              error && "border-red-500 focus-visible:shadow-destructive",
               icon ? "pl-10" : "pl-3",
               className
             ),
@@ -2046,8 +2049,8 @@ var Input = React28__namespace.forwardRef(
           }, props)
         )
       ] }),
-      helperText && !error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: `${inputId}-helper`, className: "text-body-xs text-muted-foreground", children: helperText }),
-      error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: `${inputId}-error`, className: "text-body-xs text-destructive", children: typeof error === "string" ? error : "Este campo tiene errores" })
+      helperText && !error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: `${inputId}-helper`, className: "text-body-xs text-primary-600", children: helperText }),
+      error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: `${inputId}-error`, className: "text-body-xs text-red-500", children: typeof error === "string" ? error : "Este campo tiene errores" })
     ] });
   }
 );
@@ -3082,7 +3085,7 @@ var SelectTrigger = React28__namespace.forwardRef((_a, ref) => {
     __spreadProps(__spreadValues({
       ref,
       className: cn(
-        "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+        "flex h-10 w-full items-center justify-between whitespace-nowrap rounded-lg border border-primary-600 bg-transparent px-3 py-2 text-sm ring-offset-background data-[placeholder]:text-primary-500 focus:outline-none focus-visible:shadow-focus active:shadow-pressed disabled:cursor-not-allowed disabled:border-primary-500 disabled:opacity-100 [&>span]:line-clamp-1",
         className
       )
     }, props), {
@@ -4313,8 +4316,8 @@ var FormMessage = React28__namespace.forwardRef(
         className: cn(
           "text-body-xs",
           {
-            "text-destructive": type === "error",
-            "text-muted-foreground": type === "helper",
+            "text-red-500": type === "error",
+            "text-primary-600": type === "helper",
             "text-green-600": type === "success"
           },
           className
@@ -4700,7 +4703,7 @@ var Stepper = React28__namespace.forwardRef(
             "div",
             {
               className: cn(
-                orientation === "horizontal" ? "mt-2 text-center" : "ml-4 text-left"
+                orientation === "horizontal" ? "mt-1 text-center" : "text-left"
               ),
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(StepLabel, { children: step.label }),
@@ -4732,7 +4735,7 @@ var connectorVariants = classVarianceAuthority.cva("", {
     status: {
       completed: "bg-green-600",
       current: "bg-secondary-600",
-      upcoming: "bg-neutral-300"
+      upcoming: "bg-grey-400"
     }
   },
   defaultVariants: {
@@ -4743,21 +4746,21 @@ var Step = React28__namespace.forwardRef(({ className, children, index }, ref) =
   const { steps, stepCount, orientation } = useStepper();
   const status = steps[index].status;
   const isFirst = index === 0;
-  const prevStatus = isFirst ? "upcoming" : steps[index - 1].status;
+  isFirst ? "upcoming" : steps[index - 1].status;
   if (orientation === "vertical") {
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
         ref,
-        className: cn("flex flex-1 items-start gap-4", className),
+        className: cn("flex items-center gap-4 h-[72px]", className),
         children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center self-stretch gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               "div",
               {
                 className: cn(
-                  "h-2.5 w-0.5",
-                  connectorVariants({ status: prevStatus })
+                  "flex-1 w-0.5",
+                  connectorVariants({ status })
                 )
               }
             ),
@@ -4765,10 +4768,10 @@ var Step = React28__namespace.forwardRef(({ className, children, index }, ref) =
               "div",
               {
                 className: cn(
-                  "relative z-10 flex h-10 w-10 shrink-0 items-center justify-center rounded-full border-2 font-semibold shadow-[0_0_0_8px_white]",
+                  "relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-full border font-normal",
                   status === "completed" && "border-green-600 bg-white text-green-600",
                   status === "current" && "border-secondary-600 bg-white text-secondary-600",
-                  status === "upcoming" && "border-neutral-300 bg-white text-neutral-400"
+                  status === "upcoming" && "border-grey-400 bg-white text-grey-400"
                 ),
                 children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: String(index + 1).padStart(2, "0") })
               }
@@ -4777,13 +4780,13 @@ var Step = React28__namespace.forwardRef(({ className, children, index }, ref) =
               "div",
               {
                 className: cn(
-                  "h-full min-h-12 w-0.5 grow",
+                  "flex-1 w-0.5",
                   connectorVariants({ status })
                 )
               }
             )
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2.5", children })
+          /* @__PURE__ */ jsxRuntime.jsx("div", { children })
         ]
       }
     );
@@ -4793,7 +4796,7 @@ var Step = React28__namespace.forwardRef(({ className, children, index }, ref) =
       "div",
       {
         className: cn(
-          "absolute top-5 left-0 w-1/2 h-0.5",
+          "absolute top-4 left-0 w-[calc(50%-24px)] h-0.5",
           connectorVariants({ status })
         )
       }
@@ -4802,7 +4805,7 @@ var Step = React28__namespace.forwardRef(({ className, children, index }, ref) =
       "div",
       {
         className: cn(
-          "absolute top-5 right-0 w-1/2 h-0.5",
+          "absolute top-4 right-0 w-[calc(50%-24px)] h-0.5",
           connectorVariants({ status })
         )
       }
@@ -4811,10 +4814,10 @@ var Step = React28__namespace.forwardRef(({ className, children, index }, ref) =
       "div",
       {
         className: cn(
-          "relative z-10 flex h-10 w-10 shrink-0 items-center justify-center rounded-full border-2 font-semibold shadow-[0_0_0_8px_white]",
+          "relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-full border font-normal",
           status === "completed" && "border-green-600 bg-white text-green-600",
           status === "current" && "border-secondary-600 bg-white text-secondary-600",
-          status === "upcoming" && "border-neutral-300 bg-white text-neutral-400"
+          status === "upcoming" && "border-grey-400 bg-white text-grey-400"
         ),
         children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: String(index + 1).padStart(2, "0") })
       }
@@ -4825,7 +4828,7 @@ var Step = React28__namespace.forwardRef(({ className, children, index }, ref) =
 Step.displayName = "Step";
 var StepLabel = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsxRuntime.jsx("p", __spreadValues({ ref, className: cn("text-lg font-normal", className) }, props));
+  return /* @__PURE__ */ jsxRuntime.jsx("p", __spreadValues({ ref, className: cn("text-lg font-normal text-primary-1200", className) }, props));
 });
 StepLabel.displayName = "StepLabel";
 var StepDescription = React28__namespace.forwardRef((_a, ref) => {