@rehagro/ui 1.0.25 → 1.0.27

package/dist/index.js

@@ -1,12 +1,12 @@
 "use client";
 'use strict';
 
-var React8 = require('react');
+var React9 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React8__default = /*#__PURE__*/_interopDefault(React8);
+var React9__default = /*#__PURE__*/_interopDefault(React9);
 
 // src/provider/RehagroProvider.tsx
 
@@ -421,7 +421,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 = React8.forwardRef(function Toast2({
+var Toast = React9.forwardRef(function Toast2({
   title,
   description,
   link,
@@ -529,9 +529,9 @@ function AnimatedToastItem({
   onRequestDismiss,
   children
 }) {
-  const [entered, setEntered] = React8.useState(false);
-  const leaveTimerRef = React8.useRef(null);
-  React8.useEffect(() => {
+  const [entered, setEntered] = React9.useState(false);
+  const leaveTimerRef = React9.useRef(null);
+  React9.useEffect(() => {
     if (!isDismissing) return;
     leaveTimerRef.current = setTimeout(() => {
       onRemove(id);
@@ -540,10 +540,10 @@ function AnimatedToastItem({
       if (leaveTimerRef.current) clearTimeout(leaveTimerRef.current);
     };
   }, [id, isDismissing, onRemove]);
-  const handleAnimationEnd = React8.useCallback(() => {
+  const handleAnimationEnd = React9.useCallback(() => {
     if (!entered) setEntered(true);
   }, [entered]);
-  const handleClose = React8.useCallback(() => {
+  const handleClose = React9.useCallback(() => {
     onRequestDismiss(id);
   }, [id, onRequestDismiss]);
   const animClass = isDismissing ? leaveClass[animDir] : entered ? "" : enterClass[animDir];
@@ -589,15 +589,15 @@ function ToastContainer() {
     }
   );
 }
-var ToastContext = React8.createContext(null);
+var ToastContext = React9.createContext(null);
 function ToastProvider({
   children,
   position = "top-right"
 }) {
-  const [toasts, setToasts] = React8.useState([]);
-  const [dismissingIds, setDismissingIds] = React8.useState(/* @__PURE__ */ new Set());
-  const counterRef = React8.useRef(0);
-  const remove = React8.useCallback((id) => {
+  const [toasts, setToasts] = React9.useState([]);
+  const [dismissingIds, setDismissingIds] = React9.useState(/* @__PURE__ */ new Set());
+  const counterRef = React9.useRef(0);
+  const remove = React9.useCallback((id) => {
     setToasts((prev) => prev.filter((t) => t.id !== id));
     setDismissingIds((prev) => {
       const next = new Set(prev);
@@ -605,10 +605,10 @@ function ToastProvider({
       return next;
     });
   }, []);
-  const requestDismiss = React8.useCallback((id) => {
+  const requestDismiss = React9.useCallback((id) => {
     setDismissingIds((prev) => new Set(prev).add(id));
   }, []);
-  const add = React8.useCallback(
+  const add = React9.useCallback(
     (item) => {
       const id = `rh-toast-${++counterRef.current}`;
       const toast = { ...item, id };
@@ -626,7 +626,7 @@ function ToastProvider({
   ] });
 }
 function useToastContext() {
-  const ctx = React8.useContext(ToastContext);
+  const ctx = React9.useContext(ToastContext);
   if (!ctx) {
     throw new Error("useToastContext must be used inside ToastProvider");
   }
@@ -634,7 +634,7 @@ function useToastContext() {
 }
 function useToast() {
   const { add, requestDismiss } = useToastContext();
-  const createToast = React8.useCallback(
+  const createToast = React9.useCallback(
     (variant) => (title, options = {}) => {
       return add({
         title,
@@ -647,7 +647,7 @@ function useToast() {
     },
     [add]
   );
-  const toast = React8.useCallback(
+  const toast = React9.useCallback(
     (title, options = {}) => {
       return add({
         title,
@@ -690,7 +690,7 @@ function toRgbTriplet(value) {
   return void 0;
 }
 function RehagroProvider({ theme, toastPosition, children }) {
-  const style = React8.useMemo(() => {
+  const style = React9.useMemo(() => {
     if (!theme) return void 0;
     const vars = {};
     for (const [key, config] of Object.entries(TOKEN_MAP)) {
@@ -746,12 +746,12 @@ var variantColorClasses = {
     info: "rh-bg-info rh-text-surface rh-border-info hover:rh-bg-info-hover hover:rh-border-info-hover"
   },
   outline: {
-    primary: "rh-bg-transparent rh-text-primary rh-border-primary hover:rh-bg-primary hover:rh-text-surface",
-    secondary: "rh-bg-transparent rh-text-secondary rh-border-secondary hover:rh-bg-secondary hover:rh-text-surface",
-    danger: "rh-bg-transparent rh-text-danger rh-border-danger hover:rh-bg-danger hover:rh-text-surface",
-    warning: "rh-bg-transparent rh-text-warning rh-border-warning hover:rh-bg-warning hover:rh-text-surface",
-    success: "rh-bg-transparent rh-text-success rh-border-success hover:rh-bg-success hover:rh-text-surface",
-    info: "rh-bg-transparent rh-text-info rh-border-info hover:rh-bg-info hover:rh-text-surface"
+    primary: "rh-bg-transparent rh-text-primary rh-border-primary hover:rh-bg-primary/[0.16]",
+    secondary: "rh-bg-transparent rh-text-secondary rh-border-secondary hover:rh-bg-secondary/[0.16]",
+    danger: "rh-bg-transparent rh-text-danger rh-border-danger hover:rh-bg-danger/[0.16]",
+    warning: "rh-bg-transparent rh-text-warning rh-border-warning hover:rh-bg-warning/[0.16]",
+    success: "rh-bg-transparent rh-text-success rh-border-success hover:rh-bg-success/[0.16]",
+    info: "rh-bg-transparent rh-text-info rh-border-info hover:rh-bg-info/[0.16]"
   },
   ghost: {
     primary: "rh-bg-transparent rh-text-primary rh-border-transparent hover:rh-bg-primary/10",
@@ -782,7 +782,7 @@ var radiusClasses = {
   xl: "rh-rounded-xl",
   full: "rh-rounded-full"
 };
-var Button = React8.forwardRef(function Button2({
+var Button = React9.forwardRef(function Button2({
   variant = "solid",
   size = "md",
   radius = "sm",
@@ -798,9 +798,9 @@ var Button = React8.forwardRef(function Button2({
   children,
   ...rest
 }, ref) {
-  const isDisabled = React8__default.default.useMemo(() => disabled || loading, [disabled, loading]);
+  const isDisabled = React9__default.default.useMemo(() => disabled || loading, [disabled, loading]);
   const preset = isPresetColor(color);
-  const computedStyle = React8__default.default.useMemo(() => {
+  const computedStyle = React9__default.default.useMemo(() => {
     const baseStyle = preset ? hoverColor ? { [`--rh-${color}-hover`]: toRgbTriplet2(hoverColor) ?? hoverColor } : {} : getArbitraryColorStyle(variant, color);
     const hoverVars = hoverStyle ? {
       "--btn-hover-bg": hoverStyle.backgroundColor,
@@ -925,7 +925,7 @@ var radiusClasses2 = {
   xl: "rh-rounded-xl",
   full: "rh-rounded-full"
 };
-var IconButton = React8.forwardRef(function IconButton2({
+var IconButton = React9.forwardRef(function IconButton2({
   variant = "ghost",
   size = "md",
   radius = "full",
@@ -939,7 +939,7 @@ var IconButton = React8.forwardRef(function IconButton2({
 }, ref) {
   const isDisabled = disabled || loading;
   const preset = isPresetColor2(color);
-  const computedStyle = React8__default.default.useMemo(
+  const computedStyle = React9__default.default.useMemo(
     () => preset ? style ?? {} : { ...style, ...getArbitraryColorStyle2(variant, color) },
     [preset, color, variant, style]
   );
@@ -1030,7 +1030,7 @@ var labelWeightClasses = {
   semibold: "rh-font-semibold",
   bold: "rh-font-bold"
 };
-var TextInput = React8.forwardRef(function TextInput2({
+var TextInput = React9.forwardRef(function TextInput2({
   label,
   labelWeight = "medium",
   subtitle,
@@ -1046,7 +1046,7 @@ var TextInput = React8.forwardRef(function TextInput2({
   id,
   ...rest
 }, ref) {
-  const inputId = id || React8__default.default.useId();
+  const inputId = id || React9__default.default.useId();
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -1063,6 +1063,7 @@ var TextInput = React8.forwardRef(function TextInput2({
               "rh-flex rh-items-center rh-gap-2",
               "rh-border rh-bg-surface rh-font-body",
               "rh-transition-colors rh-duration-150",
+              "rh-overflow-hidden",
               statusClasses[status],
               radiusClasses3[radius],
               sizeClasses3[size],
@@ -1090,7 +1091,7 @@ var TextInput = React8.forwardRef(function TextInput2({
                   "aria-invalid": status === "error" || void 0,
                   "aria-describedby": helperText ? `${inputId}-helper` : void 0,
                   className: [
-                    "rh-flex-1 rh-bg-transparent rh-outline-none",
+                    "rh-flex-1 rh-min-w-0 rh-bg-transparent rh-outline-none",
                     "rh-text-text placeholder:rh-text-text-muted",
                     disabled ? "rh-cursor-not-allowed" : ""
                   ].filter(Boolean).join(" "),
@@ -1175,7 +1176,7 @@ var MinusIcon = ({ className }) => /* @__PURE__ */ jsxRuntime.jsx(
     children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M1 1H9", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })
   }
 );
-var Checkbox = React8.forwardRef(function Checkbox2({
+var Checkbox = React9.forwardRef(function Checkbox2({
   size = "md",
   label,
   indeterminate = false,
@@ -1187,10 +1188,10 @@ var Checkbox = React8.forwardRef(function Checkbox2({
   onChange,
   ...rest
 }, ref) {
-  const innerRef = React8__default.default.useRef(null);
-  const inputId = id || React8__default.default.useId();
-  React8__default.default.useImperativeHandle(ref, () => innerRef.current);
-  React8__default.default.useEffect(() => {
+  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(() => {
     if (innerRef.current) {
       innerRef.current.indeterminate = indeterminate;
     }
@@ -1245,6 +1246,177 @@ var Checkbox = React8.forwardRef(function Checkbox2({
     }
   );
 });
+var RadioGroupContext = React9.createContext(null);
+var useRadioGroup = () => React9.useContext(RadioGroupContext);
+var labelSizeClasses2 = {
+  sm: "rh-text-sm",
+  md: "rh-text-sm",
+  lg: "rh-text-base"
+};
+var descriptionSizeClasses = {
+  sm: "rh-text-xs",
+  md: "rh-text-xs",
+  lg: "rh-text-sm"
+};
+var gapClasses = {
+  sm: "rh-gap-2",
+  md: "rh-gap-3",
+  lg: "rh-gap-4"
+};
+var PRESET_COLORS3 = /* @__PURE__ */ new Set([
+  "primary",
+  "secondary",
+  "danger",
+  "warning",
+  "success",
+  "info"
+]);
+var isPresetColor3 = (color) => PRESET_COLORS3.has(color);
+var inputSizeClasses = {
+  sm: "rh-w-4 rh-h-4",
+  md: "rh-w-5 rh-h-5",
+  lg: "rh-w-6 rh-h-6"
+};
+var Radio = React9.forwardRef(function Radio2({
+  size = "md",
+  label,
+  description,
+  color = "primary",
+  disabled,
+  checked,
+  defaultChecked,
+  className = "",
+  id,
+  onChange,
+  ...rest
+}, ref) {
+  const inputId = id || React9__default.default.useId();
+  const getAccentColor = () => {
+    if (isPresetColor3(color)) {
+      return `rgb(var(--rh-${color}))`;
+    }
+    return color;
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "label",
+    {
+      htmlFor: inputId,
+      className: [
+        "rh-inline-flex rh-items-start rh-gap-2 rh-font-body rh-select-none",
+        disabled ? "rh-cursor-not-allowed rh-opacity-50" : "rh-cursor-pointer",
+        className
+      ].filter(Boolean).join(" "),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            ref,
+            id: inputId,
+            type: "radio",
+            disabled,
+            checked,
+            defaultChecked,
+            onChange,
+            className: [
+              inputSizeClasses[size],
+              "rh-accent-current rh-cursor-pointer",
+              disabled ? "rh-cursor-not-allowed" : ""
+            ].filter(Boolean).join(" "),
+            style: { accentColor: getAccentColor() },
+            ...rest
+          }
+        ),
+        (label || description) && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "rh-flex rh-flex-col", children: [
+          label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: ["rh-text-text", labelSizeClasses2[size]].join(" "), children: label }),
+          description && /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: [
+                "rh-text-text-muted",
+                descriptionSizeClasses[size]
+              ].join(" "),
+              children: description
+            }
+          )
+        ] })
+      ]
+    }
+  );
+});
+var RadioOption = React9.forwardRef(function RadioOption2({ value, size, color, disabled, ...rest }, ref) {
+  const group = useRadioGroup();
+  const mergedSize = size ?? group?.size ?? "md";
+  const mergedColor = color ?? group?.color ?? "primary";
+  const mergedDisabled = disabled ?? group?.disabled ?? false;
+  const isChecked = group?.value === value;
+  const handleChange = () => {
+    group?.onChange?.(value);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Radio,
+    {
+      ref,
+      name: group?.name,
+      value,
+      size: mergedSize,
+      color: mergedColor,
+      disabled: mergedDisabled,
+      checked: isChecked,
+      onChange: handleChange,
+      ...rest
+    }
+  );
+});
+var RadioGroup = React9.forwardRef(function RadioGroup2({
+  children,
+  value,
+  defaultValue,
+  onChange,
+  size = "md",
+  orientation = "vertical",
+  color = "primary",
+  disabled = false,
+  name,
+  gap = "md",
+  className = "",
+  ...rest
+}, ref) {
+  const [internalValue, setInternalValue] = React9__default.default.useState(defaultValue);
+  const groupName = name || React9__default.default.useId();
+  const currentValue = value ?? internalValue;
+  const handleChange = (newValue) => {
+    setInternalValue(newValue);
+    onChange?.(newValue);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RadioGroupContext.Provider,
+    {
+      value: {
+        name: groupName,
+        value: currentValue,
+        onChange: handleChange,
+        size,
+        color,
+        disabled
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          ref,
+          role: "radiogroup",
+          className: [
+            "rh-flex",
+            orientation === "vertical" ? "rh-flex-col" : "rh-flex-row rh-flex-wrap",
+            gapClasses[gap],
+            className
+          ].filter(Boolean).join(" "),
+          ...rest,
+          children
+        }
+      )
+    }
+  );
+});
 var statusClasses2 = {
   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"
@@ -1321,7 +1493,7 @@ var CheckIcon2 = ({ className }) => /* @__PURE__ */ jsxRuntime.jsx(
     )
   }
 );
-var Select = React8.forwardRef(function Select2(props, ref) {
+var Select = React9.forwardRef(function Select2(props, ref) {
   const {
     options,
     label,
@@ -1336,16 +1508,16 @@ var Select = React8.forwardRef(function Select2(props, ref) {
     wrapperClassName = "",
     multiple = false
   } = props;
-  const triggerId = React8__default.default.useId();
-  const listboxId = React8__default.default.useId();
-  const helperId = React8__default.default.useId();
-  const [isOpen, setIsOpen] = React8__default.default.useState(false);
-  const [activeIndex, setActiveIndex] = React8__default.default.useState(-1);
-  const wrapperRef = React8__default.default.useRef(null);
-  const innerRef = React8__default.default.useRef(null);
-  const listboxRef = React8__default.default.useRef(null);
-  React8__default.default.useImperativeHandle(ref, () => innerRef.current);
-  const [internalValue, setInternalValue] = React8__default.default.useState(() => {
+  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 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(() => {
     if (props.defaultValue !== void 0) {
       return Array.isArray(props.defaultValue) ? props.defaultValue : [props.defaultValue];
     }
@@ -1367,7 +1539,7 @@ var Select = React8.forwardRef(function Select2(props, ref) {
       innerRef.current?.focus();
     }
   };
-  const displayText = React8__default.default.useMemo(() => {
+  const displayText = React9__default.default.useMemo(() => {
     if (selectedValues.length === 0) return null;
     if (!multiple) {
       return options.find((o) => o.value === selectedValues[0])?.label ?? null;
@@ -1377,7 +1549,7 @@ var Select = React8.forwardRef(function Select2(props, ref) {
     if (selectedLabels.length === 1) return selectedLabels[0];
     return `${selectedLabels.length} selected`;
   }, [selectedValues, options, multiple]);
-  React8__default.default.useEffect(() => {
+  React9__default.default.useEffect(() => {
     if (!isOpen) return;
     const handleClickOutside = (e) => {
       if (wrapperRef.current && !wrapperRef.current.contains(e.target)) {
@@ -1387,7 +1559,7 @@ var Select = React8.forwardRef(function Select2(props, ref) {
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, [isOpen]);
-  React8__default.default.useEffect(() => {
+  React9__default.default.useEffect(() => {
     if (!isOpen) return;
     const handleEscape = (e) => {
       if (e.key === "Escape") {
@@ -1398,7 +1570,7 @@ var Select = React8.forwardRef(function Select2(props, ref) {
     document.addEventListener("keydown", handleEscape);
     return () => document.removeEventListener("keydown", handleEscape);
   }, [isOpen]);
-  React8__default.default.useEffect(() => {
+  React9__default.default.useEffect(() => {
     if (!isOpen || activeIndex < 0) return;
     const listbox = listboxRef.current;
     if (!listbox) return;
@@ -1407,7 +1579,7 @@ var Select = React8.forwardRef(function Select2(props, ref) {
       activeEl.scrollIntoView({ block: "nearest" });
     }
   }, [activeIndex, isOpen]);
-  React8__default.default.useEffect(() => {
+  React9__default.default.useEffect(() => {
     if (isOpen) {
       const firstSelectedIdx = options.findIndex(
         (o) => !o.disabled && selectedValues.includes(o.value)
@@ -1667,7 +1839,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 = React8.forwardRef(
+var Tooltip = React9.forwardRef(
   function Tooltip2({
     title,
     description,
@@ -1683,12 +1855,12 @@ var Tooltip = React8.forwardRef(
     children,
     className = ""
   }, ref) {
-    const [internalOpen, setInternalOpen] = React8.useState(false);
-    const enterTimerRef = React8.useRef(null);
-    const leaveTimerRef = React8.useRef(null);
+    const [internalOpen, setInternalOpen] = React9.useState(false);
+    const enterTimerRef = React9.useRef(null);
+    const leaveTimerRef = React9.useRef(null);
     const isControlled = controlledOpen !== void 0;
     const isOpen = isControlled ? controlledOpen : internalOpen;
-    const setOpen = React8.useCallback(
+    const setOpen = React9.useCallback(
       (value) => {
         if (!isControlled) {
           setInternalOpen(value);
@@ -1697,7 +1869,7 @@ var Tooltip = React8.forwardRef(
       },
       [isControlled, onOpenChange]
     );
-    const clearTimers = React8.useCallback(() => {
+    const clearTimers = React9.useCallback(() => {
       if (enterTimerRef.current) {
         clearTimeout(enterTimerRef.current);
         enterTimerRef.current = null;
@@ -1707,27 +1879,27 @@ var Tooltip = React8.forwardRef(
         leaveTimerRef.current = null;
       }
     }, []);
-    const handleEnter = React8.useCallback(() => {
+    const handleEnter = React9.useCallback(() => {
       clearTimers();
       enterTimerRef.current = setTimeout(() => {
         setOpen(true);
       }, enterDelay);
     }, [clearTimers, enterDelay, setOpen]);
-    const handleLeave = React8.useCallback(() => {
+    const handleLeave = React9.useCallback(() => {
       clearTimers();
       leaveTimerRef.current = setTimeout(() => {
         setOpen(false);
       }, leaveDelay);
     }, [clearTimers, leaveDelay, setOpen]);
-    const handleClose = React8.useCallback(() => {
+    const handleClose = React9.useCallback(() => {
       clearTimers();
       setOpen(false);
     }, [clearTimers, setOpen]);
-    React8.useEffect(() => {
+    React9.useEffect(() => {
       return () => clearTimers();
     }, [clearTimers]);
-    const triggerChild = React8__default.default.Children.only(children);
-    const triggerElement = React8__default.default.cloneElement(triggerChild, {
+    const triggerChild = React9__default.default.Children.only(children);
+    const triggerElement = React9__default.default.cloneElement(triggerChild, {
       onMouseEnter: (e) => {
         handleEnter();
         triggerChild.props.onMouseEnter?.(e);
@@ -1883,10 +2055,10 @@ var variantClasses2 = {
   circle: "rh-rounded-full",
   square: "rh-rounded-sm"
 };
-var Avatar = React8.forwardRef(function Avatar2({ src, alt = "", initials, size = "md", variant = "circle", colorFromName = false, className = "", style, ...rest }, ref) {
-  const [imgError, setImgError] = React8.useState(false);
+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);
   const showImage = src && !imgError;
-  const avatarColors = React8.useMemo(() => {
+  const avatarColors = React9.useMemo(() => {
     if (!colorFromName) return null;
     const name = initials || alt || "";
     return name ? getAvatarColors(name) : null;
@@ -1923,7 +2095,7 @@ var Avatar = React8.forwardRef(function Avatar2({ src, alt = "", initials, size
     }
   );
 });
-var PRESET_COLORS3 = /* @__PURE__ */ new Set([
+var PRESET_COLORS4 = /* @__PURE__ */ new Set([
   "primary",
   "secondary",
   "danger",
@@ -1931,7 +2103,7 @@ var PRESET_COLORS3 = /* @__PURE__ */ new Set([
   "success",
   "info"
 ]);
-var isPresetColor3 = (color) => PRESET_COLORS3.has(color);
+var isPresetColor4 = (color) => PRESET_COLORS4.has(color);
 var activePresetClasses = {
   primary: "rh-bg-primary rh-text-surface rh-border-primary",
   secondary: "rh-bg-secondary rh-text-surface rh-border-secondary",
@@ -1979,7 +2151,7 @@ function getCustomColorStyles(color, active) {
     color
   };
 }
-var Tag = React8.forwardRef(function Tag2({
+var Tag = React9.forwardRef(function Tag2({
   color = "primary",
   size = "md",
   active = false,
@@ -1992,7 +2164,7 @@ var Tag = React8.forwardRef(function Tag2({
   children,
   ...rest
 }, ref) {
-  const preset = isPresetColor3(color);
+  const preset = isPresetColor4(color);
   const clickable = !!rest.onClick && !disabled;
   const colorClasses3 = preset ? active ? activePresetClasses[color] : inactivePresetClasses[color] : "";
   const hoverClasses = clickable && preset ? active ? hoverActivePresetClasses[color] : hoverInactivePresetClasses[color] : clickable ? "hover:rh-brightness-95" : "";
@@ -2066,7 +2238,7 @@ var addButtonSizeClasses = {
   md: "rh-w-5 rh-h-5",
   lg: "rh-w-5 rh-h-5"
 };
-var TagInput = React8.forwardRef(function TagInput2({
+var TagInput = React9.forwardRef(function TagInput2({
   label,
   subtitle,
   options = [],
@@ -2081,10 +2253,10 @@ var TagInput = React8.forwardRef(function TagInput2({
   className = "",
   wrapperClassName = ""
 }, ref) {
-  const inputId = React8__default.default.useId();
-  const [isOpen, setIsOpen] = React8.useState(false);
-  const containerRef = React8.useRef(null);
-  React8.useEffect(() => {
+  const inputId = React9__default.default.useId();
+  const [isOpen, setIsOpen] = React9.useState(false);
+  const containerRef = React9.useRef(null);
+  React9.useEffect(() => {
     const handleClickOutside = (event) => {
       if (containerRef.current && !containerRef.current.contains(event.target)) {
         setIsOpen(false);
@@ -2306,7 +2478,7 @@ var TagInput = React8.forwardRef(function TagInput2({
     }
   );
 });
-var ProgressBar = React8.forwardRef(function ProgressBar2({ value, label, size = "sm", showPercentage = true, barColor, bgColor, className = "" }, ref) {
+var ProgressBar = React9.forwardRef(function ProgressBar2({ value, label, size = "sm", showPercentage = true, barColor, bgColor, className = "" }, ref) {
   const clampedValue = Math.min(100, Math.max(0, value));
   if (size === "lg") {
     return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -2374,7 +2546,7 @@ var ProgressBar = React8.forwardRef(function ProgressBar2({ value, label, size =
     }
   );
 });
-var PRESET_COLORS4 = /* @__PURE__ */ new Set([
+var PRESET_COLORS5 = /* @__PURE__ */ new Set([
   "primary",
   "secondary",
   "danger",
@@ -2382,7 +2554,7 @@ var PRESET_COLORS4 = /* @__PURE__ */ new Set([
   "success",
   "info"
 ]);
-var isPresetColor4 = (color) => PRESET_COLORS4.has(color);
+var isPresetColor5 = (color) => PRESET_COLORS5.has(color);
 var sizeClasses10 = {
   sm: { container: "rh-h-8", button: "rh-px-2 rh-text-xs" },
   md: { container: "rh-h-9", button: "rh-px-3 rh-text-sm" },
@@ -2412,7 +2584,7 @@ function ToggleGroupInner({
   className = "",
   ...rest
 }, ref) {
-  const preset = isPresetColor4(color);
+  const preset = isPresetColor5(color);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -2462,7 +2634,7 @@ function ToggleGroupInner({
     }
   );
 }
-var ToggleGroup = React8.forwardRef(ToggleGroupInner);
+var ToggleGroup = React9.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",
@@ -2482,7 +2654,7 @@ var paddingClasses = {
   md: "rh-p-4",
   lg: "rh-p-6"
 };
-var Card = React8.forwardRef(function Card2({
+var Card = React9.forwardRef(function Card2({
   variant = "outlined",
   radius = "sm",
   padding = "md",
@@ -2514,7 +2686,7 @@ var Card = React8.forwardRef(function Card2({
     }
   );
 });
-var CardHeader = React8.forwardRef(function CardHeader2({ className = "", children, ...rest }, ref) {
+var CardHeader = React9.forwardRef(function CardHeader2({ className = "", children, ...rest }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -2525,10 +2697,10 @@ var CardHeader = React8.forwardRef(function CardHeader2({ className = "", childr
     }
   );
 });
-var CardContent = React8.forwardRef(function CardContent2({ className = "", children, ...rest }, ref) {
+var CardContent = React9.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 = React8.forwardRef(function CardFooter2({ className = "", children, ...rest }, ref) {
+var CardFooter = React9.forwardRef(function CardFooter2({ className = "", children, ...rest }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -2542,7 +2714,7 @@ var CardFooter = React8.forwardRef(function CardFooter2({ className = "", childr
     }
   );
 });
-var PRESET_COLORS5 = /* @__PURE__ */ new Set([
+var PRESET_COLORS6 = /* @__PURE__ */ new Set([
   "primary",
   "secondary",
   "danger",
@@ -2550,7 +2722,7 @@ var PRESET_COLORS5 = /* @__PURE__ */ new Set([
   "success",
   "info"
 ]);
-var isPresetColor5 = (color) => PRESET_COLORS5.has(color);
+var isPresetColor6 = (color) => PRESET_COLORS6.has(color);
 var sizeClasses11 = {
   xs: "rh-w-3 rh-h-3",
   sm: "rh-w-4 rh-h-4",
@@ -2566,8 +2738,8 @@ var colorClasses = {
   success: "rh-text-success",
   info: "rh-text-info"
 };
-var Spinner = React8.forwardRef(function Spinner2({ size = "md", color = "primary", label = "Carregando...", className = "", style, ...rest }, ref) {
-  const preset = isPresetColor5(color);
+var Spinner = React9.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 };
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -2776,7 +2948,7 @@ function TableInner({
     }
   ) });
 }
-var Table = React8.forwardRef(TableInner);
+var Table = React9.forwardRef(TableInner);
 var defaultElements = {
   h1: "h1",
   h2: "h2",
@@ -2786,66 +2958,105 @@ var defaultElements = {
   h6: "h6",
   bodyLg: "p",
   body: "p",
+  bodySm: "p",
   label: "span",
   labelSm: "span",
+  labelLg: "span",
+  formLabel: "label",
+  formText: "span",
+  formHelper: "span",
+  sectionTitle: "h3",
+  modalTitle: "h2",
   caption: "span",
   captionSm: "span",
   menu: "span",
-  overline: "span"
+  overline: "span",
+  link: "span"
 };
 var variantClasses4 = {
   // Headings - Sora font
   h1: "rh-text-4xl rh-font-bold rh-leading-tight rh-font-display",
-  // 32px
+  // 36px Sora Bold
   h2: "rh-text-2xl rh-font-bold rh-leading-snug rh-font-display",
-  // 24px
+  // 24px Sora Bold
   h3: "rh-text-xl rh-font-semibold rh-leading-snug rh-font-display",
-  // 20px
+  // 20px Sora SemiBold
   h4: "rh-text-lg rh-font-semibold rh-leading-snug rh-font-display",
-  // 18px
+  // 18px Sora SemiBold
   h5: "rh-text-base rh-font-bold rh-leading-normal rh-font-display",
   // 16px Sora Bold
   h6: "rh-text-sm rh-font-bold rh-leading-normal rh-font-display",
   // 14px Sora Bold
   // Body - Inter font
   bodyLg: "rh-text-base rh-font-normal rh-leading-normal rh-font-body",
-  // 16px
+  // 16px Inter
   body: "rh-text-sm rh-font-normal rh-leading-normal rh-font-body",
-  // 14px
+  // 14px Inter
+  bodySm: "rh-text-xs rh-font-normal rh-leading-normal rh-font-body",
+  // 12px Inter
   // Labels - Inter font
   label: "rh-text-sm rh-font-medium rh-leading-normal rh-font-body",
-  // 14px Medium
-  labelSm: "rh-text-sm rh-font-semibold rh-leading-normal rh-font-body",
-  // 14px SemiBold
+  // 14px Inter Medium
+  labelSm: "rh-text-xs rh-font-medium rh-leading-normal rh-font-body",
+  // 12px Inter Medium
+  labelLg: "rh-text-base rh-font-medium rh-leading-normal rh-font-body",
+  // 16px Inter Medium
+  // Form specific - Inter font (mais usados no projeto)
+  formLabel: "rh-text-sm rh-font-semibold rh-leading-normal rh-font-body",
+  // 14px Inter SemiBold
+  formText: "rh-text-sm rh-font-normal rh-leading-normal rh-font-body",
+  // 14px Inter Normal
+  formHelper: "rh-text-xs rh-font-normal rh-leading-normal rh-font-body",
+  // 12px Inter Normal
+  // Section titles - Inter font
+  sectionTitle: "rh-text-base rh-font-semibold rh-leading-normal rh-font-body",
+  // 16px Inter SemiBold (Dados da empresa:)
+  modalTitle: "rh-text-base rh-font-bold rh-leading-normal rh-font-display",
+  // 16px Sora Bold (títulos de modal)
   // Captions - Inter font
   caption: "rh-text-xs rh-font-normal rh-leading-normal rh-font-body",
-  // 12px
+  // 12px Inter
   captionSm: "rh-text-2xs rh-font-normal rh-leading-tight rh-font-body",
-  // 10px
-  // Special - Sora/Inter font
+  // 10px Inter
+  // Special
   menu: "rh-text-xs rh-font-bold rh-leading-normal rh-font-display",
   // 12px Sora Bold
-  overline: "rh-text-2xs rh-font-semibold rh-leading-tight rh-font-body rh-tracking-wide"
-  // 10px Inter SemiBold
+  overline: "rh-text-2xs rh-font-semibold rh-leading-tight rh-font-body rh-tracking-wide rh-uppercase",
+  // 10px Inter SemiBold UPPERCASE
+  link: "rh-text-sm rh-font-medium rh-leading-normal rh-font-body rh-underline"
+  // 14px Inter Medium underline
 };
 var colorClasses2 = {
   default: "rh-text-text",
   muted: "rh-text-text-muted",
   primary: "rh-text-primary",
+  secondary: "rh-text-secondary",
   danger: "rh-text-danger",
   success: "rh-text-success",
-  warning: "rh-text-warning"
+  warning: "rh-text-warning",
+  info: "rh-text-info"
 };
-var Typography = React8.forwardRef(function Typography2({ variant = "body", color = "default", bold = false, as, className = "", children, ...rest }, ref) {
+var Typography = React9.forwardRef(function Typography2({
+  variant = "body",
+  color = "default",
+  bold = false,
+  semibold = false,
+  medium = false,
+  as,
+  className = "",
+  children,
+  ...rest
+}, ref) {
   const element = as ?? defaultElements[variant];
-  return React8__default.default.createElement(
+  const weightClass = bold ? "rh-font-bold" : semibold ? "rh-font-semibold" : medium ? "rh-font-medium" : "";
+  return React9__default.default.createElement(
     element,
     {
       ref,
       className: [
         variantClasses4[variant],
         colorClasses2[color],
-        bold ? "rh-font-bold" : "",
+        weightClass,
         className
       ].filter(Boolean).join(" "),
       ...rest
@@ -2890,7 +3101,7 @@ function getVisiblePages(currentPage, totalPages, maxVisible) {
   }
   return pages;
 }
-var Pagination = React8.forwardRef(function Pagination2({
+var Pagination = React9.forwardRef(function Pagination2({
   currentPage,
   totalPages,
   onPageChange,
@@ -2899,7 +3110,7 @@ var Pagination = React8.forwardRef(function Pagination2({
   className = "",
   disabled = false
 }, ref) {
-  const visiblePages = React8.useMemo(
+  const visiblePages = React9.useMemo(
     () => getVisiblePages(currentPage, totalPages, maxVisible),
     [currentPage, totalPages, maxVisible]
   );
@@ -3006,7 +3217,7 @@ var Pagination = React8.forwardRef(function Pagination2({
     }
   );
 });
-var Container = React8.forwardRef(
+var Container = React9.forwardRef(
   function Container2({ fluid = false, className = "", children, ...rest }, ref) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -3038,7 +3249,7 @@ var colsClasses = {
   11: "rh-grid-cols-11",
   12: "rh-grid-cols-12"
 };
-var GridContainer = React8.forwardRef(
+var GridContainer = React9.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;
@@ -3139,7 +3350,7 @@ var desktopLgSpanClasses = {
   11: "desktop-lg:rh-col-span-11",
   12: "desktop-lg:rh-col-span-12"
 };
-var GridItem = React8.forwardRef(
+var GridItem = React9.forwardRef(
   function GridItem2({
     mobile = 4,
     mobileSm,
@@ -3197,6 +3408,9 @@ exports.NeutralIcon = NeutralIcon;
 exports.Pagination = Pagination;
 exports.PlusIcon = PlusIcon;
 exports.ProgressBar = ProgressBar;
+exports.Radio = Radio;
+exports.RadioGroup = RadioGroup;
+exports.RadioOption = RadioOption;
 exports.RehagroProvider = RehagroProvider;
 exports.SearchIcon = SearchIcon;
 exports.Select = Select;