@mlw-packages/react-components 1.7.1 → 1.7.3

package/dist/index.js

@@ -543,7 +543,23 @@ __export(index_exports, {
   CommandListBase: () => CommandListBase,
   CommandSeparatorBase: () => CommandSeparatorBase,
   CommandShortcutBase: () => CommandShortcutBase,
+  ContextMenuBase: () => ContextMenuBase,
+  ContextMenuCheckboxItemBase: () => ContextMenuCheckboxItemBase,
+  ContextMenuContentBase: () => ContextMenuContentBase,
+  ContextMenuGroupBase: () => ContextMenuGroupBase,
+  ContextMenuItemBase: () => ContextMenuItemBase,
+  ContextMenuLabelBase: () => ContextMenuLabelBase,
+  ContextMenuPortalBase: () => ContextMenuPortalBase,
+  ContextMenuRadioGroupBase: () => ContextMenuRadioGroupBase,
+  ContextMenuRadioItemBase: () => ContextMenuRadioItemBase,
+  ContextMenuSeparatorBase: () => ContextMenuSeparatorBase,
+  ContextMenuShortcutBase: () => ContextMenuShortcutBase,
+  ContextMenuSubBase: () => ContextMenuSubBase,
+  ContextMenuSubContentBase: () => ContextMenuSubContentBase,
+  ContextMenuSubTriggerBase: () => ContextMenuSubTriggerBase,
+  ContextMenuTriggerBase: () => ContextMenuTriggerBase,
   CopyButton: () => CopyButton,
+  DateTimePicker: () => DateTimePicker,
   DeleteButton: () => DeleteButton,
   DestructiveDialog: () => DestructiveDialog,
   DialogBase: () => DialogBase,
@@ -635,6 +651,7 @@ __export(index_exports, {
   ProgressCirclesBase: () => ProgressCirclesBase,
   ProgressPanelsBase: () => ProgressPanelsBase,
   ProgressSegmentsBase: () => ProgressSegmentsBase,
+  RangePicker: () => RangePicker,
   RefreshButton: () => RefreshButton,
   SaveButton: () => SaveButton,
   ScrollAreaBase: () => ScrollAreaBase,
@@ -704,6 +721,8 @@ __export(index_exports, {
   TabsTriggerBase: () => TabsTriggerBase,
   TextAreaBase: () => TextAreaBase,
   ThemeProviderBase: () => ThemeProviderBase,
+  TimePicker: () => TimePicker,
+  TimePickerInput: () => TimePickerInput,
   Toaster: () => Toaster,
   TooltipBase: () => TooltipBase,
   TooltipContentBase: () => TooltipContentBase,
@@ -720,14 +739,34 @@ __export(index_exports, {
   badgeVariants: () => badgeVariants,
   buttonVariantsBase: () => buttonVariantsBase,
   compactTick: () => compactTick,
+  convert12HourTo24Hour: () => convert12HourTo24Hour,
   detectDataFields: () => detectDataFields,
   detectXAxis: () => detectXAxis,
+  display12HourValue: () => display12HourValue,
   formatFieldName: () => formatFieldName,
   generateAdditionalColors: () => generateAdditionalColors,
+  getArrowByType: () => getArrowByType,
+  getDateByType: () => getDateByType,
+  getValid12Hour: () => getValid12Hour,
+  getValidArrow12Hour: () => getValidArrow12Hour,
+  getValidArrowHour: () => getValidArrowHour,
+  getValidArrowMinuteOrSecond: () => getValidArrowMinuteOrSecond,
+  getValidArrowNumber: () => getValidArrowNumber,
+  getValidHour: () => getValidHour,
+  getValidMinuteOrSecond: () => getValidMinuteOrSecond,
+  getValidNumber: () => getValidNumber,
+  isValid12Hour: () => isValid12Hour,
+  isValidHour: () => isValidHour,
+  isValidMinuteOrSecond: () => isValidMinuteOrSecond,
   niceCeil: () => niceCeil,
   renderPillLabel: () => pillLabelRenderer_default,
   resolveChartMargins: () => resolveChartMargins,
   resolveContainerPaddingLeft: () => resolveContainerPaddingLeft,
+  set12Hours: () => set12Hours,
+  setDateByType: () => setDateByType,
+  setHours: () => setHours,
+  setMinutes: () => setMinutes,
+  setSeconds: () => setSeconds,
   toast: () => toast2,
   useChartHighlights: () => useChartHighlights,
   useDrag: () => useDrag,
@@ -2688,30 +2727,36 @@ var DraggableTooltipComponent = ({
   onPositionChange,
   highlightedSeries,
   toggleHighlight,
-  showOnlyHighlighted
+  showOnlyHighlighted,
+  valueFormatter: valueFormatter2
 }) => {
   const visibleKeys = (0, import_react16.useMemo)(
     () => showOnlyHighlighted && highlightedSeries && highlightedSeries.size > 0 ? dataKeys.filter((k) => highlightedSeries.has(k)) : dataKeys,
     [showOnlyHighlighted, highlightedSeries, dataKeys]
   );
-  const TotalDisplay = import_react16.default.memo(
-    ({ data: data2, visibleKeys: visibleKeys2 }) => {
-      const total = (0, import_react16.useMemo)(() => {
-        const numeric = visibleKeys2.map((k) => data2[k]).filter((v) => typeof v === "number");
-        return numeric.reduce((s, v) => s + (v || 0), 0);
-      }, [data2, visibleKeys2]);
-      return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "text-sm", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "text-sm text-muted-foreground", children: "Total" }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-          "div",
-          {
-            className: `text-base font-semibold ${total < 0 ? "text-destructive" : "text-foreground"}`,
-            children: total.toLocaleString("pt-BR")
-          }
-        )
-      ] });
-    }
-  );
+  const TotalDisplay = import_react16.default.memo(({ data: data2, visibleKeys: visibleKeys2, valueFormatter: localformatter }) => {
+    const total = (0, import_react16.useMemo)(() => {
+      const numeric = visibleKeys2.map((k) => data2[k]).filter((v) => typeof v === "number");
+      return numeric.reduce((s, v) => s + (v || 0), 0);
+    }, [data2, visibleKeys2]);
+    const defaultTotalFormatted = total.toLocaleString("pt-BR");
+    const displayTotal = localformatter ? localformatter({
+      value: total,
+      formattedValue: defaultTotalFormatted,
+      dataKey: "total",
+      name: "Total"
+    }) : defaultTotalFormatted;
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "text-sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "text-sm text-muted-foreground", children: "Total" }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        "div",
+        {
+          className: `text-base font-semibold ${total < 0 ? "text-destructive" : "text-foreground"}`,
+          children: displayTotal
+        }
+      )
+    ] });
+  });
   const [localPos, setLocalPos] = (0, import_react16.useState)(position);
   const [dragging, setDragging] = (0, import_react16.useState)(false);
   const offsetRef = (0, import_react16.useRef)({ x: 0, y: 0 });
@@ -3093,7 +3138,14 @@ var DraggableTooltipComponent = ({
               /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide", children: periodLabel }),
               /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "font-bold text-lg text-foreground mt-1 truncate", children: data.name })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "text-right", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TotalDisplay, { data, visibleKeys }) })
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "text-right", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+              TotalDisplay,
+              {
+                data,
+                visibleKeys,
+                valueFormatter: valueFormatter2
+              }
+            ) })
           ] }) }),
           /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "p-3 pt-2 space-y-2", children: [
             /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide mb-2", children: dataLabel }),
@@ -3109,6 +3161,13 @@ var DraggableTooltipComponent = ({
                   0
                 );
                 const val = typeof value === "number" ? value : Number(value) || 0;
+                const defaultFormatted = val.toLocaleString("pt-BR");
+                const displayValue = valueFormatter2 ? valueFormatter2({
+                  value,
+                  formattedValue: defaultFormatted,
+                  dataKey: key,
+                  name: key.charAt(0).toUpperCase() + key.slice(1)
+                }) : defaultFormatted;
                 const pct = absDenominator > 0 ? Math.abs(val) / absDenominator * 100 : 0;
                 const isDimmed = highlightedSeries && highlightedSeries.size > 0 && !highlightedSeries.has(key);
                 const isHighlighted = highlightedSeries && highlightedSeries.has(key);
@@ -3154,7 +3213,7 @@ var DraggableTooltipComponent = ({
                             "span",
                             {
                               className: `font-semibold tabular-nums ${val < 0 ? "text-destructive" : "text-foreground"}`,
-                              children: val.toLocaleString("pt-BR")
+                              children: displayValue
                             }
                           ),
                           /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-xs text-muted-foreground", children: absDenominator > 0 ? `${pct.toFixed(1)}%` : "-" })
@@ -3183,7 +3242,8 @@ var DraggableTooltipComponent = ({
                 dataKeys,
                 highlightedSeries,
                 toggleHighlight,
-                finalColors
+                finalColors,
+                valueFormatter2
               ]
             ),
             /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "mt-3 pt-2 border-t", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("p", { className: "text-xs text-muted-foreground flex items-center gap-1", children: [
@@ -3219,7 +3279,8 @@ var RechartTooltipWithTotal = ({
   label,
   finalColors = {},
   periodLabel = "Per\xEDodo",
-  totalLabel = "Total"
+  totalLabel = "Total",
+  valueFormatter: valueFormatter2
 }) => {
   if (!active || !payload || payload.length === 0) return null;
   const numeric = payload.filter(
@@ -3227,6 +3288,13 @@ var RechartTooltipWithTotal = ({
   );
   const total = numeric.reduce((sum, p) => sum + (p.value || 0), 0);
   const isTotalNegative = total < 0;
+  const defaultTotalFormatted = total.toLocaleString("pt-BR");
+  const displayTotal = valueFormatter2 ? valueFormatter2({
+    value: total,
+    formattedValue: defaultTotalFormatted,
+    dataKey: "total",
+    name: "Total"
+  }) : defaultTotalFormatted;
   const absDenominator = numeric.reduce(
     (sum, p) => sum + Math.abs(typeof p.value === "number" ? p.value : 0),
     0
@@ -3250,7 +3318,7 @@ var RechartTooltipWithTotal = ({
               "p",
               {
                 className: `text-sm font-semibold ${isTotalNegative ? "text-rose-500" : "text-foreground"}`,
-                children: total.toLocaleString("pt-BR")
+                children: displayTotal
               }
             )
           ] })
@@ -3260,6 +3328,13 @@ var RechartTooltipWithTotal = ({
           const pct = absDenominator > 0 ? Math.abs(value) / absDenominator * 100 : 0;
           const baseColor = finalColors[entry.dataKey] || entry.color || "#999";
           const isNeg = value < 0;
+          const defaultFormatted = value.toLocaleString("pt-BR");
+          const displayValue = valueFormatter2 ? valueFormatter2({
+            value: entry.value,
+            formattedValue: defaultFormatted,
+            dataKey: entry.dataKey,
+            name: entry.name
+          }) : defaultFormatted;
           return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex flex-col gap-1", children: [
             /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center justify-between text-sm", children: [
               /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center gap-2 truncate", children: [
@@ -3278,7 +3353,7 @@ var RechartTooltipWithTotal = ({
                   "span",
                   {
                     className: `${isNeg ? "text-rose-500" : "text-foreground"} font-medium`,
-                    children: value.toLocaleString("pt-BR")
+                    children: displayValue
                   }
                 ),
                 /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-xs text-muted-foreground", children: absDenominator > 0 ? `${pct.toFixed(1)}%` : "-" })
@@ -3309,7 +3384,8 @@ var TooltipSimple = ({
   payload,
   label,
   finalColors = {},
-  periodLabel = "Per\xEDodo"
+  periodLabel = "Per\xEDodo",
+  valueFormatter: valueFormatter2
 }) => {
   if (!active || !payload || payload.length === 0) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
@@ -3327,6 +3403,13 @@ var TooltipSimple = ({
         /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "divide-y divide-border rounded-md overflow-hidden", children: payload.map((entry, index) => {
           const value = typeof entry.value === "number" ? entry.value : 0;
           const color = finalColors[entry.dataKey] || entry.color || "#999";
+          const defaultFormatted = value.toLocaleString("pt-BR");
+          const displayValue = valueFormatter2 ? valueFormatter2({
+            value: entry.value,
+            formattedValue: defaultFormatted,
+            dataKey: entry.dataKey,
+            name: entry.name
+          }) : defaultFormatted;
           return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
             "div",
             {
@@ -3347,7 +3430,7 @@ var TooltipSimple = ({
                   "span",
                   {
                     className: `font-medium tabular-nums ${value < 0 ? "text-destructive" : "text-foreground"}`,
-                    children: value.toLocaleString("pt-BR")
+                    children: displayValue
                   }
                 ) })
               ]
@@ -3384,10 +3467,15 @@ var parseNumber = (v) => {
     return Number(v);
   return void 0;
 };
-var renderPillLabel = (color, variant) => {
+var renderPillLabel = (color, variant, valueFormatter2) => {
   return (props) => {
     const { x, y, value } = props;
-    const text = typeof value === "number" ? formatCompactNumber(value) : String(value ?? "");
+    const defaultFormatted = typeof value === "number" ? formatCompactNumber(value) : String(value ?? "");
+    const text = valueFormatter2 ? valueFormatter2({
+      value,
+      formattedValue: defaultFormatted,
+      ...props
+    }) : defaultFormatted;
     const paddingX = 8;
     const approxCharWidth = 7;
     const pillWidth = Math.max(
@@ -3495,6 +3583,7 @@ var Chart = ({
   showLabels = false,
   xAxis,
   labelMap,
+  valueFormatter: valueFormatter2,
   enableHighlights = false,
   enableShowOnly = false,
   enablePeriodsDropdown = false,
@@ -3512,7 +3601,7 @@ var Chart = ({
     } : {
       dataKey: resolvedXAxisKey,
       label: xAxis?.label ?? formatFieldName(resolvedXAxisKey),
-      formatter: xAxis?.formatter,
+      valueFormatter: xAxis?.valueFormatter,
       autoLabel: xAxis?.autoLabel ?? true
     };
     const detectedFields = detectDataFields(data, xAxisConfig2.dataKey);
@@ -3964,7 +4053,7 @@ var Chart = ({
                       fontSize: 12,
                       tickLine: false,
                       axisLine: false,
-                      tickFormatter: xAxisConfig.formatter
+                      tickFormatter: xAxisConfig.valueFormatter
                     }
                   ),
                   /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
@@ -3991,7 +4080,19 @@ var Chart = ({
                   showTooltip && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                     import_recharts.Tooltip,
                     {
-                      content: showTooltipTotal ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TooltipWithTotal_default, { finalColors }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TooltipSimple_default, { finalColors }),
+                      content: showTooltipTotal ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+                        TooltipWithTotal_default,
+                        {
+                          finalColors,
+                          valueFormatter: valueFormatter2
+                        }
+                      ) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+                        TooltipSimple_default,
+                        {
+                          finalColors,
+                          valueFormatter: valueFormatter2
+                        }
+                      ),
                       cursor: { fill: "hsl(var(--muted))", opacity: 0.1 }
                     }
                   ),
@@ -4037,7 +4138,11 @@ var Chart = ({
                             {
                               dataKey: key,
                               position: "top",
-                              content: pillLabelRenderer_default(color, "filled"),
+                              content: pillLabelRenderer_default(
+                                color,
+                                "filled",
+                                valueFormatter2
+                              ),
                               offset: 8
                             }
                           ) : null
@@ -4066,7 +4171,11 @@ var Chart = ({
                             {
                               dataKey: key,
                               position: "top",
-                              content: pillLabelRenderer_default(color, "filled"),
+                              content: pillLabelRenderer_default(
+                                color,
+                                "filled",
+                                valueFormatter2
+                              ),
                               offset: 14
                             }
                           ) : null
@@ -4095,7 +4204,11 @@ var Chart = ({
                             {
                               dataKey: key,
                               position: "top",
-                              content: pillLabelRenderer_default(color, "soft"),
+                              content: pillLabelRenderer_default(
+                                color,
+                                "soft",
+                                valueFormatter2
+                              ),
                               offset: 12
                             }
                           ) : null
@@ -4124,6 +4237,7 @@ var Chart = ({
                 onPositionChange: onTooltipPositionChange,
                 periodLabel: "Per\xEDodo Selecionado",
                 dataLabel: "Dados do Per\xEDodo",
+                valueFormatter: valueFormatter2,
                 globalTooltipCount: activeTooltips.length,
                 onCloseAll: () => window.dispatchEvent(new Event("closeAllTooltips")),
                 closeAllButtonPosition: "top-center",
@@ -4639,7 +4753,7 @@ var BarChart = ({
                   fontSize: 12,
                   tickLine: false,
                   axisLine: false,
-                  tickFormatter: xAxisConfig.formatter
+                  tickFormatter: xAxisConfig.valueFormatter
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
@@ -10041,14 +10155,1145 @@ var UniversalTooltipRenderer = ({
   ] });
 };
 
+// src/components/picker/DateTimePicker.tsx
+var import_date_fns = require("date-fns");
+
+// src/components/picker/calendar.tsx
+var React39 = __toESM(require("react"));
+var import_react_day_picker2 = require("react-day-picker");
+var import_react40 = require("@phosphor-icons/react");
+var import_framer_motion14 = require("framer-motion");
+var import_jsx_runtime63 = require("react/jsx-runtime");
+function CalendarBase2({
+  className,
+  classNames,
+  showOutsideDays = true,
+  ...props
+}) {
+  const [month, setMonth] = React39.useState(
+    props.month || props.defaultMonth || /* @__PURE__ */ new Date()
+  );
+  const [direction, setDirection] = React39.useState(1);
+  const handleMonthChange = (newMonth) => {
+    const isNext = newMonth > month ? 1 : -1;
+    setDirection(isNext);
+    setMonth(newMonth);
+    props.onMonthChange?.(newMonth);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+    "div",
+    {
+      className: cn(
+        "rounded-md border bg-background p-2 overflow-hidden flex flex-col",
+        className
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "relative flex-1 flex flex-col min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_framer_motion14.AnimatePresence, { initial: false, mode: "wait", custom: direction, children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+        "div",
+        {
+          className: "w-full h-full flex flex-col",
+          children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+            import_react_day_picker2.DayPicker,
+            {
+              showOutsideDays,
+              month,
+              onMonthChange: handleMonthChange,
+              className: "w-full h-full min-w-0 flex flex-col",
+              classNames: {
+                months: "flex items-center flex-col sm:flex-row space-y-2 sm:space-x-2 sm:space-y-0 flex-1",
+                month: "space-y-2 min-w-0 flex-1 flex flex-col",
+                caption: "flex justify-center pt-1 relative items-center h-[10%] min-h-[2rem] mb-2",
+                caption_label: "text-[clamp(0.875rem,2.5vw,1.25rem)] font-semibold truncate px-10 tracking-tight",
+                nav: "space-x-1 flex items-center",
+                nav_button: cn(
+                  buttonVariantsBase({ variant: "outline" }),
+                  "h-8 w-8 bg-background p-0 opacity-60 hover:opacity-100 hover:bg-muted flex-shrink-0 touch-manipulation transition-all duration-200 ease-out hover:scale-105 active:scale-95",
+                  "[@media(min-width:400px)]:h-9 [@media(min-width:400px)]:w-9"
+                ),
+                nav_button_previous: "absolute left-0",
+                nav_button_next: "absolute right-0",
+                table: "w-full border-collapse min-w-0 flex-1 flex flex-col",
+                head_row: "flex w-full gap-1 mb-1",
+                head_cell: "text-muted-foreground rounded-md flex-1 min-w-0 font-semibold text-[clamp(0.625rem,1.5vw,0.75rem)] text-center pb-1 uppercase tracking-wider",
+                row: "flex w-full flex-1 gap-1",
+                cell: cn(
+                  "flex-1 min-w-0 aspect-square text-center p-0 relative",
+                  "[&:has([aria-selected].day-range-end)]:rounded-r-lg",
+                  "[&:has([aria-selected].day-range-start)]:rounded-l-lg",
+                  "[&:has([aria-selected].day-outside)]:bg-muted/50",
+                  "[&:has([aria-selected])]:bg-muted",
+                  "first:[&:has([aria-selected])]:rounded-l-lg",
+                  "last:[&:has([aria-selected])]:rounded-r-lg",
+                  "focus-within:relative focus-within:z-20"
+                ),
+                day: cn(
+                  buttonVariantsBase({ variant: "ghost" }),
+                  "w-full h-full p-0",
+                  "aria-selected:opacity-100 hover:bg-muted flex items-center justify-center",
+                  " transition-all duration-200 ease-out hover:scale-105 active:scale-95"
+                ),
+                day_selected: "bg-primary text-primary-foreground hover:bg-primary/90 focus:bg-primary/90 font-semibold hover:text-white",
+                day_today: "bg-muted text-foreground font-bold ring-2 ring-primary/30 ring-inset",
+                day_outside: "day-outside text-muted-foreground/40 opacity-40 aria-selected:bg-muted/50 aria-selected:text-foreground",
+                day_disabled: "text-muted-foreground/30 opacity-40 cursor-not-allowed",
+                day_range_middle: "aria-selected:bg-muted aria-selected:text-foreground",
+                day_hidden: "invisible",
+                ...classNames
+              },
+              components: {
+                IconLeft: () => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react40.CaretLeftIcon, { className: "h-4 w-4" }),
+                IconRight: () => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react40.CaretRightIcon, { className: "h-4 w-4" })
+              },
+              ...props
+            }
+          )
+        },
+        month.toISOString()
+      ) }) })
+    }
+  );
+}
+CalendarBase2.displayName = "CalendarBase";
+
+// src/components/picker/DateTimePicker.tsx
+var import_locale = require("date-fns/locale");
+var import_react43 = require("react");
+
+// src/components/picker/TimePicker.tsx
+var import_framer_motion15 = require("framer-motion");
+var React41 = __toESM(require("react"));
+
+// src/components/picker/TimePickerInput.tsx
+var import_react41 = require("@phosphor-icons/react");
+var import_react42 = __toESM(require("react"));
+
+// src/components/picker/utils/time-picker-utils.ts
+function isValidHour(value) {
+  return /^(0[0-9]|1[0-9]|2[0-3])$/.test(value);
+}
+function isValid12Hour(value) {
+  return /^(0[1-9]|1[0-2])$/.test(value);
+}
+function isValidMinuteOrSecond(value) {
+  return /^[0-5][0-9]$/.test(value);
+}
+function getValidNumber(value, { max, min = 0, loop = false }) {
+  let numericValue = parseInt(value, 10);
+  if (!isNaN(numericValue)) {
+    if (!loop) {
+      if (numericValue > max) numericValue = max;
+      if (numericValue < min) numericValue = min;
+    } else {
+      if (numericValue > max) numericValue = min;
+      if (numericValue < min) numericValue = max;
+    }
+    return numericValue.toString().padStart(2, "0");
+  }
+  return "00";
+}
+function getValidHour(value) {
+  if (isValidHour(value)) return value;
+  return getValidNumber(value, { max: 23 });
+}
+function getValid12Hour(value) {
+  if (isValid12Hour(value)) return value;
+  return getValidNumber(value, { min: 1, max: 12 });
+}
+function getValidMinuteOrSecond(value) {
+  if (isValidMinuteOrSecond(value)) return value;
+  return getValidNumber(value, { max: 59 });
+}
+function getValidArrowNumber(value, { min, max, step }) {
+  let numericValue = parseInt(value, 10);
+  if (!isNaN(numericValue)) {
+    numericValue += step;
+    return getValidNumber(String(numericValue), { min, max, loop: true });
+  }
+  return "00";
+}
+function getValidArrowHour(value, step) {
+  return getValidArrowNumber(value, { min: 0, max: 23, step });
+}
+function getValidArrow12Hour(value, step) {
+  return getValidArrowNumber(value, { min: 1, max: 12, step });
+}
+function getValidArrowMinuteOrSecond(value, step) {
+  return getValidArrowNumber(value, { min: 0, max: 59, step });
+}
+function setMinutes(date, value) {
+  const minutes = getValidMinuteOrSecond(value);
+  date.setMinutes(parseInt(minutes, 10));
+  return date;
+}
+function setSeconds(date, value) {
+  const seconds = getValidMinuteOrSecond(value);
+  date.setSeconds(parseInt(seconds, 10));
+  return date;
+}
+function setHours(date, value) {
+  const hours = getValidHour(value);
+  date.setHours(parseInt(hours, 10));
+  return date;
+}
+function set12Hours(date, value, period) {
+  const hours = parseInt(getValid12Hour(value), 10);
+  const convertedHours = convert12HourTo24Hour(hours, period);
+  date.setHours(convertedHours);
+  return date;
+}
+function setDateByType(date, value, type, period) {
+  switch (type) {
+    case "minutes":
+      return setMinutes(date, value);
+    case "seconds":
+      return setSeconds(date, value);
+    case "hours":
+      return setHours(date, value);
+    case "12hours": {
+      if (!period) return date;
+      return set12Hours(date, value, period);
+    }
+    default:
+      return date;
+  }
+}
+function getDateByType(date, type) {
+  switch (type) {
+    case "minutes":
+      return getValidMinuteOrSecond(String(date.getMinutes()));
+    case "seconds":
+      return getValidMinuteOrSecond(String(date.getSeconds()));
+    case "hours":
+      return getValidHour(String(date.getHours()));
+    case "12hours":
+      const hours = display12HourValue(date.getHours());
+      return getValid12Hour(String(hours));
+    default:
+      return "00";
+  }
+}
+function getArrowByType(value, step, type) {
+  switch (type) {
+    case "minutes":
+      return getValidArrowMinuteOrSecond(value, step);
+    case "seconds":
+      return getValidArrowMinuteOrSecond(value, step);
+    case "hours":
+      return getValidArrowHour(value, step);
+    case "12hours":
+      return getValidArrow12Hour(value, step);
+    default:
+      return "00";
+  }
+}
+function convert12HourTo24Hour(hour, period) {
+  if (period === "PM") {
+    if (hour <= 11) {
+      return hour + 12;
+    } else {
+      return hour;
+    }
+  } else if (period === "AM") {
+    if (hour === 12) return 0;
+    return hour;
+  }
+  return hour;
+}
+function display12HourValue(hours) {
+  if (hours === 0 || hours === 12) return "12";
+  if (hours >= 22) return `${hours - 12}`;
+  if (hours % 12 > 9) return `${hours}`;
+  return `0${hours % 12}`;
+}
+
+// src/components/picker/TimePickerInput.tsx
+var import_jsx_runtime64 = require("react/jsx-runtime");
+var TimePickerInput = import_react42.default.forwardRef(
+  ({
+    className,
+    type = "tel",
+    value,
+    id,
+    name,
+    date = new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0)),
+    setDate,
+    onChange,
+    onKeyDown,
+    picker,
+    period,
+    onLeftFocus,
+    onRightFocus,
+    showArrows = true,
+    label,
+    ...props
+  }, ref) => {
+    const [flag, setFlag] = import_react42.default.useState(false);
+    const [prevIntKey, setPrevIntKey] = import_react42.default.useState("0");
+    const [isFocused, setIsFocused] = import_react42.default.useState(false);
+    import_react42.default.useEffect(() => {
+      if (flag) {
+        const timer = setTimeout(() => {
+          setFlag(false);
+        }, 2e3);
+        return () => clearTimeout(timer);
+      }
+    }, [flag]);
+    const calculatedValue = import_react42.default.useMemo(() => {
+      return getDateByType(date, picker);
+    }, [date, picker]);
+    const calculateNewValue = (key) => {
+      if (picker === "12hours") {
+        if (flag && calculatedValue.slice(1, 2) === "1" && prevIntKey === "0")
+          return "0" + key;
+      }
+      return !flag ? "0" + key : calculatedValue.slice(1, 2) + key;
+    };
+    const handleArrowClick = (direction) => {
+      const step = direction === "up" ? 1 : -1;
+      const newValue = getArrowByType(calculatedValue, step, picker);
+      if (flag) setFlag(false);
+      const tempDate = new Date(date);
+      setDate(setDateByType(tempDate, newValue, picker, period));
+    };
+    const handleKeyDown = (e) => {
+      if (e.key === "Tab") return;
+      e.preventDefault();
+      if (e.key === "ArrowRight") onRightFocus?.();
+      if (e.key === "ArrowLeft") onLeftFocus?.();
+      if (["ArrowUp", "ArrowDown"].includes(e.key)) {
+        const step = e.key === "ArrowUp" ? 1 : -1;
+        const newValue = getArrowByType(calculatedValue, step, picker);
+        if (flag) setFlag(false);
+        const tempDate = new Date(date);
+        setDate(setDateByType(tempDate, newValue, picker, period));
+      }
+      if (e.key >= "0" && e.key <= "9") {
+        if (picker === "12hours") setPrevIntKey(e.key);
+        const newValue = calculateNewValue(e.key);
+        if (flag) onRightFocus?.();
+        setFlag((prev) => !prev);
+        const tempDate = new Date(date);
+        setDate(setDateByType(tempDate, newValue, picker, period));
+      }
+    };
+    const getPickerLabel = () => {
+      if (label) return label;
+      switch (picker) {
+        case "hours":
+        case "12hours":
+          return "Horas";
+        case "minutes":
+          return "Minutos";
+        case "seconds":
+          return "Segundos";
+        default:
+          return "";
+      }
+    };
+    const getAriaLabel = () => {
+      const baseLabel = getPickerLabel();
+      return `${baseLabel}, valor atual: ${calculatedValue}.`;
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "relative group flex flex-col items-center", children: [
+      getPickerLabel() && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+        "label",
+        {
+          htmlFor: id || picker,
+          className: "text-xs sm:text-sm font-medium text-muted-foreground mb-1 sm:mb-2 select-none",
+          children: getPickerLabel()
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
+        "div",
+        {
+          className: cn(
+            "relative flex flex-col items-center",
+            "transition-all duration-200"
+          ),
+          children: [
+            showArrows && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+              "button",
+              {
+                type: "button",
+                onClick: () => handleArrowClick("up"),
+                className: cn(
+                  "flex items-center justify-center w-10 sm:w-12 h-5 sm:h-6 mb-1",
+                  "rounded-t",
+                  "bg-background hover:bg-accent active:bg-accent/80 transition-colors",
+                  "text-muted-foreground hover:text-foreground",
+                  "focus:outline-none focus:ring-1 focus:ring-ring",
+                  "touch-manipulation",
+                  isFocused && "border-ring"
+                ),
+                tabIndex: -1,
+                "aria-label": `Incrementar ${getPickerLabel().toLowerCase()}`,
+                children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react41.CaretUpIcon, { size: 14, className: "sm:w-4 sm:h-4" })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "relative", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+                "input",
+                {
+                  ref,
+                  id: id || picker,
+                  name: name || picker,
+                  className: cn(
+                    "w-16 sm:w-20 h-10 sm:h-12 text-center font-mono text-lg sm:text-xl font-semibold",
+                    "border-2 rounded-lg",
+                    "bg-background text-foreground",
+                    "transition-all duration-200",
+                    "focus:outline-none focus:ring-2 focus:ring-ring focus:border-ring",
+                    "selection:bg-primary selection:text-primary-foreground",
+                    "touch-manipulation",
+                    showArrows && "rounded-lg",
+                    isFocused && "ring-2 ring-ring border-ring shadow-md",
+                    className
+                  ),
+                  value: value || calculatedValue,
+                  onChange: (e) => {
+                    e.preventDefault();
+                    onChange?.(e);
+                  },
+                  onFocus: (e) => {
+                    setIsFocused(true);
+                    props.onFocus?.(e);
+                    e.target.select();
+                  },
+                  onBlur: (e) => {
+                    setIsFocused(false);
+                    props.onBlur?.(e);
+                  },
+                  type,
+                  inputMode: "decimal",
+                  onKeyDown: (e) => {
+                    onKeyDown?.(e);
+                    handleKeyDown(e);
+                  },
+                  "aria-label": getAriaLabel(),
+                  "aria-describedby": `${id || picker}-help`,
+                  autoComplete: "off",
+                  spellCheck: false,
+                  ...props
+                }
+              ),
+              isFocused && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "absolute inset-0 rounded-lg ring-2 ring-primary/20 pointer-events-none animate-pulse" })
+            ] }),
+            showArrows && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+              "button",
+              {
+                type: "button",
+                onClick: () => handleArrowClick("down"),
+                className: cn(
+                  "flex items-center justify-center w-10 sm:w-12 h-5 sm:h-6 mt-1",
+                  "rounded-b",
+                  "bg-background hover:bg-accent active:bg-accent/80 transition-colors",
+                  "text-muted-foreground hover:text-foreground",
+                  "focus:outline-none focus:ring-1 focus:ring-ring",
+                  "touch-manipulation",
+                  isFocused && "border-ring"
+                ),
+                tabIndex: -1,
+                "aria-label": `Decrementar ${getPickerLabel().toLowerCase()}`,
+                children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react41.CaretDownIcon, { size: 14, className: "sm:w-4 sm:h-4" })
+              }
+            )
+          ]
+        }
+      )
+    ] });
+  }
+);
+TimePickerInput.displayName = "TimePickerInput";
+
+// src/components/picker/TimePicker.tsx
+var import_jsx_runtime65 = require("react/jsx-runtime");
+function TimePicker({
+  date,
+  setDate,
+  hideSeconds,
+  enableButton
+}) {
+  const minuteRef = React41.useRef(null);
+  const hourRef = React41.useRef(null);
+  const secondRef = React41.useRef(null);
+  const containerVariants = {
+    hidden: { opacity: 0, y: 10 },
+    visible: {
+      opacity: 1,
+      y: 0,
+      transition: {
+        duration: 0.3,
+        staggerChildren: 0.1
+      }
+    }
+  };
+  const itemVariants2 = {
+    hidden: { opacity: 0, y: 10 },
+    visible: { opacity: 1, y: 0 }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+    import_framer_motion15.motion.div,
+    {
+      variants: containerVariants,
+      initial: "hidden",
+      animate: "visible",
+      className: "flex items-end justify-center gap-2 sm:gap-3 p-2 sm:p-3 md:p-4 rounded-lg bg-muted/20 border border-border/50 w-full max-w-full overflow-hidden",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+          import_framer_motion15.motion.div,
+          {
+            variants: itemVariants2,
+            className: "grid gap-1 sm:gap-2 text-center flex-shrink-0 min-w-0",
+            children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+              TimePickerInput,
+              {
+                picker: "hours",
+                date,
+                setDate,
+                ref: hourRef,
+                onRightFocus: () => minuteRef.current?.focus(),
+                enableButton
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+          import_framer_motion15.motion.div,
+          {
+            variants: itemVariants2,
+            className: "grid gap-1 sm:gap-2 text-center flex-shrink-0 min-w-0",
+            children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+              TimePickerInput,
+              {
+                picker: "minutes",
+                date,
+                setDate,
+                ref: minuteRef,
+                onLeftFocus: () => hourRef.current?.focus(),
+                onRightFocus: () => secondRef.current?.focus(),
+                enableButton
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_framer_motion15.AnimatePresence, { children: !hideSeconds && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_jsx_runtime65.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+          import_framer_motion15.motion.div,
+          {
+            variants: itemVariants2,
+            initial: "hidden",
+            animate: "visible",
+            exit: "hidden",
+            className: "grid gap-1 sm:gap-2 text-center flex-shrink-0 min-w-0",
+            children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+              TimePickerInput,
+              {
+                picker: "seconds",
+                date,
+                setDate,
+                ref: secondRef,
+                onLeftFocus: () => minuteRef.current?.focus(),
+                enableButton
+              }
+            )
+          }
+        ) }) })
+      ]
+    }
+  );
+}
+
+// src/components/picker/DateTimePicker.tsx
+var import_react44 = require("@phosphor-icons/react");
+var import_jsx_runtime66 = require("react/jsx-runtime");
+function DateTimePicker({
+  label,
+  date,
+  onChange,
+  display,
+  hideSeconds,
+  hideHour,
+  hideMinute,
+  fromDate,
+  toDate,
+  disabled,
+  className,
+  error
+}) {
+  const [internalDate, setInternalDate] = (0, import_react43.useState)(date);
+  const [open, setOpen] = (0, import_react43.useState)(false);
+  const [timePickerOpen, setTimePickerOpen] = (0, import_react43.useState)(false);
+  const handleSelect = (newDay) => {
+    if (!newDay) return;
+    if (!internalDate) {
+      setInternalDate(newDay);
+      onChange(newDay);
+      return;
+    }
+    const diff = newDay.getTime() - internalDate.getTime();
+    const diffInDays = diff / (1e3 * 60 * 60 * 24);
+    const newDateFull = (0, import_date_fns.add)(internalDate, { days: Math.ceil(diffInDays) });
+    setInternalDate(newDateFull);
+    onChange(newDateFull);
+  };
+  const handleTimeChange = (newDate) => {
+    setInternalDate(newDate);
+    onChange(newDate);
+  };
+  const getTimeFormat = () => {
+    if (hideHour && hideMinute) return "";
+    if (hideHour) return hideSeconds ? "mm" : "mm:ss";
+    if (hideMinute) return hideSeconds ? "HH" : "HH':00'";
+    return hideSeconds ? "HH:mm" : "HH:mm:ss";
+  };
+  const getDisplayFormat = () => {
+    const timeFormat = getTimeFormat();
+    if (!timeFormat) return "PPP";
+    return `PPP - ${timeFormat}`;
+  };
+  (0, import_react43.useEffect)(() => {
+    if (date) {
+      setInternalDate(date);
+    }
+  }, [date, open]);
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: cn("space-y-2 w-full sm:w-auto", className), children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(LabelBase_default, { children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(PopoverBase, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(PopoverTriggerBase, { disabled, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
+        ButtonBase,
+        {
+          variant: "outline",
+          className: cn(
+            "w-full justify-start text-left min-w-0 overflow-hidden",
+            !date && "text-muted-foreground/"
+          ),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "truncate flex-1", children: date ? display ? (0, import_date_fns.format)(date, "dd/MM/yyyy") : (0, import_date_fns.format)(date, getDisplayFormat(), { locale: import_locale.ptBR }) : "Selecione uma Data" }),
+            /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react44.CalendarBlankIcon, { className: "flex-shrink-0 w-5 h-5 sm:w-6 sm:h-6" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ErrorMessage_default, { error }),
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+        PopoverContentBase,
+        {
+          className: "w-full p-0",
+          align: "center",
+          sideOffset: 4,
+          side: "bottom",
+          avoidCollisions: true,
+          collisionPadding: 8,
+          children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex flex-col space-y-2 sm:space-y-3 p-2 sm:p-3 md:p-4 max-h-[calc(100vh-4rem)] overflow-y-auto", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+              CalendarBase2,
+              {
+                mode: "single",
+                locale: import_locale.ptBR,
+                selected: internalDate,
+                onSelect: (d) => handleSelect(d),
+                initialFocus: true,
+                fromDate,
+                toDate,
+                className: cn("w-full", hideHour && hideMinute && "border-0")
+              }
+            ),
+            !(hideHour && hideMinute) && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "flex justify-center w-full px-2", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
+              PopoverBase,
+              {
+                open: timePickerOpen,
+                onOpenChange: setTimePickerOpen,
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(PopoverTriggerBase, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
+                    ButtonBase,
+                    {
+                      variant: "outline",
+                      size: "default",
+                      className: cn(
+                        "flex items-center justify-center gap-1.5 sm:gap-2",
+                        "px-2 sm:px-3 py-1.5 sm:py-2",
+                        "text-sm sm:text-base font-semibold w-full max-w-xs",
+                        "border-2 border-primary/20 rounded-lg",
+                        "bg-background hover:bg-primary/10 hover:border-primary/30",
+                        "transition-all duration-200",
+                        "shadow-sm hover:shadow-md active:scale-[0.98]",
+                        "min-h-[36px] sm:min-h-[40px]"
+                      ),
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react44.ClockIcon, { className: "text-primary flex-shrink-0 w-4 h-4 sm:w-5 sm:h-5" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "text-black truncate", children: internalDate ? (0, import_date_fns.format)(internalDate, getTimeFormat() || "HH:mm", {
+                          locale: import_locale.ptBR
+                        }) : "00:00" })
+                      ]
+                    }
+                  ) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+                    PopoverContentBase,
+                    {
+                      className: "w-[calc(100vw-2rem)] max-w-sm p-3 sm:p-3 rounded-md",
+                      align: "center",
+                      side: "top",
+                      sideOffset: 8,
+                      avoidCollisions: true,
+                      collisionPadding: 8,
+                      children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex flex-col items-center space-y-2 sm:space-y-3", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("h4", { className: "text-sm sm:text-base font-medium text-center", children: "Alterar Hor\xE1rio" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+                          TimePicker,
+                          {
+                            setDate: handleTimeChange,
+                            date: internalDate,
+                            hideSeconds
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+                          ButtonBase,
+                          {
+                            size: "sm",
+                            variant: "destructive",
+                            onClick: () => setTimePickerOpen(false),
+                            className: "w-full text-xs sm:text-sm min-h-[36px] sm:min-h-[40px]",
+                            children: "Fechar"
+                          }
+                        )
+                      ] })
+                    }
+                  )
+                ]
+              }
+            ) })
+          ] })
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/components/picker/RangePicker.tsx
+var React42 = __toESM(require("react"));
+var import_react_day_picker3 = require("react-day-picker");
+var import_react45 = require("@phosphor-icons/react");
+var import_framer_motion16 = require("framer-motion");
+var import_ssr7 = require("@phosphor-icons/react/dist/ssr");
+var import_jsx_runtime67 = require("react/jsx-runtime");
+function RangePicker({
+  value,
+  onChange,
+  label = "Selecionar intervalo",
+  minDate,
+  maxDate,
+  error
+}) {
+  const [open, setOpen] = React42.useState(false);
+  const [range, setRange] = React42.useState(value);
+  const controls = (0, import_framer_motion16.useAnimation)();
+  React42.useEffect(() => {
+    setRange(value);
+  }, [value]);
+  const handleSelect = (selected) => {
+    setRange(selected);
+    onChange?.(selected);
+  };
+  const handleClear = () => {
+    setRange(void 0);
+    onChange?.(void 0);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(PopoverBase, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(PopoverTriggerBase, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+      import_framer_motion16.motion.div,
+      {
+        whileTap: { scale: 0.97 },
+        whileHover: { scale: open ? 1.03 : 1.01 },
+        transition: { type: "spring", stiffness: 300, damping: 20 },
+        children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+          ButtonBase,
+          {
+            variant: "outline",
+            className: "flex  gap-2 transition-all duration-200 min-w-[250px] text-left justify-between items-center",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                import_framer_motion16.motion.span,
+                {
+                  className: "text-sm font-medium",
+                  transition: { duration: 0.2 },
+                  animate: controls,
+                  children: range?.from && range?.to ? `${range.from.toLocaleDateString()} - ${range.to.toLocaleDateString()}` : label
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                import_framer_motion16.motion.span,
+                {
+                  animate: open ? { rotate: 8, scale: 1.15 } : { rotate: 0, scale: 1 },
+                  transition: { type: "spring", stiffness: 300, damping: 18 },
+                  children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react45.CalendarBlankIcon, { className: "w-4 h-4 transition-transform group-hover:scale-110" })
+                }
+              )
+            ]
+          }
+        )
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ErrorMessage_default, { error }),
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_framer_motion16.AnimatePresence, { children: open && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+      PopoverContentBase,
+      {
+        asChild: true,
+        className: "w-auto min-w-[250px] p-0 shadow-xl  overflow-y-hidden",
+        children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+          import_framer_motion16.motion.div,
+          {
+            initial: { opacity: 0, y: 16 },
+            animate: { opacity: 1, y: 0 },
+            exit: { opacity: 0, y: 16 },
+            transition: { duration: 0.18, ease: "easeOut" },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "p-4", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                import_framer_motion16.motion.div,
+                {
+                  initial: { opacity: 0, y: 8 },
+                  animate: { opacity: 1, y: 0 },
+                  exit: { opacity: 0, y: 8 },
+                  transition: { duration: 0.18 },
+                  className: "w-full",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                    import_react_day_picker3.DayPicker,
+                    {
+                      mode: "range",
+                      selected: range,
+                      onSelect: handleSelect,
+                      showOutsideDays: true,
+                      fromDate: minDate,
+                      toDate: maxDate,
+                      className: "min-w-0 flex flex-col",
+                      classNames: {
+                        months: "flex items-center flex-col sm:flex-row space-y-2 sm:space-x-2 sm:space-y-0 flex-1",
+                        month: "space-y-2 min-w-0 flex-1 flex flex-col",
+                        caption: "flex justify-center pt-1 relative items-center h-[10%] min-h-[2rem] mb-2",
+                        caption_label: "text-[clamp(0.875rem,2.5vw,1.25rem)] font-semibold truncate px-10 tracking-tight",
+                        nav: "space-x-1 flex items-center",
+                        nav_button: cn(
+                          buttonVariantsBase({ variant: "outline" }),
+                          "h-8 w-8 bg-background p-0 opacity-60 hover:opacity-100 hover:bg-muted flex-shrink-0 touch-manipulation transition-all duration-200 ease-out hover:scale-105 active:scale-95",
+                          "[@media(min-width:400px)]:h-9 [@media(min-width:400px)]:w-9"
+                        ),
+                        nav_button_previous: "absolute left-0",
+                        nav_button_next: "absolute right-0",
+                        table: "w-full border-collapse min-w-0 flex-1 flex flex-col",
+                        head_row: "flex w-full gap-1 mb-1",
+                        head_cell: "text-muted-foreground rounded-md flex-1 min-w-0 font-semibold text-[clamp(0.625rem,1.5vw,0.75rem)] text-center pb-1 uppercase tracking-wider",
+                        row: "flex w-full flex-1 gap-1",
+                        cell: cn(
+                          "flex-1 min-w-0 aspect-square text-center  relative",
+                          "[&:has([aria-selected].day-range-end)]:rounded-r-lg",
+                          "[&:has([aria-selected].day-range-start)]:rounded-l-lg",
+                          "[&:has([aria-selected].day-outside)]:bg-muted/50",
+                          "[&:has([aria-selected])]:bg-muted",
+                          "first:[&:has([aria-selected])]:rounded-l-lg",
+                          "last:[&:has([aria-selected])]:rounded-r-lg",
+                          "focus-within:relative focus-within:z-20"
+                        ),
+                        day: cn(
+                          buttonVariantsBase({ variant: "ghost" }),
+                          "w-full h-full min-w-9",
+                          "aria-selected:opacity-100 hover:bg-muted flex items-center justify-center p-1",
+                          "transition-all duration-200 ease-out !scale-100 aria-selected:!scale-100 hover:!scale-100 active:!scale-100"
+                        ),
+                        day_selected: "bg-primary text-primary-foreground hover:bg-primary/90 focus:bg-primary/90 font-semibold hover:text-white !scale-100 p-1 !border-0 !outline-none",
+                        day_today: "bg-muted text-foreground font-bold ring-2 ring-primary/50 ring-inset p-1 !border-0 !outline-none",
+                        day_outside: "day-outside text-muted-foreground/40 opacity-40 aria-selected:bg-muted/50 aria-selected:text-foreground",
+                        day_disabled: "text-muted-foreground/30 opacity-40 cursor-not-allowed",
+                        day_range_middle: "aria-selected:bg-muted aria-selected:text-foreground",
+                        day_hidden: "invisible"
+                      },
+                      components: {
+                        IconLeft: () => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react45.CaretLeftIcon, { className: "h-4 w-4" }),
+                        IconRight: () => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react45.CaretRightIcon, { className: "h-4 w-4" })
+                      }
+                    }
+                  )
+                }
+              ) }),
+              /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex justify-end gap-2 px-4 pb-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { style: { display: "inline-block" }, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                  import_framer_motion16.motion.div,
+                  {
+                    whileHover: { scale: 1.03 },
+                    whileTap: { scale: 0.95 },
+                    children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                      ButtonBase,
+                      {
+                        variant: "outline",
+                        onClick: () => {
+                          setRange({
+                            from: /* @__PURE__ */ new Date(),
+                            to: /* @__PURE__ */ new Date()
+                          });
+                        },
+                        children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_ssr7.CalendarDotIcon, {})
+                      }
+                    )
+                  }
+                ) }),
+                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { style: { display: "inline-block" }, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                  import_framer_motion16.motion.div,
+                  {
+                    whileHover: { scale: 1.03 },
+                    whileTap: { scale: 0.95 },
+                    children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                      DeleteButton,
+                      {
+                        variant: "outline",
+                        onClick: handleClear,
+                        disabled: !range?.from && !range?.to,
+                        className: "hover:bg-destructive hover:text-white",
+                        children: "Limpar"
+                      }
+                    )
+                  }
+                ) }),
+                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { style: { display: "inline-block", width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                  import_framer_motion16.motion.div,
+                  {
+                    whileHover: { scale: 1.02 },
+                    whileTap: { scale: 0.98 },
+                    children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                      ButtonBase,
+                      {
+                        className: "font-semibold w-full  text-center",
+                        onClick: () => setOpen(false),
+                        disabled: !range?.from || !range?.to,
+                        children: "Selecionar"
+                      }
+                    )
+                  }
+                ) })
+              ] })
+            ]
+          }
+        )
+      }
+    ) })
+  ] });
+}
+RangePicker.displayName = "RangePicker";
+
+// src/components/ui/navigation/ContextMenuBase.tsx
+var ContextMenuPrimitive = __toESM(require("@radix-ui/react-context-menu"));
+var import_react46 = require("@phosphor-icons/react");
+var import_jsx_runtime68 = require("react/jsx-runtime");
+function ContextMenuBase(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ContextMenuPrimitive.Root, { "data-slot": "context-menu", ...props });
+}
+function ContextMenuTriggerBase(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ContextMenuPrimitive.Trigger, { "data-slot": "context-menu-trigger", ...props });
+}
+function ContextMenuGroupBase(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ContextMenuPrimitive.Group, { "data-slot": "context-menu-group", ...props });
+}
+function ContextMenuPortalBase(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ContextMenuPrimitive.Portal, { "data-slot": "context-menu-portal", ...props });
+}
+function ContextMenuSubBase(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ContextMenuPrimitive.Sub, { "data-slot": "context-menu-sub", ...props });
+}
+function ContextMenuRadioGroupBase(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ContextMenuPrimitive.RadioGroup, { "data-slot": "context-menu-radio-group", ...props });
+}
+function ContextMenuSubTriggerBase({
+  className,
+  inset,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+    ContextMenuPrimitive.SubTrigger,
+    {
+      "data-slot": "context-menu-sub-trigger",
+      "data-inset": inset,
+      className: cn(
+        "focus:outline-none",
+        "focus:bg-accent focus:text-accent-foreground",
+        "flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm select-none",
+        "data-[inset]:pl-8",
+        "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react46.CaretRightIcon, { className: "ml-auto" })
+      ]
+    }
+  );
+}
+function ContextMenuSubContentBase({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+    ContextMenuPrimitive.SubContent,
+    {
+      "data-slot": "context-menu-sub-content",
+      className: cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out",
+        "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+        "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2",
+        "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        "z-50 min-w-[8rem] overflow-hidden rounded-md border border-border p-1 shadow-lg",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ContextMenuContentBase({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+    ContextMenuPrimitive.Content,
+    {
+      "data-slot": "context-menu-content",
+      className: cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out",
+        "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+        "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2",
+        "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        "z-50 max-h-[var(--radix-context-menu-content-available-height)] min-w-[8rem]",
+        "overflow-x-hidden overflow-y-auto rounded-md border border-border p-1 shadow-md",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function ContextMenuItemBase({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+    ContextMenuPrimitive.Item,
+    {
+      "data-slot": "context-menu-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      className: cn(
+        "focus:outline-none",
+        "focus:bg-accent focus:text-accent-foreground",
+        "data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20",
+        "data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive",
+        "[&_svg:not([class*='text-'])]:text-muted-foreground",
+        "relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm select-none",
+        "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        "data-[inset]:pl-8",
+        "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ContextMenuCheckboxItemBase({
+  className,
+  children,
+  checked,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+    ContextMenuPrimitive.CheckboxItem,
+    {
+      "data-slot": "context-menu-checkbox-item",
+      className: cn(
+        "focus:outline-none",
+        "focus:bg-accent focus:text-accent-foreground",
+        "relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm select-none",
+        "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      checked,
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react46.CheckIcon, { className: "size-4" }) }) }),
+        children
+      ]
+    }
+  );
+}
+function ContextMenuRadioItemBase({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+    ContextMenuPrimitive.RadioItem,
+    {
+      "data-slot": "context-menu-radio-item",
+      className: cn(
+        "focus:outline-none",
+        "focus:bg-accent focus:text-accent-foreground",
+        "relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm select-none",
+        "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react46.CircleIcon, { className: "size-2 fill-current" }) }) }),
+        children
+      ]
+    }
+  );
+}
+function ContextMenuLabelBase({
+  className,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+    ContextMenuPrimitive.Label,
+    {
+      "data-slot": "context-menu-label",
+      "data-inset": inset,
+      className: cn("text-foreground px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className),
+      ...props
+    }
+  );
+}
+function ContextMenuSeparatorBase({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+    ContextMenuPrimitive.Separator,
+    {
+      "data-slot": "context-menu-separator",
+      className: cn("bg-border -mx-1 my-1 h-px", className),
+      ...props
+    }
+  );
+}
+function ContextMenuShortcutBase({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+    "span",
+    {
+      "data-slot": "context-menu-shortcut",
+      className: cn("text-muted-foreground ml-auto text-xs tracking-widest", className),
+      ...props
+    }
+  );
+}
+
 // src/hooks/use-drag.tsx
-var import_react40 = require("react");
+var import_react47 = require("react");
 var useDrag = (options = {}) => {
-  const [isDragging, setIsDragging] = (0, import_react40.useState)(null);
-  const [positions, setPositions] = (0, import_react40.useState)({});
-  const dragStartPos = (0, import_react40.useRef)(null);
-  const dragId = (0, import_react40.useRef)(null);
-  const handleMouseDown = (0, import_react40.useCallback)((id, e) => {
+  const [isDragging, setIsDragging] = (0, import_react47.useState)(null);
+  const [positions, setPositions] = (0, import_react47.useState)({});
+  const dragStartPos = (0, import_react47.useRef)(null);
+  const dragId = (0, import_react47.useRef)(null);
+  const handleMouseDown = (0, import_react47.useCallback)((id, e) => {
     e.preventDefault();
     const currentPosition = positions[id] || { top: 0, left: 0 };
     dragStartPos.current = {
@@ -10061,7 +11306,7 @@ var useDrag = (options = {}) => {
     setIsDragging(id);
     options.onDragStart?.(id);
   }, [positions, options]);
-  const handleMouseMove = (0, import_react40.useCallback)((e) => {
+  const handleMouseMove = (0, import_react47.useCallback)((e) => {
     if (!isDragging || !dragStartPos.current || !dragId.current) return;
     const deltaX = e.clientX - dragStartPos.current.x;
     const deltaY = e.clientY - dragStartPos.current.y;
@@ -10077,7 +11322,7 @@ var useDrag = (options = {}) => {
     }));
     options.onDrag?.(dragId.current, newPosition);
   }, [isDragging, options]);
-  const handleMouseUp = (0, import_react40.useCallback)(() => {
+  const handleMouseUp = (0, import_react47.useCallback)(() => {
     if (dragId.current) {
       options.onDragEnd?.(dragId.current);
     }
@@ -10085,7 +11330,7 @@ var useDrag = (options = {}) => {
     dragStartPos.current = null;
     dragId.current = null;
   }, [options]);
-  (0, import_react40.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     if (isDragging) {
       document.addEventListener("mousemove", handleMouseMove);
       document.addEventListener("mouseup", handleMouseUp);
@@ -10097,16 +11342,16 @@ var useDrag = (options = {}) => {
       };
     }
   }, [isDragging, handleMouseMove, handleMouseUp]);
-  const setPosition = (0, import_react40.useCallback)((id, position) => {
+  const setPosition = (0, import_react47.useCallback)((id, position) => {
     setPositions((prev) => ({
       ...prev,
       [id]: position
     }));
   }, []);
-  const getPosition = (0, import_react40.useCallback)((id) => {
+  const getPosition = (0, import_react47.useCallback)((id) => {
     return positions[id] || { top: 0, left: 0 };
   }, [positions]);
-  const isElementDragging = (0, import_react40.useCallback)((id) => {
+  const isElementDragging = (0, import_react47.useCallback)((id) => {
     return isDragging === id;
   }, [isDragging]);
   return {