@rehagro/ui 1.0.64 → 1.0.65

package/dist/index.mjs

@@ -1,5 +1,5 @@
 "use client";
-import React9, { forwardRef, createContext, useState, useMemo, useRef, useEffect, useCallback, useContext } from 'react';
+import React10, { forwardRef, createContext, useState, useMemo, useRef, useEffect, useCallback, useContext } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { createPortal } from 'react-dom';
 
@@ -846,9 +846,9 @@ var Button = forwardRef(function Button2({
   children,
   ...rest
 }, ref) {
-  const isDisabled = React9.useMemo(() => disabled || loading, [disabled, loading]);
+  const isDisabled = React10.useMemo(() => disabled || loading, [disabled, loading]);
   const preset = isPresetColor(color);
-  const computedStyle = React9.useMemo(() => {
+  const computedStyle = React10.useMemo(() => {
     const baseStyle = preset ? hoverColor ? { [`--rh-${color}-hover`]: toRgbTriplet2(hoverColor) ?? hoverColor } : {} : getArbitraryColorStyle(variant, color);
     const hoverVars = hoverStyle ? {
       "--btn-hover-bg": hoverStyle.backgroundColor,
@@ -998,7 +998,7 @@ var IconButton = forwardRef(function IconButton2({
 }, ref) {
   const isDisabled = disabled || loading;
   const preset = isPresetColor2(color);
-  const computedStyle = React9.useMemo(
+  const computedStyle = React10.useMemo(
     () => preset ? style ?? {} : { ...style, ...getArbitraryColorStyle2(variant, color) },
     [preset, color, variant, style]
   );
@@ -1117,9 +1117,9 @@ var TextInput = forwardRef(function TextInput2({
   id,
   ...rest
 }, ref) {
-  const generatedId = React9.useId();
+  const generatedId = React10.useId();
   const inputId = id || generatedId;
-  const [isHelperDismissed, setIsHelperDismissed] = React9.useState(false);
+  const [isHelperDismissed, setIsHelperDismissed] = React10.useState(false);
   const { onChange, ...inputProps } = rest;
   const visualStatus = helperText && isHelperDismissed ? "default" : status;
   const containerStyle = {
@@ -1223,7 +1223,150 @@ var TextInput = forwardRef(function TextInput2({
     }
   );
 });
+var statusClasses2 = {
+  default: "rh-border-border focus-within:rh-border-primary focus-within:rh-ring-2 focus-within:rh-ring-gray-200",
+  error: "rh-border-danger focus-within:rh-border-danger focus-within:rh-ring-2 focus-within:rh-ring-red-100"
+};
 var sizeClasses4 = {
+  sm: "rh-text-sm rh-px-input-x-sm rh-py-2",
+  md: "rh-text-sm rh-px-input-x-md rh-py-2",
+  lg: "rh-text-base rh-px-input-x-lg rh-py-3"
+};
+var radiusClasses4 = {
+  none: "rh-rounded-none",
+  xxs: "rh-rounded-xxs",
+  xs: "rh-rounded-xs",
+  sm: "rh-rounded-sm",
+  md: "rh-rounded-md",
+  lg: "rh-rounded-lg",
+  xl: "rh-rounded-xl",
+  full: "rh-rounded-full"
+};
+var borderWidthClasses2 = {
+  sm: "rh-border-sm",
+  md: "rh-border-md",
+  lg: "rh-border-lg"
+};
+var resizeClasses = {
+  none: "rh-resize-none",
+  vertical: "rh-resize-y",
+  horizontal: "rh-resize-x",
+  both: "rh-resize"
+};
+var helperStatusClasses2 = {
+  default: "rh-text-text-muted",
+  error: "rh-text-danger"
+};
+var labelWeightClasses2 = {
+  normal: "rh-font-normal",
+  medium: "rh-font-medium",
+  semibold: "rh-font-semibold",
+  bold: "rh-font-bold"
+};
+var getSubtitleClassName2 = (subtitle) => subtitle.trim() === "*" ? "rh-text-danger" : "rh-text-text-muted";
+var TextArea = forwardRef(function TextArea2({
+  label,
+  labelWeight = "medium",
+  labelColor = "#080B12",
+  subtitle,
+  status = "default",
+  size = "md",
+  radius = "xs",
+  helperText,
+  rows = 3,
+  resize = "vertical",
+  disabled,
+  className = "",
+  wrapperClassName = "",
+  borderColor,
+  backgroundColor,
+  borderWidth = "sm",
+  id,
+  ...rest
+}, ref) {
+  const generatedId = React10.useId();
+  const textareaId = id || generatedId;
+  const [isHelperDismissed, setIsHelperDismissed] = React10.useState(false);
+  const { onChange, ...textareaProps } = rest;
+  const visualStatus = helperText && isHelperDismissed ? "default" : status;
+  const containerStyle = {
+    ...borderColor ? { borderColor } : {},
+    ...!disabled && backgroundColor ? { backgroundColor } : {}
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: ["rh-flex rh-flex-col rh-gap-[0.5rem] rh-font-body", wrapperClassName].filter(Boolean).join(" "),
+      children: [
+        label && /* @__PURE__ */ jsxs("label", { htmlFor: textareaId, className: "rh-flex rh-items-baseline rh-gap-1", children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: `rh-text-sm ${labelWeightClasses2[labelWeight]}`,
+              style: { color: labelColor },
+              children: label
+            }
+          ),
+          subtitle && /* @__PURE__ */ jsx("span", { className: `rh-text-sm ${getSubtitleClassName2(subtitle)}`, children: subtitle })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: containerStyle,
+            className: [
+              "rh-flex",
+              "rh-bg-surface rh-font-body",
+              borderWidthClasses2[borderWidth],
+              "rh-transition-colors rh-duration-150",
+              statusClasses2[visualStatus],
+              radiusClasses4[radius],
+              sizeClasses4[size],
+              disabled ? "rh-opacity-50 rh-cursor-not-allowed rh-bg-background" : "",
+              className
+            ].filter(Boolean).join(" "),
+            children: /* @__PURE__ */ jsx(
+              "textarea",
+              {
+                ref,
+                id: textareaId,
+                rows,
+                disabled,
+                "aria-invalid": visualStatus === "error" || void 0,
+                "aria-describedby": helperText ? `${textareaId}-helper` : void 0,
+                className: [
+                  "rh-flex-1 rh-min-w-0 rh-w-full rh-bg-transparent rh-outline-none",
+                  "rh-text-text placeholder:rh-text-text-muted hover:placeholder:rh-text-text",
+                  resizeClasses[resize],
+                  disabled ? "rh-cursor-not-allowed" : ""
+                ].filter(Boolean).join(" "),
+                onChange: (e) => {
+                  if (helperText) setIsHelperDismissed(true);
+                  onChange?.(e);
+                },
+                ...textareaProps
+              }
+            )
+          }
+        ),
+        helperText && !isHelperDismissed && /* @__PURE__ */ jsxs(
+          "span",
+          {
+            id: `${textareaId}-helper`,
+            className: [
+              "rh-flex rh-items-center rh-gap-1 rh-text-xs",
+              helperStatusClasses2[visualStatus]
+            ].join(" "),
+            children: [
+              /* @__PURE__ */ jsx(WarningCircleIcon, {}),
+              helperText
+            ]
+          }
+        )
+      ]
+    }
+  );
+});
+var sizeClasses5 = {
   sm: "rh-h-4 rh-w-4",
   md: "rh-h-5 rh-w-5",
   lg: "rh-h-6 rh-w-6"
@@ -1281,10 +1424,10 @@ var Checkbox = forwardRef(function Checkbox2({
   onChange,
   ...rest
 }, ref) {
-  const innerRef = React9.useRef(null);
-  const inputId = id || React9.useId();
-  React9.useImperativeHandle(ref, () => innerRef.current);
-  React9.useEffect(() => {
+  const innerRef = React10.useRef(null);
+  const inputId = id || React10.useId();
+  React10.useImperativeHandle(ref, () => innerRef.current);
+  React10.useEffect(() => {
     if (innerRef.current) {
       innerRef.current.indeterminate = indeterminate;
     }
@@ -1324,7 +1467,7 @@ var Checkbox = forwardRef(function Checkbox2({
                 "rh-inline-flex rh-items-center rh-justify-center",
                 "rh-border rh-border-border rh-rounded-xxs",
                 "rh-transition-colors rh-duration-150",
-                sizeClasses4[size],
+                sizeClasses5[size],
                 isActive ? "rh-bg-primary rh-border-primary rh-text-surface" : "rh-bg-surface rh-text-transparent",
                 !disabled && !isActive ? "hover:rh-border-primary" : "",
                 "peer-focus-visible:rh-ring-2 peer-focus-visible:rh-ring-ring peer-focus-visible:rh-ring-offset-2"
@@ -1385,7 +1528,7 @@ var Radio = forwardRef(function Radio2({
   onChange,
   ...rest
 }, ref) {
-  const inputId = id || React9.useId();
+  const inputId = id || React10.useId();
   const getAccentColor = () => {
     if (isPresetColor3(color)) {
       return `rgb(var(--rh-${color}))`;
@@ -1467,8 +1610,8 @@ var RadioGroup = forwardRef(function RadioGroup2({
   className = "",
   ...rest
 }, ref) {
-  const [internalValue, setInternalValue] = React9.useState(defaultValue);
-  const groupName = name || React9.useId();
+  const [internalValue, setInternalValue] = React10.useState(defaultValue);
+  const groupName = name || React10.useId();
   const currentValue = value ?? internalValue;
   const handleChange = (newValue) => {
     setInternalValue(newValue);
@@ -1503,16 +1646,16 @@ var RadioGroup = forwardRef(function RadioGroup2({
     }
   );
 });
-var statusClasses2 = {
+var statusClasses3 = {
   default: "rh-border-border focus-within:rh-border-primary focus-within:rh-ring-2 focus-within:rh-ring-gray-200 ",
   error: "rh-border-danger focus-within:rh-border-danger focus-within:rh-ring-2 focus-within:rh-ring-red-100 "
 };
-var sizeClasses5 = {
+var sizeClasses6 = {
   sm: "rh-min-h-[32px] rh-text-sm rh-px-input-x-sm",
   md: "rh-min-h-[40px] rh-text-sm rh-px-input-x-md",
   lg: "rh-min-h-[48px] rh-text-base rh-px-input-x-lg"
 };
-var radiusClasses4 = {
+var radiusClasses5 = {
   none: "rh-rounded-none",
   xxs: "rh-rounded-xxs",
   xs: "rh-rounded-xs",
@@ -1532,7 +1675,7 @@ var dropdownRadiusClasses = {
   xl: "rh-rounded-xs",
   full: "rh-rounded-xs"
 };
-var helperStatusClasses2 = {
+var helperStatusClasses3 = {
   default: "rh-text-text-muted",
   error: "rh-text-danger"
 };
@@ -1541,7 +1684,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 getSubtitleClassName3 = (subtitle) => subtitle.trim() === "*" ? "rh-text-danger" : "rh-text-text-muted";
 var ChevronIcon = ({ className }) => /* @__PURE__ */ jsx(
   "svg",
   {
@@ -1614,18 +1757,18 @@ var Select = forwardRef(function Select2(props, ref) {
     multiple = false,
     backgroundColor
   } = props;
-  const triggerId = React9.useId();
-  const listboxId = React9.useId();
-  const helperId = React9.useId();
-  const [isOpen, setIsOpen] = React9.useState(false);
-  const [activeIndex, setActiveIndex] = React9.useState(-1);
-  const [isHelperDismissed, setIsHelperDismissed] = React9.useState(false);
-  React9.useRef({ query: "", lastAt: 0 });
-  const wrapperRef = React9.useRef(null);
-  const innerRef = React9.useRef(null);
-  const listboxRef = React9.useRef(null);
-  React9.useImperativeHandle(ref, () => innerRef.current);
-  const [internalValue, setInternalValue] = React9.useState(() => {
+  const triggerId = React10.useId();
+  const listboxId = React10.useId();
+  const helperId = React10.useId();
+  const [isOpen, setIsOpen] = React10.useState(false);
+  const [activeIndex, setActiveIndex] = React10.useState(-1);
+  const [isHelperDismissed, setIsHelperDismissed] = React10.useState(false);
+  React10.useRef({ query: "", lastAt: 0 });
+  const wrapperRef = React10.useRef(null);
+  const innerRef = React10.useRef(null);
+  const listboxRef = React10.useRef(null);
+  React10.useImperativeHandle(ref, () => innerRef.current);
+  const [internalValue, setInternalValue] = React10.useState(() => {
     if (props.defaultValue !== void 0) {
       return Array.isArray(props.defaultValue) ? props.defaultValue : [props.defaultValue];
     }
@@ -1649,7 +1792,7 @@ var Select = forwardRef(function Select2(props, ref) {
       innerRef.current?.focus();
     }
   };
-  const displayText = React9.useMemo(() => {
+  const displayText = React10.useMemo(() => {
     if (selectedValues.length === 0) return null;
     if (!multiple) {
       return options.find((o) => o.value === selectedValues[0])?.label ?? null;
@@ -1659,7 +1802,7 @@ var Select = forwardRef(function Select2(props, ref) {
     if (selectedLabels.length === 1) return selectedLabels[0];
     return `${selectedLabels.length} selected`;
   }, [selectedValues, options, multiple]);
-  React9.useEffect(() => {
+  React10.useEffect(() => {
     if (!isOpen) return;
     const handleClickOutside = (e) => {
       if (wrapperRef.current && !wrapperRef.current.contains(e.target)) {
@@ -1669,7 +1812,7 @@ var Select = forwardRef(function Select2(props, ref) {
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, [isOpen]);
-  React9.useEffect(() => {
+  React10.useEffect(() => {
     if (!isOpen) return;
     const handleEscape = (e) => {
       if (e.key === "Escape") {
@@ -1680,7 +1823,7 @@ var Select = forwardRef(function Select2(props, ref) {
     document.addEventListener("keydown", handleEscape);
     return () => document.removeEventListener("keydown", handleEscape);
   }, [isOpen]);
-  React9.useEffect(() => {
+  React10.useEffect(() => {
     if (!isOpen || activeIndex < 0) return;
     const listbox = listboxRef.current;
     if (!listbox) return;
@@ -1689,7 +1832,7 @@ var Select = forwardRef(function Select2(props, ref) {
       activeEl.scrollIntoView({ block: "nearest" });
     }
   }, [activeIndex, isOpen]);
-  React9.useEffect(() => {
+  React10.useEffect(() => {
     if (isOpen) {
       const firstSelectedIdx = options.findIndex(
         (o) => !o.disabled && selectedValues.includes(o.value)
@@ -1772,7 +1915,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 ${getSubtitleClassName2(subtitle)}`, children: subtitle })
+          subtitle && /* @__PURE__ */ jsx("span", { className: `rh-text-sm ${getSubtitleClassName3(subtitle)}`, children: subtitle })
         ] }),
         /* @__PURE__ */ jsxs(
           "button",
@@ -1798,9 +1941,9 @@ var Select = forwardRef(function Select2(props, ref) {
               !backgroundColor && "rh-bg-surface",
               "rh-transition-colors rh-duration-150",
               "rh-text-left rh-w-full",
-              statusClasses2[visualStatus],
-              radiusClasses4[radius],
-              sizeClasses5[size],
+              statusClasses3[visualStatus],
+              radiusClasses5[radius],
+              sizeClasses6[size],
               disabled ? "rh-opacity-50 rh-cursor-not-allowed rh-bg-background" : "rh-cursor-pointer",
               className
             ].filter(Boolean).join(" "),
@@ -1897,7 +2040,7 @@ var Select = forwardRef(function Select2(props, ref) {
             id: helperId,
             className: [
               "rh-flex rh-items-center rh-gap-1 rh-text-xs",
-              helperStatusClasses2[visualStatus]
+              helperStatusClasses3[visualStatus]
             ].join(" "),
             children: [
               /* @__PURE__ */ jsx(WarningCircleIcon, {}),
@@ -1943,16 +2086,16 @@ var MODE_OPTIONS = [
   { value: "month", label: "M\xEAs" },
   { value: "year", label: "Ano" }
 ];
-var statusClasses3 = {
+var statusClasses4 = {
   default: "rh-border-border focus-within:rh-border-primary focus-within:rh-ring-2 focus-within:rh-ring-gray-200",
   error: "rh-border-danger focus-within:rh-border-danger focus-within:rh-ring-2 focus-within:rh-ring-red-100"
 };
-var sizeClasses6 = {
+var sizeClasses7 = {
   sm: "rh-min-h-[32px] rh-text-sm rh-px-input-x-sm",
   md: "rh-min-h-[40px] rh-text-sm rh-px-input-x-md",
   lg: "rh-min-h-[48px] rh-text-base rh-px-input-x-lg"
 };
-var radiusClasses5 = {
+var radiusClasses6 = {
   none: "rh-rounded-none",
   xxs: "rh-rounded-xxs",
   xs: "rh-rounded-xs",
@@ -1972,11 +2115,11 @@ var dropdownRadiusClasses2 = {
   xl: "rh-rounded-xs",
   full: "rh-rounded-xs"
 };
-var helperStatusClasses3 = {
+var helperStatusClasses4 = {
   default: "rh-text-text-muted",
   error: "rh-text-danger"
 };
-var getSubtitleClassName3 = (subtitle) => subtitle.trim() === "*" ? "rh-text-danger" : "rh-text-text-muted";
+var getSubtitleClassName4 = (subtitle) => subtitle.trim() === "*" ? "rh-text-danger" : "rh-text-text-muted";
 var ChevronIcon2 = ({ className }) => /* @__PURE__ */ jsx(
   "svg",
   {
@@ -2056,8 +2199,8 @@ var DateSelect = forwardRef(
       backgroundColor,
       modes
     } = props;
-    const triggerId = React9.useId();
-    const helperId = React9.useId();
+    const triggerId = React10.useId();
+    const helperId = React10.useId();
     const [isOpen, setIsOpen] = useState(false);
     const [isHelperDismissed, setIsHelperDismissed] = useState(false);
     const [dropdownAlign, setDropdownAlign] = useState("left");
@@ -2087,7 +2230,7 @@ var DateSelect = forwardRef(
     const wrapperRef = useRef(null);
     const innerRef = useRef(null);
     const dropdownRef = useRef(null);
-    React9.useImperativeHandle(ref, () => innerRef.current);
+    React10.useImperativeHandle(ref, () => innerRef.current);
     const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
     const yearStart = startYear ?? currentYear - 10;
     const yearEnd = endYear ?? currentYear + 10;
@@ -2661,7 +2804,7 @@ var DateSelect = forwardRef(
         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 ${getSubtitleClassName3(subtitle)}`, children: subtitle })
+            subtitle && /* @__PURE__ */ jsx("span", { className: `rh-text-sm ${getSubtitleClassName4(subtitle)}`, children: subtitle })
           ] }),
           /* @__PURE__ */ jsxs(
             "button",
@@ -2685,9 +2828,9 @@ var DateSelect = forwardRef(
                 !backgroundColor && "rh-bg-surface",
                 "rh-transition-colors rh-duration-150",
                 "rh-text-left rh-w-full",
-                statusClasses3[visualStatus],
-                radiusClasses5[radius],
-                sizeClasses6[size],
+                statusClasses4[visualStatus],
+                radiusClasses6[radius],
+                sizeClasses7[size],
                 disabled ? "rh-opacity-50 rh-cursor-not-allowed rh-bg-background" : "rh-cursor-pointer",
                 className
               ].filter(Boolean).join(" "),
@@ -2741,7 +2884,7 @@ var DateSelect = forwardRef(
               id: helperId,
               className: [
                 "rh-flex rh-items-center rh-gap-1 rh-text-xs",
-                helperStatusClasses3[visualStatus]
+                helperStatusClasses4[visualStatus]
               ].join(" "),
               children: [
                 /* @__PURE__ */ jsx(WarningCircleIcon, {}),
@@ -2762,16 +2905,16 @@ var CLOCK_HOURS_INNER = [0, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23];
 var CLOCK_MINUTES = Array.from({ length: 12 }, (_, index) => index * 5);
 var pad = (n) => String(n).padStart(2, "0");
 var clampClockPart = (value, max) => Math.min(max, Math.max(0, value));
-var statusClasses4 = {
+var statusClasses5 = {
   default: "rh-border-border focus-within:rh-border-primary focus-within:rh-ring-2 focus-within:rh-ring-gray-200",
   error: "rh-border-danger focus-within:rh-border-danger focus-within:rh-ring-2 focus-within:rh-ring-red-100"
 };
-var sizeClasses7 = {
+var sizeClasses8 = {
   sm: "rh-min-h-[32px] rh-text-sm rh-px-input-x-sm",
   md: "rh-min-h-[40px] rh-text-sm rh-px-input-x-md",
   lg: "rh-min-h-[48px] rh-text-base rh-px-input-x-lg"
 };
-var radiusClasses6 = {
+var radiusClasses7 = {
   none: "rh-rounded-none",
   xxs: "rh-rounded-xxs",
   xs: "rh-rounded-xs",
@@ -2781,11 +2924,11 @@ var radiusClasses6 = {
   xl: "rh-rounded-xl",
   full: "rh-rounded-full"
 };
-var helperStatusClasses4 = {
+var helperStatusClasses5 = {
   default: "rh-text-text-muted",
   error: "rh-text-danger"
 };
-var getSubtitleClassName4 = (subtitle) => subtitle.trim() === "*" ? "rh-text-danger" : "rh-text-text-muted";
+var getSubtitleClassName5 = (subtitle) => subtitle.trim() === "*" ? "rh-text-danger" : "rh-text-text-muted";
 var ClockIcon = () => /* @__PURE__ */ jsxs(
   "svg",
   {
@@ -2869,8 +3012,8 @@ var TimePicker = forwardRef(
       backgroundColor,
       presentation = "dropdown"
     } = props;
-    const triggerId = React9.useId();
-    const helperId = React9.useId();
+    const triggerId = React10.useId();
+    const helperId = React10.useId();
     const isControlled = props.value !== void 0;
     const [internalValue, setInternalValue] = useState(
       props.defaultValue ?? null
@@ -2889,7 +3032,7 @@ var TimePicker = forwardRef(
     const dropdownRef = useRef(null);
     const hourColRef = useRef(null);
     const minuteColRef = useRef(null);
-    React9.useImperativeHandle(ref, () => innerRef.current);
+    React10.useImperativeHandle(ref, () => innerRef.current);
     const visualStatus = helperText && isHelperDismissed ? "default" : status;
     useEffect(() => {
       if (!isOpen) return;
@@ -3022,7 +3165,7 @@ var TimePicker = forwardRef(
         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 ${getSubtitleClassName4(subtitle)}`, children: subtitle })
+            subtitle && /* @__PURE__ */ jsx("span", { className: `rh-text-sm ${getSubtitleClassName5(subtitle)}`, children: subtitle })
           ] }),
           /* @__PURE__ */ jsxs(
             "button",
@@ -3046,9 +3189,9 @@ var TimePicker = forwardRef(
                 !backgroundColor && "rh-bg-surface",
                 "rh-transition-colors rh-duration-150",
                 "rh-text-left rh-w-full",
-                statusClasses4[visualStatus],
-                radiusClasses6[radius],
-                sizeClasses7[size],
+                statusClasses5[visualStatus],
+                radiusClasses7[radius],
+                sizeClasses8[size],
                 disabled ? "rh-opacity-50 rh-cursor-not-allowed rh-bg-background" : "rh-cursor-pointer",
                 className
               ].filter(Boolean).join(" "),
@@ -3298,7 +3441,7 @@ var TimePicker = forwardRef(
               id: helperId,
               className: [
                 "rh-flex rh-items-center rh-gap-1 rh-text-xs",
-                helperStatusClasses4[visualStatus]
+                helperStatusClasses5[visualStatus]
               ].join(" "),
               children: [
                 /* @__PURE__ */ jsx(WarningCircleIcon, {}),
@@ -3321,7 +3464,7 @@ var arrowVariantClasses = {
   default: "rh-border-primary/20 rh-bg-primary/10",
   dark: "rh-bg-primary"
 };
-var sizeClasses8 = {
+var sizeClasses9 = {
   sm: "rh-px-3 rh-py-1.5 rh-text-xs",
   md: "rh-px-4 rh-py-3 rh-text-sm"
 };
@@ -3412,8 +3555,8 @@ var Tooltip = forwardRef(
     useEffect(() => {
       return () => clearTimers();
     }, [clearTimers]);
-    const triggerChild = React9.Children.only(children);
-    const triggerElement = React9.cloneElement(triggerChild, {
+    const triggerChild = React10.Children.only(children);
+    const triggerElement = React10.cloneElement(triggerChild, {
       onMouseEnter: (e) => {
         handleEnter();
         triggerChild.props.onMouseEnter?.(e);
@@ -3452,7 +3595,7 @@ var Tooltip = forwardRef(
                 "rh-absolute rh-z-50 rh-w-max rh-max-w-xs rh-rounded-xs",
                 tooltipPlacementClasses[placement],
                 variantClasses[variant],
-                sizeClasses8[size],
+                sizeClasses9[size],
                 className
               ].filter(Boolean).join(" "),
               children: [
@@ -3553,7 +3696,7 @@ function getAvatarColors(name) {
   const index = hash % AVATAR_COLORS.length;
   return AVATAR_COLORS[index];
 }
-var sizeClasses9 = {
+var sizeClasses10 = {
   sm: "rh-w-8 rh-h-8 rh-text-xs",
   md: "rh-w-10 rh-h-10 rh-text-sm",
   lg: "rh-w-12 rh-h-12 rh-text-base",
@@ -3588,7 +3731,7 @@ var Avatar = forwardRef(function Avatar2({ src, alt = "", initials, size = "md",
         "rh-inline-flex rh-items-center rh-justify-center rh-shrink-0 rh-overflow-hidden",
         avatarColors ? "" : "rh-bg-primary rh-text-surface",
         "rh-font-display rh-font-medium rh-select-none",
-        sizeClasses9[size],
+        sizeClasses10[size],
         variantClasses2[variant],
         className
       ].filter(Boolean).join(" "),
@@ -3655,7 +3798,7 @@ var hoverInactivePresetClasses = {
   info: "hover:rh-bg-info/20 hover:rh-border-info/50",
   neutral: "hover:rh-bg-neutral/20 hover:rh-border-neutral/50"
 };
-var sizeClasses10 = {
+var sizeClasses11 = {
   sm: "rh-text-xs rh-px-2 rh-py-0.5 rh-gap-1",
   md: "rh-text-sm rh-px-2.5 rh-py-1 rh-gap-1.5",
   lg: "rh-text-sm rh-px-3 rh-py-1.5 rh-gap-1.5"
@@ -3702,7 +3845,7 @@ var Tag = forwardRef(function Tag2({
         "rh-transition-colors rh-duration-150",
         "rh-cursor-pointer",
         clickable ? "rh-cursor-pointer" : "",
-        sizeClasses10[size],
+        sizeClasses11[size],
         colorClasses3,
         hoverClasses,
         disabled ? "rh-opacity-50 rh-cursor-not-allowed rh-pointer-events-none" : "",
@@ -3719,16 +3862,16 @@ var Tag = forwardRef(function Tag2({
     }
   );
 });
-var statusClasses5 = {
+var statusClasses6 = {
   default: "rh-border-border focus-within:rh-ring-2 focus-within:rh-ring-ring focus-within:rh-ring-offset-2",
   error: "rh-border-danger focus-within:rh-ring-2 focus-within:rh-ring-danger focus-within:rh-ring-offset-2"
 };
-var sizeClasses11 = {
+var sizeClasses12 = {
   sm: "rh-min-h-[36px] rh-text-sm rh-px-2 rh-py-1",
   md: "rh-h-[44px] rh-text-sm rh-px-2 rh-py-[6px]",
   lg: "rh-min-h-[52px] rh-text-base rh-px-3 rh-py-2"
 };
-var radiusClasses7 = {
+var radiusClasses8 = {
   none: "rh-rounded-none",
   xxs: "rh-rounded-xxs",
   xs: "rh-rounded-xs",
@@ -3738,7 +3881,7 @@ var radiusClasses7 = {
   xl: "rh-rounded-xl",
   full: "rh-rounded-full"
 };
-var helperStatusClasses5 = {
+var helperStatusClasses6 = {
   default: "rh-text-text-muted",
   error: "rh-text-danger"
 };
@@ -3757,7 +3900,7 @@ var addButtonSizeClasses = {
   md: "rh-w-5 rh-h-5",
   lg: "rh-w-5 rh-h-5"
 };
-var getSubtitleClassName5 = (subtitle) => subtitle.trim() === "*" ? "rh-text-danger" : "rh-text-text-muted";
+var getSubtitleClassName6 = (subtitle) => subtitle.trim() === "*" ? "rh-text-danger" : "rh-text-text-muted";
 var TagInput = forwardRef(function TagInput2({
   label,
   subtitle,
@@ -3773,7 +3916,7 @@ var TagInput = forwardRef(function TagInput2({
   className = "",
   wrapperClassName = ""
 }, ref) {
-  const inputId = React9.useId();
+  const inputId = React10.useId();
   const [isOpen, setIsOpen] = useState(false);
   const containerRef = useRef(null);
   useEffect(() => {
@@ -3814,7 +3957,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 ${getSubtitleClassName5(subtitle)}`, children: subtitle })
+          subtitle && /* @__PURE__ */ jsx("span", { className: `rh-text-sm ${getSubtitleClassName6(subtitle)}`, children: subtitle })
         ] }),
         /* @__PURE__ */ jsxs(
           "div",
@@ -3824,9 +3967,9 @@ var TagInput = forwardRef(function TagInput2({
               "rh-flex rh-flex-row rh-items-center rh-justify-between rh-gap-2",
               "rh-border rh-bg-surface rh-font-body",
               "rh-transition-colors rh-duration-150",
-              statusClasses5[status],
-              radiusClasses7[radius],
-              sizeClasses11[size],
+              statusClasses6[status],
+              radiusClasses8[radius],
+              sizeClasses12[size],
               disabled ? "rh-opacity-50 rh-cursor-not-allowed rh-bg-background" : "rh-cursor-pointer",
               className
             ].filter(Boolean).join(" "),
@@ -3989,7 +4132,7 @@ var TagInput = forwardRef(function TagInput2({
             id: `${inputId}-helper`,
             className: [
               "rh-flex rh-items-center rh-gap-1 rh-text-xs",
-              helperStatusClasses5[status]
+              helperStatusClasses6[status]
             ].join(" "),
             children: helperText
           }
@@ -4096,12 +4239,12 @@ var PRESET_COLORS5 = /* @__PURE__ */ new Set([
   "info"
 ]);
 var isPresetColor5 = (color) => PRESET_COLORS5.has(color);
-var sizeClasses12 = {
+var sizeClasses13 = {
   sm: { container: "rh-h-8", button: "rh-px-2 rh-text-xs" },
   md: { container: "rh-h-9", button: "rh-px-3 rh-text-sm" },
   lg: { container: "rh-h-10", button: "rh-px-4 rh-text-sm" }
 };
-var radiusClasses8 = {
+var radiusClasses9 = {
   none: "rh-rounded-none",
   xs: "rh-rounded-xs",
   sm: "rh-rounded-sm",
@@ -4134,8 +4277,8 @@ function ToggleGroupInner({
       className: [
         "rh-inline-flex rh-items-center rh-bg-muted rh-overflow-hidden",
         "rh-p-1 rh-gap-0.5",
-        radiusClasses8[radius],
-        sizeClasses12[size].container,
+        radiusClasses9[radius],
+        sizeClasses13[size].container,
         disabled ? "rh-opacity-50 rh-cursor-not-allowed" : "",
         className
       ].filter(Boolean).join(" "),
@@ -4157,8 +4300,8 @@ function ToggleGroupInner({
               "rh-border-0 rh-font-display rh-font-medium",
               "rh-transition-all rh-duration-150",
               "focus-visible:rh-outline-none focus-visible:rh-ring-2 focus-visible:rh-ring-ring",
-              radiusClasses8[radius],
-              sizeClasses12[size].button,
+              radiusClasses9[radius],
+              sizeClasses13[size].button,
               isActive ? "rh-bg-surface rh-text-text rh-shadow-sm" : "rh-bg-transparent rh-text-text-muted",
               !isActive && !isDisabled ? "hover:rh-bg-surface/50" : "",
               isDisabled ? "rh-cursor-not-allowed rh-pointer-events-none" : "rh-cursor-pointer"
@@ -4181,7 +4324,7 @@ var variantClasses3 = {
   outlined: "rh-bg-surface rh-border rh-border-border rh-shadow-none",
   filled: "rh-bg-background rh-border-0 rh-shadow-none"
 };
-var radiusClasses9 = {
+var radiusClasses10 = {
   none: "rh-rounded-none",
   xs: "rh-rounded-xs",
   sm: "rh-rounded-sm",
@@ -4216,7 +4359,7 @@ var CardRoot = forwardRef(function Card({
       className: [
         "rh-font-body rh-transition-all rh-duration-150",
         variantClasses3[variant],
-        radiusClasses9[radius],
+        radiusClasses10[radius],
         paddingClasses[padding],
         isInteractive ? "rh-cursor-pointer hover:rh-shadow-lg hover:rh-scale-[1.01] active:rh-scale-[0.99]" : "",
         disabled ? "rh-opacity-50 rh-cursor-not-allowed rh-pointer-events-none" : "",
@@ -4269,7 +4412,7 @@ var PRESET_COLORS6 = /* @__PURE__ */ new Set([
   "info"
 ]);
 var isPresetColor6 = (color) => PRESET_COLORS6.has(color);
-var sizeClasses13 = {
+var sizeClasses14 = {
   xs: "rh-w-3 rh-h-3",
   sm: "rh-w-4 rh-h-4",
   md: "rh-w-6 rh-h-6",
@@ -4297,7 +4440,7 @@ var Spinner = forwardRef(function Spinner2({ size = "md", color = "primary", lab
       "aria-label": label,
       className: [
         "rh-inline-flex rh-items-center rh-justify-center",
-        sizeClasses13[size],
+        sizeClasses14[size],
         colorClass,
         className
       ].filter(Boolean).join(" "),
@@ -4581,7 +4724,7 @@ var CustomSelect = ({
   const [dropdownStyle, setDropdownStyle] = useState({});
   const containerRef = useRef(null);
   const textAreaRef = useRef(null);
-  const resizeTextArea = React9.useCallback(() => {
+  const resizeTextArea = React10.useCallback(() => {
     if (type !== "textInput" || !textAreaRef.current) return;
     const textarea = textAreaRef.current;
     textarea.style.height = "auto";
@@ -4757,7 +4900,7 @@ var CustomSelect = ({
     )
   ] });
 };
-var sizeClasses14 = {
+var sizeClasses15 = {
   sm: { cell: "rh-px-2 rh-py-2 rh-text-xs", header: "rh-px-2 rh-py-2 rh-text-xs" },
   md: { cell: "rh-px-3 rh-py-3 rh-text-sm", header: "rh-px-3 rh-py-3 rh-text-xs" },
   lg: { cell: "rh-px-4 rh-py-4 rh-text-sm", header: "rh-px-4 rh-py-3 rh-text-sm" }
@@ -4914,7 +5057,7 @@ function TableInner({
                   ...rowPaddingStyle
                 },
                 className: [
-                  rowPadding ? "" : sizeClasses14[size].header,
+                  rowPadding ? "" : sizeClasses15[size].header,
                   alignClasses[column.align || "left"],
                   `rh-font-semibold rh-whitespace-nowrap ${headerTextClassName || "rh-text-text-muted"}`,
                   stickyHeader ? "rh-sticky rh-top-0 rh-bg-surface rh-z-10" : "",
@@ -4995,7 +5138,7 @@ function TableInner({
                 {
                   style: { width: column.width, maxWidth: column.maxWidth, ...rowPaddingStyle },
                   className: [
-                    rowPadding ? "" : sizeClasses14[size].cell,
+                    rowPadding ? "" : sizeClasses15[size].cell,
                     alignClasses[column.align || "left"],
                     "rh-text-text"
                   ].filter(Boolean).join(" "),
@@ -5153,7 +5296,7 @@ var Typography = forwardRef(function Typography2({
 }, ref) {
   const element = as ?? defaultElements[variant];
   const weightClass = bold ? "rh-font-bold" : semibold ? "rh-font-semibold" : medium ? "rh-font-medium" : "";
-  return React9.createElement(
+  return React10.createElement(
     element,
     {
       ref,
@@ -5490,6 +5633,6 @@ var GridItem = forwardRef(
   }
 );
 
-export { Avatar, Button, Card2 as Card, CardContent, CardFooter, CardHeader, CaretLeftIcon, CaretRightIcon, Checkbox, CloseIcon, Container, DateSelect, DeleteIcon, EditIcon, ErrorIcon, GridContainer, GridItem, IconButton, InfoIcon, NeutralIcon, Pagination, PlusIcon, ProgressBar, Radio, RadioGroup, RadioOption, RehagroProvider, SearchIcon, Select, Spinner, SuccessIcon, Table, Tag, TagInput, TextInput, TimePicker, Toast, ToastContainer, ToastProvider, ToggleGroup, Tooltip, Typography, WarningIcon, useToast };
+export { Avatar, Button, Card2 as Card, CardContent, CardFooter, CardHeader, CaretLeftIcon, CaretRightIcon, Checkbox, CloseIcon, Container, DateSelect, DeleteIcon, EditIcon, ErrorIcon, GridContainer, GridItem, IconButton, InfoIcon, NeutralIcon, Pagination, PlusIcon, ProgressBar, Radio, RadioGroup, RadioOption, RehagroProvider, SearchIcon, Select, Spinner, SuccessIcon, Table, Tag, TagInput, TextArea, TextInput, TimePicker, Toast, ToastContainer, ToastProvider, ToggleGroup, Tooltip, Typography, WarningIcon, useToast };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map