@rehagro/ui 1.0.40 → 1.0.42

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",
@@ -1083,6 +1085,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",
@@ -1099,7 +1102,8 @@ var TextInput = forwardRef(function TextInput2({
   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,7 +1114,7 @@ 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",
@@ -1508,6 +1512,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 +1724,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",
@@ -2540,9 +2545,30 @@ var TagInput = forwardRef(function TagInput2({
     }
   );
 });
-var ProgressBar = forwardRef(function ProgressBar2({ value, label, size = "sm", showPercentage = true, barColor, bgColor, className = "" }, ref) {
+var THICKNESS_MAP = {
+  xs: 2,
+  sm: 4,
+  md: 8,
+  lg: 12,
+  xl: 16
+};
+function resolveThickness(thickness) {
+  if (typeof thickness === "number") return thickness;
+  return THICKNESS_MAP[thickness];
+}
+var ProgressBar = forwardRef(function ProgressBar2({
+  value,
+  label,
+  variant = "inline",
+  thickness = "sm",
+  showPercentage = true,
+  barColor,
+  bgColor,
+  className = ""
+}, ref) {
   const clampedValue = Math.min(100, Math.max(0, value));
-  if (size === "lg") {
+  const heightPx = resolveThickness(thickness);
+  if (variant === "stacked") {
     return /* @__PURE__ */ jsxs(
       "div",
       {
@@ -2559,8 +2585,8 @@ var ProgressBar = forwardRef(function ProgressBar2({ value, label, size = "sm",
           /* @__PURE__ */ jsx(
             "div",
             {
-              className: "rh-w-full rh-h-1 rh-rounded-[40px] rh-overflow-hidden",
-              style: { backgroundColor: bgColor || "#E5E7EB" },
+              className: "rh-w-full rh-rounded-[40px] rh-overflow-hidden",
+              style: { backgroundColor: bgColor || "#E5E7EB", height: heightPx },
               children: /* @__PURE__ */ jsx(
                 "div",
                 {
@@ -2586,8 +2612,8 @@ var ProgressBar = forwardRef(function ProgressBar2({ value, label, size = "sm",
         /* @__PURE__ */ jsx(
           "div",
           {
-            className: "rh-flex-1 rh-h-1 rh-rounded-[40px] rh-overflow-hidden",
-            style: { backgroundColor: bgColor || "#E5E7EB" },
+            className: "rh-flex-1 rh-rounded-[40px] rh-overflow-hidden",
+            style: { backgroundColor: bgColor || "#E5E7EB", height: heightPx },
             children: /* @__PURE__ */ jsx(
               "div",
               {