@rehagro/ui 1.0.36 → 1.0.37

package/dist/{colors.types-7nLOoy6r.d.mts → colors.types-Dd3I7svd.d.mts}

@@ -1,4 +1,4 @@
-type PresetColor = "primary" | "secondary" | "danger" | "warning" | "success" | "info";
+type PresetColor = "primary" | "secondary" | "danger" | "warning" | "success" | "info" | "neutral";
 type ButtonColor = PresetColor | (string & {});
 
 export type { ButtonColor as B, PresetColor as P };

package/dist/{colors.types-7nLOoy6r.d.ts → colors.types-Dd3I7svd.d.ts}

@@ -1,4 +1,4 @@
-type PresetColor = "primary" | "secondary" | "danger" | "warning" | "success" | "info";
+type PresetColor = "primary" | "secondary" | "danger" | "warning" | "success" | "info" | "neutral";
 type ButtonColor = PresetColor | (string & {});
 
 export type { ButtonColor as B, PresetColor as P };

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default from 'react';
-import { B as ButtonColor, P as PresetColor } from './colors.types-7nLOoy6r.mjs';
+import { B as ButtonColor, P as PresetColor } from './colors.types-Dd3I7svd.mjs';
 
 type ToastVariant = "info" | "warning" | "success" | "error" | "neutral";
 type ToastAppearance = "solid" | "light" | "outline";
@@ -91,6 +91,10 @@ type RehagroTheme = {
     successHover?: string;
     info?: string;
     infoHover?: string;
+    /** Neutral color — for non-semantic actions (e.g. kebab menus, close buttons).
+     *  Typically mapped to textMuted / text / border in the consumer's theme. */
+    neutral?: string;
+    neutralHover?: string;
     /** Subtle background for outline/ghost hover.
      *  Accepts any CSS color value (hex, rgb, named).
      *  When omitted, derived automatically via color-mix from the base color. */
@@ -100,6 +104,7 @@ type RehagroTheme = {
     warningSubtle?: string;
     successSubtle?: string;
     infoSubtle?: string;
+    neutralSubtle?: string;
     /** Semantic colors */
     text?: string;
     textMuted?: string;

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default from 'react';
-import { B as ButtonColor, P as PresetColor } from './colors.types-7nLOoy6r.js';
+import { B as ButtonColor, P as PresetColor } from './colors.types-Dd3I7svd.js';
 
 type ToastVariant = "info" | "warning" | "success" | "error" | "neutral";
 type ToastAppearance = "solid" | "light" | "outline";
@@ -91,6 +91,10 @@ type RehagroTheme = {
     successHover?: string;
     info?: string;
     infoHover?: string;
+    /** Neutral color — for non-semantic actions (e.g. kebab menus, close buttons).
+     *  Typically mapped to textMuted / text / border in the consumer's theme. */
+    neutral?: string;
+    neutralHover?: string;
     /** Subtle background for outline/ghost hover.
      *  Accepts any CSS color value (hex, rgb, named).
      *  When omitted, derived automatically via color-mix from the base color. */
@@ -100,6 +104,7 @@ type RehagroTheme = {
     warningSubtle?: string;
     successSubtle?: string;
     infoSubtle?: string;
+    neutralSubtle?: string;
     /** Semantic colors */
     text?: string;
     textMuted?: string;

package/dist/index.js

@@ -24,12 +24,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 },
@@ -744,7 +747,8 @@ var PRESET_COLORS = /* @__PURE__ */ new Set([
   "danger",
   "warning",
   "success",
-  "info"
+  "info",
+  "neutral"
 ]);
 var isPresetColor = (c) => PRESET_COLORS.has(c);
 var variantBaseClasses = {
@@ -754,7 +758,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",
@@ -762,7 +767,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",
@@ -770,7 +776,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 = {
@@ -780,7 +787,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",
@@ -788,7 +796,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",
@@ -796,7 +805,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) {
@@ -915,7 +925,8 @@ var PRESET_COLORS2 = /* @__PURE__ */ new Set([
   "danger",
   "warning",
   "success",
-  "info"
+  "info",
+  "neutral"
 ]);
 var isPresetColor2 = (c) => PRESET_COLORS2.has(c);
 var variantColorClasses = {
@@ -925,7 +936,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",
@@ -933,7 +945,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",
@@ -941,7 +954,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) {
@@ -2133,7 +2147,8 @@ var PRESET_COLORS4 = /* @__PURE__ */ new Set([
   "danger",
   "warning",
   "success",
-  "info"
+  "info",
+  "neutral"
 ]);
 var isPresetColor4 = (color) => PRESET_COLORS4.has(color);
 var activePresetClasses = {
@@ -2142,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",
@@ -2150,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",
@@ -2158,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",
@@ -2166,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",
@@ -2773,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 = React9.forwardRef(function Spinner2({ size = "md", color = "primary", label = "Carregando...", className = "", style, ...rest }, ref) {
   const preset = isPresetColor6(color);