@rojaostudio/ds 1.0.0 → 1.0.2

package/dist/components/data-table-header.js

@@ -1,5 +1,6 @@
 "use client";
 import "../chunk-ORMEWXMH.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { ChevronDown, ListFilter, SlidersHorizontal, X } from "lucide-react";
 import { FilterChip } from "./filter-chip.js";
@@ -21,57 +22,72 @@ function getOptionLabel(filter) {
   return (_a = opt == null ? void 0 : opt.label) != null ? _a : filter.label;
 }
 function FilterDropdown({ f, placement = "bottom-start" }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Popover,
     {
       placement,
-      trigger: /* @__PURE__ */ React.createElement("button", { type: "button", className: triggerCls(f.value !== "") }, getOptionLabel(f), /* @__PURE__ */ React.createElement(ChevronDown, { size: 12 }))
-    },
-    ({ close }) => /* @__PURE__ */ React.createElement("div", { className: "w-36 rounded-(--radius-card) border border-stroke-default bg-surface-default shadow-xl p-1 overflow-hidden" }, f.options.map((opt) => /* @__PURE__ */ React.createElement(
+      trigger: /* @__PURE__ */ jsxs("button", { type: "button", className: triggerCls(f.value !== ""), children: [
+        getOptionLabel(f),
+        /* @__PURE__ */ jsx(ChevronDown, { size: 12 })
+      ] }),
+      children: ({ close }) => /* @__PURE__ */ jsx("div", { className: "w-36 rounded-(--radius-card) border border-stroke-default bg-surface-default shadow-xl p-1 overflow-hidden", children: f.options.map((opt) => /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            f.onChange(opt.value);
+            close();
+          },
+          className: optCls(f.value === opt.value),
+          children: [
+            /* @__PURE__ */ jsx("span", { children: opt.label }),
+            opt.count != null && /* @__PURE__ */ jsx("span", { className: "text-[11px] font-semibold opacity-60 tabular-nums", children: opt.count })
+          ]
+        },
+        opt.value
+      )) })
+    }
+  );
+}
+function MobileSingleFilter({ f }) {
+  const [open, setOpen] = useState(false);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("button", { type: "button", className: triggerCls(f.value !== ""), onClick: () => setOpen(true), children: [
+      getOptionLabel(f),
+      /* @__PURE__ */ jsx(ChevronDown, { size: 12 })
+    ] }),
+    /* @__PURE__ */ jsx(BottomSheet, { open, onClose: () => setOpen(false), title: f.label, children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-0.5", children: f.options.map((opt) => /* @__PURE__ */ jsxs(
       "button",
       {
-        key: opt.value,
         type: "button",
         onClick: () => {
           f.onChange(opt.value);
-          close();
+          setOpen(false);
         },
-        className: optCls(f.value === opt.value)
-      },
-      /* @__PURE__ */ React.createElement("span", null, opt.label),
-      opt.count != null && /* @__PURE__ */ React.createElement("span", { className: "text-[11px] font-semibold opacity-60 tabular-nums" }, opt.count)
-    )))
-  );
-}
-function MobileSingleFilter({ f }) {
-  const [open, setOpen] = useState(false);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("button", { type: "button", className: triggerCls(f.value !== ""), onClick: () => setOpen(true) }, getOptionLabel(f), /* @__PURE__ */ React.createElement(ChevronDown, { size: 12 })), /* @__PURE__ */ React.createElement(BottomSheet, { open, onClose: () => setOpen(false), title: f.label }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-0.5" }, f.options.map((opt) => /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      key: opt.value,
-      type: "button",
-      onClick: () => {
-        f.onChange(opt.value);
-        setOpen(false);
+        className: optCls(f.value === opt.value),
+        children: [
+          /* @__PURE__ */ jsx("span", { children: opt.label }),
+          opt.count != null && /* @__PURE__ */ jsx("span", { className: "text-[11px] font-semibold opacity-60 tabular-nums", children: opt.count })
+        ]
       },
-      className: optCls(f.value === opt.value)
-    },
-    /* @__PURE__ */ React.createElement("span", null, opt.label),
-    opt.count != null && /* @__PURE__ */ React.createElement("span", { className: "text-[11px] font-semibold opacity-60 tabular-nums" }, opt.count)
-  )))));
+      opt.value
+    )) }) })
+  ] });
 }
 function FiltersButton({ count, onClick }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "button",
     {
       type: "button",
       "data-filter-toggle": true,
       onClick,
-      className: `h-control-md flex items-center gap-1.5 px-3 text-label border rounded-(--radius-control) transition-colors ${count > 0 ? "bg-brand-primary text-brand-on-primary border-brand-primary" : "bg-surface-default text-fg-muted border-stroke-default hover:bg-surface-raised"}`
-    },
-    /* @__PURE__ */ React.createElement(SlidersHorizontal, { size: 14 }),
-    "Filtros",
-    count > 0 && /* @__PURE__ */ React.createElement("span", { className: "inline-flex items-center justify-center w-4 h-4 rounded-full bg-surface-default text-fg-primary text-[10px] font-bold" }, count)
+      className: `h-control-md flex items-center gap-1.5 px-3 text-label border rounded-(--radius-control) transition-colors ${count > 0 ? "bg-brand-primary text-brand-on-primary border-brand-primary" : "bg-surface-default text-fg-muted border-stroke-default hover:bg-surface-raised"}`,
+      children: [
+        /* @__PURE__ */ jsx(SlidersHorizontal, { size: 14 }),
+        "Filtros",
+        count > 0 && /* @__PURE__ */ jsx("span", { className: "inline-flex items-center justify-center w-4 h-4 rounded-full bg-surface-default text-fg-primary text-[10px] font-bold", children: count })
+      ]
+    }
   );
 }
 function FilterGroups({
@@ -80,25 +96,33 @@ function FilterGroups({
   onClear,
   showClear
 }) {
-  return /* @__PURE__ */ React.createElement("div", { className: "space-y-4" }, filters.map((f) => /* @__PURE__ */ React.createElement("div", { key: f.key }, /* @__PURE__ */ React.createElement("p", { className: "text-[11px] font-semibold text-fg-disabled uppercase tracking-wide mb-2" }, f.label), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-0.5" }, f.options.map((opt) => /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      key: opt.value,
-      type: "button",
-      onClick: () => onPick(f, opt.value),
-      className: optCls(f.value === opt.value)
-    },
-    /* @__PURE__ */ React.createElement("span", null, opt.label),
-    opt.count != null && /* @__PURE__ */ React.createElement("span", { className: "text-[11px] font-semibold opacity-60 tabular-nums" }, opt.count)
-  ))))), onClear && showClear && /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      type: "button",
-      onClick: onClear,
-      className: "w-full text-center text-caption text-fg-disabled hover:text-fg-secondary underline underline-offset-2 pt-1"
-    },
-    "Limpar filtros"
-  ));
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    filters.map((f) => /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("p", { className: "text-[11px] font-semibold text-fg-disabled uppercase tracking-wide mb-2", children: f.label }),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-0.5", children: f.options.map((opt) => /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => onPick(f, opt.value),
+          className: optCls(f.value === opt.value),
+          children: [
+            /* @__PURE__ */ jsx("span", { children: opt.label }),
+            opt.count != null && /* @__PURE__ */ jsx("span", { className: "text-[11px] font-semibold opacity-60 tabular-nums", children: opt.count })
+          ]
+        },
+        opt.value
+      )) })
+    ] }, f.key)),
+    onClear && showClear && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: onClear,
+        className: "w-full text-center text-caption text-fg-disabled hover:text-fg-secondary underline underline-offset-2 pt-1",
+        children: "Limpar filtros"
+      }
+    )
+  ] });
 }
 function DataTableHeader({
   search,
@@ -115,89 +139,115 @@ function DataTableHeader({
   const collapseDesktop = filters.length >= 2;
   const activeFilters = filters.filter((f) => f.value !== "");
   const singleFilter = filters.length === 1 ? filters[0] : null;
-  return /* @__PURE__ */ React.createElement("div", { className: ["flex items-center gap-2 mb-3", className].filter(Boolean).join(" ") }, search && /* @__PURE__ */ React.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React.createElement(
-    Search,
-    {
-      size: "md",
-      value: search.value,
-      onChange: (e) => search.onChange(e.target.value),
-      onClear: () => search.onChange(""),
-      placeholder: (_a = search.placeholder) != null ? _a : "Buscar..."
-    }
-  )), pillFilters.length > 0 && /* @__PURE__ */ React.createElement("div", { "data-pill-filter": true, className: "flex items-center [gap:var(--filter-chip-group-gap)] flex-wrap" }, pillFilters.map((p) => /* @__PURE__ */ React.createElement(
-    FilterChip,
-    {
-      key: p.key,
-      label: p.label,
-      active: p.active,
-      count: p.count,
-      onClick: p.onClick
-    }
-  ))), filters.length > 0 && !collapseDesktop && /* @__PURE__ */ React.createElement("div", { className: "hidden md:flex items-center gap-1.5" }, (search || pillFilters.length > 0) && /* @__PURE__ */ React.createElement(Divider, { orientation: "vertical", className: "mx-0.5" }), /* @__PURE__ */ React.createElement(ListFilter, { size: 14, className: "text-fg-disabled shrink-0" }), filters.map((f) => /* @__PURE__ */ React.createElement(FilterDropdown, { key: f.key, f }))), collapseDesktop && /* @__PURE__ */ React.createElement("div", { className: "hidden md:flex items-center gap-1.5" }, (search || pillFilters.length > 0) && /* @__PURE__ */ React.createElement(Divider, { orientation: "vertical", className: "mx-0.5" }), activeFilters.map((f) => /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      key: f.key,
-      type: "button",
-      onClick: () => f.onChange(""),
-      title: f.label,
-      className: triggerCls(true)
-    },
-    getOptionLabel(f),
-    /* @__PURE__ */ React.createElement(X, { size: 12 })
-  )), /* @__PURE__ */ React.createElement(Popover, { placement: "bottom-end", trigger: /* @__PURE__ */ React.createElement(FiltersButton, { count: activeFilterCount }) }, ({ close }) => /* @__PURE__ */ React.createElement("div", { className: "bg-surface-default border border-stroke-default rounded-(--radius-card) shadow-lg p-4 w-56 max-h-[70vh] overflow-y-auto" }, /* @__PURE__ */ React.createElement(
-    FilterGroups,
-    {
-      filters,
-      onPick: (f, v) => {
-        f.onChange(v);
-        close();
-      },
-      onClear: onClear ? () => {
-        onClear();
-        close();
-      } : void 0,
-      showClear: activeFilterCount > 0
-    }
-  )))), onClear && activeFilterCount > 0 && !collapseDesktop && /* @__PURE__ */ React.createElement(
-    IconButton,
-    {
-      icon: /* @__PURE__ */ React.createElement(X, { size: 13 }),
-      "aria-label": "Limpar filtros",
-      size: "sm",
-      variant: "ghost",
-      color: "neutral",
-      className: "hidden md:inline-flex",
-      onClick: onClear
-    }
-  ), singleFilter && !(mobileCollapse && actions) && /* @__PURE__ */ React.createElement("div", { className: "md:hidden" }, /* @__PURE__ */ React.createElement(MobileSingleFilter, { f: singleFilter })), !mobileCollapse && filters.length >= 2 && /* @__PURE__ */ React.createElement("div", { className: "md:hidden" }, /* @__PURE__ */ React.createElement(Popover, { placement: "bottom-end", trigger: /* @__PURE__ */ React.createElement(FiltersButton, { count: activeFilterCount }) }, ({ close }) => /* @__PURE__ */ React.createElement("div", { className: "bg-surface-default border border-stroke-default rounded-(--radius-card) shadow-lg p-4 w-52" }, /* @__PURE__ */ React.createElement(
-    FilterGroups,
-    {
-      filters,
-      onPick: (f, v) => {
-        f.onChange(v);
-        close();
-      },
-      onClear: onClear ? () => {
-        onClear();
-        close();
-      } : void 0,
-      showClear: activeFilterCount > 0
-    }
-  )))), mobileCollapse && (filters.length >= 2 || actions) && /* @__PURE__ */ React.createElement("div", { className: "md:hidden" }, /* @__PURE__ */ React.createElement(FiltersButton, { count: activeFilterCount, onClick: () => setSheetOpen(true) }), /* @__PURE__ */ React.createElement(BottomSheet, { open: sheetOpen, onClose: () => setSheetOpen(false), title: "Filtros" }, /* @__PURE__ */ React.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React.createElement(
-    FilterGroups,
-    {
-      filters,
-      onPick: (f, v) => {
-        f.onChange(v);
-        setSheetOpen(false);
+  return /* @__PURE__ */ jsxs("div", { className: ["flex items-center gap-2 mb-3", className].filter(Boolean).join(" "), children: [
+    search && /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx(
+      Search,
+      {
+        size: "md",
+        value: search.value,
+        onChange: (e) => search.onChange(e.target.value),
+        onClear: () => search.onChange(""),
+        placeholder: (_a = search.placeholder) != null ? _a : "Buscar..."
+      }
+    ) }),
+    pillFilters.length > 0 && /* @__PURE__ */ jsx("div", { "data-pill-filter": true, className: "flex items-center [gap:var(--filter-chip-group-gap)] flex-wrap", children: pillFilters.map((p) => /* @__PURE__ */ jsx(
+      FilterChip,
+      {
+        label: p.label,
+        active: p.active,
+        count: p.count,
+        onClick: p.onClick
       },
-      onClear: onClear ? () => {
-        onClear();
-        setSheetOpen(false);
-      } : void 0,
-      showClear: activeFilterCount > 0
-    }
-  ), actions && /* @__PURE__ */ React.createElement("div", { className: "pt-2 border-t border-stroke-default" }, actions)))), mobileCollapse ? /* @__PURE__ */ React.createElement("div", { className: "hidden md:flex items-center" }, actions) : actions);
+      p.key
+    )) }),
+    filters.length > 0 && !collapseDesktop && /* @__PURE__ */ jsxs("div", { className: "hidden md:flex items-center gap-1.5", children: [
+      (search || pillFilters.length > 0) && /* @__PURE__ */ jsx(Divider, { orientation: "vertical", className: "mx-0.5" }),
+      /* @__PURE__ */ jsx(ListFilter, { size: 14, className: "text-fg-disabled shrink-0" }),
+      filters.map((f) => /* @__PURE__ */ jsx(FilterDropdown, { f }, f.key))
+    ] }),
+    collapseDesktop && /* @__PURE__ */ jsxs("div", { className: "hidden md:flex items-center gap-1.5", children: [
+      (search || pillFilters.length > 0) && /* @__PURE__ */ jsx(Divider, { orientation: "vertical", className: "mx-0.5" }),
+      activeFilters.map((f) => /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => f.onChange(""),
+          title: f.label,
+          className: triggerCls(true),
+          children: [
+            getOptionLabel(f),
+            /* @__PURE__ */ jsx(X, { size: 12 })
+          ]
+        },
+        f.key
+      )),
+      /* @__PURE__ */ jsx(Popover, { placement: "bottom-end", trigger: /* @__PURE__ */ jsx(FiltersButton, { count: activeFilterCount }), children: ({ close }) => /* @__PURE__ */ jsx("div", { className: "bg-surface-default border border-stroke-default rounded-(--radius-card) shadow-lg p-4 w-56 max-h-[70vh] overflow-y-auto", children: /* @__PURE__ */ jsx(
+        FilterGroups,
+        {
+          filters,
+          onPick: (f, v) => {
+            f.onChange(v);
+            close();
+          },
+          onClear: onClear ? () => {
+            onClear();
+            close();
+          } : void 0,
+          showClear: activeFilterCount > 0
+        }
+      ) }) })
+    ] }),
+    onClear && activeFilterCount > 0 && !collapseDesktop && /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        icon: /* @__PURE__ */ jsx(X, { size: 13 }),
+        "aria-label": "Limpar filtros",
+        size: "sm",
+        variant: "ghost",
+        color: "neutral",
+        className: "hidden md:inline-flex",
+        onClick: onClear
+      }
+    ),
+    singleFilter && !(mobileCollapse && actions) && /* @__PURE__ */ jsx("div", { className: "md:hidden", children: /* @__PURE__ */ jsx(MobileSingleFilter, { f: singleFilter }) }),
+    !mobileCollapse && filters.length >= 2 && /* @__PURE__ */ jsx("div", { className: "md:hidden", children: /* @__PURE__ */ jsx(Popover, { placement: "bottom-end", trigger: /* @__PURE__ */ jsx(FiltersButton, { count: activeFilterCount }), children: ({ close }) => /* @__PURE__ */ jsx("div", { className: "bg-surface-default border border-stroke-default rounded-(--radius-card) shadow-lg p-4 w-52", children: /* @__PURE__ */ jsx(
+      FilterGroups,
+      {
+        filters,
+        onPick: (f, v) => {
+          f.onChange(v);
+          close();
+        },
+        onClear: onClear ? () => {
+          onClear();
+          close();
+        } : void 0,
+        showClear: activeFilterCount > 0
+      }
+    ) }) }) }),
+    mobileCollapse && (filters.length >= 2 || actions) && /* @__PURE__ */ jsxs("div", { className: "md:hidden", children: [
+      /* @__PURE__ */ jsx(FiltersButton, { count: activeFilterCount, onClick: () => setSheetOpen(true) }),
+      /* @__PURE__ */ jsx(BottomSheet, { open: sheetOpen, onClose: () => setSheetOpen(false), title: "Filtros", children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsx(
+          FilterGroups,
+          {
+            filters,
+            onPick: (f, v) => {
+              f.onChange(v);
+              setSheetOpen(false);
+            },
+            onClear: onClear ? () => {
+              onClear();
+              setSheetOpen(false);
+            } : void 0,
+            showClear: activeFilterCount > 0
+          }
+        ),
+        actions && /* @__PURE__ */ jsx("div", { className: "pt-2 border-t border-stroke-default", children: actions })
+      ] }) })
+    ] }),
+    mobileCollapse ? /* @__PURE__ */ jsx("div", { className: "hidden md:flex items-center", children: actions }) : actions
+  ] });
 }
 export {
   DataTableHeader,

package/dist/components/date-picker.js

@@ -1,5 +1,6 @@
 "use client";
 import "../chunk-ORMEWXMH.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useState, useRef, useEffect, useId, useImperativeHandle } from "react";
 import { Calendar, ChevronLeft, ChevronRight, X } from "lucide-react";
 import { Popover } from "./popover.js";
@@ -141,111 +142,129 @@ const DatePicker = forwardRef(function DatePicker2({
   const weekdays = weekdayLabels != null ? weekdayLabels : weekStartsOn === 1 ? PT_WEEKDAYS_MON_FIRST : ["D", ...PT_WEEKDAYS_MON_FIRST.slice(0, 6)];
   const today = startOfDay(/* @__PURE__ */ new Date());
   const formatted = value ? value.toLocaleDateString(locale, { day: "2-digit", month: "2-digit", year: "numeric" }) : "";
-  const calendar = /* @__PURE__ */ React.createElement(
+  const calendar = /* @__PURE__ */ jsxs(
     "div",
     {
       role: "dialog",
       "aria-label": "Calend\xE1rio",
-      className: "rounded-(--radius-control) border border-stroke-control bg-surface-default shadow-lg p-3 w-[280px]"
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between mb-3" }, /* @__PURE__ */ React.createElement(
-      "button",
+      className: "rounded-(--radius-control) border border-stroke-control bg-surface-default shadow-lg p-3 w-[280px]",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-3", children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => nav(-1),
+              "aria-label": "M\xEAs anterior",
+              className: "p-1 rounded hover:bg-surface-raised text-fg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-stroke-focus",
+              children: /* @__PURE__ */ jsx(ChevronLeft, { size: 16 })
+            }
+          ),
+          /* @__PURE__ */ jsxs("span", { className: "text-label font-semibold text-fg-primary", children: [
+            PT_MONTHS[view.month],
+            " ",
+            view.year
+          ] }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => nav(1),
+              "aria-label": "Pr\xF3ximo m\xEAs",
+              className: "p-1 rounded hover:bg-surface-raised text-fg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-stroke-focus",
+              children: /* @__PURE__ */ jsx(ChevronRight, { size: 16 })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 gap-1 mb-1", children: weekdays.map((w, i) => /* @__PURE__ */ jsx("div", { className: "text-center text-[10px] font-semibold text-fg-muted uppercase", children: w }, i)) }),
+        /* @__PURE__ */ jsx("div", { role: "grid", className: "grid grid-cols-7 gap-1", onKeyDown: handleGridKeyDown, children: days.map((d, i) => {
+          const inMonth = d.getMonth() === view.month;
+          const isToday = isSameDay(d, today);
+          const isSelected = !!value && isSameDay(d, value);
+          const isFocused = !!tabFocusDate && isSameDay(d, tabFocusDate);
+          const dis = isDisabled(d);
+          return /* @__PURE__ */ jsx(
+            "button",
+            {
+              ref: isFocused ? activeDayRef : void 0,
+              type: "button",
+              role: "gridcell",
+              onClick: () => handleSelect(d),
+              disabled: dis,
+              "aria-selected": isSelected,
+              "aria-label": d.toLocaleDateString(locale, { weekday: "long", day: "numeric", month: "long", year: "numeric" }),
+              tabIndex: isFocused ? 0 : -1,
+              className: [
+                "h-8 rounded text-caption font-medium transition-colors",
+                "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-stroke-focus",
+                "disabled:cursor-not-allowed disabled:opacity-30",
+                isSelected ? "bg-brand-primary text-brand-on-primary" : isToday ? "border border-stroke-focus text-fg-primary hover:bg-surface-raised" : inMonth ? "text-fg-primary hover:bg-surface-raised" : "text-fg-disabled hover:bg-surface-raised"
+              ].join(" "),
+              children: d.getDate()
+            },
+            i
+          );
+        }) })
+      ]
+    }
+  );
+  const control = /* @__PURE__ */ jsxs("div", { className: ["relative", width === "full" ? "block w-full" : "inline-block", label ? "" : className].join(" "), children: [
+    /* @__PURE__ */ jsx(
+      Popover,
       {
-        type: "button",
-        onClick: () => nav(-1),
-        "aria-label": "M\xEAs anterior",
-        className: "p-1 rounded hover:bg-surface-raised text-fg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-stroke-focus"
-      },
-      /* @__PURE__ */ React.createElement(ChevronLeft, { size: 16 })
-    ), /* @__PURE__ */ React.createElement("span", { className: "text-label font-semibold text-fg-primary" }, PT_MONTHS[view.month], " ", view.year), /* @__PURE__ */ React.createElement(
+        trigger: /* @__PURE__ */ jsxs(
+          "button",
+          {
+            ref: triggerRef,
+            id: triggerId,
+            type: "button",
+            onClick: (e) => {
+              e.stopPropagation();
+              if (!disabled) setOpen((o) => !o);
+            },
+            disabled,
+            "aria-label": ariaLabel != null ? ariaLabel : "Selecionar data",
+            "aria-haspopup": "dialog",
+            "aria-expanded": open,
+            className: [
+              "w-full flex items-center gap-2 rounded-(--radius-control) border border-stroke-control bg-surface-default",
+              "transition-colors focus:outline-none focus:border-stroke-focus focus:ring-2 focus:ring-stroke-focus/20",
+              "disabled:opacity-50 disabled:cursor-not-allowed",
+              value ? "pr-7" : "",
+              SIZE_CLASS[size]
+            ].join(" "),
+            children: [
+              /* @__PURE__ */ jsx(Calendar, { size: 16, className: "text-fg-muted shrink-0" }),
+              /* @__PURE__ */ jsx("span", { className: ["flex-1 text-left truncate", value ? "text-fg-primary" : "text-fg-placeholder"].join(" "), children: formatted || placeholder })
+            ]
+          }
+        ),
+        triggerClassName: width === "full" ? "block w-full" : "inline-block",
+        placement: "bottom-start",
+        offset: 4,
+        open,
+        onOpenChange: (v) => {
+          if (!disabled) setOpen(v);
+        },
+        children: () => calendar
+      }
+    ),
+    value && !disabled && /* @__PURE__ */ jsx(
       "button",
       {
         type: "button",
-        onClick: () => nav(1),
-        "aria-label": "Pr\xF3ximo m\xEAs",
-        className: "p-1 rounded hover:bg-surface-raised text-fg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-stroke-focus"
-      },
-      /* @__PURE__ */ React.createElement(ChevronRight, { size: 16 })
-    )),
-    /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-7 gap-1 mb-1" }, weekdays.map((w, i) => /* @__PURE__ */ React.createElement("div", { key: i, className: "text-center text-[10px] font-semibold text-fg-muted uppercase" }, w))),
-    /* @__PURE__ */ React.createElement("div", { role: "grid", className: "grid grid-cols-7 gap-1", onKeyDown: handleGridKeyDown }, days.map((d, i) => {
-      const inMonth = d.getMonth() === view.month;
-      const isToday = isSameDay(d, today);
-      const isSelected = !!value && isSameDay(d, value);
-      const isFocused = !!tabFocusDate && isSameDay(d, tabFocusDate);
-      const dis = isDisabled(d);
-      return /* @__PURE__ */ React.createElement(
-        "button",
-        {
-          key: i,
-          ref: isFocused ? activeDayRef : void 0,
-          type: "button",
-          role: "gridcell",
-          onClick: () => handleSelect(d),
-          disabled: dis,
-          "aria-selected": isSelected,
-          "aria-label": d.toLocaleDateString(locale, { weekday: "long", day: "numeric", month: "long", year: "numeric" }),
-          tabIndex: isFocused ? 0 : -1,
-          className: [
-            "h-8 rounded text-caption font-medium transition-colors",
-            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-stroke-focus",
-            "disabled:cursor-not-allowed disabled:opacity-30",
-            isSelected ? "bg-brand-primary text-brand-on-primary" : isToday ? "border border-stroke-focus text-fg-primary hover:bg-surface-raised" : inMonth ? "text-fg-primary hover:bg-surface-raised" : "text-fg-disabled hover:bg-surface-raised"
-          ].join(" ")
-        },
-        d.getDate()
-      );
-    }))
-  );
-  const control = /* @__PURE__ */ React.createElement("div", { className: ["relative", width === "full" ? "block w-full" : "inline-block", label ? "" : className].join(" ") }, /* @__PURE__ */ React.createElement(
-    Popover,
-    {
-      trigger: /* @__PURE__ */ React.createElement(
-        "button",
-        {
-          ref: triggerRef,
-          id: triggerId,
-          type: "button",
-          onClick: (e) => {
-            e.stopPropagation();
-            if (!disabled) setOpen((o) => !o);
-          },
-          disabled,
-          "aria-label": ariaLabel != null ? ariaLabel : "Selecionar data",
-          "aria-haspopup": "dialog",
-          "aria-expanded": open,
-          className: [
-            "w-full flex items-center gap-2 rounded-(--radius-control) border border-stroke-control bg-surface-default",
-            "transition-colors focus:outline-none focus:border-stroke-focus focus:ring-2 focus:ring-stroke-focus/20",
-            "disabled:opacity-50 disabled:cursor-not-allowed",
-            value ? "pr-7" : "",
-            SIZE_CLASS[size]
-          ].join(" ")
-        },
-        /* @__PURE__ */ React.createElement(Calendar, { size: 16, className: "text-fg-muted shrink-0" }),
-        /* @__PURE__ */ React.createElement("span", { className: ["flex-1 text-left truncate", value ? "text-fg-primary" : "text-fg-placeholder"].join(" ") }, formatted || placeholder)
-      ),
-      triggerClassName: width === "full" ? "block w-full" : "inline-block",
-      placement: "bottom-start",
-      offset: 4,
-      open,
-      onOpenChange: (v) => {
-        if (!disabled) setOpen(v);
+        onClick: handleClear,
+        "aria-label": "Limpar data",
+        className: "absolute right-2 top-1/2 -translate-y-1/2 text-fg-muted hover:text-fg-primary p-0.5 rounded transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-stroke-focus",
+        children: /* @__PURE__ */ jsx(X, { size: 14 })
       }
-    },
-    () => calendar
-  ), value && !disabled && /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      type: "button",
-      onClick: handleClear,
-      "aria-label": "Limpar data",
-      className: "absolute right-2 top-1/2 -translate-y-1/2 text-fg-muted hover:text-fg-primary p-0.5 rounded transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-stroke-focus"
-    },
-    /* @__PURE__ */ React.createElement(X, { size: 14 })
-  ));
+    )
+  ] });
   if (!label) return control;
-  return /* @__PURE__ */ React.createElement("div", { className: ["flex flex-col gap-1.5", width === "full" ? "w-full" : "inline-flex", className].join(" ") }, /* @__PURE__ */ React.createElement("label", { htmlFor: triggerId, className: "text-label font-medium text-fg-primary" }, label), control);
+  return /* @__PURE__ */ jsxs("div", { className: ["flex flex-col gap-1.5", width === "full" ? "w-full" : "inline-flex", className].join(" "), children: [
+    /* @__PURE__ */ jsx("label", { htmlFor: triggerId, className: "text-label font-medium text-fg-primary", children: label }),
+    control
+  ] });
 });
 export {
   DatePicker

package/dist/components/divider.js

@@ -1,4 +1,5 @@
 import "../chunk-ORMEWXMH.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 const COLOR_BY_VARIANT = {
   subtle: "bg-stroke-subtle",
   default: "bg-stroke-default",
@@ -11,7 +12,7 @@ function Divider({
   children
 }) {
   if (orientation === "vertical") {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       "div",
       {
         role: "separator",
@@ -21,19 +22,21 @@ function Divider({
     );
   }
   if (children) {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsxs(
       "div",
       {
         role: "separator",
         "aria-orientation": "horizontal",
-        className: ["flex items-center gap-3 my-2", className].join(" ")
-      },
-      /* @__PURE__ */ React.createElement("span", { className: ["flex-1 h-px", COLOR_BY_VARIANT[variant]].join(" ") }),
-      /* @__PURE__ */ React.createElement("span", { className: "text-caption text-fg-muted shrink-0" }, children),
-      /* @__PURE__ */ React.createElement("span", { className: ["flex-1 h-px", COLOR_BY_VARIANT[variant]].join(" ") })
+        className: ["flex items-center gap-3 my-2", className].join(" "),
+        children: [
+          /* @__PURE__ */ jsx("span", { className: ["flex-1 h-px", COLOR_BY_VARIANT[variant]].join(" ") }),
+          /* @__PURE__ */ jsx("span", { className: "text-caption text-fg-muted shrink-0", children }),
+          /* @__PURE__ */ jsx("span", { className: ["flex-1 h-px", COLOR_BY_VARIANT[variant]].join(" ") })
+        ]
+      }
     );
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "hr",
     {
       role: "separator",