@mlw-packages/react-components 1.7.12 → 1.7.14

package/dist/index.mjs

@@ -955,6 +955,7 @@ function ComboboxBase({
   renderSelected,
   handleSelection,
   checkIsSelected,
+  disabled = false,
   keepOpen = false,
   closeAll,
   searchPlaceholder,
@@ -969,111 +970,124 @@ function ComboboxBase({
       className: "col-span-1 w-full",
       "data-testid": testIds.root ?? "combobox-base-root",
       children: [
-        /* @__PURE__ */ jsxs5(PopoverBase, { open, onOpenChange: setOpen, modal: true, children: [
-          /* @__PURE__ */ jsx8(
-            PopoverTriggerBase,
-            {
-              asChild: true,
-              className: "flex w-full justify-between dark:bg-[hsl(231,15%,19%)]",
-              children: /* @__PURE__ */ jsxs5(
-                ButtonBase,
+        /* @__PURE__ */ jsxs5(
+          PopoverBase,
+          {
+            open,
+            onOpenChange: (v) => !disabled && setOpen(v),
+            modal: true,
+            children: [
+              /* @__PURE__ */ jsx8(
+                PopoverTriggerBase,
                 {
-                  variant: "select",
-                  size: "select",
-                  role: "combobox",
-                  "aria-expanded": open,
-                  className: cn(
-                    "flex items-center gap-2 justify-between h-auto [&>div]:line-clamp-1 [&>span]:line-clamp-1",
-                    error && "border-red-500"
-                  ),
-                  "data-testid": testIds.trigger ?? "combobox-trigger",
-                  children: [
-                    renderSelected,
-                    closeAll,
-                    /* @__PURE__ */ jsx8(
-                      motion2.div,
-                      {
-                        animate: { rotate: open ? 180 : 0 },
-                        transition: { duration: 0.3 },
-                        className: "flex",
-                        children: /* @__PURE__ */ jsx8(CaretDownIcon, { className: " flex-shrink-0" })
-                      }
-                    )
-                  ]
+                  asChild: true,
+                  className: "flex w-full justify-between dark:bg-[hsl(231,15%,19%)]",
+                  children: /* @__PURE__ */ jsxs5(
+                    ButtonBase,
+                    {
+                      variant: "select",
+                      size: "select",
+                      role: "combobox",
+                      "aria-expanded": open,
+                      "aria-disabled": disabled || void 0,
+                      disabled,
+                      className: cn(
+                        "flex items-center gap-2 justify-between h-auto [&>div]:line-clamp-1 [&>span]:line-clamp-1",
+                        error && "border-red-500"
+                      ),
+                      "data-testid": testIds.trigger ?? "combobox-trigger",
+                      children: [
+                        renderSelected,
+                        closeAll,
+                        /* @__PURE__ */ jsx8(
+                          motion2.div,
+                          {
+                            animate: { rotate: open ? 180 : 0 },
+                            transition: { duration: 0.3 },
+                            className: "flex",
+                            children: /* @__PURE__ */ jsx8(CaretDownIcon, { className: " flex-shrink-0" })
+                          }
+                        )
+                      ]
+                    }
+                  )
                 }
-              )
-            }
-          ),
-          /* @__PURE__ */ jsx8(
-            PopoverContentBase,
-            {
-              className: "max-h-[--radix-popover-content-available-height] w-[--radix-popover-trigger-width] p-0 border-none",
-              "data-testid": testIds.popover ?? "combobox-popover",
-              children: /* @__PURE__ */ jsxs5(
-                CommandBase,
+              ),
+              /* @__PURE__ */ jsx8(
+                PopoverContentBase,
                 {
-                  className: "dark:text-white hover:bg-rsecondary",
-                  "data-testid": testIds.command ?? "combobox-command",
-                  children: [
-                    /* @__PURE__ */ jsx8(
-                      CommandInputBase,
-                      {
-                        tabIndex: -1,
-                        placeholder: searchPlaceholder ?? "Busque uma op\xE7\xE3o...",
-                        "data-testid": testIds.search ?? "combobox-search"
-                      }
-                    ),
-                    /* @__PURE__ */ jsxs5(CommandListBase, { "data-testid": testIds.list ?? "combobox-list", children: [
-                      /* @__PURE__ */ jsx8(CommandEmptyBase, { "data-testid": testIds.empty ?? "combobox-empty", children: empty }),
-                      /* @__PURE__ */ jsx8(CommandGroupBase, { "data-testid": testIds.group ?? "combobox-group", children: items.map((item) => {
-                        const isSelected = checkIsSelected(item.value);
-                        return /* @__PURE__ */ jsxs5(
-                          CommandItemBase,
+                  className: "max-h-[--radix-popover-content-available-height] w-[--radix-popover-trigger-width] p-0 border-none",
+                  "data-testid": testIds.popover ?? "combobox-popover",
+                  children: /* @__PURE__ */ jsxs5(
+                    CommandBase,
+                    {
+                      className: "dark:text-white hover:bg-rsecondary",
+                      "data-testid": testIds.command ?? "combobox-command",
+                      children: [
+                        /* @__PURE__ */ jsx8(
+                          CommandInputBase,
                           {
-                            keywords: [item.label],
-                            value: item.value,
-                            onSelect: (value) => {
-                              handleSelection(value);
-                              if (!keepOpen) setOpen(false);
-                            },
-                            "data-testid": testIds.option ?? "combobox-option",
-                            children: [
-                              item.label,
-                              /* @__PURE__ */ jsx8(
-                                motion2.div,
-                                {
-                                  initial: { scale: 0 },
-                                  animate: { scale: isSelected ? 1 : 0 },
-                                  transition: {
-                                    type: "spring",
-                                    stiffness: 500,
-                                    damping: 30
-                                  },
-                                  className: "ml-auto ",
-                                  children: /* @__PURE__ */ jsx8(
-                                    CheckIcon,
+                            tabIndex: -1,
+                            disabled,
+                            placeholder: searchPlaceholder ?? "Busque uma op\xE7\xE3o...",
+                            "data-testid": testIds.search ?? "combobox-search"
+                          }
+                        ),
+                        /* @__PURE__ */ jsxs5(CommandListBase, { "data-testid": testIds.list ?? "combobox-list", children: [
+                          /* @__PURE__ */ jsx8(CommandEmptyBase, { "data-testid": testIds.empty ?? "combobox-empty", children: empty }),
+                          /* @__PURE__ */ jsx8(CommandGroupBase, { "data-testid": testIds.group ?? "combobox-group", children: items.map((item) => {
+                            const isSelected = checkIsSelected(item.value);
+                            return /* @__PURE__ */ jsxs5(
+                              CommandItemBase,
+                              {
+                                keywords: [item.label],
+                                value: item.value,
+                                onSelect: (value) => {
+                                  if (disabled) return;
+                                  handleSelection(value);
+                                  if (!keepOpen) setOpen(false);
+                                },
+                                disabled,
+                                "data-testid": testIds.option ?? "combobox-option",
+                                children: [
+                                  item.label,
+                                  /* @__PURE__ */ jsx8(
+                                    motion2.div,
                                     {
-                                      className: cn(
-                                        "ml-auto",
-                                        isSelected ? "opacity-100" : "opacity-0"
-                                      ),
-                                      "data-testid": isSelected ? testIds.check ?? "combobox-option-check" : void 0
+                                      initial: { scale: 0 },
+                                      animate: { scale: isSelected ? 1 : 0 },
+                                      transition: {
+                                        type: "spring",
+                                        stiffness: 500,
+                                        damping: 30
+                                      },
+                                      className: "ml-auto ",
+                                      children: /* @__PURE__ */ jsx8(
+                                        CheckIcon,
+                                        {
+                                          className: cn(
+                                            "ml-auto",
+                                            isSelected ? "opacity-100" : "opacity-0"
+                                          ),
+                                          "data-testid": isSelected ? testIds.check ?? "combobox-option-check" : void 0
+                                        }
+                                      )
                                     }
                                   )
-                                }
-                              )
-                            ]
-                          },
-                          item.value
-                        );
-                      }) })
-                    ] })
-                  ]
+                                ]
+                              },
+                              item.value
+                            );
+                          }) })
+                        ] })
+                      ]
+                    }
+                  )
                 }
               )
-            }
-          )
-        ] }),
+            ]
+          }
+        ),
         /* @__PURE__ */ jsx8(ErrorMessage_default, { error })
       ]
     }
@@ -1090,6 +1104,7 @@ function Combobox({
   placeholder,
   searchPlaceholder,
   empty,
+  disabled = false,
   label,
   labelClassname,
   testIds,
@@ -1101,11 +1116,15 @@ function Combobox({
       "span",
       {
         "data-testid": testIds?.selected ?? "combobox-selected",
-        className: cn("truncate", !selectedItem && "text-gray-500"),
+        className: cn(
+          "truncate",
+          disabled && "opacity-60 cursor-not-allowed",
+          !selectedItem && "text-gray-500"
+        ),
         children: selectedItem?.label ?? placeholder ?? "Selecione uma op\xE7\xE3o..."
       }
     );
-  }, [placeholder, selectedItem, testIds?.selected]);
+  }, [placeholder, selectedItem, testIds?.selected, disabled]);
   const checkIsSelected = useCallback(
     (value) => selected == null ? false : selected == value,
     [selected]
@@ -1125,6 +1144,7 @@ function Combobox({
         renderSelected,
         handleSelection,
         checkIsSelected,
+        disabled,
         searchPlaceholder,
         empty,
         error,
@@ -1150,8 +1170,10 @@ function MultiCombobox({
   labelClassname,
   testIds = {},
   error,
+  disabled = false,
   keepOpen = true,
-  showClearAll = false
+  showClearAll = false,
+  empty
 }) {
   const selectedItems = items.filter((item) => selected.includes(item.value));
   const checkIsSelected = useCallback2(
@@ -1175,7 +1197,9 @@ function MultiCombobox({
       variant: "ghost",
       "data-testid": testIds.clearAll ?? "combobox-clear-all",
       size: "icon",
+      disabled,
       onClick: (e) => {
+        if (disabled) return;
         e.stopPropagation();
         onChange([]);
       },
@@ -1218,15 +1242,19 @@ function MultiCombobox({
               /* @__PURE__ */ jsx10(
                 motion3.span,
                 {
-                  role: "button",
-                  tabIndex: 0,
+                  role: disabled ? void 0 : "button",
+                  tabIndex: disabled ? -1 : 0,
                   onClick: (e) => {
+                    if (disabled) return;
                     e.stopPropagation();
                     handleSelection(item.value);
                   },
                   whileHover: { scale: 1.1 },
                   whileTap: { scale: 0.95 },
-                  className: "cursor-pointer text-xs flex items-center justify-center hover:text-red-500 transition-colors flex-shrink-0 rounded hover:bg-red-50 ",
+                  className: cn(
+                    "text-xs flex items-center justify-center transition-colors flex-shrink-0 rounded",
+                    !disabled ? "cursor-pointer hover:text-red-500 hover:bg-red-50" : "opacity-50 pointer-events-none"
+                  ),
                   children: /* @__PURE__ */ jsx10(XIcon2, { size: 14 })
                 }
               )
@@ -1236,7 +1264,7 @@ function MultiCombobox({
         )) })
       }
     );
-  }, [handleSelection, placeholder, selectedItems, testIds]);
+  }, [handleSelection, placeholder, selectedItems, testIds, disabled]);
   return /* @__PURE__ */ jsxs7(
     "div",
     {
@@ -1261,7 +1289,9 @@ function MultiCombobox({
             keepOpen,
             closeAll,
             searchPlaceholder,
-            error
+            error,
+            empty,
+            disabled
           }
         )
       ]
@@ -1866,7 +1896,7 @@ function Select({
   ] });
 }
 
-// src/components/selects/AvatarSelect.tsx
+// src/components/selects/AvatarCombobox.tsx
 import { useId, useState as useState4 } from "react";
 import { CaretDownIcon as CaretDownIcon3, CheckIcon as CheckIcon5 } from "@phosphor-icons/react";
 import { Fragment as Fragment4, jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
@@ -1891,14 +1921,14 @@ var Square = ({
   {
     "aria-hidden": "true",
     className: cn(
-      "flex size-5 items-center justify-center rounded bg-muted font-medium text-muted-foreground text-xs",
+      "flex h-6 w-6 flex-shrink-0 items-center justify-center rounded bg-muted font-medium text-muted-foreground leading-none overflow-hidden",
       className
     ),
     "data-square": true,
     children
   }
 );
-function AvatarSelect({
+function AvatarCombobox({
   items,
   groupItems,
   placeholder,
@@ -3212,7 +3242,9 @@ var RechartTooltipWithTotal = ({
   periodLabel = "Per\xEDodo",
   totalLabel = "Total",
   valueFormatter: valueFormatter2,
-  categoryFormatter
+  categoryFormatter,
+  yAxisMap,
+  isBiaxial = false
 }) => {
   if (!active || !payload || payload.length === 0) return null;
   const displayLabel = categoryFormatter ? categoryFormatter(String(label ?? "")) : label;
@@ -3243,6 +3275,13 @@ var RechartTooltipWithTotal = ({
     (sum, p) => sum + Math.abs(typeof p.value === "number" ? p.value : 0),
     0
   );
+  const axisDenominators = {};
+  if (isBiaxial && yAxisMap) {
+    for (const p of numeric) {
+      const axis = yAxisMap[p.dataKey] || "left";
+      axisDenominators[axis] = (axisDenominators[axis] || 0) + Math.abs(p.value || 0);
+    }
+  }
   return /* @__PURE__ */ jsxs20(
     "div",
     {
@@ -3311,7 +3350,12 @@ var RechartTooltipWithTotal = ({
                     children: displayValue
                   }
                 ),
-                /* @__PURE__ */ jsx25("span", { className: "text-xs text-muted-foreground", children: absDenominator > 0 ? `${pct.toFixed(1)}%` : "-" })
+                /* @__PURE__ */ jsx25("span", { className: "text-xs text-muted-foreground", children: isBiaxial && yAxisMap ? (() => {
+                  const axis = yAxisMap[entry.dataKey] || "left";
+                  const denom = axisDenominators[axis] || 0;
+                  const p = denom > 0 ? Math.abs(value) / denom * 100 : 0;
+                  return denom > 0 ? `${p.toFixed(1)}%` : "-";
+                })() : absDenominator > 0 ? `${pct.toFixed(1)}%` : "-" })
               ] })
             ] }),
             /* @__PURE__ */ jsx25("div", { className: "w-full bg-muted rounded-full h-1 overflow-hidden", children: /* @__PURE__ */ jsx25(
@@ -3341,7 +3385,9 @@ var TooltipSimple = ({
   finalColors = {},
   periodLabel = "Per\xEDodo",
   valueFormatter: valueFormatter2,
-  categoryFormatter
+  categoryFormatter,
+  yAxisMap,
+  isBiaxial = false
 }) => {
   if (!active || !payload || payload.length === 0) return null;
   const displayLabel = categoryFormatter ? categoryFormatter(String(label ?? "")) : label;
@@ -3360,6 +3406,17 @@ var TooltipSimple = ({
         /* @__PURE__ */ jsx26("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";
+          let pct = 0;
+          if (isBiaxial && yAxisMap) {
+            const axis = yAxisMap[entry.dataKey] || "left";
+            const axisSum = payload.filter(
+              (p) => (yAxisMap[p.dataKey] || "left") === axis
+            ).reduce(
+              (s, p) => s + Math.abs(typeof p.value === "number" ? p.value : 0),
+              0
+            );
+            pct = axisSum > 0 ? Math.abs(value) / axisSum * 100 : 0;
+          }
           const defaultFormatted = (() => {
             try {
               if (Math.abs(value) < 1e3) {
@@ -3394,13 +3451,16 @@ var TooltipSimple = ({
                   ),
                   /* @__PURE__ */ jsx26("span", { className: "text-muted-foreground truncate", children: entry.name })
                 ] }),
-                /* @__PURE__ */ jsx26("div", { className: "ml-3", children: /* @__PURE__ */ jsx26(
-                  "span",
-                  {
-                    className: `font-medium tabular-nums ${value < 0 ? "text-destructive" : "text-foreground"}`,
-                    children: displayValue
-                  }
-                ) })
+                /* @__PURE__ */ jsx26("div", { className: "ml-3", children: /* @__PURE__ */ jsxs21("div", { className: "flex items-baseline gap-2", children: [
+                  /* @__PURE__ */ jsx26(
+                    "span",
+                    {
+                      className: `font-medium tabular-nums ${value < 0 ? "text-destructive" : "text-foreground"}`,
+                      children: displayValue
+                    }
+                  ),
+                  isBiaxial ? /* @__PURE__ */ jsx26("span", { className: "text-xs text-muted-foreground", children: pct > 0 ? `${pct.toFixed(1)}%` : "-" }) : null
+                ] }) })
               ]
             },
             index
@@ -3465,10 +3525,13 @@ var renderPillLabel = (color, variant, valueFormatter2) => {
     const vb = props.viewBox;
     const cxNum = parseNumber(props.cx);
     let centerX;
+    let usedBarCenter = false;
     if (typeof px === "number" && typeof pWidth === "number") {
       centerX = px + pWidth / 2;
+      usedBarCenter = true;
     } else if (typeof xNum === "number" && typeof pWidth === "number") {
       centerX = xNum + pWidth / 2;
+      usedBarCenter = true;
     } else if (typeof cxNum === "number") {
       centerX = cxNum;
     } else if (vb && typeof vb.x === "number" && typeof vb.width === "number" && typeof props.index === "number") {
@@ -3480,32 +3543,26 @@ var renderPillLabel = (color, variant, valueFormatter2) => {
     } else {
       centerX = typeof props.index === "number" ? props.index * 40 + 24 : 0;
     }
-    if (vb && typeof vb.x === "number" && typeof vb.width === "number") {
-      const minX = vb.x + 0 + pillWidth / 22;
-      const maxX = vb.x + vb.width - 2 - pillWidth / 2;
+    if (!usedBarCenter && vb && typeof vb.x === "number" && typeof vb.width === "number") {
+      const minX = vb.x + pillWidth / 2;
+      const maxX = vb.x + vb.width - pillWidth / 2;
       centerX = Math.max(minX, Math.min(maxX, centerX));
     }
     const yNum = parseNumber(y);
     const py = parseNumber(props.y);
     const cyNum = parseNumber(props.cy);
     const centerY = yNum ?? (typeof py === "number" ? py : vb && typeof vb.y === "number" && typeof vb.height === "number" ? vb.y + vb.height / 2 : typeof cyNum === "number" ? cyNum : 0);
-    const rectX = centerX - pillWidth / 3.5;
+    const rectX = centerX - pillWidth / 2;
     const rectY = centerY - pillHeight - 6;
-    const textX = centerX - pillWidth / 3.5 + pillWidth / 2;
+    const textX = centerX;
     const textY = rectY + pillHeight / 2 + 3;
     const rectFill = variant === "filled" ? color : variant === "soft" ? `${color}20` : "#ffffff";
     const rectStroke = variant === "outline" ? `${color}CC` : void 0;
-    const numValue = parseNumber(value);
-    const isNegative = typeof numValue === "number" && numValue < 0;
     let textColor;
-    if (isNegative) {
-      textColor = "#dc2626";
+    if (variant === "filled") {
+      textColor = "#ffffff";
     } else {
-      if (variant === "filled") {
-        textColor = "#ffffff";
-      } else {
-        textColor = "#374151";
-      }
+      textColor = "#374151";
     }
     return /* @__PURE__ */ jsxs22("g", { children: [
       /* @__PURE__ */ jsx27(
@@ -3541,7 +3598,7 @@ var renderPillLabel = (color, variant, valueFormatter2) => {
 var pillLabelRenderer_default = renderPillLabel;
 
 // src/components/charts/Chart.tsx
-import { jsx as jsx28, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx28, jsxs as jsxs23 } from "react/jsx-runtime";
 var DEFAULT_COLORS2 = ["#55af7d", "#8e68ff", "#2273e1"];
 var Chart = ({
   data,
@@ -3570,7 +3627,10 @@ var Chart = ({
   showTooltipTotal = false,
   maxTooltips = 5,
   formatBR = false,
-  chartMargin
+  chartMargin,
+  yAxisMap,
+  yAxes,
+  periodLabel = "Per\xEDodo"
 }) => {
   const smartConfig = useMemo5(() => {
     const resolvedXAxisKey = typeof xAxis === "string" ? xAxis : xAxis && xAxis.dataKey || detectXAxis(data);
@@ -3701,6 +3761,70 @@ var Chart = ({
     }
     return min;
   }, [processedData, allKeys]);
+  const leftKeys = useMemo5(
+    () => !yAxisMap ? allKeys : allKeys.filter((k) => (yAxisMap?.[k] ?? "left") === "left"),
+    [allKeys, yAxisMap]
+  );
+  const rightKeys = useMemo5(
+    () => !yAxisMap ? [] : allKeys.filter((k) => (yAxisMap?.[k] ?? "left") === "right"),
+    [allKeys, yAxisMap]
+  );
+  const maxForKeys = useCallback5(
+    (keys) => {
+      let max = 0;
+      for (const row of processedData) {
+        const r = row;
+        for (const key of keys) {
+          const v = r[key];
+          if (typeof v === "number" && Number.isFinite(v) && v > max)
+            max = v;
+        }
+      }
+      return max;
+    },
+    [processedData]
+  );
+  const minForKeys = useCallback5(
+    (keys) => {
+      let min = 0;
+      for (const row of processedData) {
+        const r = row;
+        for (const key of keys) {
+          const v = r[key];
+          if (typeof v === "number" && Number.isFinite(v) && v < min)
+            min = v;
+        }
+      }
+      return min;
+    },
+    [processedData]
+  );
+  const maxLeft = useMemo5(() => maxForKeys(leftKeys), [leftKeys, maxForKeys]);
+  const minLeft = useMemo5(() => minForKeys(leftKeys), [leftKeys, minForKeys]);
+  const maxRight = useMemo5(
+    () => rightKeys.length > 0 ? maxForKeys(rightKeys) : 0,
+    [rightKeys, maxForKeys]
+  );
+  const minRight = useMemo5(
+    () => rightKeys.length > 0 ? minForKeys(rightKeys) : 0,
+    [rightKeys, minForKeys]
+  );
+  const niceMaxLeft = useMemo5(() => {
+    let padding = 0.08;
+    if (maxLeft > 1e6) padding = 0.05;
+    if (maxLeft > 1e7) padding = 0.03;
+    if (maxLeft === 0) padding = 0.12;
+    const padded = maxLeft * (1 + padding);
+    return niceCeil(padded);
+  }, [maxLeft]);
+  const niceMaxRight = useMemo5(() => {
+    let padding = 0.08;
+    if (maxRight > 1e6) padding = 0.05;
+    if (maxRight > 1e7) padding = 0.03;
+    if (maxRight === 0) padding = 0.12;
+    const padded = maxRight * (1 + padding);
+    return niceCeil(padded);
+  }, [maxRight]);
   const niceMax = useMemo5(() => {
     let padding = 0.08;
     if (maxDataValue > 1e6) padding = 0.05;
@@ -3890,8 +4014,57 @@ var Chart = ({
   const defaultChartRightMargin = 30;
   const defaultChartLeftMargin = 0;
   const containerPaddingLeft = 16;
-  const finalChartRightMargin = chartMargin?.right ?? defaultChartRightMargin;
-  const finalChartLeftMargin = chartMargin?.left ?? (yAxisLabel ? 40 : defaultChartLeftMargin);
+  const estimateTextWidth = useCallback5((text) => {
+    const s = String(text ?? "");
+    if (typeof document === "undefined")
+      return Math.min(200, s.length * 8 + 12);
+    const canvas = document.createElement("canvas");
+    const ctx = canvas.getContext("2d");
+    if (!ctx) return Math.min(200, s.length * 8 + 12);
+    ctx.font = "12px system-ui, -apple-system, 'Segoe UI', Roboto";
+    const w = Math.ceil(ctx.measureText(s).width) + 12;
+    return Math.min(300, w);
+  }, []);
+  const leftLabelSample = useMemo5(() => {
+    if (!leftKeys || leftKeys.length === 0) return "";
+    const candidates = [maxLeft, minLeft, niceMaxLeft];
+    return String(
+      candidates.map((v) => yTickFormatter(v)).sort((a, b) => String(b).length - String(a).length)[0] ?? ""
+    );
+  }, [leftKeys, maxLeft, minLeft, niceMaxLeft, yTickFormatter]);
+  const rightLabelSample = useMemo5(() => {
+    if (!rightKeys || rightKeys.length === 0) return "";
+    const candidates = [maxRight, minRight, niceMaxRight];
+    return String(
+      candidates.map((v) => yTickFormatter(v)).sort((a, b) => String(b).length - String(a).length)[0] ?? ""
+    );
+  }, [rightKeys, maxRight, minRight, niceMaxRight, yTickFormatter]);
+  const estimatedLeftNeeded = useMemo5(() => {
+    const tickW = leftLabelSample ? estimateTextWidth(leftLabelSample) : 0;
+    const axisW = yAxisLabel ? estimateTextWidth(yAxisLabel) + 8 : 0;
+    return Math.max(
+      defaultChartLeftMargin,
+      Math.ceil(tickW + axisW + containerPaddingLeft / 2)
+    );
+  }, [leftLabelSample, yAxisLabel, estimateTextWidth]);
+  const estimatedRightNeeded = useMemo5(() => {
+    const tickW = rightLabelSample ? estimateTextWidth(rightLabelSample) : 0;
+    const axisW = yAxes?.right?.label ? estimateTextWidth(yAxes.right.label) + 8 : 0;
+    return Math.max(defaultChartRightMargin, Math.ceil(tickW + axisW / 2));
+  }, [rightLabelSample, yAxes, estimateTextWidth]);
+  const leftAxisLabelWidth = useMemo5(() => {
+    const label = yAxes?.left?.label ?? yAxisLabel;
+    return label ? estimateTextWidth(label) : 0;
+  }, [yAxes, yAxisLabel, estimateTextWidth]);
+  const rightAxisLabelWidth = useMemo5(() => {
+    const label = yAxes?.right?.label;
+    return label ? estimateTextWidth(label) : 0;
+  }, [yAxes, estimateTextWidth]);
+  const leftYAxisLabelDx = Math.ceil(leftAxisLabelWidth / 2) + 8;
+  const rightYAxisLabelDx = Math.ceil(rightAxisLabelWidth / 2) + 8;
+  const finalChartLeftMargin = chartMargin?.left ?? Math.max(estimatedLeftNeeded, yAxisLabel ? 40 : defaultChartLeftMargin);
+  const finalChartRightMarginFinal = chartMargin?.right ?? estimatedRightNeeded;
+  const finalChartRightMargin = finalChartRightMarginFinal;
   const finalChartTopMargin = chartMargin?.top ?? (showLabels ? 48 : 20);
   const baseBottom = chartMargin?.bottom ?? 5;
   const extraForXAxisLabel = xAxisLabel ? 22 : 0;
@@ -3969,8 +4142,7 @@ var Chart = ({
       ref: wrapperRef,
       style: {
         width: "100%",
-        overflowX: "hidden",
-        overflowY: "hidden",
+        overflow: "visible",
         minWidth: 0
       },
       children: /* @__PURE__ */ jsxs23(
@@ -3985,7 +4157,6 @@ var Chart = ({
                 style: {
                   paddingLeft: `${containerPaddingLeft + finalChartLeftMargin}px`,
                   width: "100%",
-                  maxWidth: `${chartInnerWidth}px`,
                   display: "flex",
                   justifyContent: titlePosition === "center" ? "center" : titlePosition === "right" ? "flex-end" : "flex-start",
                   alignItems: "center",
@@ -4107,8 +4278,8 @@ var Chart = ({
                       },
                       label: xAxisLabel ? {
                         value: xAxisLabel,
-                        position: "insideBottomRight",
-                        offset: -5,
+                        position: "bottom",
+                        offset: 12,
                         style: {
                           fontSize: 12,
                           fill: "hsl(var(--muted-foreground))",
@@ -4117,7 +4288,61 @@ var Chart = ({
                       } : void 0
                     }
                   ),
-                  /* @__PURE__ */ jsx28(
+                  rightKeys.length > 0 ? /* @__PURE__ */ jsxs23(Fragment7, { children: [
+                    /* @__PURE__ */ jsx28(
+                      YAxis,
+                      {
+                        yAxisId: "left",
+                        stroke: yAxes?.left?.stroke || "hsl(var(--muted-foreground))",
+                        width: yAxes?.left?.width,
+                        fontSize: 12,
+                        tickLine: false,
+                        axisLine: false,
+                        tickFormatter: yTickFormatter,
+                        domain: [Math.min(minLeft, 0), niceMaxLeft],
+                        tickCount: 6,
+                        label: yAxes?.left?.label ?? yAxisLabel ? {
+                          value: yAxes?.left?.label ?? yAxisLabel,
+                          angle: -90,
+                          position: "left",
+                          dx: -leftYAxisLabelDx,
+                          style: {
+                            fontSize: 12,
+                            fill: "hsl(var(--muted-foreground))",
+                            fontWeight: 500,
+                            textAnchor: "middle"
+                          }
+                        } : void 0
+                      }
+                    ),
+                    /* @__PURE__ */ jsx28(
+                      YAxis,
+                      {
+                        yAxisId: "right",
+                        orientation: "right",
+                        stroke: yAxes?.right?.stroke || "hsl(var(--muted-foreground))",
+                        width: yAxes?.right?.width,
+                        fontSize: 12,
+                        tickLine: false,
+                        axisLine: false,
+                        tickFormatter: yTickFormatter,
+                        domain: [Math.min(minRight, 0), niceMaxRight],
+                        tickCount: 6,
+                        label: yAxes?.right?.label ? {
+                          value: yAxes?.right?.label,
+                          angle: -90,
+                          position: "right",
+                          dx: rightYAxisLabelDx,
+                          style: {
+                            fontSize: 12,
+                            fill: "hsl(var(--muted-foreground))",
+                            fontWeight: 500,
+                            textAnchor: "middle"
+                          }
+                        } : void 0
+                      }
+                    )
+                  ] }) : /* @__PURE__ */ jsx28(Fragment7, { children: /* @__PURE__ */ jsx28(
                     YAxis,
                     {
                       stroke: "hsl(var(--muted-foreground))",
@@ -4130,7 +4355,8 @@ var Chart = ({
                       label: yAxisLabel ? {
                         value: yAxisLabel,
                         angle: -90,
-                        position: "leftTop",
+                        position: "left",
+                        dx: -leftYAxisLabelDx,
                         style: {
                           fontSize: 12,
                           fill: "hsl(var(--muted-foreground))",
@@ -4139,8 +4365,8 @@ var Chart = ({
                         }
                       } : void 0
                     }
-                  ),
-                  minDataValue < 0 && /* @__PURE__ */ jsx28(
+                  ) }),
+                  (minDataValue < 0 || minLeft < 0 || minRight < 0) && /* @__PURE__ */ jsx28(
                     ReferenceLine,
                     {
                       y: 0,
@@ -4155,16 +4381,22 @@ var Chart = ({
                       content: showTooltipTotal ? /* @__PURE__ */ jsx28(
                         TooltipWithTotal_default,
                         {
+                          periodLabel,
                           finalColors,
                           valueFormatter: finalValueFormatter,
-                          categoryFormatter
+                          categoryFormatter,
+                          yAxisMap,
+                          isBiaxial: rightKeys.length > 0
                         }
                       ) : /* @__PURE__ */ jsx28(
                         TooltipSimple_default,
                         {
+                          periodLabel,
                           finalColors,
                           valueFormatter: finalValueFormatter,
-                          categoryFormatter
+                          categoryFormatter,
+                          yAxisMap,
+                          isBiaxial: rightKeys.length > 0
                         }
                       ),
                       cursor: { fill: "hsl(var(--muted))", opacity: 0.1 }
@@ -4190,6 +4422,7 @@ var Chart = ({
                       return /* @__PURE__ */ jsx28(
                         Bar,
                         {
+                          yAxisId: yAxisMap?.[key],
                           dataKey: key,
                           name: label,
                           fill: color,
@@ -4229,6 +4462,7 @@ var Chart = ({
                       return /* @__PURE__ */ jsx28(
                         Line,
                         {
+                          yAxisId: yAxisMap?.[key],
                           dataKey: key,
                           name: label,
                           stroke: color,
@@ -4262,6 +4496,7 @@ var Chart = ({
                       return /* @__PURE__ */ jsx28(
                         Area,
                         {
+                          yAxisId: yAxisMap?.[key],
                           dataKey: key,
                           name: label,
                           stroke: color,
@@ -4310,7 +4545,7 @@ var Chart = ({
                 showOnlyHighlighted,
                 onClose: (id) => setActiveTooltips((prev) => prev.filter((t) => t.id !== id)),
                 onPositionChange: onTooltipPositionChange,
-                periodLabel: "Per\xEDodo Selecionado",
+                periodLabel,
                 dataLabel: "Dados do Per\xEDodo",
                 valueFormatter: finalValueFormatter,
                 categoryFormatter,
@@ -6013,7 +6248,7 @@ import {
   FilePptIcon,
   FileDocIcon
 } from "@phosphor-icons/react";
-import { Fragment as Fragment7, jsx as jsx36, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx36, jsxs as jsxs27 } from "react/jsx-runtime";
 var formatFileSize = (bytes) => {
   if (bytes === 0) return "0 Bytes";
   const k = 1024;
@@ -6408,7 +6643,7 @@ var FileUploader = React18.forwardRef(
                         ),
                         /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
                           /* @__PURE__ */ jsx36("span", { children: formatFileSize(file.size) }),
-                          file.type && /* @__PURE__ */ jsxs27(Fragment7, { children: [
+                          file.type && /* @__PURE__ */ jsxs27(Fragment8, { children: [
                             /* @__PURE__ */ jsx36("span", { children: "\u2022" }),
                             /* @__PURE__ */ jsx36("span", { className: "uppercase", children: getFileExtension(file.name) })
                           ] })
@@ -7268,44 +7503,50 @@ import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { CheckIcon as CheckIcon8, MinusIcon } from "@phosphor-icons/react";
 import { motion as motion11 } from "framer-motion";
 import { jsx as jsx44, jsxs as jsxs33 } from "react/jsx-runtime";
-var CheckboxBase = React24.forwardRef(({ className, testid: dataTestId = "checkbox-base", ...props }, ref) => /* @__PURE__ */ jsx44(
-  CheckboxPrimitive.Root,
-  {
-    ref,
-    className: cn(
-      "peer h-4 w-4 shrink-0 rounded-md border border-primary shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground transition-colors",
-      className
-    ),
-    "data-testid": dataTestId,
-    ...props,
-    children: /* @__PURE__ */ jsx44(CheckboxPrimitive.Indicator, { asChild: true, children: /* @__PURE__ */ jsxs33(
-      motion11.div,
-      {
-        initial: { scale: 0, opacity: 0, rotate: -90 },
-        animate: { scale: 1, opacity: 1, rotate: 0 },
-        exit: { scale: 0, opacity: 0, rotate: 90 },
-        transition: { type: "spring", stiffness: 500, damping: 30 },
-        className: "flex items-center justify-center text-current group",
-        children: [
-          /* @__PURE__ */ jsx44(
-            CheckIcon8,
-            {
-              className: "h-4 w-4 hidden group-data-[state=checked]:block",
-              weight: "bold"
-            }
-          ),
-          /* @__PURE__ */ jsx44(
-            MinusIcon,
-            {
-              className: "h-4 w-4 hidden group-data-[state=indeterminate]:block",
-              weight: "bold"
-            }
-          )
-        ]
-      }
-    ) })
-  }
-));
+var CheckboxBase = React24.forwardRef(({ className, testid: dataTestId = "checkbox-base", checked: checkedProp, defaultChecked, onCheckedChange, ...props }, ref) => {
+  const isControlled = checkedProp !== void 0;
+  const [checkedState, setCheckedState] = React24.useState(
+    isControlled ? checkedProp : defaultChecked ?? false
+  );
+  React24.useEffect(() => {
+    if (isControlled) setCheckedState(checkedProp);
+  }, [checkedProp, isControlled]);
+  const handleCheckedChange = (next) => {
+    if (!isControlled) setCheckedState(next);
+    onCheckedChange?.(next);
+  };
+  const stateClass = checkedState === true || checkedState === "indeterminate" ? "bg-primary text-primary-foreground" : "";
+  return /* @__PURE__ */ jsx44(
+    CheckboxPrimitive.Root,
+    {
+      ref,
+      checked: checkedProp,
+      defaultChecked,
+      onCheckedChange: handleCheckedChange,
+      className: cn(
+        "group h-4 w-4 shrink-0 rounded-md border border-primary shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 transition-colors",
+        stateClass,
+        className
+      ),
+      "data-testid": dataTestId,
+      ...props,
+      children: /* @__PURE__ */ jsx44(CheckboxPrimitive.Indicator, { asChild: true, children: /* @__PURE__ */ jsxs33(
+        motion11.div,
+        {
+          initial: { scale: 0, opacity: 0, rotate: -90 },
+          animate: { scale: 1, opacity: 1, rotate: 0 },
+          exit: { scale: 0, opacity: 0, rotate: 90 },
+          transition: { type: "spring", stiffness: 500, damping: 30 },
+          className: "flex items-center justify-center text-current",
+          children: [
+            checkedState === true && /* @__PURE__ */ jsx44(CheckIcon8, { className: "h-4 w-4", weight: "bold" }),
+            checkedState === "indeterminate" && /* @__PURE__ */ jsx44(MinusIcon, { className: "h-4 w-4", weight: "bold" })
+          ]
+        }
+      ) })
+    }
+  );
+});
 CheckboxBase.displayName = CheckboxPrimitive.Root.displayName;
 
 // src/components/ui/form/CollapsibleBase.tsx
@@ -9920,7 +10161,7 @@ function DrawerDescriptionBase({
 }
 
 // src/hooks/use-universal-tooltip.tsx
-import { createContext as createContext4, useContext as useContext5, useState as useState16, useCallback as useCallback11, useEffect as useEffect14, useRef as useRef7 } from "react";
+import { createContext as createContext4, useContext as useContext5, useState as useState17, useCallback as useCallback11, useEffect as useEffect15, useRef as useRef7 } from "react";
 import { jsx as jsx61 } from "react/jsx-runtime";
 var UniversalTooltipContext = createContext4(null);
 var useUniversalTooltip = () => {
@@ -10220,7 +10461,7 @@ CalendarBase2.displayName = "CalendarBase";
 
 // src/components/picker/DateTimePicker.tsx
 import { ptBR } from "date-fns/locale";
-import { useEffect as useEffect15, useState as useState18 } from "react";
+import { useEffect as useEffect16, useState as useState19 } from "react";
 
 // src/components/picker/TimePicker.tsx
 import { motion as motion14, AnimatePresence as AnimatePresence10 } from "framer-motion";
@@ -10569,7 +10810,7 @@ var TimePickerInput = React41.forwardRef(
 TimePickerInput.displayName = "TimePickerInput";
 
 // src/components/picker/TimePicker.tsx
-import { Fragment as Fragment9, jsx as jsx65, jsxs as jsxs48 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx65, jsxs as jsxs48 } from "react/jsx-runtime";
 function TimePicker({
   date,
   setDate,
@@ -10639,7 +10880,7 @@ function TimePicker({
             )
           }
         ),
-        /* @__PURE__ */ jsx65(AnimatePresence10, { children: !hideSeconds && /* @__PURE__ */ jsx65(Fragment9, { children: /* @__PURE__ */ jsx65(
+        /* @__PURE__ */ jsx65(AnimatePresence10, { children: !hideSeconds && /* @__PURE__ */ jsx65(Fragment10, { children: /* @__PURE__ */ jsx65(
           motion14.div,
           {
             variants: itemVariants2,
@@ -10681,9 +10922,9 @@ function DateTimePicker({
   className,
   error
 }) {
-  const [internalDate, setInternalDate] = useState18(date);
-  const [open, setOpen] = useState18(false);
-  const [timePickerOpen, setTimePickerOpen] = useState18(false);
+  const [internalDate, setInternalDate] = useState19(date);
+  const [open, setOpen] = useState19(false);
+  const [timePickerOpen, setTimePickerOpen] = useState19(false);
   const handleSelect = (newDay) => {
     if (!newDay) return;
     if (!internalDate) {
@@ -10714,7 +10955,7 @@ function DateTimePicker({
     if (!timeFormat) return "dd MMMM yyyy";
     return `dd MMMM yyyy - ${timeFormat}`;
   };
-  useEffect15(() => {
+  useEffect16(() => {
     setInternalDate(date);
   }, [date, open]);
   return /* @__PURE__ */ jsxs49("div", { className: cn("w-full sm:w-auto", className), children: [
@@ -11668,7 +11909,7 @@ function StatusIndicator({
 }
 
 // src/components/ui/form/DebouncedInput.tsx
-import { useEffect as useEffect17, useState as useState20 } from "react";
+import { useEffect as useEffect18, useState as useState21 } from "react";
 import { CircleNotchIcon as CircleNotchIcon2 } from "@phosphor-icons/react";
 import { jsx as jsx71 } from "react/jsx-runtime";
 function DebouncedInput({
@@ -11684,12 +11925,12 @@ function DebouncedInput({
   error,
   ...props
 }) {
-  const [value, setValue] = useState20(initialValue);
-  const [isDebouncing, setIsDebouncing] = useState20(false);
-  useEffect17(() => {
+  const [value, setValue] = useState21(initialValue);
+  const [isDebouncing, setIsDebouncing] = useState21(false);
+  useEffect18(() => {
     setValue(initialValue);
   }, [initialValue]);
-  useEffect17(() => {
+  useEffect18(() => {
     if (value !== initialValue) {
       setIsDebouncing(true);
     }
@@ -11800,7 +12041,7 @@ import {
   useSensors
 } from "@dnd-kit/core";
 import { addMinutes, differenceInMinutes } from "date-fns";
-import { useId as useId2, useRef as useRef9, useState as useState21 } from "react";
+import { useId as useId2, useRef as useRef9, useState as useState22 } from "react";
 
 // src/components/event-calendar/hooks.ts
 import { createContext as createContext5, useContext as useContext6 } from "react";
@@ -11822,16 +12063,16 @@ function CalendarDndProvider({
   children,
   onEventUpdate
 }) {
-  const [activeEvent, setActiveEvent] = useState21(null);
-  const [activeId, setActiveId] = useState21(null);
-  const [activeView, setActiveView] = useState21(
+  const [activeEvent, setActiveEvent] = useState22(null);
+  const [activeId, setActiveId] = useState22(null);
+  const [activeView, setActiveView] = useState22(
     null
   );
-  const [currentTime, setCurrentTime] = useState21(null);
-  const [eventHeight, setEventHeight] = useState21(null);
-  const [isMultiDay, setIsMultiDay] = useState21(false);
-  const [multiDayWidth, setMultiDayWidth] = useState21(null);
-  const [dragHandlePosition, setDragHandlePosition] = useState21(null);
+  const [currentTime, setCurrentTime] = useState22(null);
+  const [eventHeight, setEventHeight] = useState22(null);
+  const [isMultiDay, setIsMultiDay] = useState22(false);
+  const [multiDayWidth, setMultiDayWidth] = useState22(null);
+  const [dragHandlePosition, setDragHandlePosition] = useState22(null);
   const eventDimensions = useRef9({ height: 0 });
   const sensors = useSensors(
     useSensor(MouseSensor, {
@@ -12271,7 +12512,7 @@ function DayView({
 import { useDraggable } from "@dnd-kit/core";
 import { CSS } from "@dnd-kit/utilities";
 import { differenceInDays } from "date-fns";
-import { useRef as useRef10, useState as useState22 } from "react";
+import { useRef as useRef10, useState as useState23 } from "react";
 import { jsx as jsx75 } from "react/jsx-runtime";
 function DraggableEvent({
   event,
@@ -12287,7 +12528,7 @@ function DraggableEvent({
 }) {
   const { activeId } = useCalendarDnd();
   const elementRef = useRef10(null);
-  const [dragHandlePosition, setDragHandlePosition] = useState22(null);
+  const [dragHandlePosition, setDragHandlePosition] = useState23(null);
   const eventStart = new Date(event.start);
   const eventEnd = new Date(event.end);
   const isMultiDayEvent2 = isMultiDay || event.allDay || differenceInDays(eventEnd, eventStart) >= 1;
@@ -12422,7 +12663,7 @@ import {
   subWeeks
 } from "date-fns";
 import { ptBR as ptBR4 } from "date-fns/locale";
-import { useEffect as useEffect18, useMemo as useMemo11, useState as useState23, useCallback as useCallback12 } from "react";
+import { useEffect as useEffect19, useMemo as useMemo11, useState as useState24, useCallback as useCallback12 } from "react";
 import { toast as toast3 } from "sonner";
 import {
   ArrowDownIcon,
@@ -12431,7 +12672,7 @@ import {
   CalendarIcon as CalendarIcon3,
   PlusIcon as PlusIcon3
 } from "@phosphor-icons/react";
-import { Fragment as Fragment10, jsx as jsx77, jsxs as jsxs57 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx77, jsxs as jsxs57 } from "react/jsx-runtime";
 function EventCalendar({
   events = [],
   onEventAdd,
@@ -12440,9 +12681,9 @@ function EventCalendar({
   className,
   initialView = "month"
 }) {
-  const [currentDate, setCurrentDate] = useState23(/* @__PURE__ */ new Date());
-  const [view, setView] = useState23(initialView);
-  const [isFading, setIsFading] = useState23(false);
+  const [currentDate, setCurrentDate] = useState24(/* @__PURE__ */ new Date());
+  const [view, setView] = useState24(initialView);
+  const [isFading, setIsFading] = useState24(false);
   const FADE_DURATION = 220;
   const changeView = useCallback12(
     (next) => {
@@ -12455,8 +12696,8 @@ function EventCalendar({
     },
     [view]
   );
-  const [isPaging, setIsPaging] = useState23(false);
-  const [pageDirection, setPageDirection] = useState23(
+  const [isPaging, setIsPaging] = useState24(false);
+  const [pageDirection, setPageDirection] = useState24(
     null
   );
   const PAGE_DURATION = 200;
@@ -12474,11 +12715,11 @@ function EventCalendar({
     },
     []
   );
-  const [isEventDialogOpen, setIsEventDialogOpen] = useState23(false);
-  const [selectedEvent, setSelectedEvent] = useState23(
+  const [isEventDialogOpen, setIsEventDialogOpen] = useState24(false);
+  const [selectedEvent, setSelectedEvent] = useState24(
     null
   );
-  useEffect18(() => {
+  useEffect19(() => {
     const handleKeyDown = (e) => {
       if (isEventDialogOpen || e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement || e.target instanceof HTMLElement && e.target.isContentEditable) {
         return;
@@ -12634,7 +12875,7 @@ function EventCalendar({
       const year = format5(currentDate, "yyyy", { locale: ptBR4 });
       const short = `${dayNum} de ${month} de ${year}`;
       const long = `${format5(currentDate, "EEE", { locale: ptBR4 })}, ${dayNum} de ${month} de ${year}`;
-      return /* @__PURE__ */ jsxs57(Fragment10, { children: [
+      return /* @__PURE__ */ jsxs57(Fragment11, { children: [
         /* @__PURE__ */ jsx77("span", { "aria-hidden": "true", className: "min-[480px]:hidden", children: short }),
         /* @__PURE__ */ jsx77("span", { "aria-hidden": "true", className: "max-[479px]:hidden min-md:hidden", children: short }),
         /* @__PURE__ */ jsx77("span", { className: "max-md:hidden", children: long })
@@ -12865,7 +13106,7 @@ function EventCalendar({
 
 // src/components/event-calendar/EventDialog.tsx
 import { format as format6, isBefore } from "date-fns";
-import { useCallback as useCallback13, useEffect as useEffect19, useMemo as useMemo12, useState as useState24 } from "react";
+import { useCallback as useCallback13, useEffect as useEffect20, useMemo as useMemo12, useState as useState25 } from "react";
 import { RadioGroup as RadioGroup3, RadioGroupItem } from "@radix-ui/react-radio-group";
 import { motion as motion16 } from "framer-motion";
 import { ptBR as ptBR5 } from "date-fns/locale";
@@ -12878,19 +13119,19 @@ function EventDialog({
   onSave,
   onDelete
 }) {
-  const [title, setTitle] = useState24("");
-  const [description, setDescription] = useState24("");
-  const [startDate, setStartDate] = useState24(/* @__PURE__ */ new Date());
-  const [endDate, setEndDate] = useState24(/* @__PURE__ */ new Date());
-  const [startTime, setStartTime] = useState24(`${DefaultStartHour}:00`);
-  const [endTime, setEndTime] = useState24(`${DefaultEndHour}:00`);
-  const [allDay, setAllDay] = useState24(false);
-  const [location, setLocation] = useState24("");
-  const [color, setColor] = useState24("sky");
-  const [error, setError] = useState24(null);
-  const [startDateOpen, setStartDateOpen] = useState24(false);
-  const [endDateOpen, setEndDateOpen] = useState24(false);
-  useEffect19(() => {
+  const [title, setTitle] = useState25("");
+  const [description, setDescription] = useState25("");
+  const [startDate, setStartDate] = useState25(/* @__PURE__ */ new Date());
+  const [endDate, setEndDate] = useState25(/* @__PURE__ */ new Date());
+  const [startTime, setStartTime] = useState25(`${DefaultStartHour}:00`);
+  const [endTime, setEndTime] = useState25(`${DefaultEndHour}:00`);
+  const [allDay, setAllDay] = useState25(false);
+  const [location, setLocation] = useState25("");
+  const [color, setColor] = useState25("sky");
+  const [error, setError] = useState25(null);
+  const [startDateOpen, setStartDateOpen] = useState25(false);
+  const [endDateOpen, setEndDateOpen] = useState25(false);
+  useEffect20(() => {
   }, [event]);
   const resetForm = useCallback13(() => {
     setTitle("");
@@ -12909,7 +13150,7 @@ function EventDialog({
     const minutes = Math.floor(date.getMinutes() / 15) * 15;
     return `${hours}:${minutes.toString().padStart(2, "0")}`;
   }, []);
-  useEffect19(() => {
+  useEffect20(() => {
     if (event) {
       setTitle(event.title || "");
       setDescription(event.description || "");
@@ -13328,7 +13569,7 @@ function EventDialog({
 // src/components/event-calendar/EventItem.tsx
 import { differenceInMinutes as differenceInMinutes3, format as format7, isPast } from "date-fns";
 import { useMemo as useMemo13 } from "react";
-import { Fragment as Fragment11, jsx as jsx79, jsxs as jsxs59 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx79, jsxs as jsxs59 } from "react/jsx-runtime";
 var formatTimeWithOptionalMinutes = (date) => {
   return format7(date, "HH:mm");
 };
@@ -13463,7 +13704,7 @@ function EventItem({
         children: durationMinutes < 45 ? /* @__PURE__ */ jsxs59("div", { className: "flex items-center justify-between w-full", children: [
           /* @__PURE__ */ jsx79("div", { className: "truncate", children: event.title }),
           showTime && /* @__PURE__ */ jsx79("span", { className: "ml-2 inline-block bg-white/10 px-2 py-0.5 rounded-full text-[11px] opacity-90", children: formatTimeWithOptionalMinutes(displayStart) })
-        ] }) : /* @__PURE__ */ jsxs59(Fragment11, { children: [
+        ] }) : /* @__PURE__ */ jsxs59(Fragment12, { children: [
           /* @__PURE__ */ jsx79("div", { className: "truncate font-medium", children: event.title }),
           showTime && /* @__PURE__ */ jsx79("div", { className: "truncate font-normal opacity-70 sm:text-[11px]", children: /* @__PURE__ */ jsx79("span", { className: "inline-block bg-white/5 px-2 py-0.5 rounded-full", children: getEventTime() }) })
         ] })
@@ -13521,7 +13762,7 @@ function EventItem({
 // src/components/event-calendar/EventsPopUp.tsx
 import { format as format8, isSameDay as isSameDay2 } from "date-fns";
 import { ptBR as ptBR6 } from "date-fns/locale";
-import { useEffect as useEffect20, useMemo as useMemo14, useRef as useRef11 } from "react";
+import { useEffect as useEffect21, useMemo as useMemo14, useRef as useRef11 } from "react";
 import { motion as motion17 } from "framer-motion";
 import { XIcon as XIcon11 } from "@phosphor-icons/react";
 import { jsx as jsx80, jsxs as jsxs60 } from "react/jsx-runtime";
@@ -13533,7 +13774,7 @@ function EventsPopup({
   onEventSelect
 }) {
   const popupRef = useRef11(null);
-  useEffect20(() => {
+  useEffect21(() => {
     const handleClickOutside = (event) => {
       if (popupRef.current && !popupRef.current.contains(event.target)) {
         onClose();
@@ -13544,7 +13785,7 @@ function EventsPopup({
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, [onClose]);
-  useEffect20(() => {
+  useEffect21(() => {
     const handleEscKey = (event) => {
       if (event.key === "Escape") {
         onClose();
@@ -13638,11 +13879,11 @@ function EventsPopup({
 // src/components/event-calendar/hooks/use-current-time-indicator.ts
 import { endOfWeek as endOfWeek2, isSameDay as isSameDay3, isWithinInterval, startOfWeek as startOfWeek2 } from "date-fns";
 import { ptBR as ptBR7 } from "date-fns/locale";
-import { useEffect as useEffect21, useState as useState25 } from "react";
+import { useEffect as useEffect22, useState as useState26 } from "react";
 function useCurrentTimeIndicator(currentDate, view) {
-  const [currentTimePosition, setCurrentTimePosition] = useState25(0);
-  const [currentTimeVisible, setCurrentTimeVisible] = useState25(false);
-  useEffect21(() => {
+  const [currentTimePosition, setCurrentTimePosition] = useState26(0);
+  const [currentTimeVisible, setCurrentTimeVisible] = useState26(false);
+  useEffect22(() => {
     const calculateTimePosition = () => {
       const now = /* @__PURE__ */ new Date();
       const hours = now.getHours();
@@ -13673,14 +13914,14 @@ function useCurrentTimeIndicator(currentDate, view) {
 }
 
 // src/components/event-calendar/hooks/use-event-visibility.ts
-import { useLayoutEffect as useLayoutEffect2, useMemo as useMemo15, useRef as useRef12, useState as useState26 } from "react";
+import { useLayoutEffect as useLayoutEffect2, useMemo as useMemo15, useRef as useRef12, useState as useState27 } from "react";
 function useEventVisibility({
   eventHeight,
   eventGap
 }) {
   const contentRef = useRef12(null);
   const observerRef = useRef12(null);
-  const [contentHeight, setContentHeight] = useState26(null);
+  const [contentHeight, setContentHeight] = useState27(null);
   useLayoutEffect2(() => {
     if (!contentRef.current) return;
     const updateHeight = () => {
@@ -13732,7 +13973,7 @@ import {
   startOfWeek as startOfWeek3
 } from "date-fns";
 import { ptBR as ptBR8 } from "date-fns/locale";
-import { useEffect as useEffect22, useMemo as useMemo16, useState as useState27 } from "react";
+import { useEffect as useEffect23, useMemo as useMemo16, useState as useState28 } from "react";
 import { jsx as jsx81, jsxs as jsxs61 } from "react/jsx-runtime";
 function MonthView({
   currentDate,
@@ -13770,12 +14011,12 @@ function MonthView({
     e.stopPropagation();
     onEventSelect(event);
   };
-  const [isMounted, setIsMounted] = useState27(false);
+  const [isMounted, setIsMounted] = useState28(false);
   const { contentRef, getVisibleEventCount } = useEventVisibility({
     eventGap: EventGap,
     eventHeight: EventHeight
   });
-  useEffect22(() => {
+  useEffect23(() => {
     setIsMounted(true);
   }, []);
   return /* @__PURE__ */ jsxs61("div", { className: "contents", "data-slot": "month-view", children: [
@@ -14327,14 +14568,164 @@ function WeekView({
   ] });
 }
 
+// src/components/ui/form/CheckBoxThree.tsx
+import { useCallback as useCallback14, useMemo as useMemo18, useState as useState29, useEffect as useEffect24, useRef as useRef13 } from "react";
+import { motion as motion18, AnimatePresence as AnimatePresence12 } from "framer-motion";
+import { jsx as jsx83, jsxs as jsxs63 } from "react/jsx-runtime";
+function useCheckboxTree(initialTree) {
+  const initialCheckedNodes = useMemo18(() => {
+    const checkedSet = /* @__PURE__ */ new Set();
+    const initializeCheckedNodes = (node) => {
+      if (node.defaultChecked) {
+        checkedSet.add(node.id);
+      }
+      node.children?.forEach(initializeCheckedNodes);
+    };
+    initializeCheckedNodes(initialTree);
+    return checkedSet;
+  }, [initialTree]);
+  const [checkedNodes, setCheckedNodes] = useState29(initialCheckedNodes);
+  const isChecked = useCallback14(
+    (node) => {
+      if (!node.children) {
+        return checkedNodes.has(node.id);
+      }
+      const childrenChecked = node.children.map((child) => isChecked(child));
+      if (childrenChecked.every((status) => status === true)) {
+        return true;
+      }
+      if (childrenChecked.some(
+        (status) => status === true || status === "indeterminate"
+      )) {
+        return "indeterminate";
+      }
+      return false;
+    },
+    [checkedNodes]
+  );
+  const handleCheck = useCallback14(
+    (node) => {
+      const newCheckedNodes = new Set(checkedNodes);
+      const toggleNode = (n, check) => {
+        if (check) {
+          newCheckedNodes.add(n.id);
+        } else {
+          newCheckedNodes.delete(n.id);
+        }
+        for (const child of n.children ?? []) {
+          toggleNode(child, check);
+        }
+      };
+      const currentStatus = isChecked(node);
+      const newCheck = currentStatus !== true;
+      toggleNode(node, newCheck);
+      setCheckedNodes(newCheckedNodes);
+    },
+    [checkedNodes, isChecked]
+  );
+  return { handleCheck, isChecked };
+}
+function CheckboxTree({ tree, renderNode }) {
+  const { isChecked, handleCheck } = useCheckboxTree(tree);
+  const DefaultNode = ({
+    node,
+    isChecked: status,
+    onCheckedChange,
+    children
+  }) => {
+    const [open, setOpen] = useState29(() => !!node.children && status !== false);
+    const checkboxRef = useRef13(null);
+    useEffect24(() => {
+      if (checkboxRef.current) {
+        checkboxRef.current.indeterminate = status === "indeterminate";
+      }
+      if (node.children) {
+        setOpen(status !== false);
+      }
+    }, [status, node.children]);
+    return /* @__PURE__ */ jsxs63("div", { className: "pl-1", children: [
+      /* @__PURE__ */ jsxs63("div", { className: "flex items-center gap-2", children: [
+        node.children ? /* @__PURE__ */ jsx83(
+          "button",
+          {
+            "aria-label": open ? "Fechar" : "Abrir",
+            onClick: () => setOpen((v) => !v),
+            className: "w-6 h-6 flex items-center justify-center rounded hover:bg-slate-100 dark:hover:bg-slate-800",
+            children: /* @__PURE__ */ jsx83(
+              motion18.span,
+              {
+                animate: { rotate: open ? 90 : 0 },
+                transition: { duration: 0.18 },
+                className: "inline-block text-slate-500",
+                children: "\u25B6"
+              }
+            )
+          }
+        ) : /* @__PURE__ */ jsx83("div", { className: "w-6 h-6" }),
+        /* @__PURE__ */ jsxs63("label", { className: "flex items-center gap-2 cursor-pointer select-none", children: [
+          /* @__PURE__ */ jsxs63("span", { className: "relative", children: [
+            /* @__PURE__ */ jsx83(
+              "input",
+              {
+                ref: checkboxRef,
+                type: "checkbox",
+                checked: status === true,
+                onChange: onCheckedChange,
+                className: "appearance-none w-5 h-5 rounded border border-slate-300 dark:border-slate-700 flex items-center justify-center bg-white dark:bg-slate-900 checked:bg-blue-600 checked:border-blue-600 focus:outline-none"
+              }
+            ),
+            /* @__PURE__ */ jsx83(
+              motion18.span,
+              {
+                initial: false,
+                animate: { scale: status === true ? 1 : 0.8, opacity: status === true ? 1 : 0 },
+                transition: { duration: 0.14 },
+                className: "pointer-events-none absolute left-0 top-0 w-5 h-5 flex items-center justify-center text-white",
+                children: status === true ? /* @__PURE__ */ jsx83("svg", { width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx83("path", { d: "M1 5L4 8L11 1", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) : null
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx83("span", { className: "text-sm text-slate-700 dark:text-slate-200", children: node.label })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx83(AnimatePresence12, { initial: false, children: open && node.children && /* @__PURE__ */ jsx83(
+        motion18.div,
+        {
+          initial: { height: 0, opacity: 0 },
+          animate: { height: "auto", opacity: 1 },
+          exit: { height: 0, opacity: 0 },
+          transition: { duration: 0.18 },
+          className: "ml-6 mt-2 overflow-hidden",
+          children: /* @__PURE__ */ jsx83("div", { className: "flex flex-col gap-1", children })
+        },
+        "children"
+      ) })
+    ] });
+  };
+  const renderTreeNode = (node) => {
+    const children = node.children?.map(renderTreeNode);
+    const nodePayload = {
+      children,
+      isChecked: isChecked(node),
+      node,
+      onCheckedChange: () => handleCheck(node)
+    };
+    if (renderNode) {
+      return renderNode(nodePayload);
+    }
+    return /* @__PURE__ */ jsx83(DefaultNode, { ...nodePayload });
+  };
+  return renderTreeNode(tree);
+}
+
 // src/hooks/use-drag.tsx
-import { useState as useState28, useCallback as useCallback14, useRef as useRef13, useEffect as useEffect23 } from "react";
+import { useState as useState30, useCallback as useCallback15, useRef as useRef14, useEffect as useEffect25 } from "react";
 var useDrag = (options = {}) => {
-  const [isDragging, setIsDragging] = useState28(null);
-  const [positions, setPositions] = useState28({});
-  const dragStartPos = useRef13(null);
-  const dragId = useRef13(null);
-  const handleMouseDown = useCallback14((id, e) => {
+  const [isDragging, setIsDragging] = useState30(null);
+  const [positions, setPositions] = useState30({});
+  const dragStartPos = useRef14(null);
+  const dragId = useRef14(null);
+  const handleMouseDown = useCallback15((id, e) => {
     e.preventDefault();
     const currentPosition = positions[id] || { top: 0, left: 0 };
     dragStartPos.current = {
@@ -14347,7 +14738,7 @@ var useDrag = (options = {}) => {
     setIsDragging(id);
     options.onDragStart?.(id);
   }, [positions, options]);
-  const handleMouseMove = useCallback14((e) => {
+  const handleMouseMove = useCallback15((e) => {
     if (!isDragging || !dragStartPos.current || !dragId.current) return;
     const deltaX = e.clientX - dragStartPos.current.x;
     const deltaY = e.clientY - dragStartPos.current.y;
@@ -14363,7 +14754,7 @@ var useDrag = (options = {}) => {
     }));
     options.onDrag?.(dragId.current, newPosition);
   }, [isDragging, options]);
-  const handleMouseUp = useCallback14(() => {
+  const handleMouseUp = useCallback15(() => {
     if (dragId.current) {
       options.onDragEnd?.(dragId.current);
     }
@@ -14371,7 +14762,7 @@ var useDrag = (options = {}) => {
     dragStartPos.current = null;
     dragId.current = null;
   }, [options]);
-  useEffect23(() => {
+  useEffect25(() => {
     if (isDragging) {
       document.addEventListener("mousemove", handleMouseMove);
       document.addEventListener("mouseup", handleMouseUp);
@@ -14383,16 +14774,16 @@ var useDrag = (options = {}) => {
       };
     }
   }, [isDragging, handleMouseMove, handleMouseUp]);
-  const setPosition = useCallback14((id, position) => {
+  const setPosition = useCallback15((id, position) => {
     setPositions((prev) => ({
       ...prev,
       [id]: position
     }));
   }, []);
-  const getPosition = useCallback14((id) => {
+  const getPosition = useCallback15((id) => {
     return positions[id] || { top: 0, left: 0 };
   }, [positions]);
-  const isElementDragging = useCallback14((id) => {
+  const isElementDragging = useCallback15((id) => {
     return isDragging === id;
   }, [isDragging]);
   return {
@@ -14419,9 +14810,9 @@ export {
   AlertDialogTitleBase,
   AlertDialogTriggerBase,
   AvatarBase,
+  AvatarCombobox,
   AvatarFallbackBase,
   AvatarImageBase,
-  AvatarSelect,
   BackButton,
   Badge,
   BarChart_default as BarChart,
@@ -14451,6 +14842,7 @@ export {
   Chart_default as Chart,
   CheckButton,
   CheckboxBase,
+  CheckboxTree,
   CloseAllButton_default as CloseAllButton,
   CloseButton,
   CodeBlock,