@rehagro/ui 1.0.47 → 1.0.49

package/dist/index.mjs

@@ -1112,6 +1112,7 @@ var TextInput = forwardRef(function TextInput2({
   className = "",
   wrapperClassName = "",
   borderColor,
+  backgroundColor,
   borderWidth = "sm",
   id,
   ...rest
@@ -1121,6 +1122,10 @@ var TextInput = forwardRef(function TextInput2({
   const [isHelperDismissed, setIsHelperDismissed] = React9.useState(false);
   const { onChange, ...inputProps } = rest;
   const visualStatus = helperText && isHelperDismissed ? "default" : status;
+  const containerStyle = {
+    ...borderColor ? { borderColor } : {},
+    ...!disabled && backgroundColor ? { backgroundColor } : {}
+  };
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -1140,7 +1145,7 @@ var TextInput = forwardRef(function TextInput2({
         /* @__PURE__ */ jsxs(
           "div",
           {
-            style: borderColor ? { borderColor } : void 0,
+            style: containerStyle,
             className: [
               "rh-flex rh-items-center rh-gap-2",
               "rh-bg-surface rh-font-body",
@@ -1588,7 +1593,8 @@ var Select = forwardRef(function Select2(props, ref) {
     disabled = false,
     className = "",
     wrapperClassName = "",
-    multiple = false
+    multiple = false,
+    backgroundColor
   } = props;
   const triggerId = React9.useId();
   const listboxId = React9.useId();
@@ -1767,9 +1773,11 @@ var Select = forwardRef(function Select2(props, ref) {
             disabled,
             onClick: () => !disabled && setIsOpen((o) => !o),
             onKeyDown: handleKeyDown,
+            style: backgroundColor ? { backgroundColor } : void 0,
             className: [
               "rh-group rh-flex rh-items-center rh-justify-between rh-gap-2",
-              "rh-border rh-bg-surface rh-font-body",
+              "rh-border rh-font-body",
+              !backgroundColor && "rh-bg-surface",
               "rh-transition-colors rh-duration-150",
               "rh-text-left rh-w-full",
               statusClasses2[visualStatus],
@@ -1793,7 +1801,7 @@ var Select = forwardRef(function Select2(props, ref) {
                 ChevronIcon,
                 {
                   className: [
-                    "rh-w-5 rh-h-5 rh-shrink-0 rh-text-text-muted rh-transition-transform rh-duration-150",
+                    "rh-w-4 rh-h-4 rh-shrink-0 rh-text-text-muted rh-transition-transform rh-duration-150 rh-bg-surface rh-rounded-xl",
                     isOpen ? "rh-rotate-180" : ""
                   ].filter(Boolean).join(" ")
                 }
@@ -1883,6 +1891,776 @@ var Select = forwardRef(function Select2(props, ref) {
     }
   );
 });
+var MONTHS = [
+  "Janeiro",
+  "Fevereiro",
+  "Mar\xE7o",
+  "Abril",
+  "Maio",
+  "Junho",
+  "Julho",
+  "Agosto",
+  "Setembro",
+  "Outubro",
+  "Novembro",
+  "Dezembro"
+];
+var MONTHS_SHORT = [
+  "Jan",
+  "Fev",
+  "Mar",
+  "Abr",
+  "Mai",
+  "Jun",
+  "Jul",
+  "Ago",
+  "Set",
+  "Out",
+  "Nov",
+  "Dez"
+];
+var MODE_OPTIONS = [
+  { value: "interval", label: "Intervalo" },
+  { value: "day", label: "Dia" },
+  { value: "month", label: "M\xEAs" },
+  { value: "year", label: "Ano" }
+];
+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 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 radiusClasses5 = {
+  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 dropdownRadiusClasses2 = {
+  none: "rh-rounded-none",
+  xxs: "rh-rounded-xxs",
+  xs: "rh-rounded-xs",
+  sm: "rh-rounded-xs",
+  md: "rh-rounded-xs",
+  lg: "rh-rounded-xs",
+  xl: "rh-rounded-xs",
+  full: "rh-rounded-xs"
+};
+var helperStatusClasses3 = {
+  default: "rh-text-text-muted",
+  error: "rh-text-danger"
+};
+var getSubtitleClassName3 = (subtitle) => subtitle.trim() === "*" ? "rh-text-danger" : "rh-text-text-muted";
+var ChevronIcon2 = ({ className }) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    className,
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        fillRule: "evenodd",
+        d: "M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z",
+        clipRule: "evenodd"
+      }
+    )
+  }
+);
+var ChevronLeftIcon = ({ className }) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    className,
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        fillRule: "evenodd",
+        d: "M12.79 5.23a.75.75 0 01-.02 1.06L8.832 10l3.938 3.71a.75.75 0 11-1.04 1.08l-4.5-4.25a.75.75 0 010-1.08l4.5-4.25a.75.75 0 011.06.02z",
+        clipRule: "evenodd"
+      }
+    )
+  }
+);
+var ChevronRightIcon = ({ className }) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    className,
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        fillRule: "evenodd",
+        d: "M7.21 14.77a.75.75 0 010-1.06L11.168 10 7.23 6.29a.75.75 0 011.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z",
+        clipRule: "evenodd"
+      }
+    )
+  }
+);
+var EraserIcon = ({ className }) => /* @__PURE__ */ jsx("svg", { width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    d: "M15.3134 13.7509H9.45406L16.2384 6.96656C16.4416 6.76343 16.6027 6.52227 16.7127 6.25686C16.8226 5.99145 16.8792 5.70697 16.8792 5.41969C16.8792 5.1324 16.8226 4.84793 16.7127 4.58252C16.6027 4.3171 16.4416 4.07594 16.2384 3.87281L13.0033 0.640783C12.8002 0.437631 12.559 0.276481 12.2936 0.166535C12.0282 0.0565888 11.7437 0 11.4564 0C11.1691 0 10.8846 0.0565888 10.6192 0.166535C10.3538 0.276481 10.1127 0.437631 9.90953 0.640783L0.640783 9.90875C0.437631 10.1119 0.276481 10.353 0.166535 10.6185C0.0565888 10.8839 0 11.1683 0 11.4556C0 11.7429 0.0565888 12.0274 0.166535 12.2928C0.276481 12.5582 0.437631 12.7994 0.640783 13.0025L2.98922 15.3517C3.07635 15.4388 3.17977 15.5078 3.29358 15.5548C3.40739 15.6019 3.52935 15.626 3.6525 15.6259H15.3134C15.5621 15.6259 15.8005 15.5272 15.9763 15.3514C16.1522 15.1755 16.2509 14.9371 16.2509 14.6884C16.2509 14.4398 16.1522 14.2013 15.9763 14.0255C15.8005 13.8497 15.5621 13.7509 15.3134 13.7509ZM11.2353 1.96656C11.2643 1.93751 11.2988 1.91446 11.3367 1.89873C11.3747 1.88301 11.4153 1.87491 11.4564 1.87491C11.4975 1.87491 11.5381 1.88301 11.5761 1.89873C11.614 1.91446 11.6485 1.93751 11.6775 1.96656L14.9103 5.19938C14.9688 5.25796 15.0016 5.33733 15.0016 5.42008C15.0016 5.50283 14.9688 5.5822 14.9103 5.64078L10.9384 9.61031L7.26656 5.93844L11.2353 1.96656ZM4.04078 13.7509L1.96656 11.6767C1.90812 11.6181 1.8753 11.5388 1.8753 11.456C1.8753 11.3733 1.90812 11.2939 1.96656 11.2353L5.93844 7.26656L9.61031 10.9384L6.79781 13.7509H4.04078Z",
+    fill: "#374151"
+  }
+) });
+var DateSelect = forwardRef(
+  function DateSelect2(props, ref) {
+    const {
+      label,
+      subtitle,
+      placeholder = "Selecione",
+      status = "default",
+      size = "md",
+      radius = "xs",
+      helperText,
+      disabled = false,
+      className = "",
+      wrapperClassName = "",
+      startYear,
+      endYear,
+      backgroundColor
+    } = props;
+    const triggerId = React9.useId();
+    const helperId = React9.useId();
+    const [isOpen, setIsOpen] = useState(false);
+    const [isHelperDismissed, setIsHelperDismissed] = useState(false);
+    const [internalValue, setInternalValue] = useState(
+      props.defaultValue ?? { mode: "day" }
+    );
+    const isControlled = props.value !== void 0;
+    const value = isControlled ? props.value ?? internalValue : internalValue;
+    const [activeMode, setActiveMode] = useState(value.mode ?? "day");
+    const [selectedYear, setSelectedYear] = useState((/* @__PURE__ */ new Date()).getFullYear());
+    const [selectedMonth, setSelectedMonth] = useState((/* @__PURE__ */ new Date()).getMonth());
+    const rightMonth = selectedMonth === 11 ? 0 : selectedMonth + 1;
+    const rightYear = selectedMonth === 11 ? selectedYear + 1 : selectedYear;
+    const [intervalStart, setIntervalStart] = useState(value.startDate);
+    const [intervalEnd, setIntervalEnd] = useState(value.endDate);
+    const [hoverDate, setHoverDate] = useState();
+    const [yearGridStart, setYearGridStart] = useState(
+      Math.floor((/* @__PURE__ */ new Date()).getFullYear() / 12) * 12
+    );
+    const wrapperRef = React9.useRef(null);
+    const innerRef = React9.useRef(null);
+    React9.useImperativeHandle(ref, () => innerRef.current);
+    const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
+    const yearStart = startYear ?? currentYear - 10;
+    const yearEnd = endYear ?? currentYear + 10;
+    const visualStatus = helperText && isHelperDismissed ? "default" : status;
+    const handleChange = (newValue) => {
+      if (helperText) setIsHelperDismissed(true);
+      if (!isControlled) setInternalValue(newValue);
+      props.onChange?.(newValue);
+      if (newValue.mode !== "interval") {
+        setIsOpen(false);
+      }
+    };
+    const handleIntervalApply = () => {
+      if (!intervalStart || !intervalEnd) return;
+      const newValue = {
+        mode: "interval",
+        startDate: intervalStart,
+        endDate: intervalEnd
+      };
+      if (helperText) setIsHelperDismissed(true);
+      if (!isControlled) setInternalValue(newValue);
+      props.onChange?.(newValue);
+      setIsOpen(false);
+    };
+    const handleIntervalClear = () => {
+      setIntervalStart(void 0);
+      setIntervalEnd(void 0);
+      setHoverDate(void 0);
+      const newValue = { mode: "interval" };
+      if (!isControlled) setInternalValue(newValue);
+      props.onChange?.(newValue);
+    };
+    const displayText = React9.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}`;
+      if (value.mode === "day" && value.year != null)
+        return `${value.day}/${(value.month ?? 0) + 1}/${value.year}`;
+      if (value.mode === "interval" && value.startDate && value.endDate) {
+        return `${value.startDate.toLocaleDateString("pt-BR")} - ${value.endDate.toLocaleDateString("pt-BR")}`;
+      }
+      return null;
+    }, [value]);
+    React9.useEffect(() => {
+      if (!isOpen) return;
+      const handleClickOutside = (e) => {
+        if (wrapperRef.current && !wrapperRef.current.contains(e.target)) {
+          setIsOpen(false);
+        }
+      };
+      document.addEventListener("mousedown", handleClickOutside);
+      return () => document.removeEventListener("mousedown", handleClickOutside);
+    }, [isOpen]);
+    React9.useEffect(() => {
+      if (!isOpen) return;
+      const handleEscape = (e) => {
+        if (e.key === "Escape") {
+          setIsOpen(false);
+          innerRef.current?.focus();
+        }
+      };
+      document.addEventListener("keydown", handleEscape);
+      return () => document.removeEventListener("keydown", handleEscape);
+    }, [isOpen]);
+    const getDaysInMonth2 = (year, month) => new Date(year, month + 1, 0).getDate();
+    const getFirstDayOfMonth2 = (year, month) => new Date(year, month, 1).getDay();
+    const isSameDay = (a, b) => a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
+    const isInRange = (date, start, end) => {
+      if (!start) return false;
+      const ref2 = end ?? hoverDate;
+      if (!ref2) return false;
+      const [lo, hi] = start <= ref2 ? [start, ref2] : [ref2, start];
+      return date > lo && date < hi;
+    };
+    const renderModeTabs = () => /* @__PURE__ */ jsx("div", { className: "rh-flex rh-border-b rh-border-border rh-bg-transparent", children: MODE_OPTIONS.map((option) => /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: () => setActiveMode(option.value),
+        className: [
+          "rh-flex-1 rh-py-2 rh-px-4 rh-text-sm rh-transition-colors rh-duration-150 rh-text-text rh-font-bold",
+          "rh-border-b-2 -rh-mb-px",
+          activeMode === option.value ? "rh-border-primary" : "rh-border-transparent hover:rh-border-border"
+        ].join(" "),
+        children: option.label
+      },
+      option.value
+    )) });
+    const renderYearGrid = () => /* @__PURE__ */ jsxs("div", { className: "rh-p-1", children: [
+      /* @__PURE__ */ jsxs("div", { className: "rh-flex rh-items-center rh-justify-between", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => setYearGridStart((s) => s - 12),
+            className: "rh-p-1 hover:rh-bg-background rh-rounded",
+            children: /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "rh-w-5 rh-h-5" })
+          }
+        ),
+        /* @__PURE__ */ jsxs("span", { className: "rh-text-sm rh-font-medium rh-text-text", children: [
+          yearGridStart,
+          " \u2013 ",
+          yearGridStart + 11
+        ] }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => setYearGridStart((s) => s + 12),
+            className: "rh-p-1 hover:rh-bg-background rh-rounded",
+            children: /* @__PURE__ */ jsx(ChevronRightIcon, { className: "rh-w-5 rh-h-5" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "100%",
+          height: "1",
+          viewBox: "0 0 350 1",
+          fill: "none",
+          className: "rh-mb-3",
+          children: /* @__PURE__ */ jsx("path", { d: "M0 0.5H350", stroke: "#F5F5F5" })
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "rh-grid rh-grid-cols-4 rh-gap-2", children: Array.from({ length: 12 }, (_, i) => yearGridStart + i).map((year) => {
+        const isSelected = value.mode === "year" && value.year === year;
+        const outOfRange = year < yearStart || year > yearEnd;
+        return /* @__PURE__ */ jsx(
+          "button",
+          {
+            disabled: outOfRange,
+            onClick: () => handleChange({ mode: "year", year }),
+            className: [
+              "rh-rounded-sm rh-py-4 rh-w-auto rh-text-sm rh-transition-colors rh-duration-150 rh-border-border rh-border",
+              isSelected ? "rh-bg-primary rh-text-surface" : "rh-text-text hover:rh-bg-background",
+              outOfRange ? "rh-opacity-30 rh-cursor-not-allowed" : ""
+            ].join(" "),
+            children: year
+          },
+          year
+        );
+      }) })
+    ] });
+    const renderMonthGrid = () => /* @__PURE__ */ jsxs("div", { className: "rh-p-1", children: [
+      /* @__PURE__ */ jsxs("div", { className: "rh-flex rh-items-center rh-justify-between", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => setSelectedYear((y) => y - 1),
+            className: "rh-p-1 hover:rh-bg-background rh-rounded",
+            children: /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "rh-w-5 rh-h-5" })
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "rh-text-sm rh-font-medium rh-text-text", children: selectedYear }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => setSelectedYear((y) => y + 1),
+            className: "rh-p-1 hover:rh-bg-background rh-rounded",
+            children: /* @__PURE__ */ jsx(ChevronRightIcon, { className: "rh-w-5 rh-h-5" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "100%",
+          height: "1",
+          viewBox: "0 0 350 1",
+          fill: "none",
+          className: "rh-mb-3",
+          children: /* @__PURE__ */ jsx("path", { d: "M0 0.5H350", stroke: "#F5F5F5" })
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "rh-grid rh-grid-cols-4 rh-gap-2", children: MONTHS.map((month, index) => {
+        const isSelected = value.mode === "month" && value.year === selectedYear && value.month === index;
+        return /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => handleChange({ mode: "month", year: selectedYear, month: index }),
+            className: [
+              "rh-rounded-sm rh-py-4 rh-w-auto rh-text-sm rh-transition-colors rh-duration-150 rh-border-border rh-border",
+              isSelected ? "rh-bg-primary rh-text-surface" : "rh-text-text hover:rh-bg-background"
+            ].join(" "),
+            children: month
+          },
+          month
+        );
+      }) })
+    ] });
+    const renderIntervalNav = () => /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsxs("div", { className: "rh-flex rh-gap-4 rh-p-1", children: [
+        /* @__PURE__ */ jsxs("div", { className: "rh-flex-1", children: [
+          /* @__PURE__ */ jsxs("div", { className: "rh-flex rh-items-center rh-justify-between", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: () => {
+                  if (selectedMonth === 0) {
+                    setSelectedMonth(11);
+                    setSelectedYear((y) => y - 1);
+                  } else setSelectedMonth((m) => m - 1);
+                },
+                className: "rh-p-1 hover:rh-bg-background rh-rounded",
+                children: /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "rh-w-5 rh-h-5" })
+              }
+            ),
+            /* @__PURE__ */ jsxs("span", { className: "rh-text-sm rh-font-medium rh-text-text", children: [
+              MONTHS[selectedMonth],
+              " - ",
+              selectedYear
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "rh-w-7" })
+          ] }),
+          /* @__PURE__ */ jsx(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "100%",
+              height: "1",
+              viewBox: "0 0 350 1",
+              fill: "none",
+              className: "rh-mb-3",
+              children: /* @__PURE__ */ jsx("path", { d: "M0 0.5H350", stroke: "#F5F5F5" })
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "rh-grid rh-grid-cols-7 rh-mb-1", children: ["D", "S", "T", "Q", "Q", "S", "S"].map((d, i) => /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "rh-text-center rh-text-xs rh-text-text-muted rh-font-medium rh-py-1",
+              children: d
+            },
+            i
+          )) }),
+          renderIntervalDays(selectedYear, selectedMonth)
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "rh-w-px rh-bg-border/30 rh-self-stretch" }),
+        /* @__PURE__ */ jsxs("div", { className: "rh-flex-1", children: [
+          /* @__PURE__ */ jsxs("div", { className: "rh-flex rh-items-center rh-justify-between", children: [
+            /* @__PURE__ */ jsx("div", { className: "rh-w-7" }),
+            /* @__PURE__ */ jsxs("span", { className: "rh-text-sm rh-font-medium rh-text-text", children: [
+              MONTHS[rightMonth],
+              " - ",
+              rightYear
+            ] }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: () => {
+                  if (selectedMonth === 11) {
+                    setSelectedMonth(0);
+                    setSelectedYear((y) => y + 1);
+                  } else setSelectedMonth((m) => m + 1);
+                },
+                className: "rh-p-1 hover:rh-bg-background rh-rounded",
+                children: /* @__PURE__ */ jsx(ChevronRightIcon, { className: "rh-w-5 rh-h-5" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "100%",
+              height: "1",
+              viewBox: "0 0 350 1",
+              fill: "none",
+              className: "rh-mb-3",
+              children: /* @__PURE__ */ jsx("path", { d: "M0 0.5H350", stroke: "#F5F5F5" })
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "rh-grid rh-grid-cols-7 rh-mb-1", children: ["D", "S", "T", "Q", "Q", "S", "S"].map((d, i) => /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "rh-text-center rh-text-xs rh-text-text-muted rh-font-medium rh-py-1",
+              children: d
+            },
+            i
+          )) }),
+          renderIntervalDays(rightYear, rightMonth)
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "rh-flex rh-items-center rh-justify-between rh-pt-3 rh-mt-3 rh-border-t rh-border-border/30", children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: handleIntervalClear,
+            className: "rh-flex rh-items-center rh-gap-1.5 rh-text-sm rh-text-text rh-font-medium rh-px-2 rh-py-1.5 rh-rounded-sm hover:rh-bg-background rh-transition-colors rh-duration-150",
+            children: [
+              /* @__PURE__ */ jsx(EraserIcon, { className: "rh-w-4 rh-h-4" }),
+              "Limpar"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: handleIntervalApply,
+            disabled: !intervalStart || !intervalEnd,
+            style: {
+              backgroundColor: intervalStart && intervalEnd ? "#87A851" : "#87A85180",
+              pointerEvents: !intervalStart || !intervalEnd ? "none" : "auto"
+            },
+            className: [
+              "rh-text-sm rh-font-medium rh-px-4 rh-py-1.5 rh-rounded-lg rh-transition-colors rh-duration-150",
+              intervalStart && intervalEnd ? "rh-text-surface hover:rh-opacity-90" : " rh-text-surface"
+            ].join(" "),
+            children: "Aplicar"
+          }
+        )
+      ] })
+    ] });
+    const renderIntervalDays = (calYear, calMonth) => {
+      const daysInMonth = getDaysInMonth2(calYear, calMonth);
+      const firstDay = getFirstDayOfMonth2(calYear, calMonth);
+      const days = Array.from({ length: daysInMonth }, (_, i) => i + 1);
+      const prevMonth = calMonth === 0 ? 11 : calMonth - 1;
+      const prevYear = calMonth === 0 ? calYear - 1 : calYear;
+      const daysInPrevMonth = getDaysInMonth2(prevYear, prevMonth);
+      const prevDays = Array.from(
+        { length: firstDay },
+        (_, i) => daysInPrevMonth - firstDay + i + 1
+      );
+      const totalCells = firstDay + daysInMonth;
+      const nextDaysCount = totalCells % 7 === 0 ? 0 : 7 - totalCells % 7;
+      const nextDays = Array.from({ length: nextDaysCount }, (_, i) => i + 1);
+      const handleDayClick = (day) => {
+        const clicked = new Date(calYear, calMonth, day);
+        if (!intervalStart || intervalStart && intervalEnd) {
+          setIntervalStart(clicked);
+          setIntervalEnd(void 0);
+        } else {
+          const [lo, hi] = clicked >= intervalStart ? [intervalStart, clicked] : [clicked, intervalStart];
+          setIntervalStart(lo);
+          setIntervalEnd(hi);
+        }
+      };
+      const getDayClasses = (day) => {
+        const date = new Date(calYear, calMonth, day);
+        const isStart = intervalStart && isSameDay(date, intervalStart);
+        const isEnd = intervalEnd && isSameDay(date, intervalEnd);
+        const isHoverEnd = !intervalEnd && hoverDate && isSameDay(date, hoverDate) && intervalStart;
+        const inRange = isInRange(date, intervalStart, intervalEnd);
+        const inHoverRange = !intervalEnd && isInRange(date, intervalStart, hoverDate);
+        return [
+          "rh-w-7 rh-h-7 rh-flex rh-items-center rh-justify-center rh-text-sm rh-transition-colors rh-duration-150 ",
+          "rh-rounded-lg",
+          isStart || isEnd ? "rh-bg-primary rh-text-surface" : "",
+          isHoverEnd && !isStart ? "rh-bg-primary/70 rh-text-surface" : "",
+          inRange || inHoverRange ? "rh-bg-primary/10 rh-text-text" : "",
+          !isStart && !isEnd && !inRange && !inHoverRange && !isHoverEnd ? "rh-text-text hover:rh-ring-1 hover:rh-ring-[#15607A]" : ""
+        ].join(" ");
+      };
+      return /* @__PURE__ */ jsxs("div", { className: "rh-grid rh-grid-cols-7 rh-gap-0 rh-text-center", children: [
+        prevDays.map((d, i) => /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "rh-w-7 rh-h-7 rh-flex rh-items-center rh-justify-center rh-text-sm rh-text-text-muted rh-opacity-40",
+            children: d
+          },
+          `prev-${i}`
+        )),
+        days.map((day) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => handleDayClick(day),
+            onMouseEnter: () => {
+              if (intervalStart && !intervalEnd) {
+                setHoverDate(new Date(calYear, calMonth, day));
+              }
+            },
+            onMouseLeave: () => setHoverDate(void 0),
+            className: getDayClasses(day),
+            children: day
+          },
+          day
+        )),
+        nextDays.map((d, i) => /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "rh-w-7 rh-h-7 rh-flex rh-items-center rh-justify-center rh-text-sm rh-text-text-muted rh-opacity-40",
+            children: d
+          },
+          `next-${i}`
+        ))
+      ] });
+    };
+    const renderContent = () => {
+      switch (activeMode) {
+        case "interval":
+          return renderIntervalNav();
+        case "day":
+          return /* @__PURE__ */ jsxs("div", { className: "rh-p-1", children: [
+            /* @__PURE__ */ jsxs("div", { className: "rh-flex rh-items-center rh-justify-between", children: [
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  onClick: () => {
+                    if (selectedMonth === 0) {
+                      setSelectedMonth(11);
+                      setSelectedYear((y) => y - 1);
+                    } else setSelectedMonth((m) => m - 1);
+                  },
+                  className: "rh-p-1 hover:rh-bg-background rh-rounded",
+                  children: /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "rh-w-5 rh-h-5" })
+                }
+              ),
+              /* @__PURE__ */ jsxs("span", { className: "rh-text-sm rh-font-medium rh-text-text", children: [
+                MONTHS[selectedMonth],
+                " - ",
+                selectedYear
+              ] }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  onClick: () => {
+                    if (selectedMonth === 11) {
+                      setSelectedMonth(0);
+                      setSelectedYear((y) => y + 1);
+                    } else setSelectedMonth((m) => m + 1);
+                  },
+                  className: "rh-p-1 hover:rh-bg-background rh-rounded",
+                  children: /* @__PURE__ */ jsx(ChevronRightIcon, { className: "rh-w-5 rh-h-5" })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx(
+              "svg",
+              {
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "100%",
+                height: "1",
+                viewBox: "0 0 350 1",
+                fill: "none",
+                className: "rh-mb-3",
+                children: /* @__PURE__ */ jsx("path", { d: "M0 0.5H350", stroke: "#F5F5F5" })
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "rh-grid rh-grid-cols-7 rh-mb-1", children: ["D", "S", "T", "Q", "Q", "S", "S"].map((d, i) => /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "rh-text-center rh-text-xs rh-text-text-muted rh-font-medium rh-py-1",
+                children: d
+              },
+              i
+            )) }),
+            renderDayGrid(selectedYear, selectedMonth)
+          ] });
+        case "month":
+          return renderMonthGrid();
+        case "year":
+          return renderYearGrid();
+      }
+    };
+    const renderDayGrid = (calYear, calMonth) => {
+      const daysInMonth = getDaysInMonth2(calYear, calMonth);
+      const firstDay = getFirstDayOfMonth2(calYear, calMonth);
+      const days = Array.from({ length: daysInMonth }, (_, i) => i + 1);
+      const prevMonth = calMonth === 0 ? 11 : calMonth - 1;
+      const prevYear = calMonth === 0 ? calYear - 1 : calYear;
+      const daysInPrevMonth = getDaysInMonth2(prevYear, prevMonth);
+      const prevDays = Array.from(
+        { length: firstDay },
+        (_, i) => daysInPrevMonth - firstDay + i + 1
+      );
+      const totalCells = firstDay + daysInMonth;
+      const nextDaysCount = totalCells % 7 === 0 ? 0 : 7 - totalCells % 7;
+      const nextDays = Array.from({ length: nextDaysCount }, (_, i) => i + 1);
+      return /* @__PURE__ */ jsxs("div", { className: "rh-grid rh-grid-cols-7 rh-gap-0", children: [
+        prevDays.map((d, i) => /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "rh-w-7 rh-h-7 rh-flex rh-items-center rh-justify-center rh-text-sm rh-text-text-muted rh-opacity-40",
+            children: d
+          },
+          `prev-${i}`
+        )),
+        days.map((day) => {
+          const isSelected = value.mode === "day" && value.year === calYear && value.month === calMonth && value.day === day;
+          return /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: () => handleChange({ mode: "day", year: calYear, month: calMonth, day }),
+              className: [
+                "rh-w-7 rh-h-7 rh-flex rh-items-center rh-justify-center rh-text-sm rh-rounded-lg rh-transition-colors rh-duration-150",
+                isSelected ? "rh-bg-primary rh-text-surface" : "rh-text-text hover:rh-ring-1 hover:rh-ring-[#15607A]"
+              ].join(" "),
+              children: day
+            },
+            day
+          );
+        }),
+        nextDays.map((d, i) => /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "rh-w-7 rh-h-7 rh-flex rh-items-center rh-justify-center rh-text-sm rh-text-text-muted rh-opacity-40",
+            children: d
+          },
+          `next-${i}`
+        ))
+      ] });
+    };
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: wrapperRef,
+        className: ["rh-relative rh-flex rh-flex-col rh-gap-1 rh-font-body", wrapperClassName].filter(Boolean).join(" "),
+        children: [
+          label && /* @__PURE__ */ jsxs("label", { id: `${triggerId}-label`, className: "rh-flex rh-items-baseline rh-gap-1", children: [
+            /* @__PURE__ */ jsx("span", { className: "rh-text-sm rh-font-medium rh-text-text", children: label }),
+            subtitle && /* @__PURE__ */ jsx("span", { className: `rh-text-sm ${getSubtitleClassName3(subtitle)}`, children: subtitle })
+          ] }),
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              ref: innerRef,
+              id: triggerId,
+              type: "button",
+              role: "combobox",
+              "aria-expanded": isOpen,
+              "aria-haspopup": "dialog",
+              "aria-labelledby": label ? `${triggerId}-label` : void 0,
+              "aria-describedby": helperText ? helperId : void 0,
+              "aria-invalid": visualStatus === "error" || void 0,
+              "aria-disabled": disabled || void 0,
+              disabled,
+              onClick: () => !disabled && setIsOpen((o) => !o),
+              style: backgroundColor ? { backgroundColor } : void 0,
+              className: [
+                "rh-group rh-flex rh-items-center rh-justify-between rh-gap-2",
+                "rh-border rh-font-body",
+                !backgroundColor && "rh-bg-surface",
+                "rh-transition-colors rh-duration-150",
+                "rh-text-left rh-w-full",
+                statusClasses3[visualStatus],
+                radiusClasses5[radius],
+                sizeClasses6[size],
+                disabled ? "rh-opacity-50 rh-cursor-not-allowed rh-bg-background" : "rh-cursor-pointer",
+                className
+              ].filter(Boolean).join(" "),
+              children: [
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: [
+                      "rh-flex-1 rh-truncate",
+                      displayText ? "rh-text-text" : "rh-text-text-muted group-hover:rh-text-text"
+                    ].join(" "),
+                    children: displayText ?? placeholder
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  ChevronIcon2,
+                  {
+                    className: [
+                      "rh-w-4 rh-h-4 rh-shrink-0 rh-text-text-muted rh-transition-transform rh-duration-150 rh-bg-surface rh-rounded-xl",
+                      isOpen ? "rh-rotate-180" : ""
+                    ].filter(Boolean).join(" ")
+                  }
+                )
+              ]
+            }
+          ),
+          isOpen && /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: [
+                "rh-absolute rh-z-50 rh-mt-1 rh-p-5",
+                "rh-bg-surface rh-rounded-md",
+                dropdownRadiusClasses2[radius],
+                activeMode === "interval" ? "rh-w-[720px]" : "rh-w-[385px]"
+              ].filter(Boolean).join(" "),
+              style: {
+                top: "100%",
+                boxShadow: "0 0 9.6px 0 rgba(8, 11, 18, 0.08)"
+              },
+              children: [
+                renderModeTabs(),
+                /* @__PURE__ */ jsx("div", { className: "rh-mt-2", children: renderContent() })
+              ]
+            }
+          ),
+          helperText && !isHelperDismissed && /* @__PURE__ */ jsxs(
+            "span",
+            {
+              id: helperId,
+              className: [
+                "rh-flex rh-items-center rh-gap-1 rh-text-xs",
+                helperStatusClasses3[visualStatus]
+              ].join(" "),
+              children: [
+                /* @__PURE__ */ jsx(WarningCircleIcon, {}),
+                helperText
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
 var variantClasses = {
   light: "rh-bg-surface rh-text-text rh-border rh-border-border rh-shadow-md",
   default: "rh-bg-primary/10 rh-text-text rh-border rh-border-primary/20 rh-shadow-md",
@@ -1893,7 +2671,7 @@ var arrowVariantClasses = {
   default: "rh-border-primary/20 rh-bg-primary/10",
   dark: "rh-bg-primary"
 };
-var sizeClasses6 = {
+var sizeClasses7 = {
   sm: "rh-px-3 rh-py-1.5 rh-text-xs",
   md: "rh-px-4 rh-py-3 rh-text-sm"
 };
@@ -2024,7 +2802,7 @@ var Tooltip = forwardRef(
                 "rh-absolute rh-z-50 rh-w-max rh-max-w-xs rh-rounded-xs",
                 tooltipPlacementClasses[placement],
                 variantClasses[variant],
-                sizeClasses6[size],
+                sizeClasses7[size],
                 className
               ].filter(Boolean).join(" "),
               children: [
@@ -2125,7 +2903,7 @@ function getAvatarColors(name) {
   const index = hash % AVATAR_COLORS.length;
   return AVATAR_COLORS[index];
 }
-var sizeClasses7 = {
+var sizeClasses8 = {
   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",
@@ -2160,7 +2938,7 @@ var Avatar = forwardRef(function Avatar2({ src, alt = "", initials, size = "md",
         "rh-inline-flex rh-items-center rh-justify-center rh-shrink-0 rh-overflow-hidden",
         avatarColors ? "" : "rh-bg-primary rh-text-surface",
         "rh-font-display rh-font-medium rh-select-none",
-        sizeClasses7[size],
+        sizeClasses8[size],
         variantClasses2[variant],
         className
       ].filter(Boolean).join(" "),
@@ -2227,7 +3005,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 sizeClasses8 = {
+var sizeClasses9 = {
   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"
@@ -2274,7 +3052,7 @@ var Tag = forwardRef(function Tag2({
         "rh-transition-colors rh-duration-150",
         "rh-cursor-pointer",
         clickable ? "rh-cursor-pointer" : "",
-        sizeClasses8[size],
+        sizeClasses9[size],
         colorClasses3,
         hoverClasses,
         disabled ? "rh-opacity-50 rh-cursor-not-allowed rh-pointer-events-none" : "",
@@ -2291,16 +3069,16 @@ var Tag = forwardRef(function Tag2({
     }
   );
 });
-var statusClasses3 = {
+var statusClasses4 = {
   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 sizeClasses9 = {
+var sizeClasses10 = {
   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 radiusClasses5 = {
+var radiusClasses6 = {
   none: "rh-rounded-none",
   xxs: "rh-rounded-xxs",
   xs: "rh-rounded-xs",
@@ -2310,7 +3088,7 @@ var radiusClasses5 = {
   xl: "rh-rounded-xl",
   full: "rh-rounded-full"
 };
-var helperStatusClasses3 = {
+var helperStatusClasses4 = {
   default: "rh-text-text-muted",
   error: "rh-text-danger"
 };
@@ -2329,7 +3107,7 @@ var addButtonSizeClasses = {
   md: "rh-w-5 rh-h-5",
   lg: "rh-w-5 rh-h-5"
 };
-var getSubtitleClassName3 = (subtitle) => subtitle.trim() === "*" ? "rh-text-danger" : "rh-text-text-muted";
+var getSubtitleClassName4 = (subtitle) => subtitle.trim() === "*" ? "rh-text-danger" : "rh-text-text-muted";
 var TagInput = forwardRef(function TagInput2({
   label,
   subtitle,
@@ -2386,7 +3164,7 @@ var TagInput = forwardRef(function TagInput2({
       children: [
         label && /* @__PURE__ */ jsxs("label", { htmlFor: inputId, className: "rh-flex rh-items-baseline rh-gap-1", children: [
           /* @__PURE__ */ jsx("span", { className: "rh-text-sm rh-font-semibold rh-text-text", children: label }),
-          subtitle && /* @__PURE__ */ jsx("span", { className: `rh-text-sm ${getSubtitleClassName3(subtitle)}`, children: subtitle })
+          subtitle && /* @__PURE__ */ jsx("span", { className: `rh-text-sm ${getSubtitleClassName4(subtitle)}`, children: subtitle })
         ] }),
         /* @__PURE__ */ jsxs(
           "div",
@@ -2396,9 +3174,9 @@ var TagInput = forwardRef(function TagInput2({
               "rh-flex rh-flex-row rh-items-center rh-justify-between rh-gap-2",
               "rh-border rh-bg-surface rh-font-body",
               "rh-transition-colors rh-duration-150",
-              statusClasses3[status],
-              radiusClasses5[radius],
-              sizeClasses9[size],
+              statusClasses4[status],
+              radiusClasses6[radius],
+              sizeClasses10[size],
               disabled ? "rh-opacity-50 rh-cursor-not-allowed rh-bg-background" : "rh-cursor-pointer",
               className
             ].filter(Boolean).join(" "),
@@ -2561,7 +3339,7 @@ var TagInput = forwardRef(function TagInput2({
             id: `${inputId}-helper`,
             className: [
               "rh-flex rh-items-center rh-gap-1 rh-text-xs",
-              helperStatusClasses3[status]
+              helperStatusClasses4[status]
             ].join(" "),
             children: helperText
           }
@@ -2668,12 +3446,12 @@ var PRESET_COLORS5 = /* @__PURE__ */ new Set([
   "info"
 ]);
 var isPresetColor5 = (color) => PRESET_COLORS5.has(color);
-var sizeClasses10 = {
+var sizeClasses11 = {
   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 radiusClasses6 = {
+var radiusClasses7 = {
   none: "rh-rounded-none",
   xs: "rh-rounded-xs",
   sm: "rh-rounded-sm",
@@ -2706,8 +3484,8 @@ function ToggleGroupInner({
       className: [
         "rh-inline-flex rh-items-center rh-bg-muted rh-overflow-hidden",
         "rh-p-1 rh-gap-0.5",
-        radiusClasses6[radius],
-        sizeClasses10[size].container,
+        radiusClasses7[radius],
+        sizeClasses11[size].container,
         disabled ? "rh-opacity-50 rh-cursor-not-allowed" : "",
         className
       ].filter(Boolean).join(" "),
@@ -2729,8 +3507,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",
-              radiusClasses6[radius],
-              sizeClasses10[size].button,
+              radiusClasses7[radius],
+              sizeClasses11[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"
@@ -2753,7 +3531,7 @@ var variantClasses3 = {
   outlined: "rh-bg-surface rh-border rh-border-border rh-shadow-none",
   filled: "rh-bg-background rh-border-0 rh-shadow-none"
 };
-var radiusClasses7 = {
+var radiusClasses8 = {
   none: "rh-rounded-none",
   xs: "rh-rounded-xs",
   sm: "rh-rounded-sm",
@@ -2788,7 +3566,7 @@ var CardRoot = forwardRef(function Card({
       className: [
         "rh-font-body rh-transition-all rh-duration-150",
         variantClasses3[variant],
-        radiusClasses7[radius],
+        radiusClasses8[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" : "",
@@ -2841,7 +3619,7 @@ var PRESET_COLORS6 = /* @__PURE__ */ new Set([
   "info"
 ]);
 var isPresetColor6 = (color) => PRESET_COLORS6.has(color);
-var sizeClasses11 = {
+var sizeClasses12 = {
   xs: "rh-w-3 rh-h-3",
   sm: "rh-w-4 rh-h-4",
   md: "rh-w-6 rh-h-6",
@@ -2869,7 +3647,7 @@ var Spinner = forwardRef(function Spinner2({ size = "md", color = "primary", lab
       "aria-label": label,
       className: [
         "rh-inline-flex rh-items-center rh-justify-center",
-        sizeClasses11[size],
+        sizeClasses12[size],
         colorClass,
         className
       ].filter(Boolean).join(" "),
@@ -2912,24 +3690,282 @@ var Spinner = forwardRef(function Spinner2({ size = "md", color = "primary", lab
     }
   );
 });
-var CustomSelect = ({ options, value, onChange, className = "" }) => {
+var DAYS_SHORT = ["D", "S", "T", "Q", "Q", "S", "S"];
+var MONTHS_PT = [
+  "Janeiro",
+  "Fevereiro",
+  "Mar\xE7o",
+  "Abril",
+  "Maio",
+  "Junho",
+  "Julho",
+  "Agosto",
+  "Setembro",
+  "Outubro",
+  "Novembro",
+  "Dezembro"
+];
+function parseDate(value) {
+  if (!value) return null;
+  if (/^\d{4}-\d{2}-\d{2}$/.test(value)) {
+    const [y, m, d] = value.split("-").map(Number);
+    return new Date(y, m - 1, d);
+  }
+  if (/^\d{2}\/\d{2}\/\d{4}$/.test(value)) {
+    const [d, m, y] = value.split("/").map(Number);
+    return new Date(y, m - 1, d);
+  }
+  return null;
+}
+function formatISO(date) {
+  const y = date.getFullYear();
+  const m = String(date.getMonth() + 1).padStart(2, "0");
+  const d = String(date.getDate()).padStart(2, "0");
+  return `${y}-${m}-${d}`;
+}
+function formatDisplay(date) {
+  const d = String(date.getDate()).padStart(2, "0");
+  const m = String(date.getMonth() + 1).padStart(2, "0");
+  const y = date.getFullYear();
+  return `${d}/${m}/${y}`;
+}
+function getDaysInMonth(year, month) {
+  return new Date(year, month + 1, 0).getDate();
+}
+function getFirstDayOfMonth(year, month) {
+  return new Date(year, month, 1).getDay();
+}
+var ChevronLeftIcon2 = () => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", fill: "currentColor", className: "rh-w-5 rh-h-5", "aria-hidden": "true", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    fillRule: "evenodd",
+    d: "M12.79 5.23a.75.75 0 01-.02 1.06L8.832 10l3.938 3.71a.75.75 0 11-1.04 1.08l-4.5-4.25a.75.75 0 010-1.08l4.5-4.25a.75.75 0 011.06.02z",
+    clipRule: "evenodd"
+  }
+) });
+var ChevronRightIcon2 = () => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", fill: "currentColor", className: "rh-w-5 rh-h-5", "aria-hidden": "true", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    fillRule: "evenodd",
+    d: "M7.21 14.77a.75.75 0 010-1.06L11.168 10 7.23 6.29a.75.75 0 011.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z",
+    clipRule: "evenodd"
+  }
+) });
+var DatePickerDropdown = ({
+  style,
+  selectedDate,
+  onSelect,
+  onClose,
+  containerRef
+}) => {
+  const today = /* @__PURE__ */ new Date();
+  const [viewYear, setViewYear] = useState(
+    selectedDate ? selectedDate.getFullYear() : today.getFullYear()
+  );
+  const [viewMonth, setViewMonth] = useState(
+    selectedDate ? selectedDate.getMonth() : today.getMonth()
+  );
+  const [tempDate, setTempDate] = useState(selectedDate);
+  const dropdownRef = useRef(null);
+  useEffect(() => {
+    const handleClickOutside = (e) => {
+      const target = e.target;
+      if (dropdownRef.current && !dropdownRef.current.contains(target) && containerRef.current && !containerRef.current.contains(target)) {
+        onClose();
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, [onClose, containerRef]);
+  const prevMonth = () => {
+    if (viewMonth === 0) {
+      setViewMonth(11);
+      setViewYear((y) => y - 1);
+    } else {
+      setViewMonth((m) => m - 1);
+    }
+  };
+  const nextMonth = () => {
+    if (viewMonth === 11) {
+      setViewMonth(0);
+      setViewYear((y) => y + 1);
+    } else {
+      setViewMonth((m) => m + 1);
+    }
+  };
+  const daysInMonth = getDaysInMonth(viewYear, viewMonth);
+  const firstDay = getFirstDayOfMonth(viewYear, viewMonth);
+  const prevMonthDays = getDaysInMonth(
+    viewMonth === 0 ? viewYear - 1 : viewYear,
+    viewMonth === 0 ? 11 : viewMonth - 1
+  );
+  const totalCells = firstDay + daysInMonth;
+  const trailingCount = totalCells % 7 === 0 ? 0 : 7 - totalCells % 7;
+  const isSelected = (day) => !!tempDate && tempDate.getFullYear() === viewYear && tempDate.getMonth() === viewMonth && tempDate.getDate() === day;
+  return createPortal(
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: dropdownRef,
+        style: {
+          ...style,
+          boxShadow: "0 0 9.6px 0 rgba(8, 11, 18, 0.08)",
+          width: 260
+        },
+        className: "rh-bg-surface rh-rounded-xs rh-p-5 rh-select-none rh-font-body",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "rh-flex rh-items-center rh-justify-between", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onMouseDown: (e) => {
+                  e.preventDefault();
+                  prevMonth();
+                },
+                className: "rh-p-1 hover:rh-bg-background rh-rounded rh-cursor-pointer rh-text-text",
+                children: /* @__PURE__ */ jsx(ChevronLeftIcon2, {})
+              }
+            ),
+            /* @__PURE__ */ jsxs("span", { className: "rh-text-sm rh-font-medium rh-text-text", children: [
+              MONTHS_PT[viewMonth],
+              " - ",
+              viewYear
+            ] }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onMouseDown: (e) => {
+                  e.preventDefault();
+                  nextMonth();
+                },
+                className: "rh-p-1 hover:rh-bg-background rh-rounded rh-cursor-pointer rh-text-text",
+                children: /* @__PURE__ */ jsx(ChevronRightIcon2, {})
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "rh-grid rh-grid-cols-7", children: DAYS_SHORT.map((d, i) => /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "rh-text-center rh-text-xs rh-text-text-muted rh-font-medium rh-py-1",
+              children: d
+            },
+            i
+          )) }),
+          /* @__PURE__ */ jsx(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "100%",
+              height: "1",
+              viewBox: "0 0 350 1",
+              fill: "none",
+              className: "rh-mb-3",
+              children: /* @__PURE__ */ jsx("path", { d: "M0 0.5H350", stroke: "#F5F5F5" })
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "rh-grid rh-grid-cols-7 rh-gap-0", children: [
+            Array.from({ length: firstDay }).map((_, i) => /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "rh-w-7 rh-h-7 rh-flex rh-items-center rh-justify-center rh-text-sm rh-text-text-muted rh-opacity-40",
+                children: prevMonthDays - firstDay + i + 1
+              },
+              `prev-${i}`
+            )),
+            Array.from({ length: daysInMonth }).map((_, i) => {
+              const day = i + 1;
+              const selected = isSelected(day);
+              return /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  style: { backgroundColor: selected ? "#15607A" : "transparent" },
+                  onMouseDown: (e) => {
+                    e.preventDefault();
+                    setTempDate(new Date(viewYear, viewMonth, day));
+                  },
+                  className: [
+                    "rh-w-7 rh-h-7 rh-flex rh-items-center rh-justify-center rh-text-sm rh-rounded-lg rh-transition-colors rh-duration-150 rh-cursor-pointer",
+                    selected ? "rh-text-surface" : "rh-text-text hover:rh-ring-1 hover:rh-ring-[#15607A] hover:rh-bg-transparent"
+                  ].join(" "),
+                  children: day
+                },
+                day
+              );
+            }),
+            Array.from({ length: trailingCount }).map((_, i) => /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "rh-w-7 rh-h-7 rh-flex rh-items-center rh-justify-center rh-text-sm rh-text-text-muted rh-opacity-40",
+                children: i + 1
+              },
+              `next-${i}`
+            ))
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "rh-flex rh-justify-end rh-gap-2 rh-mt-4", children: /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              style: { backgroundColor: "#87A851" },
+              onClick: () => {
+                if (tempDate) {
+                  onSelect(tempDate);
+                }
+                onClose();
+              },
+              className: "rh-text-sm rh-font-medium rh-px-4 rh-py-1.5 rh-rounded-lg rh-transition-colors rh-duration-150 rh-bg-success rh-text-surface",
+              children: "Aplicar"
+            }
+          ) })
+        ]
+      }
+    ),
+    document.body
+  );
+};
+var CustomSelect = ({
+  options = [],
+  value,
+  onChange,
+  className = "",
+  type = "select"
+}) => {
   const [isOpen, setIsOpen] = useState(false);
   const [dropdownStyle, setDropdownStyle] = useState({});
   const containerRef = useRef(null);
-  const selectedOption = options.find((opt) => opt.value === value);
-  const handleOpen = () => {
-    if (!isOpen && containerRef.current) {
-      const rect = containerRef.current.getBoundingClientRect();
-      setDropdownStyle({
-        position: "fixed",
-        top: rect.bottom + 4,
-        left: rect.left,
-        zIndex: 2
-      });
-    }
+  const calcPosition = () => {
+    if (!containerRef.current) return {};
+    const rect = containerRef.current.getBoundingClientRect();
+    const spaceBelow = window.innerHeight - rect.bottom;
+    const spaceAbove = rect.top;
+    const DROPDOWN_HEIGHT = 320;
+    const openUpward = spaceBelow < DROPDOWN_HEIGHT && spaceAbove > spaceBelow;
+    return {
+      position: "fixed",
+      ...openUpward ? { bottom: window.innerHeight - rect.top + 4 } : { top: rect.bottom + 4 },
+      left: rect.left,
+      zIndex: 2
+    };
+  };
+  const openDropdown = () => {
+    if (!isOpen) setDropdownStyle(calcPosition());
     setIsOpen((prev) => !prev);
   };
   useEffect(() => {
+    if (!isOpen) return;
+    const close = () => setIsOpen(false);
+    window.addEventListener("scroll", close, { capture: true, passive: true });
+    window.addEventListener("resize", close, { passive: true });
+    return () => {
+      window.removeEventListener("scroll", close, { capture: true });
+      window.removeEventListener("resize", close);
+    };
+  }, [isOpen]);
+  const selectedOption = options.find((opt) => opt.value === value);
+  useEffect(() => {
+    if (type !== "select") return;
     const handleClickOutside = (e) => {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
         setIsOpen(false);
@@ -2939,29 +3975,38 @@ var CustomSelect = ({ options, value, onChange, className = "" }) => {
       document.addEventListener("mousedown", handleClickOutside);
       return () => document.removeEventListener("mousedown", handleClickOutside);
     }
-  }, [isOpen]);
+  }, [isOpen, type]);
+  const selectedDate = type === "date" ? parseDate(value) : null;
+  const handleDateSelect = (date) => {
+    if (date) {
+      onChange(formatISO(date));
+    }
+    setIsOpen(false);
+  };
+  const displayLabel = type === "date" ? selectedDate ? formatDisplay(selectedDate) : value || "\u2014" : selectedOption?.label || value;
+  const displayBg = type === "date" ? void 0 : selectedOption?.backgroundColor;
   return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: `rh-relative ${className}`, children: [
     /* @__PURE__ */ jsx(
       "button",
       {
         type: "button",
-        onClick: handleOpen,
+        onClick: openDropdown,
         className: "rh-w-full rh-h-full rh-flex rh-items-center rh-justify-between rh-py-1 rh-bg-transparent hover:rh-bg-background/50 rh-cursor-pointer rh-text-left",
         children: /* @__PURE__ */ jsx("div", { className: "rh-flex rh-items-center rh-gap-2 rh-flex-1 rh-truncate", children: /* @__PURE__ */ jsx(
           "span",
           {
             className: "rh-truncate rh-text-[14px] rh-px-2 rh-py-1 rh-rounded-xl",
             style: {
-              backgroundColor: selectedOption?.backgroundColor || "transparent",
+              backgroundColor: displayBg || "transparent",
               fontFamily: "Inter, sans-serif",
-              color: selectedOption?.backgroundColor ? "white" : "inherit"
+              color: displayBg ? "white" : "inherit"
             },
-            children: selectedOption?.label || value
+            children: displayLabel
           }
         ) })
       }
     ),
-    isOpen && createPortal(
+    type === "select" && isOpen && createPortal(
       /* @__PURE__ */ jsx(
         "div",
         {
@@ -2981,13 +4026,23 @@ var CustomSelect = ({ options, value, onChange, className = "" }) => {
               },
               className: "rh-flex rh-items-center rh-gap-2 rh-px-3 rh-py-2 rh-text-left hover:rh-bg-background/50 rh-cursor-pointer",
               children: [
-                /* @__PURE__ */ jsx("div", { className: "rh-w-4 rh-h-4", children: option.value === value && /* @__PURE__ */ jsx("svg", { width: "13", height: "10", viewBox: "0 0 13 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
-                  "path",
+                /* @__PURE__ */ jsx("div", { className: "rh-w-4 rh-h-4", children: option.value === value && /* @__PURE__ */ jsx(
+                  "svg",
                   {
-                    d: "M12.7826 1.2813L4.78255 9.2813C4.71287 9.35122 4.63008 9.4067 4.53891 9.44455C4.44775 9.48241 4.35001 9.50189 4.2513 9.50189C4.15259 9.50189 4.05485 9.48241 3.96369 9.44455C3.87252 9.4067 3.78973 9.35122 3.72005 9.2813L0.220051 5.7813C0.150286 5.71154 0.0949458 5.62871 0.0571893 5.53756C0.0194329 5.44641 1.03958e-09 5.34871 0 5.25005C-1.03958e-09 5.15139 0.0194329 5.05369 0.0571893 4.96254C0.0949458 4.87139 0.150286 4.78857 0.220051 4.7188C0.289816 4.64904 0.372638 4.5937 0.46379 4.55594C0.554942 4.51818 0.652639 4.49875 0.751301 4.49875C0.849963 4.49875 0.947659 4.51818 1.03881 4.55594C1.12996 4.5937 1.21279 4.64904 1.28255 4.7188L4.25193 7.68818L11.7213 0.220051C11.8622 0.0791546 12.0533 0 12.2526 0C12.4518 0 12.6429 0.0791546 12.7838 0.220051C12.9247 0.360947 13.0039 0.552044 13.0039 0.751301C13.0039 0.950559 12.9247 1.14165 12.7838 1.28255L12.7826 1.2813Z",
-                    fill: "#374151"
+                    width: "13",
+                    height: "10",
+                    viewBox: "0 0 13 10",
+                    fill: "none",
+                    xmlns: "http://www.w3.org/2000/svg",
+                    children: /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        d: "M12.7826 1.2813L4.78255 9.2813C4.71287 9.35122 4.63008 9.4067 4.53891 9.44455C4.44775 9.48241 4.35001 9.50189 4.2513 9.50189C4.15259 9.50189 4.05485 9.48241 3.96369 9.44455C3.87252 9.4067 3.78973 9.35122 3.72005 9.2813L0.220051 5.7813C0.150286 5.71154 0.0949458 5.62871 0.0571893 5.53756C0.0194329 5.44641 1.03958e-09 5.34871 0 5.25005C-1.03958e-09 5.15139 0.0194329 5.05369 0.0571893 4.96254C0.0949458 4.87139 0.150286 4.78857 0.220051 4.7188C0.289816 4.64904 0.372638 4.5937 0.46379 4.55594C0.554942 4.51818 0.652639 4.49875 0.751301 4.49875C0.849963 4.49875 0.947659 4.51818 1.03881 4.55594C1.12996 4.5937 1.21279 4.64904 1.28255 4.7188L4.25193 7.68818L11.7213 0.220051C11.8622 0.0791546 12.0533 0 12.2526 0C12.4518 0 12.6429 0.0791546 12.7838 0.220051C12.9247 0.360947 13.0039 0.552044 13.0039 0.751301C13.0039 0.950559 12.9247 1.14165 12.7838 1.28255L12.7826 1.2813Z",
+                        fill: "#374151"
+                      }
+                    )
                   }
-                ) }) }),
+                ) }),
                 /* @__PURE__ */ jsx(
                   "span",
                   {
@@ -3006,10 +4061,20 @@ var CustomSelect = ({ options, value, onChange, className = "" }) => {
         }
       ),
       document.body
+    ),
+    type === "date" && isOpen && /* @__PURE__ */ jsx(
+      DatePickerDropdown,
+      {
+        style: dropdownStyle,
+        selectedDate,
+        onSelect: handleDateSelect,
+        onClose: () => setIsOpen(false),
+        containerRef
+      }
     )
   ] });
 };
-var sizeClasses12 = {
+var sizeClasses13 = {
   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" }
@@ -3111,6 +4176,11 @@ function TableInner({
     return {};
   };
   const rowPaddingStyle = getRowPaddingStyle();
+  const isEditableCell = (column) => {
+    if (!column.editable || !column.editableValue) return false;
+    if (column.type === "date") return true;
+    return !!column.choices;
+  };
   return /* @__PURE__ */ jsx("div", { className: "rh-w-full rh-rounded rh-overflow-hidden", children: /* @__PURE__ */ jsxs(
     "table",
     {
@@ -3138,7 +4208,7 @@ function TableInner({
                   ...rowPaddingStyle
                 },
                 className: [
-                  rowPadding ? "" : sizeClasses12[size].header,
+                  rowPadding ? "" : sizeClasses13[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" : "",
@@ -3203,14 +4273,15 @@ function TableInner({
                 {
                   style: { width: column.width, maxWidth: column.maxWidth, ...rowPaddingStyle },
                   className: [
-                    rowPadding ? "" : sizeClasses12[size].cell,
+                    rowPadding ? "" : sizeClasses13[size].cell,
                     alignClasses[column.align || "left"],
                     "rh-text-text"
                   ].filter(Boolean).join(" "),
                   children: /* @__PURE__ */ jsxs("div", { className: "rh-flex rh-items-center rh-justify-between rh-gap-2", children: [
-                    column.editable && column.choices && column.editableValue ? /* @__PURE__ */ jsx(
+                    isEditableCell(column) ? /* @__PURE__ */ jsx(
                       CustomSelect,
                       {
+                        type: column.type ?? "select",
                         options: column.choices,
                         value: column.editableValue(row),
                         onChange: (value) => column.onEditChange?.(row, index, value),
@@ -3241,7 +4312,7 @@ function TableInner({
               colSpan,
               style: rowPaddingStyle,
               className: [
-                rowPadding ? "" : sizeClasses12[size].cell,
+                rowPadding ? "" : sizeClasses13[size].cell,
                 "rh-text-center rh-cursor-pointer rh-text-[#9CA3AF] rh-font-medium"
               ].filter(Boolean).join(" "),
               onClick: onAddRow,
@@ -3694,6 +4765,6 @@ var GridItem = forwardRef(
   }
 );
 
-export { Avatar, Button, Card2 as Card, CardContent, CardFooter, CardHeader, CaretLeftIcon, CaretRightIcon, Checkbox, CloseIcon, Container, DeleteIcon, EditIcon, ErrorIcon, GridContainer, GridItem, IconButton, InfoIcon, NeutralIcon, Pagination, PlusIcon, ProgressBar, Radio, RadioGroup, RadioOption, RehagroProvider, SearchIcon, Select, Spinner, SuccessIcon, Table, Tag, TagInput, TextInput, Toast, ToastContainer, ToastProvider, ToggleGroup, Tooltip, Typography, WarningIcon, useToast };
+export { Avatar, Button, Card2 as Card, CardContent, CardFooter, CardHeader, CaretLeftIcon, CaretRightIcon, Checkbox, CloseIcon, Container, DateSelect, DeleteIcon, EditIcon, ErrorIcon, GridContainer, GridItem, IconButton, InfoIcon, NeutralIcon, Pagination, PlusIcon, ProgressBar, Radio, RadioGroup, RadioOption, RehagroProvider, SearchIcon, Select, Spinner, SuccessIcon, Table, Tag, TagInput, TextInput, Toast, ToastContainer, ToastProvider, ToggleGroup, Tooltip, Typography, WarningIcon, useToast };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map