@rehagro/ui 1.0.41 → 1.0.43

package/dist/index.mjs

@@ -833,6 +833,7 @@ var Button = forwardRef(function Button2({
   size = "md",
   radius = "sm",
   color = "primary",
+  textColor,
   hoverColor,
   hoverStyle,
   loading = false,
@@ -853,8 +854,9 @@ var Button = forwardRef(function Button2({
       "--btn-hover-border": hoverStyle.borderColor,
       "--btn-hover-color": hoverStyle.color
     } : {};
-    return { ...style, ...baseStyle, ...hoverVars };
-  }, [preset, color, variant, hoverColor, hoverStyle, style]);
+    const textStyle = textColor ? { color: textColor } : {};
+    return { ...style, ...baseStyle, ...textStyle, ...hoverVars };
+  }, [preset, color, variant, hoverColor, hoverStyle, style, textColor]);
   const hasCustomHover = Boolean(hoverStyle);
   return /* @__PURE__ */ jsxs(
     "button",
@@ -1056,7 +1058,8 @@ var statusClasses = {
 var sizeClasses3 = {
   sm: "rh-h-input-sm rh-text-sm rh-px-input-x-sm",
   md: "rh-h-input-md rh-text-sm rh-px-input-x-md",
-  lg: "rh-h-input-lg rh-text-base rh-px-input-x-lg"
+  lg: "rh-h-input-lg rh-text-base rh-px-input-x-lg",
+  xl: "rh-h-input-xl rh-text-sm rh-px-input-x-md"
 };
 var radiusClasses3 = {
   none: "rh-rounded-none",
@@ -1071,7 +1074,8 @@ var radiusClasses3 = {
 var iconSizeClasses = {
   sm: "rh-w-4 rh-h-4",
   md: "rh-w-5 rh-h-5",
-  lg: "rh-w-5 rh-h-5"
+  lg: "rh-w-5 rh-h-5",
+  xl: "rh-w-5 rh-h-5"
 };
 var helperStatusClasses = {
   default: "rh-text-text-muted",
@@ -1083,6 +1087,7 @@ var labelWeightClasses = {
   semibold: "rh-font-semibold",
   bold: "rh-font-bold"
 };
+var getSubtitleClassName = (subtitle) => subtitle.trim() === "*" ? "rh-text-danger" : "rh-text-text-muted";
 var TextInput = forwardRef(function TextInput2({
   label,
   labelWeight = "medium",
@@ -1096,10 +1101,12 @@ var TextInput = forwardRef(function TextInput2({
   disabled,
   className = "",
   wrapperClassName = "",
+  borderColor,
   id,
   ...rest
 }, ref) {
-  const inputId = id || React9.useId();
+  const generatedId = React9.useId();
+  const inputId = id || generatedId;
   const [isHelperDismissed, setIsHelperDismissed] = React9.useState(false);
   const { onChange, ...inputProps } = rest;
   const visualStatus = helperText && isHelperDismissed ? "default" : status;
@@ -1110,11 +1117,12 @@ var TextInput = forwardRef(function TextInput2({
       children: [
         label && /* @__PURE__ */ jsxs("label", { htmlFor: inputId, className: "rh-flex rh-items-baseline rh-gap-1", children: [
           /* @__PURE__ */ jsx("span", { className: `rh-text-sm ${labelWeightClasses[labelWeight]} rh-text-text`, children: label }),
-          subtitle && /* @__PURE__ */ jsx("span", { className: "rh-text-sm rh-text-text-muted", children: subtitle })
+          subtitle && /* @__PURE__ */ jsx("span", { className: `rh-text-sm ${getSubtitleClassName(subtitle)}`, children: subtitle })
         ] }),
         /* @__PURE__ */ jsxs(
           "div",
           {
+            style: borderColor ? { borderColor } : void 0,
             className: [
               "rh-flex rh-items-center rh-gap-2",
               "rh-border rh-bg-surface rh-font-body",
@@ -1508,6 +1516,7 @@ var optionSizeClasses = {
   md: "rh-px-input-x-md rh-py-2 rh-text-sm",
   lg: "rh-px-input-x-lg rh-py-2.5 rh-text-base"
 };
+var getSubtitleClassName2 = (subtitle) => subtitle.trim() === "*" ? "rh-text-danger" : "rh-text-text-muted";
 var ChevronIcon = ({ className }) => /* @__PURE__ */ jsx(
   "svg",
   {
@@ -1719,7 +1728,7 @@ var Select = forwardRef(function Select2(props, ref) {
       children: [
         label && /* @__PURE__ */ jsxs("label", { id: `${triggerId}-label`, className: "rh-flex rh-items-baseline rh-gap-1", children: [
           /* @__PURE__ */ jsx("span", { className: "rh-text-sm rh-font-medium rh-text-text", children: label }),
-          subtitle && /* @__PURE__ */ jsx("span", { className: "rh-text-sm rh-text-text-muted", children: subtitle })
+          subtitle && /* @__PURE__ */ jsx("span", { className: `rh-text-sm ${getSubtitleClassName2(subtitle)}`, children: subtitle })
         ] }),
         /* @__PURE__ */ jsxs(
           "button",
@@ -2300,6 +2309,7 @@ var addButtonSizeClasses = {
   md: "rh-w-5 rh-h-5",
   lg: "rh-w-5 rh-h-5"
 };
+var getSubtitleClassName3 = (subtitle) => subtitle.trim() === "*" ? "rh-text-danger" : "rh-text-text-muted";
 var TagInput = forwardRef(function TagInput2({
   label,
   subtitle,
@@ -2356,7 +2366,7 @@ var TagInput = forwardRef(function TagInput2({
       children: [
         label && /* @__PURE__ */ jsxs("label", { htmlFor: inputId, className: "rh-flex rh-items-baseline rh-gap-1", children: [
           /* @__PURE__ */ jsx("span", { className: "rh-text-sm rh-font-semibold rh-text-text", children: label }),
-          subtitle && /* @__PURE__ */ jsx("span", { className: "rh-text-sm rh-text-text-muted", children: subtitle })
+          subtitle && /* @__PURE__ */ jsx("span", { className: `rh-text-sm ${getSubtitleClassName3(subtitle)}`, children: subtitle })
         ] }),
         /* @__PURE__ */ jsxs(
           "div",