@rehagro/ui 1.0.36 → 1.0.38

package/dist/index.mjs

@@ -18,12 +18,15 @@ var TOKEN_MAP = {
   successHover: { var: "--rh-success-hover", isColor: true },
   info: { var: "--rh-info", isColor: true },
   infoHover: { var: "--rh-info-hover", isColor: true },
+  neutral: { var: "--rh-neutral", isColor: true },
+  neutralHover: { var: "--rh-neutral-hover", isColor: true },
   primarySubtle: { var: "--rh-primary-subtle", isColor: true, raw: true },
   secondarySubtle: { var: "--rh-secondary-subtle", isColor: true, raw: true },
   dangerSubtle: { var: "--rh-danger-subtle", isColor: true, raw: true },
   warningSubtle: { var: "--rh-warning-subtle", isColor: true, raw: true },
   successSubtle: { var: "--rh-success-subtle", isColor: true, raw: true },
   infoSubtle: { var: "--rh-info-subtle", isColor: true, raw: true },
+  neutralSubtle: { var: "--rh-neutral-subtle", isColor: true, raw: true },
   text: { var: "--rh-text", isColor: true },
   textMuted: { var: "--rh-text-muted", isColor: true },
   surface: { var: "--rh-surface", isColor: true },
@@ -45,6 +48,8 @@ var TOKEN_MAP = {
   inputPxSm: { var: "--rh-input-px-sm", isColor: false },
   inputPxMd: { var: "--rh-input-px-md", isColor: false },
   inputPxLg: { var: "--rh-input-px-lg", isColor: false },
+  buttonHeightXxs: { var: "--rh-button-height-xxs", isColor: false },
+  buttonHeightXs: { var: "--rh-button-height-xs", isColor: false },
   buttonHeightSm: { var: "--rh-button-height-sm", isColor: false },
   buttonHeightMd: { var: "--rh-button-height-md", isColor: false },
   buttonHeightLg: { var: "--rh-button-height-lg", isColor: false },
@@ -738,7 +743,8 @@ var PRESET_COLORS = /* @__PURE__ */ new Set([
   "danger",
   "warning",
   "success",
-  "info"
+  "info",
+  "neutral"
 ]);
 var isPresetColor = (c) => PRESET_COLORS.has(c);
 var variantBaseClasses = {
@@ -748,7 +754,8 @@ var variantBaseClasses = {
     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"
+    info: "rh-bg-info rh-text-surface rh-border-info",
+    neutral: "rh-bg-neutral rh-text-surface rh-border-neutral"
   },
   outline: {
     primary: "rh-bg-transparent rh-text-primary rh-border-primary",
@@ -756,7 +763,8 @@ var variantBaseClasses = {
     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"
+    info: "rh-bg-transparent rh-text-info rh-border-info",
+    neutral: "rh-bg-transparent rh-text-neutral rh-border-neutral"
   },
   ghost: {
     primary: "rh-bg-transparent rh-text-primary rh-border-transparent",
@@ -764,7 +772,8 @@ var variantBaseClasses = {
     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"
+    info: "rh-bg-transparent rh-text-info rh-border-transparent",
+    neutral: "rh-bg-transparent rh-text-neutral rh-border-transparent"
   }
 };
 var variantHoverClasses = {
@@ -774,7 +783,8 @@ var variantHoverClasses = {
     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"
+    info: "hover:rh-bg-info-hover hover:rh-border-info-hover",
+    neutral: "hover:rh-bg-neutral-hover hover:rh-border-neutral-hover"
   },
   outline: {
     primary: "hover:rh-bg-primary-subtle",
@@ -782,7 +792,8 @@ var variantHoverClasses = {
     danger: "hover:rh-bg-danger-subtle",
     warning: "hover:rh-bg-warning-subtle",
     success: "hover:rh-bg-success-subtle",
-    info: "hover:rh-bg-info-subtle"
+    info: "hover:rh-bg-info-subtle",
+    neutral: "hover:rh-bg-neutral-subtle"
   },
   ghost: {
     primary: "hover:rh-bg-primary-subtle",
@@ -790,7 +801,8 @@ var variantHoverClasses = {
     danger: "hover:rh-bg-danger-subtle",
     warning: "hover:rh-bg-warning-subtle",
     success: "hover:rh-bg-success-subtle",
-    info: "hover:rh-bg-info-subtle"
+    info: "hover:rh-bg-info-subtle",
+    neutral: "hover:rh-bg-neutral-subtle"
   }
 };
 function getArbitraryColorStyle(variant, color) {
@@ -799,6 +811,8 @@ function getArbitraryColorStyle(variant, color) {
   return { color, borderColor: "transparent" };
 }
 var sizeClasses = {
+  xxs: "rh-text-2xs rh-leading-none rh-px-1.5 rh-h-button-xxs rh-gap-1",
+  xs: "rh-text-xs rh-leading-none rh-px-2 rh-h-button-xs rh-gap-1",
   sm: "rh-text-sm rh-px-3 rh-h-button-sm",
   md: "rh-text-sm rh-px-4 rh-h-button-md",
   lg: "rh-text-base rh-px-5 rh-h-button-lg",
@@ -909,7 +923,8 @@ var PRESET_COLORS2 = /* @__PURE__ */ new Set([
   "danger",
   "warning",
   "success",
-  "info"
+  "info",
+  "neutral"
 ]);
 var isPresetColor2 = (c) => PRESET_COLORS2.has(c);
 var variantColorClasses = {
@@ -919,7 +934,8 @@ var variantColorClasses = {
     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"
+    info: "rh-bg-info rh-text-surface rh-border-info hover:rh-bg-info-hover hover:rh-border-info-hover",
+    neutral: "rh-bg-neutral rh-text-surface rh-border-neutral hover:rh-bg-neutral-hover hover:rh-border-neutral-hover"
   },
   outline: {
     primary: "rh-bg-transparent rh-text-primary rh-border-primary hover:rh-bg-primary hover:rh-text-surface",
@@ -927,7 +943,8 @@ var variantColorClasses = {
     danger: "rh-bg-transparent rh-text-danger rh-border-danger hover:rh-bg-danger hover:rh-text-surface",
     warning: "rh-bg-transparent rh-text-warning rh-border-warning hover:rh-bg-warning hover:rh-text-surface",
     success: "rh-bg-transparent rh-text-success rh-border-success hover:rh-bg-success hover:rh-text-surface",
-    info: "rh-bg-transparent rh-text-info rh-border-info hover:rh-bg-info hover:rh-text-surface"
+    info: "rh-bg-transparent rh-text-info rh-border-info hover:rh-bg-info hover:rh-text-surface",
+    neutral: "rh-bg-transparent rh-text-neutral rh-border-neutral hover:rh-bg-neutral-subtle"
   },
   ghost: {
     primary: "rh-bg-transparent rh-text-primary rh-border-transparent hover:rh-bg-primary-subtle",
@@ -935,7 +952,8 @@ var variantColorClasses = {
     danger: "rh-bg-transparent rh-text-danger rh-border-transparent hover:rh-bg-danger-subtle",
     warning: "rh-bg-transparent rh-text-warning rh-border-transparent hover:rh-bg-warning-subtle",
     success: "rh-bg-transparent rh-text-success rh-border-transparent hover:rh-bg-success-subtle",
-    info: "rh-bg-transparent rh-text-info rh-border-transparent hover:rh-bg-info-subtle"
+    info: "rh-bg-transparent rh-text-info rh-border-transparent hover:rh-bg-info-subtle",
+    neutral: "rh-bg-transparent rh-text-neutral rh-border-transparent hover:rh-bg-neutral-subtle"
   }
 };
 function getArbitraryColorStyle2(variant, color) {
@@ -944,6 +962,8 @@ function getArbitraryColorStyle2(variant, color) {
   return { color, borderColor: "transparent" };
 }
 var sizeClasses2 = {
+  xxs: "rh-h-4 rh-w-4 rh-text-2xs",
+  xs: "rh-h-6 rh-w-6 rh-text-xs",
   sm: "rh-h-8 rh-w-8 rh-text-sm",
   md: "rh-h-10 rh-w-10 rh-text-base",
   lg: "rh-h-12 rh-w-12 rh-text-lg"
@@ -2127,7 +2147,8 @@ var PRESET_COLORS4 = /* @__PURE__ */ new Set([
   "danger",
   "warning",
   "success",
-  "info"
+  "info",
+  "neutral"
 ]);
 var isPresetColor4 = (color) => PRESET_COLORS4.has(color);
 var activePresetClasses = {
@@ -2136,7 +2157,8 @@ var activePresetClasses = {
   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"
+  info: "rh-bg-info rh-text-surface rh-border-info",
+  neutral: "rh-bg-neutral rh-text-surface rh-border-neutral"
 };
 var inactivePresetClasses = {
   primary: "rh-bg-primary/10 rh-text-primary rh-border-primary/30",
@@ -2144,7 +2166,8 @@ var inactivePresetClasses = {
   danger: "rh-bg-danger/10 rh-text-danger rh-border-danger/30",
   warning: "rh-bg-warning/10 rh-text-warning rh-border-warning/30",
   success: "rh-bg-success/10 rh-text-success rh-border-success/30",
-  info: "rh-bg-info/10 rh-text-info rh-border-info/30"
+  info: "rh-bg-info/10 rh-text-info rh-border-info/30",
+  neutral: "rh-bg-neutral/10 rh-text-neutral rh-border-neutral/30"
 };
 var hoverActivePresetClasses = {
   primary: "hover:rh-bg-primary-hover hover:rh-border-primary-hover",
@@ -2152,7 +2175,8 @@ var hoverActivePresetClasses = {
   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"
+  info: "hover:rh-bg-info-hover hover:rh-border-info-hover",
+  neutral: "hover:rh-bg-neutral-hover hover:rh-border-neutral-hover"
 };
 var hoverInactivePresetClasses = {
   primary: "hover:rh-bg-primary/20 hover:rh-border-primary/50",
@@ -2160,7 +2184,8 @@ var hoverInactivePresetClasses = {
   danger: "hover:rh-bg-danger/20 hover:rh-border-danger/50",
   warning: "hover:rh-bg-warning/20 hover:rh-border-warning/50",
   success: "hover:rh-bg-success/20 hover:rh-border-success/50",
-  info: "hover:rh-bg-info/20 hover:rh-border-info/50"
+  info: "hover:rh-bg-info/20 hover:rh-border-info/50",
+  neutral: "hover:rh-bg-neutral/20 hover:rh-border-neutral/50"
 };
 var sizeClasses8 = {
   sm: "rh-text-xs rh-px-2 rh-py-0.5 rh-gap-1",
@@ -2767,7 +2792,8 @@ var colorClasses = {
   danger: "rh-text-danger",
   warning: "rh-text-warning",
   success: "rh-text-success",
-  info: "rh-text-info"
+  info: "rh-text-info",
+  neutral: "rh-text-neutral"
 };
 var Spinner = forwardRef(function Spinner2({ size = "md", color = "primary", label = "Carregando...", className = "", style, ...rest }, ref) {
   const preset = isPresetColor6(color);