@rehagro/ui 1.0.63 → 1.0.65

package/dist/index.js

@@ -1,13 +1,13 @@
 "use client";
 'use strict';
 
-var React9 = require('react');
+var React10 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var reactDom = require('react-dom');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React9__default = /*#__PURE__*/_interopDefault(React9);
+var React10__default = /*#__PURE__*/_interopDefault(React10);
 
 // src/provider/RehagroProvider.tsx
 
@@ -437,7 +437,7 @@ var closeStyles = {
   "neutral-light": "rh-text-gray-500 hover:rh-text-gray-800",
   "neutral-outline": "rh-text-text-muted hover:rh-text-text"
 };
-var Toast = React9.forwardRef(function Toast2({
+var Toast = React10.forwardRef(function Toast2({
   title,
   description,
   link,
@@ -545,9 +545,9 @@ function AnimatedToastItem({
   onRequestDismiss,
   children
 }) {
-  const [entered, setEntered] = React9.useState(false);
-  const leaveTimerRef = React9.useRef(null);
-  React9.useEffect(() => {
+  const [entered, setEntered] = React10.useState(false);
+  const leaveTimerRef = React10.useRef(null);
+  React10.useEffect(() => {
     if (!isDismissing) return;
     leaveTimerRef.current = setTimeout(() => {
       onRemove(id);
@@ -556,10 +556,10 @@ function AnimatedToastItem({
       if (leaveTimerRef.current) clearTimeout(leaveTimerRef.current);
     };
   }, [id, isDismissing, onRemove]);
-  const handleAnimationEnd = React9.useCallback(() => {
+  const handleAnimationEnd = React10.useCallback(() => {
     if (!entered) setEntered(true);
   }, [entered]);
-  const handleClose = React9.useCallback(() => {
+  const handleClose = React10.useCallback(() => {
     onRequestDismiss(id);
   }, [id, onRequestDismiss]);
   const animClass = isDismissing ? leaveClass[animDir] : entered ? "" : enterClass[animDir];
@@ -605,15 +605,15 @@ function ToastContainer() {
     }
   );
 }
-var ToastContext = React9.createContext(null);
+var ToastContext = React10.createContext(null);
 function ToastProvider({
   children,
   position = "top-right"
 }) {
-  const [toasts, setToasts] = React9.useState([]);
-  const [dismissingIds, setDismissingIds] = React9.useState(/* @__PURE__ */ new Set());
-  const counterRef = React9.useRef(0);
-  const remove = React9.useCallback((id) => {
+  const [toasts, setToasts] = React10.useState([]);
+  const [dismissingIds, setDismissingIds] = React10.useState(/* @__PURE__ */ new Set());
+  const counterRef = React10.useRef(0);
+  const remove = React10.useCallback((id) => {
     setToasts((prev) => prev.filter((t) => t.id !== id));
     setDismissingIds((prev) => {
       const next = new Set(prev);
@@ -621,10 +621,10 @@ function ToastProvider({
       return next;
     });
   }, []);
-  const requestDismiss = React9.useCallback((id) => {
+  const requestDismiss = React10.useCallback((id) => {
     setDismissingIds((prev) => new Set(prev).add(id));
   }, []);
-  const add = React9.useCallback(
+  const add = React10.useCallback(
     (item) => {
       const id = `rh-toast-${++counterRef.current}`;
       const toast = { ...item, id };
@@ -642,7 +642,7 @@ function ToastProvider({
   ] });
 }
 function useToastContext() {
-  const ctx = React9.useContext(ToastContext);
+  const ctx = React10.useContext(ToastContext);
   if (!ctx) {
     throw new Error("useToastContext must be used inside ToastProvider");
   }
@@ -650,7 +650,7 @@ function useToastContext() {
 }
 function useToast() {
   const { add, requestDismiss } = useToastContext();
-  const createToast = React9.useCallback(
+  const createToast = React10.useCallback(
     (variant) => (title, options = {}) => {
       return add({
         title,
@@ -663,7 +663,7 @@ function useToast() {
     },
     [add]
   );
-  const toast = React9.useCallback(
+  const toast = React10.useCallback(
     (title, options = {}) => {
       return add({
         title,
@@ -706,7 +706,7 @@ function toRgbTriplet(value) {
   return void 0;
 }
 function RehagroProvider({ theme, toastPosition, children }) {
-  const style = React9.useMemo(() => {
+  const style = React10.useMemo(() => {
     const vars = {};
     for (const [key, config] of Object.entries(TOKEN_MAP)) {
       const value = theme[key];
@@ -835,7 +835,7 @@ var radiusClasses = {
   xl: "rh-rounded-xl",
   full: "rh-rounded-full"
 };
-var Button = React9.forwardRef(function Button2({
+var Button = React10.forwardRef(function Button2({
   variant = "solid",
   size = "md",
   radius = "sm",
@@ -852,9 +852,9 @@ var Button = React9.forwardRef(function Button2({
   children,
   ...rest
 }, ref) {
-  const isDisabled = React9__default.default.useMemo(() => disabled || loading, [disabled, loading]);
+  const isDisabled = React10__default.default.useMemo(() => disabled || loading, [disabled, loading]);
   const preset = isPresetColor(color);
-  const computedStyle = React9__default.default.useMemo(() => {
+  const computedStyle = React10__default.default.useMemo(() => {
     const baseStyle = preset ? hoverColor ? { [`--rh-${color}-hover`]: toRgbTriplet2(hoverColor) ?? hoverColor } : {} : getArbitraryColorStyle(variant, color);
     const hoverVars = hoverStyle ? {
       "--btn-hover-bg": hoverStyle.backgroundColor,
@@ -990,7 +990,7 @@ var radiusClasses2 = {
   xl: "rh-rounded-[24px]",
   full: "rh-rounded-full"
 };
-var IconButton = React9.forwardRef(function IconButton2({
+var IconButton = React10.forwardRef(function IconButton2({
   variant = "ghost",
   size = "md",
   radius = "full",
@@ -1004,7 +1004,7 @@ var IconButton = React9.forwardRef(function IconButton2({
 }, ref) {
   const isDisabled = disabled || loading;
   const preset = isPresetColor2(color);
-  const computedStyle = React9__default.default.useMemo(
+  const computedStyle = React10__default.default.useMemo(
     () => preset ? style ?? {} : { ...style, ...getArbitraryColorStyle2(variant, color) },
     [preset, color, variant, style]
   );
@@ -1103,7 +1103,7 @@ var labelWeightClasses = {
   bold: "rh-font-bold"
 };
 var getSubtitleClassName = (subtitle) => subtitle.trim() === "*" ? "rh-text-danger" : "rh-text-text-muted";
-var TextInput = React9.forwardRef(function TextInput2({
+var TextInput = React10.forwardRef(function TextInput2({
   label,
   labelWeight = "medium",
   labelColor = "#080B12",
@@ -1123,9 +1123,9 @@ var TextInput = React9.forwardRef(function TextInput2({
   id,
   ...rest
 }, ref) {
-  const generatedId = React9__default.default.useId();
+  const generatedId = React10__default.default.useId();
   const inputId = id || generatedId;
-  const [isHelperDismissed, setIsHelperDismissed] = React9__default.default.useState(false);
+  const [isHelperDismissed, setIsHelperDismissed] = React10__default.default.useState(false);
   const { onChange, ...inputProps } = rest;
   const visualStatus = helperText && isHelperDismissed ? "default" : status;
   const containerStyle = {
@@ -1229,7 +1229,150 @@ var TextInput = React9.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 = React10.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__default.default.useId();
+  const textareaId = id || generatedId;
+  const [isHelperDismissed, setIsHelperDismissed] = React10__default.default.useState(false);
+  const { onChange, ...textareaProps } = rest;
+  const visualStatus = helperText && isHelperDismissed ? "default" : status;
+  const containerStyle = {
+    ...borderColor ? { borderColor } : {},
+    ...!disabled && backgroundColor ? { backgroundColor } : {}
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: ["rh-flex rh-flex-col rh-gap-[0.5rem] rh-font-body", wrapperClassName].filter(Boolean).join(" "),
+      children: [
+        label && /* @__PURE__ */ jsxRuntime.jsxs("label", { htmlFor: textareaId, className: "rh-flex rh-items-baseline rh-gap-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: `rh-text-sm ${labelWeightClasses2[labelWeight]}`,
+              style: { color: labelColor },
+              children: label
+            }
+          ),
+          subtitle && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `rh-text-sm ${getSubtitleClassName2(subtitle)}`, children: subtitle })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+          "span",
+          {
+            id: `${textareaId}-helper`,
+            className: [
+              "rh-flex rh-items-center rh-gap-1 rh-text-xs",
+              helperStatusClasses2[visualStatus]
+            ].join(" "),
+            children: [
+              /* @__PURE__ */ jsxRuntime.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"
@@ -1275,7 +1418,7 @@ var MinusIcon = ({ className }) => /* @__PURE__ */ jsxRuntime.jsx(
     children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M1 1H9", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })
   }
 );
-var Checkbox = React9.forwardRef(function Checkbox2({
+var Checkbox = React10.forwardRef(function Checkbox2({
   size = "md",
   label,
   indeterminate = false,
@@ -1287,10 +1430,10 @@ var Checkbox = React9.forwardRef(function Checkbox2({
   onChange,
   ...rest
 }, ref) {
-  const innerRef = React9__default.default.useRef(null);
-  const inputId = id || React9__default.default.useId();
-  React9__default.default.useImperativeHandle(ref, () => innerRef.current);
-  React9__default.default.useEffect(() => {
+  const innerRef = React10__default.default.useRef(null);
+  const inputId = id || React10__default.default.useId();
+  React10__default.default.useImperativeHandle(ref, () => innerRef.current);
+  React10__default.default.useEffect(() => {
     if (innerRef.current) {
       innerRef.current.indeterminate = indeterminate;
     }
@@ -1330,7 +1473,7 @@ var Checkbox = React9.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"
@@ -1345,8 +1488,8 @@ var Checkbox = React9.forwardRef(function Checkbox2({
     }
   );
 });
-var RadioGroupContext = React9.createContext(null);
-var useRadioGroup = () => React9.useContext(RadioGroupContext);
+var RadioGroupContext = React10.createContext(null);
+var useRadioGroup = () => React10.useContext(RadioGroupContext);
 var labelSizeClasses2 = {
   sm: "rh-text-sm",
   md: "rh-text-sm",
@@ -1378,7 +1521,7 @@ var inputSizeClasses = {
   md: "rh-w-5 rh-h-5",
   lg: "rh-w-6 rh-h-6"
 };
-var Radio = React9.forwardRef(function Radio2({
+var Radio = React10.forwardRef(function Radio2({
   size = "md",
   label,
   description,
@@ -1391,7 +1534,7 @@ var Radio = React9.forwardRef(function Radio2({
   onChange,
   ...rest
 }, ref) {
-  const inputId = id || React9__default.default.useId();
+  const inputId = id || React10__default.default.useId();
   const getAccentColor = () => {
     if (isPresetColor3(color)) {
       return `rgb(var(--rh-${color}))`;
@@ -1435,7 +1578,7 @@ var Radio = React9.forwardRef(function Radio2({
     }
   );
 });
-var RadioOption = React9.forwardRef(function RadioOption2({ value, size, color, disabled, ...rest }, ref) {
+var RadioOption = React10.forwardRef(function RadioOption2({ value, size, color, disabled, ...rest }, ref) {
   const group = useRadioGroup();
   const mergedSize = size ?? group?.size ?? "md";
   const mergedColor = color ?? group?.color ?? "primary";
@@ -1459,7 +1602,7 @@ var RadioOption = React9.forwardRef(function RadioOption2({ value, size, color,
     }
   );
 });
-var RadioGroup = React9.forwardRef(function RadioGroup2({
+var RadioGroup = React10.forwardRef(function RadioGroup2({
   children,
   value,
   defaultValue,
@@ -1473,8 +1616,8 @@ var RadioGroup = React9.forwardRef(function RadioGroup2({
   className = "",
   ...rest
 }, ref) {
-  const [internalValue, setInternalValue] = React9__default.default.useState(defaultValue);
-  const groupName = name || React9__default.default.useId();
+  const [internalValue, setInternalValue] = React10__default.default.useState(defaultValue);
+  const groupName = name || React10__default.default.useId();
   const currentValue = value ?? internalValue;
   const handleChange = (newValue) => {
     setInternalValue(newValue);
@@ -1509,16 +1652,16 @@ var RadioGroup = React9.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",
@@ -1538,7 +1681,7 @@ var dropdownRadiusClasses = {
   xl: "rh-rounded-xs",
   full: "rh-rounded-xs"
 };
-var helperStatusClasses2 = {
+var helperStatusClasses3 = {
   default: "rh-text-text-muted",
   error: "rh-text-danger"
 };
@@ -1547,7 +1690,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__ */ jsxRuntime.jsx(
   "svg",
   {
@@ -1603,7 +1746,7 @@ var RadioIcon = ({ isSelected }) => /* @__PURE__ */ jsxRuntime.jsxs(
     ]
   }
 );
-var Select = React9.forwardRef(function Select2(props, ref) {
+var Select = React10.forwardRef(function Select2(props, ref) {
   const {
     options,
     label,
@@ -1620,18 +1763,18 @@ var Select = React9.forwardRef(function Select2(props, ref) {
     multiple = false,
     backgroundColor
   } = props;
-  const triggerId = React9__default.default.useId();
-  const listboxId = React9__default.default.useId();
-  const helperId = React9__default.default.useId();
-  const [isOpen, setIsOpen] = React9__default.default.useState(false);
-  const [activeIndex, setActiveIndex] = React9__default.default.useState(-1);
-  const [isHelperDismissed, setIsHelperDismissed] = React9__default.default.useState(false);
-  React9__default.default.useRef({ query: "", lastAt: 0 });
-  const wrapperRef = React9__default.default.useRef(null);
-  const innerRef = React9__default.default.useRef(null);
-  const listboxRef = React9__default.default.useRef(null);
-  React9__default.default.useImperativeHandle(ref, () => innerRef.current);
-  const [internalValue, setInternalValue] = React9__default.default.useState(() => {
+  const triggerId = React10__default.default.useId();
+  const listboxId = React10__default.default.useId();
+  const helperId = React10__default.default.useId();
+  const [isOpen, setIsOpen] = React10__default.default.useState(false);
+  const [activeIndex, setActiveIndex] = React10__default.default.useState(-1);
+  const [isHelperDismissed, setIsHelperDismissed] = React10__default.default.useState(false);
+  React10__default.default.useRef({ query: "", lastAt: 0 });
+  const wrapperRef = React10__default.default.useRef(null);
+  const innerRef = React10__default.default.useRef(null);
+  const listboxRef = React10__default.default.useRef(null);
+  React10__default.default.useImperativeHandle(ref, () => innerRef.current);
+  const [internalValue, setInternalValue] = React10__default.default.useState(() => {
     if (props.defaultValue !== void 0) {
       return Array.isArray(props.defaultValue) ? props.defaultValue : [props.defaultValue];
     }
@@ -1655,7 +1798,7 @@ var Select = React9.forwardRef(function Select2(props, ref) {
       innerRef.current?.focus();
     }
   };
-  const displayText = React9__default.default.useMemo(() => {
+  const displayText = React10__default.default.useMemo(() => {
     if (selectedValues.length === 0) return null;
     if (!multiple) {
       return options.find((o) => o.value === selectedValues[0])?.label ?? null;
@@ -1665,7 +1808,7 @@ var Select = React9.forwardRef(function Select2(props, ref) {
     if (selectedLabels.length === 1) return selectedLabels[0];
     return `${selectedLabels.length} selected`;
   }, [selectedValues, options, multiple]);
-  React9__default.default.useEffect(() => {
+  React10__default.default.useEffect(() => {
     if (!isOpen) return;
     const handleClickOutside = (e) => {
       if (wrapperRef.current && !wrapperRef.current.contains(e.target)) {
@@ -1675,7 +1818,7 @@ var Select = React9.forwardRef(function Select2(props, ref) {
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, [isOpen]);
-  React9__default.default.useEffect(() => {
+  React10__default.default.useEffect(() => {
     if (!isOpen) return;
     const handleEscape = (e) => {
       if (e.key === "Escape") {
@@ -1686,7 +1829,7 @@ var Select = React9.forwardRef(function Select2(props, ref) {
     document.addEventListener("keydown", handleEscape);
     return () => document.removeEventListener("keydown", handleEscape);
   }, [isOpen]);
-  React9__default.default.useEffect(() => {
+  React10__default.default.useEffect(() => {
     if (!isOpen || activeIndex < 0) return;
     const listbox = listboxRef.current;
     if (!listbox) return;
@@ -1695,7 +1838,7 @@ var Select = React9.forwardRef(function Select2(props, ref) {
       activeEl.scrollIntoView({ block: "nearest" });
     }
   }, [activeIndex, isOpen]);
-  React9__default.default.useEffect(() => {
+  React10__default.default.useEffect(() => {
     if (isOpen) {
       const firstSelectedIdx = options.findIndex(
         (o) => !o.disabled && selectedValues.includes(o.value)
@@ -1778,7 +1921,7 @@ var Select = React9.forwardRef(function Select2(props, ref) {
       children: [
         label && /* @__PURE__ */ jsxRuntime.jsxs("label", { id: `${triggerId}-label`, className: "rh-flex rh-items-baseline rh-gap-1", children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rh-text-sm rh-font-medium rh-text-text", children: label }),
-          subtitle && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `rh-text-sm ${getSubtitleClassName2(subtitle)}`, children: subtitle })
+          subtitle && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `rh-text-sm ${getSubtitleClassName3(subtitle)}`, children: subtitle })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
@@ -1804,9 +1947,9 @@ var Select = React9.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(" "),
@@ -1903,7 +2046,7 @@ var Select = React9.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__ */ jsxRuntime.jsx(WarningCircleIcon, {}),
@@ -1949,16 +2092,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",
@@ -1978,11 +2121,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__ */ jsxRuntime.jsx(
   "svg",
   {
@@ -2044,7 +2187,7 @@ var EraserIcon = ({ className }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { widt
     fill: "#374151"
   }
 ) });
-var DateSelect = React9.forwardRef(
+var DateSelect = React10.forwardRef(
   function DateSelect2(props, ref) {
     const {
       label,
@@ -2062,38 +2205,38 @@ var DateSelect = React9.forwardRef(
       backgroundColor,
       modes
     } = props;
-    const triggerId = React9__default.default.useId();
-    const helperId = React9__default.default.useId();
-    const [isOpen, setIsOpen] = React9.useState(false);
-    const [isHelperDismissed, setIsHelperDismissed] = React9.useState(false);
-    const [dropdownAlign, setDropdownAlign] = React9.useState("left");
-    const [internalValue, setInternalValue] = React9.useState(
+    const triggerId = React10__default.default.useId();
+    const helperId = React10__default.default.useId();
+    const [isOpen, setIsOpen] = React10.useState(false);
+    const [isHelperDismissed, setIsHelperDismissed] = React10.useState(false);
+    const [dropdownAlign, setDropdownAlign] = React10.useState("left");
+    const [internalValue, setInternalValue] = React10.useState(
       props.defaultValue ?? { mode: "day" }
     );
     const isControlled = props.value !== void 0;
     const value = isControlled ? props.value ?? internalValue : internalValue;
-    const availableModes = React9.useMemo(
+    const availableModes = React10.useMemo(
       () => modes && modes.length > 0 ? MODE_OPTIONS.filter((o) => modes.includes(o.value)) : MODE_OPTIONS,
       [modes]
     );
     const defaultMode = availableModes[0]?.value ?? "day";
-    const [activeMode, setActiveMode] = React9.useState(
+    const [activeMode, setActiveMode] = React10.useState(
       availableModes.some((o) => o.value === (value.mode ?? "day")) ? value.mode ?? "day" : defaultMode
     );
-    const [selectedYear, setSelectedYear] = React9.useState((/* @__PURE__ */ new Date()).getFullYear());
-    const [selectedMonth, setSelectedMonth] = React9.useState((/* @__PURE__ */ new Date()).getMonth());
+    const [selectedYear, setSelectedYear] = React10.useState((/* @__PURE__ */ new Date()).getFullYear());
+    const [selectedMonth, setSelectedMonth] = React10.useState((/* @__PURE__ */ new Date()).getMonth());
     const rightMonth = selectedMonth === 11 ? 0 : selectedMonth + 1;
     const rightYear = selectedMonth === 11 ? selectedYear + 1 : selectedYear;
-    const [intervalStart, setIntervalStart] = React9.useState(value.startDate);
-    const [intervalEnd, setIntervalEnd] = React9.useState(value.endDate);
-    const [hoverDate, setHoverDate] = React9.useState();
-    const [yearGridStart, setYearGridStart] = React9.useState(
+    const [intervalStart, setIntervalStart] = React10.useState(value.startDate);
+    const [intervalEnd, setIntervalEnd] = React10.useState(value.endDate);
+    const [hoverDate, setHoverDate] = React10.useState();
+    const [yearGridStart, setYearGridStart] = React10.useState(
       Math.floor((/* @__PURE__ */ new Date()).getFullYear() / 12) * 12
     );
-    const wrapperRef = React9.useRef(null);
-    const innerRef = React9.useRef(null);
-    const dropdownRef = React9.useRef(null);
-    React9__default.default.useImperativeHandle(ref, () => innerRef.current);
+    const wrapperRef = React10.useRef(null);
+    const innerRef = React10.useRef(null);
+    const dropdownRef = React10.useRef(null);
+    React10__default.default.useImperativeHandle(ref, () => innerRef.current);
     const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
     const yearStart = startYear ?? currentYear - 10;
     const yearEnd = endYear ?? currentYear + 10;
@@ -2141,7 +2284,7 @@ var DateSelect = React9.forwardRef(
       if (!isControlled) setInternalValue(newValue);
       props.onChange?.(newValue);
     };
-    const displayText = React9.useMemo(() => {
+    const displayText = React10.useMemo(() => {
       if (value.mode === "year" && value.year) return value.year.toString();
       if (value.mode === "month" && value.year != null)
         return `${MONTHS_SHORT[value.month || 0]} ${value.year}`;
@@ -2152,7 +2295,7 @@ var DateSelect = React9.forwardRef(
       }
       return null;
     }, [value]);
-    React9.useEffect(() => {
+    React10.useEffect(() => {
       if (!isOpen) return;
       const handleClickOutside = (e) => {
         if (wrapperRef.current && !wrapperRef.current.contains(e.target)) {
@@ -2162,7 +2305,7 @@ var DateSelect = React9.forwardRef(
       document.addEventListener("mousedown", handleClickOutside);
       return () => document.removeEventListener("mousedown", handleClickOutside);
     }, [isOpen]);
-    React9.useEffect(() => {
+    React10.useEffect(() => {
       if (!isOpen) return;
       const handleEscape = (e) => {
         if (e.key === "Escape") {
@@ -2173,7 +2316,7 @@ var DateSelect = React9.forwardRef(
       document.addEventListener("keydown", handleEscape);
       return () => document.removeEventListener("keydown", handleEscape);
     }, [isOpen]);
-    React9.useEffect(() => {
+    React10.useEffect(() => {
       if (!isOpen || !innerRef.current || !dropdownRef.current) return;
       const triggerRect = innerRef.current.getBoundingClientRect();
       const dropdownWidth = activeMode === "interval" ? 720 : 385;
@@ -2667,7 +2810,7 @@ var DateSelect = React9.forwardRef(
         children: [
           label && /* @__PURE__ */ jsxRuntime.jsxs("label", { id: `${triggerId}-label`, className: "rh-flex rh-items-baseline rh-gap-1", children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rh-text-sm rh-font-medium rh-text-text", children: label }),
-            subtitle && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `rh-text-sm ${getSubtitleClassName3(subtitle)}`, children: subtitle })
+            subtitle && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `rh-text-sm ${getSubtitleClassName4(subtitle)}`, children: subtitle })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs(
             "button",
@@ -2691,9 +2834,9 @@ var DateSelect = React9.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(" "),
@@ -2747,7 +2890,7 @@ var DateSelect = React9.forwardRef(
               id: helperId,
               className: [
                 "rh-flex rh-items-center rh-gap-1 rh-text-xs",
-                helperStatusClasses3[visualStatus]
+                helperStatusClasses4[visualStatus]
               ].join(" "),
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(WarningCircleIcon, {}),
@@ -2768,16 +2911,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",
@@ -2787,11 +2930,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__ */ jsxRuntime.jsxs(
   "svg",
   {
@@ -2859,7 +3002,7 @@ function getRehagroPortalStyle(source) {
   }
   return variables;
 }
-var TimePicker = React9.forwardRef(
+var TimePicker = React10.forwardRef(
   function TimePicker2(props, ref) {
     const {
       label,
@@ -2875,29 +3018,29 @@ var TimePicker = React9.forwardRef(
       backgroundColor,
       presentation = "dropdown"
     } = props;
-    const triggerId = React9__default.default.useId();
-    const helperId = React9__default.default.useId();
+    const triggerId = React10__default.default.useId();
+    const helperId = React10__default.default.useId();
     const isControlled = props.value !== void 0;
-    const [internalValue, setInternalValue] = React9.useState(
+    const [internalValue, setInternalValue] = React10.useState(
       props.defaultValue ?? null
     );
     const committedValue = isControlled ? props.value ?? null : internalValue;
-    const [isOpen, setIsOpen] = React9.useState(false);
-    const [isHelperDismissed, setIsHelperDismissed] = React9.useState(false);
-    const [dropdownAlign, setDropdownAlign] = React9.useState("left");
-    const [clockStep, setClockStep] = React9.useState("hour");
-    const [isManualClockInput, setIsManualClockInput] = React9.useState(false);
-    const [hasPendingValue, setHasPendingValue] = React9.useState(committedValue != null);
-    const [pendingHour, setPendingHour] = React9.useState(committedValue?.hour ?? 0);
-    const [pendingMinute, setPendingMinute] = React9.useState(committedValue?.minute ?? 0);
-    const wrapperRef = React9.useRef(null);
-    const innerRef = React9.useRef(null);
-    const dropdownRef = React9.useRef(null);
-    const hourColRef = React9.useRef(null);
-    const minuteColRef = React9.useRef(null);
-    React9__default.default.useImperativeHandle(ref, () => innerRef.current);
+    const [isOpen, setIsOpen] = React10.useState(false);
+    const [isHelperDismissed, setIsHelperDismissed] = React10.useState(false);
+    const [dropdownAlign, setDropdownAlign] = React10.useState("left");
+    const [clockStep, setClockStep] = React10.useState("hour");
+    const [isManualClockInput, setIsManualClockInput] = React10.useState(false);
+    const [hasPendingValue, setHasPendingValue] = React10.useState(committedValue != null);
+    const [pendingHour, setPendingHour] = React10.useState(committedValue?.hour ?? 0);
+    const [pendingMinute, setPendingMinute] = React10.useState(committedValue?.minute ?? 0);
+    const wrapperRef = React10.useRef(null);
+    const innerRef = React10.useRef(null);
+    const dropdownRef = React10.useRef(null);
+    const hourColRef = React10.useRef(null);
+    const minuteColRef = React10.useRef(null);
+    React10__default.default.useImperativeHandle(ref, () => innerRef.current);
     const visualStatus = helperText && isHelperDismissed ? "default" : status;
-    React9.useEffect(() => {
+    React10.useEffect(() => {
       if (!isOpen) return;
       const h = committedValue?.hour ?? 0;
       const m = committedValue?.minute ?? 0;
@@ -2913,13 +3056,13 @@ var TimePicker = React9.forwardRef(
         });
       }
     }, [isOpen]);
-    React9.useEffect(() => {
+    React10.useEffect(() => {
       if (!isOpen || presentation !== "dropdown" || !innerRef.current) return;
       const rect = innerRef.current.getBoundingClientRect();
       const dropdownW = 240;
       setDropdownAlign(window.innerWidth - rect.right >= dropdownW ? "left" : "right");
     }, [isOpen, presentation]);
-    React9.useEffect(() => {
+    React10.useEffect(() => {
       if (!isOpen || presentation !== "dropdown") return;
       const handler = (e) => {
         if (wrapperRef.current && !wrapperRef.current.contains(e.target)) {
@@ -2929,7 +3072,7 @@ var TimePicker = React9.forwardRef(
       document.addEventListener("mousedown", handler);
       return () => document.removeEventListener("mousedown", handler);
     }, [isOpen, presentation]);
-    React9.useEffect(() => {
+    React10.useEffect(() => {
       if (!isOpen) return;
       const handler = (e) => {
         if (e.key === "Escape") {
@@ -2940,7 +3083,7 @@ var TimePicker = React9.forwardRef(
       document.addEventListener("keydown", handler);
       return () => document.removeEventListener("keydown", handler);
     }, [isOpen]);
-    const commit = React9.useCallback(
+    const commit = React10.useCallback(
       (hour, minute) => {
         const newValue = { hour, minute };
         if (helperText) setIsHelperDismissed(true);
@@ -2950,7 +3093,7 @@ var TimePicker = React9.forwardRef(
       },
       [helperText, isControlled, props]
     );
-    const handleClear = React9.useCallback(() => {
+    const handleClear = React10.useCallback(() => {
       setPendingHour(0);
       setPendingMinute(0);
       if (!isControlled) setInternalValue(null);
@@ -3028,7 +3171,7 @@ var TimePicker = React9.forwardRef(
         children: [
           label && /* @__PURE__ */ jsxRuntime.jsxs("label", { id: `${triggerId}-label`, className: "rh-flex rh-items-baseline rh-gap-1", children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rh-text-sm rh-font-medium rh-text-text", children: label }),
-            subtitle && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `rh-text-sm ${getSubtitleClassName4(subtitle)}`, children: subtitle })
+            subtitle && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `rh-text-sm ${getSubtitleClassName5(subtitle)}`, children: subtitle })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs(
             "button",
@@ -3052,9 +3195,9 @@ var TimePicker = React9.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(" "),
@@ -3304,7 +3447,7 @@ var TimePicker = React9.forwardRef(
               id: helperId,
               className: [
                 "rh-flex rh-items-center rh-gap-1 rh-text-xs",
-                helperStatusClasses4[visualStatus]
+                helperStatusClasses5[visualStatus]
               ].join(" "),
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(WarningCircleIcon, {}),
@@ -3327,7 +3470,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"
 };
@@ -3359,7 +3502,7 @@ var arrowPlacementClasses = {
   "right-start": "rh-left-0 rh-top-3 rh--translate-x-1/2 rh-rotate-45",
   "right-end": "rh-left-0 rh-bottom-3 rh--translate-x-1/2 rh-rotate-45"
 };
-var Tooltip = React9.forwardRef(
+var Tooltip = React10.forwardRef(
   function Tooltip2({
     title,
     description,
@@ -3375,12 +3518,12 @@ var Tooltip = React9.forwardRef(
     children,
     className = ""
   }, ref) {
-    const [internalOpen, setInternalOpen] = React9.useState(false);
-    const enterTimerRef = React9.useRef(null);
-    const leaveTimerRef = React9.useRef(null);
+    const [internalOpen, setInternalOpen] = React10.useState(false);
+    const enterTimerRef = React10.useRef(null);
+    const leaveTimerRef = React10.useRef(null);
     const isControlled = controlledOpen !== void 0;
     const isOpen = isControlled ? controlledOpen : internalOpen;
-    const setOpen = React9.useCallback(
+    const setOpen = React10.useCallback(
       (value) => {
         if (!isControlled) {
           setInternalOpen(value);
@@ -3389,7 +3532,7 @@ var Tooltip = React9.forwardRef(
       },
       [isControlled, onOpenChange]
     );
-    const clearTimers = React9.useCallback(() => {
+    const clearTimers = React10.useCallback(() => {
       if (enterTimerRef.current) {
         clearTimeout(enterTimerRef.current);
         enterTimerRef.current = null;
@@ -3399,27 +3542,27 @@ var Tooltip = React9.forwardRef(
         leaveTimerRef.current = null;
       }
     }, []);
-    const handleEnter = React9.useCallback(() => {
+    const handleEnter = React10.useCallback(() => {
       clearTimers();
       enterTimerRef.current = setTimeout(() => {
         setOpen(true);
       }, enterDelay);
     }, [clearTimers, enterDelay, setOpen]);
-    const handleLeave = React9.useCallback(() => {
+    const handleLeave = React10.useCallback(() => {
       clearTimers();
       leaveTimerRef.current = setTimeout(() => {
         setOpen(false);
       }, leaveDelay);
     }, [clearTimers, leaveDelay, setOpen]);
-    const handleClose = React9.useCallback(() => {
+    const handleClose = React10.useCallback(() => {
       clearTimers();
       setOpen(false);
     }, [clearTimers, setOpen]);
-    React9.useEffect(() => {
+    React10.useEffect(() => {
       return () => clearTimers();
     }, [clearTimers]);
-    const triggerChild = React9__default.default.Children.only(children);
-    const triggerElement = React9__default.default.cloneElement(triggerChild, {
+    const triggerChild = React10__default.default.Children.only(children);
+    const triggerElement = React10__default.default.cloneElement(triggerChild, {
       onMouseEnter: (e) => {
         handleEnter();
         triggerChild.props.onMouseEnter?.(e);
@@ -3458,7 +3601,7 @@ var Tooltip = React9.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: [
@@ -3559,7 +3702,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",
@@ -3575,10 +3718,10 @@ var variantClasses2 = {
   circle: "rh-rounded-full",
   square: "rh-rounded-sm"
 };
-var Avatar = React9.forwardRef(function Avatar2({ src, alt = "", initials, size = "md", variant = "circle", colorFromName = false, className = "", style, ...rest }, ref) {
-  const [imgError, setImgError] = React9.useState(false);
+var Avatar = React10.forwardRef(function Avatar2({ src, alt = "", initials, size = "md", variant = "circle", colorFromName = false, className = "", style, ...rest }, ref) {
+  const [imgError, setImgError] = React10.useState(false);
   const showImage = src && !imgError;
-  const avatarColors = React9.useMemo(() => {
+  const avatarColors = React10.useMemo(() => {
     if (!colorFromName) return null;
     const name = initials || alt || "";
     return name ? getAvatarColors(name) : null;
@@ -3594,7 +3737,7 @@ var Avatar = React9.forwardRef(function Avatar2({ src, alt = "", initials, size
         "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(" "),
@@ -3661,7 +3804,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"
@@ -3676,7 +3819,7 @@ function getCustomColorStyles(color, active) {
     color
   };
 }
-var Tag = React9.forwardRef(function Tag2({
+var Tag = React10.forwardRef(function Tag2({
   color = "primary",
   size = "md",
   active = false,
@@ -3708,7 +3851,7 @@ var Tag = React9.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" : "",
@@ -3725,16 +3868,16 @@ var Tag = React9.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",
@@ -3744,7 +3887,7 @@ var radiusClasses7 = {
   xl: "rh-rounded-xl",
   full: "rh-rounded-full"
 };
-var helperStatusClasses5 = {
+var helperStatusClasses6 = {
   default: "rh-text-text-muted",
   error: "rh-text-danger"
 };
@@ -3763,8 +3906,8 @@ 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 TagInput = React9.forwardRef(function TagInput2({
+var getSubtitleClassName6 = (subtitle) => subtitle.trim() === "*" ? "rh-text-danger" : "rh-text-text-muted";
+var TagInput = React10.forwardRef(function TagInput2({
   label,
   subtitle,
   options = [],
@@ -3779,10 +3922,10 @@ var TagInput = React9.forwardRef(function TagInput2({
   className = "",
   wrapperClassName = ""
 }, ref) {
-  const inputId = React9__default.default.useId();
-  const [isOpen, setIsOpen] = React9.useState(false);
-  const containerRef = React9.useRef(null);
-  React9.useEffect(() => {
+  const inputId = React10__default.default.useId();
+  const [isOpen, setIsOpen] = React10.useState(false);
+  const containerRef = React10.useRef(null);
+  React10.useEffect(() => {
     const handleClickOutside = (event) => {
       if (containerRef.current && !containerRef.current.contains(event.target)) {
         setIsOpen(false);
@@ -3820,7 +3963,7 @@ var TagInput = React9.forwardRef(function TagInput2({
       children: [
         label && /* @__PURE__ */ jsxRuntime.jsxs("label", { htmlFor: inputId, className: "rh-flex rh-items-baseline rh-gap-1", children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rh-text-sm rh-font-semibold rh-text-text", children: label }),
-          subtitle && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `rh-text-sm ${getSubtitleClassName5(subtitle)}`, children: subtitle })
+          subtitle && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `rh-text-sm ${getSubtitleClassName6(subtitle)}`, children: subtitle })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
@@ -3830,9 +3973,9 @@ var TagInput = React9.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(" "),
@@ -3995,7 +4138,7 @@ var TagInput = React9.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
           }
@@ -4015,7 +4158,7 @@ function resolveThickness(thickness) {
   if (typeof thickness === "number") return thickness;
   return THICKNESS_MAP[thickness];
 }
-var ProgressBar = React9.forwardRef(function ProgressBar2({
+var ProgressBar = React10.forwardRef(function ProgressBar2({
   value,
   label,
   variant = "inline",
@@ -4102,12 +4245,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",
@@ -4140,8 +4283,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(" "),
@@ -4163,8 +4306,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,13 +4324,13 @@ function ToggleGroupInner({
     }
   );
 }
-var ToggleGroup = React9.forwardRef(ToggleGroupInner);
+var ToggleGroup = React10.forwardRef(ToggleGroupInner);
 var variantClasses3 = {
   elevated: "rh-bg-surface rh-shadow-md rh-border-0",
   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",
@@ -4201,7 +4344,7 @@ var paddingClasses = {
   md: "rh-p-4",
   lg: "rh-p-6"
 };
-var CardRoot = React9.forwardRef(function Card({
+var CardRoot = React10.forwardRef(function Card({
   variant = "outlined",
   radius = "sm",
   padding = "md",
@@ -4222,7 +4365,7 @@ var CardRoot = React9.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" : "",
@@ -4233,7 +4376,7 @@ var CardRoot = React9.forwardRef(function Card({
     }
   );
 });
-var CardHeader = React9.forwardRef(function CardHeader2({ className = "", children, ...rest }, ref) {
+var CardHeader = React10.forwardRef(function CardHeader2({ className = "", children, ...rest }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -4244,10 +4387,10 @@ var CardHeader = React9.forwardRef(function CardHeader2({ className = "", childr
     }
   );
 });
-var CardContent = React9.forwardRef(function CardContent2({ className = "", children, ...rest }, ref) {
+var CardContent = React10.forwardRef(function CardContent2({ className = "", children, ...rest }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: ["rh-mt-2", className].filter(Boolean).join(" "), ...rest, children });
 });
-var CardFooter = React9.forwardRef(function CardFooter2({ className = "", children, ...rest }, ref) {
+var CardFooter = React10.forwardRef(function CardFooter2({ className = "", children, ...rest }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -4275,7 +4418,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",
@@ -4291,7 +4434,7 @@ var colorClasses = {
   info: "rh-text-info",
   neutral: "rh-text-neutral"
 };
-var Spinner = React9.forwardRef(function Spinner2({ size = "md", color = "primary", label = "Carregando...", className = "", style, ...rest }, ref) {
+var Spinner = React10.forwardRef(function Spinner2({ size = "md", color = "primary", label = "Carregando...", className = "", style, ...rest }, ref) {
   const preset = isPresetColor6(color);
   const colorClass = preset ? colorClasses[color] : "";
   const customStyle = preset ? style : { ...style, color };
@@ -4303,7 +4446,7 @@ var Spinner = React9.forwardRef(function Spinner2({ size = "md", color = "primar
       "aria-label": label,
       className: [
         "rh-inline-flex rh-items-center rh-justify-center",
-        sizeClasses13[size],
+        sizeClasses14[size],
         colorClass,
         className
       ].filter(Boolean).join(" "),
@@ -4430,13 +4573,13 @@ var DatePickerDropdown = ({
   const today = /* @__PURE__ */ new Date();
   const opaqueBackgroundColor = removeHexAlpha(backgroundColor);
   const calendarTextStyle = textColor ? { color: textColor } : void 0;
-  const [viewYear, setViewYear] = React9.useState(
+  const [viewYear, setViewYear] = React10.useState(
     selectedDate ? selectedDate.getFullYear() : today.getFullYear()
   );
-  const [viewMonth, setViewMonth] = React9.useState(selectedDate ? selectedDate.getMonth() : today.getMonth());
-  const [tempDate, setTempDate] = React9.useState(selectedDate);
-  const dropdownRef = React9.useRef(null);
-  React9.useEffect(() => {
+  const [viewMonth, setViewMonth] = React10.useState(selectedDate ? selectedDate.getMonth() : today.getMonth());
+  const [tempDate, setTempDate] = React10.useState(selectedDate);
+  const dropdownRef = React10.useRef(null);
+  React10.useEffect(() => {
     const handleClickOutside = (e) => {
       const target = e.target;
       if (dropdownRef.current && !dropdownRef.current.contains(target) && containerRef.current && !containerRef.current.contains(target)) {
@@ -4583,11 +4726,11 @@ var CustomSelect = ({
   type = "select",
   disabled = false
 }) => {
-  const [isOpen, setIsOpen] = React9.useState(false);
-  const [dropdownStyle, setDropdownStyle] = React9.useState({});
-  const containerRef = React9.useRef(null);
-  const textAreaRef = React9.useRef(null);
-  const resizeTextArea = React9__default.default.useCallback(() => {
+  const [isOpen, setIsOpen] = React10.useState(false);
+  const [dropdownStyle, setDropdownStyle] = React10.useState({});
+  const containerRef = React10.useRef(null);
+  const textAreaRef = React10.useRef(null);
+  const resizeTextArea = React10__default.default.useCallback(() => {
     if (type !== "textInput" || !textAreaRef.current) return;
     const textarea = textAreaRef.current;
     textarea.style.height = "auto";
@@ -4619,7 +4762,7 @@ var CustomSelect = ({
     if (!isOpen) setDropdownStyle(calcPosition());
     setIsOpen((prev) => !prev);
   };
-  React9.useEffect(() => {
+  React10.useEffect(() => {
     if (!isOpen) return;
     const close = () => setIsOpen(false);
     window.addEventListener("scroll", close, { capture: true, passive: true });
@@ -4629,11 +4772,11 @@ var CustomSelect = ({
       window.removeEventListener("resize", close);
     };
   }, [isOpen]);
-  React9.useEffect(() => {
+  React10.useEffect(() => {
     resizeTextArea();
   }, [resizeTextArea, value]);
   const selectedOption = options.find((opt) => opt.value === value);
-  React9.useEffect(() => {
+  React10.useEffect(() => {
     if (type !== "select") return;
     const handleClickOutside = (e) => {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
@@ -4732,7 +4875,7 @@ var CustomSelect = ({
                 /* @__PURE__ */ jsxRuntime.jsx(
                   "span",
                   {
-                    className: "rh-px-2 rh-rounded-xl rh-text-white rh-text-[12px] rh-whitespace-normal rh-break-words",
+                    className: "rh-px-3.5 rh-py-0.5 rh-font-semibold rh-rounded-xl rh-text-white rh-text-[12px] rh-whitespace-normal rh-break-words",
                     style: {
                       backgroundColor: option.backgroundColor || backgroundColor || "transparent",
                       fontFamily: "Inter, sans-serif",
@@ -4763,7 +4906,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" }
@@ -4920,7 +5063,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" : "",
@@ -5001,7 +5144,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(" "),
@@ -5058,7 +5201,7 @@ function TableInner({
     }
   ) });
 }
-var Table = React9.forwardRef(TableInner);
+var Table = React10.forwardRef(TableInner);
 var defaultElements = {
   h1: "h1",
   h2: "h2",
@@ -5146,7 +5289,7 @@ var colorClasses2 = {
   warning: "rh-text-warning",
   info: "rh-text-info"
 };
-var Typography = React9.forwardRef(function Typography2({
+var Typography = React10.forwardRef(function Typography2({
   variant = "body",
   color = "default",
   bold = false,
@@ -5159,7 +5302,7 @@ var Typography = React9.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__default.default.createElement(
+  return React10__default.default.createElement(
     element,
     {
       ref,
@@ -5211,7 +5354,7 @@ function getVisiblePages(currentPage, totalPages, maxVisible) {
   }
   return pages;
 }
-var Pagination = React9.forwardRef(function Pagination2({
+var Pagination = React10.forwardRef(function Pagination2({
   currentPage,
   totalPages,
   onPageChange,
@@ -5220,7 +5363,7 @@ var Pagination = React9.forwardRef(function Pagination2({
   className = "",
   disabled = false
 }, ref) {
-  const visiblePages = React9.useMemo(
+  const visiblePages = React10.useMemo(
     () => getVisiblePages(currentPage, totalPages, maxVisible),
     [currentPage, totalPages, maxVisible]
   );
@@ -5327,7 +5470,7 @@ var Pagination = React9.forwardRef(function Pagination2({
     }
   );
 });
-var Container = React9.forwardRef(
+var Container = React10.forwardRef(
   function Container2({ fluid = false, className = "", children, ...rest }, ref) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -5359,7 +5502,7 @@ var colsClasses = {
   11: "rh-grid-cols-11",
   12: "rh-grid-cols-12"
 };
-var GridContainer = React9.forwardRef(
+var GridContainer = React10.forwardRef(
   function GridContainer2({ columns, spacing, className = "", style, children, ...rest }, ref) {
     const colClass = columns ? colsClasses[columns] : "rh-grid-cols-4 desktop-xs:rh-grid-cols-12";
     const gapStyle = spacing !== void 0 ? { gap: `${spacing}px`, ...style } : style;
@@ -5460,7 +5603,7 @@ var desktopLgSpanClasses = {
   11: "desktop-lg:rh-col-span-11",
   12: "desktop-lg:rh-col-span-12"
 };
-var GridItem = React9.forwardRef(
+var GridItem = React10.forwardRef(
   function GridItem2({
     mobile = 4,
     mobileSm,
@@ -5530,6 +5673,7 @@ exports.SuccessIcon = SuccessIcon;
 exports.Table = Table;
 exports.Tag = Tag;
 exports.TagInput = TagInput;
+exports.TextArea = TextArea;
 exports.TextInput = TextInput;
 exports.TimePicker = TimePicker;
 exports.Toast = Toast;