@rehagro/ui 1.0.50 → 1.0.51

package/dist/index.mjs

@@ -2108,6 +2108,21 @@ var DateSelect = forwardRef(
       if (!isControlled) setInternalValue(newValue);
       props.onChange?.(newValue);
     };
+    const handleMonthClear = () => {
+      const newValue = { mode: "month" };
+      if (!isControlled) setInternalValue(newValue);
+      props.onChange?.(newValue);
+    };
+    const handleDayClear = () => {
+      const newValue = { mode: "day" };
+      if (!isControlled) setInternalValue(newValue);
+      props.onChange?.(newValue);
+    };
+    const handleYearClear = () => {
+      const newValue = { mode: "year" };
+      if (!isControlled) setInternalValue(newValue);
+      props.onChange?.(newValue);
+    };
     const displayText = useMemo(() => {
       if (value.mode === "year" && value.year) return value.year.toString();
       if (value.mode === "month" && value.year != null)
@@ -2228,7 +2243,18 @@ var DateSelect = forwardRef(
           },
           year
         );
-      }) })
+      }) }),
+      /* @__PURE__ */ jsx("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: handleYearClear,
+          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"
+          ]
+        }
+      ) })
     ] });
     const renderMonthGrid = () => /* @__PURE__ */ jsxs("div", { className: "rh-p-1", children: [
       /* @__PURE__ */ jsxs("div", { className: "rh-flex rh-items-center rh-justify-between", children: [
@@ -2276,7 +2302,18 @@ var DateSelect = forwardRef(
           },
           month
         );
-      }) })
+      }) }),
+      /* @__PURE__ */ jsx("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: handleMonthClear,
+          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"
+          ]
+        }
+      ) })
     ] });
     const renderIntervalNav = () => /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsxs("div", { className: "rh-flex rh-gap-4 rh-p-1", children: [
@@ -2534,7 +2571,18 @@ var DateSelect = forwardRef(
               },
               i
             )) }),
-            renderDayGrid(selectedYear, selectedMonth)
+            renderDayGrid(selectedYear, selectedMonth),
+            /* @__PURE__ */ jsx("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: handleDayClear,
+                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"
+                ]
+              }
+            ) })
           ] });
         case "month":
           return renderMonthGrid();
@@ -4295,7 +4343,7 @@ function TableInner({
               style: bodyStyleInline,
               className: [
                 "rh-border-b rh-border-border rh-transition-colors",
-                "hover:rh-bg-background",
+                "hover:rh-bg-background/50",
                 variant === "striped" && index % 2 === 1 ? "rh-bg-background/50" : ""
               ].filter(Boolean).join(" "),
               children: columns.map((column) => /* @__PURE__ */ jsx(
@@ -4317,7 +4365,7 @@ function TableInner({
                         onChange: (value) => column.onEditChange?.(row, index, value),
                         className: "rh-w-full rh-h-full"
                       }
-                    ) : /* @__PURE__ */ jsx("span", { children: column.render(row, index) }),
+                    ) : /* @__PURE__ */ jsx("span", { style: { width: "100%" }, children: column.render(row, index) }),
                     column.actionIcon && /* @__PURE__ */ jsx(
                       "span",
                       {