@rehagro/ui 1.0.33 → 1.0.35

package/dist/index.d.mts

@@ -328,7 +328,7 @@ type RadioGroupProps = Omit<React__default.HTMLAttributes<HTMLDivElement>, "onCh
     /** Name for all radio inputs */
     name?: string;
     /** Gap between items */
-    gap?: "sm" | "md" | "lg";
+    gap?: "sm" | "md" | "lg" | "xl" | "xxl";
 };
 type RadioOptionProps = RadioProps & {
     /** Unique value for this option */
@@ -375,7 +375,7 @@ declare const RadioGroup: React__default.ForwardRefExoticComponent<Omit<React__d
     /** Name for all radio inputs */
     name?: string;
     /** Gap between items */
-    gap?: "sm" | "md" | "lg";
+    gap?: "sm" | "md" | "lg" | "xl" | "xxl";
 } & React__default.RefAttributes<HTMLDivElement>>;
 
 type SelectSize = "sm" | "md" | "lg";

package/dist/index.d.ts

@@ -328,7 +328,7 @@ type RadioGroupProps = Omit<React__default.HTMLAttributes<HTMLDivElement>, "onCh
     /** Name for all radio inputs */
     name?: string;
     /** Gap between items */
-    gap?: "sm" | "md" | "lg";
+    gap?: "sm" | "md" | "lg" | "xl" | "xxl";
 };
 type RadioOptionProps = RadioProps & {
     /** Unique value for this option */
@@ -375,7 +375,7 @@ declare const RadioGroup: React__default.ForwardRefExoticComponent<Omit<React__d
     /** Name for all radio inputs */
     name?: string;
     /** Gap between items */
-    gap?: "sm" | "md" | "lg";
+    gap?: "sm" | "md" | "lg" | "xl" | "xxl";
 } & React__default.RefAttributes<HTMLDivElement>>;
 
 type SelectSize = "sm" | "md" | "lg";

package/dist/index.js

@@ -747,30 +747,56 @@ var PRESET_COLORS = /* @__PURE__ */ new Set([
   "info"
 ]);
 var isPresetColor = (c) => PRESET_COLORS.has(c);
-var variantColorClasses = {
+var variantBaseClasses = {
   solid: {
-    primary: "rh-bg-primary rh-text-surface rh-border-primary hover:rh-bg-primary-hover hover:rh-border-primary-hover",
-    secondary: "rh-bg-secondary rh-text-surface rh-border-secondary hover:rh-bg-secondary-hover hover:rh-border-secondary-hover",
-    danger: "rh-bg-danger rh-text-surface rh-border-danger hover:rh-bg-danger-hover hover:rh-border-danger-hover",
-    warning: "rh-bg-warning rh-text-surface rh-border-warning hover:rh-bg-warning-hover hover:rh-border-warning-hover",
-    success: "rh-bg-success rh-text-surface rh-border-success hover:rh-bg-success-hover hover:rh-border-success-hover",
-    info: "rh-bg-info rh-text-surface rh-border-info hover:rh-bg-info-hover hover:rh-border-info-hover"
+    primary: "rh-bg-primary rh-text-surface rh-border-primary",
+    secondary: "rh-bg-secondary rh-text-surface rh-border-secondary",
+    danger: "rh-bg-danger rh-text-surface rh-border-danger",
+    warning: "rh-bg-warning rh-text-surface rh-border-warning",
+    success: "rh-bg-success rh-text-surface rh-border-success",
+    info: "rh-bg-info rh-text-surface rh-border-info"
   },
   outline: {
-    primary: "rh-bg-transparent rh-text-primary rh-border-primary hover:rh-bg-primary-subtle",
-    secondary: "rh-bg-transparent rh-text-secondary rh-border-secondary hover:rh-bg-secondary-subtle",
-    danger: "rh-bg-transparent rh-text-danger rh-border-danger hover:rh-bg-danger-subtle",
-    warning: "rh-bg-transparent rh-text-warning rh-border-warning hover:rh-bg-warning-subtle",
-    success: "rh-bg-transparent rh-text-success rh-border-success hover:rh-bg-success-subtle",
-    info: "rh-bg-transparent rh-text-info rh-border-info hover:rh-bg-info-subtle"
+    primary: "rh-bg-transparent rh-text-primary rh-border-primary",
+    secondary: "rh-bg-transparent rh-text-secondary rh-border-secondary",
+    danger: "rh-bg-transparent rh-text-danger rh-border-danger",
+    warning: "rh-bg-transparent rh-text-warning rh-border-warning",
+    success: "rh-bg-transparent rh-text-success rh-border-success",
+    info: "rh-bg-transparent rh-text-info rh-border-info"
   },
   ghost: {
-    primary: "rh-bg-transparent rh-text-primary rh-border-transparent hover:rh-bg-primary/10",
-    secondary: "rh-bg-transparent rh-text-secondary rh-border-transparent hover:rh-bg-secondary/10",
-    danger: "rh-bg-transparent rh-text-danger rh-border-transparent hover:rh-bg-danger/10",
-    warning: "rh-bg-transparent rh-text-warning rh-border-transparent hover:rh-bg-warning/10",
-    success: "rh-bg-transparent rh-text-success rh-border-transparent hover:rh-bg-success/10",
-    info: "rh-bg-transparent rh-text-info rh-border-transparent hover:rh-bg-info/10"
+    primary: "rh-bg-transparent rh-text-primary rh-border-transparent",
+    secondary: "rh-bg-transparent rh-text-secondary rh-border-transparent",
+    danger: "rh-bg-transparent rh-text-danger rh-border-transparent",
+    warning: "rh-bg-transparent rh-text-warning rh-border-transparent",
+    success: "rh-bg-transparent rh-text-success rh-border-transparent",
+    info: "rh-bg-transparent rh-text-info rh-border-transparent"
+  }
+};
+var variantHoverClasses = {
+  solid: {
+    primary: "hover:rh-bg-primary-hover hover:rh-border-primary-hover",
+    secondary: "hover:rh-bg-secondary-hover hover:rh-border-secondary-hover",
+    danger: "hover:rh-bg-danger-hover hover:rh-border-danger-hover",
+    warning: "hover:rh-bg-warning-hover hover:rh-border-warning-hover",
+    success: "hover:rh-bg-success-hover hover:rh-border-success-hover",
+    info: "hover:rh-bg-info-hover hover:rh-border-info-hover"
+  },
+  outline: {
+    primary: "hover:rh-bg-primary-subtle",
+    secondary: "hover:rh-bg-secondary-subtle",
+    danger: "hover:rh-bg-danger-subtle",
+    warning: "hover:rh-bg-warning-subtle",
+    success: "hover:rh-bg-success-subtle",
+    info: "hover:rh-bg-info-subtle"
+  },
+  ghost: {
+    primary: "hover:rh-bg-primary/10",
+    secondary: "hover:rh-bg-secondary/10",
+    danger: "hover:rh-bg-danger/10",
+    warning: "hover:rh-bg-warning/10",
+    success: "hover:rh-bg-success/10",
+    info: "hover:rh-bg-info/10"
   }
 };
 function getArbitraryColorStyle(variant, color) {
@@ -834,7 +860,8 @@ var Button = React9.forwardRef(function Button2({
         "rh-border rh-font-display rh-font-medium",
         "rh-transition-colors rh-duration-150",
         "focus-visible:rh-outline-none focus-visible:rh-ring-2 focus-visible:rh-ring-ring focus-visible:rh-ring-offset-2",
-        preset && !hasCustomHover ? variantColorClasses[variant][color] : "",
+        preset ? variantBaseClasses[variant][color] : "",
+        preset && !hasCustomHover ? variantHoverClasses[variant][color] : "",
         !preset && !hasCustomHover ? "hover:rh-brightness-90" : "",
         hasCustomHover ? "btn-custom-hover" : "",
         sizeClasses[size],
@@ -891,7 +918,7 @@ var PRESET_COLORS2 = /* @__PURE__ */ new Set([
   "info"
 ]);
 var isPresetColor2 = (c) => PRESET_COLORS2.has(c);
-var variantColorClasses2 = {
+var variantColorClasses = {
   solid: {
     primary: "rh-bg-primary rh-text-surface rh-border-primary hover:rh-bg-primary-hover hover:rh-border-primary-hover",
     secondary: "rh-bg-secondary rh-text-surface rh-border-secondary hover:rh-bg-secondary-hover hover:rh-border-secondary-hover",
@@ -967,7 +994,7 @@ var IconButton = React9.forwardRef(function IconButton2({
         "rh-border rh-font-display",
         "rh-transition-colors rh-duration-150",
         "focus-visible:rh-outline-none focus-visible:rh-ring-2 focus-visible:rh-ring-ring focus-visible:rh-ring-offset-2",
-        preset ? variantColorClasses2[variant][color] : "hover:rh-brightness-90",
+        preset ? variantColorClasses[variant][color] : "hover:rh-brightness-90",
         sizeClasses2[size],
         radiusClasses2[radius],
         isDisabled ? "rh-opacity-50 rh-cursor-not-allowed rh-pointer-events-none" : "",
@@ -1273,7 +1300,9 @@ var descriptionSizeClasses = {
 var gapClasses = {
   sm: "rh-gap-2",
   md: "rh-gap-3",
-  lg: "rh-gap-4"
+  lg: "rh-gap-4",
+  xl: "rh-gap-5",
+  xxl: "rh-gap-6"
 };
 var PRESET_COLORS3 = /* @__PURE__ */ new Set([
   "primary",
@@ -1340,16 +1369,7 @@ var Radio = React9.forwardRef(function Radio2({
         ),
         (label || description) && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "rh-flex rh-flex-col", children: [
           label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: ["rh-text-text", labelSizeClasses2[size]].join(" "), children: label }),
-          description && /* @__PURE__ */ jsxRuntime.jsx(
-            "span",
-            {
-              className: [
-                "rh-text-text-muted",
-                descriptionSizeClasses[size]
-              ].join(" "),
-              children: description
-            }
-          )
+          description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: ["rh-text-text-muted", descriptionSizeClasses[size]].join(" "), children: description })
         ] })
       ]
     }