@mlw-packages/react-components 1.7.4 → 1.7.5

package/dist/index.js

@@ -530,6 +530,7 @@ __export(index_exports, {
   CheckboxBase: () => CheckboxBase,
   CloseAllButton: () => CloseAllButton_default,
   CloseButton: () => CloseButton,
+  CodeBlock: () => CodeBlock,
   CollapsibleBase: () => CollapsibleBase,
   CollapsibleContentBase: () => CollapsibleContentBase,
   CollapsibleTriggerBase: () => CollapsibleTriggerBase,
@@ -775,7 +776,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/components/ui/FilterBase.tsx
-var import_react8 = require("react");
+var import_react9 = require("react");
 
 // src/components/ui/form/ButtonBase.tsx
 var React = __toESM(require("react"));
@@ -790,6 +791,7 @@ function cn(...inputs) {
 }
 
 // src/components/ui/form/ButtonBase.tsx
+var import_react = require("@phosphor-icons/react");
 var import_jsx_runtime = require("react/jsx-runtime");
 var buttonVariantsBase = (0, import_class_variance_authority.cva)(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive active:scale-95",
@@ -825,16 +827,38 @@ var ButtonBase = React.forwardRef(
     size,
     asChild = false,
     testid = `button-${variant ?? "default"}`,
+    isLoading = false,
+    children,
     ...props
   }, ref) => {
     const Comp = asChild ? import_react_slot.Slot : "button";
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    const mergedDisabled = Boolean(props.disabled) || isLoading;
+    const isActivelyLoading = isLoading && !props.disabled;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       Comp,
       {
-        className: cn(buttonVariantsBase({ variant, size, className })),
+        className: cn(
+          buttonVariantsBase({ variant, size, className }),
+          "relative"
+        ),
         ref,
         "data-testid": testid ?? `button-${variant ?? "default"}`,
-        ...props
+        "aria-busy": isActivelyLoading || void 0,
+        disabled: mergedDisabled,
+        ...props,
+        children: [
+          children,
+          isActivelyLoading && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "absolute inset-0 flex items-center justify-center pointer-events-none rounded-md", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "absolute inset-0 rounded-md backdrop-blur overflow-hidden" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_react.CircleNotchIcon,
+              {
+                weight: "bold",
+                className: "relative animate-spin h-4 w-4 text-current"
+              }
+            )
+          ] })
+        ]
       }
     );
   }
@@ -876,7 +900,7 @@ ButtonGroupBase.displayName = "ButtonGroup";
 // src/components/ui/feedback/DialogBase.tsx
 var React2 = __toESM(require("react"));
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
-var import_react = require("@phosphor-icons/react");
+var import_react2 = require("@phosphor-icons/react");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var DialogBase = DialogPrimitive.Root;
 var DialogTriggerBase = DialogPrimitive.Trigger;
@@ -911,7 +935,7 @@ var DialogContentBase = React2.forwardRef(
         children: [
           children,
           /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(DialogPrimitive.Close, { className: "absolute right-3 top-3 sm:right-4 sm:top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground z-10 touch-manipulation", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react.XIcon, { className: "h-5 w-5 sm:h-4 sm:w-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.XIcon, { className: "h-5 w-5 sm:h-4 sm:w-4" }),
             /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "sr-only", children: "Close" })
           ] })
         ]
@@ -1059,12 +1083,12 @@ var InputBase = React4.forwardRef(
 InputBase.displayName = "Input";
 
 // src/components/selects/Combobox.tsx
-var import_react5 = require("react");
+var import_react6 = require("react");
 
 // src/components/ui/navigation/CommandBase.tsx
 var React5 = __toESM(require("react"));
 var import_cmdk = require("cmdk");
-var import_react2 = require("@phosphor-icons/react");
+var import_react3 = require("@phosphor-icons/react");
 var import_framer_motion = require("framer-motion");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var CommandBase = React5.forwardRef(({ className, testid: dataTestId = "command-base", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
@@ -1101,7 +1125,7 @@ var CommandDialogBase = ({ children, open, ...props }) => {
   ) }) }) });
 };
 var CommandInputBase = React5.forwardRef(({ className, testid: dataTestId = "command-input", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react2.MagnifyingGlassIcon, { className: "mr-2 h-4 w-4 shrink-0 text-primary" }),
+  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react3.MagnifyingGlassIcon, { className: "mr-2 h-4 w-4 shrink-0 text-primary" }),
   /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     import_cmdk.Command.Input,
     {
@@ -1222,8 +1246,8 @@ PopoverContentBase.displayName = PopoverPrimitive.Content.displayName;
 
 // src/components/selects/ComboboxBase.tsx
 var import_framer_motion2 = require("framer-motion");
-var import_react3 = require("react");
-var import_react4 = require("@phosphor-icons/react");
+var import_react4 = require("react");
+var import_react5 = require("@phosphor-icons/react");
 var import_jsx_runtime8 = require("react/jsx-runtime");
 function ComboboxBase({
   items,
@@ -1236,7 +1260,7 @@ function ComboboxBase({
   error,
   testIds = {}
 }) {
-  const [open, setOpen] = (0, import_react3.useState)(false);
+  const [open, setOpen] = (0, import_react4.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
     "div",
     {
@@ -1270,7 +1294,7 @@ function ComboboxBase({
                         animate: { rotate: open ? 180 : 0 },
                         transition: { duration: 0.3 },
                         className: "flex",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react4.CaretDownIcon, { className: " flex-shrink-0" })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react5.CaretDownIcon, { className: " flex-shrink-0" })
                       }
                     )
                   ]
@@ -1325,7 +1349,7 @@ function ComboboxBase({
                                   },
                                   className: "ml-auto ",
                                   children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-                                    import_react4.CheckIcon,
+                                    import_react5.CheckIcon,
                                     {
                                       className: cn(
                                         "ml-auto",
@@ -1369,7 +1393,7 @@ function Combobox({
   error
 }) {
   const selectedItem = items.find((item) => item.value === selected);
-  const renderSelected = (0, import_react5.useMemo)(() => {
+  const renderSelected = (0, import_react6.useMemo)(() => {
     return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       "span",
       {
@@ -1379,11 +1403,11 @@ function Combobox({
       }
     );
   }, [placeholder, selectedItem, testIds?.selected]);
-  const checkIsSelected = (0, import_react5.useCallback)(
+  const checkIsSelected = (0, import_react6.useCallback)(
     (value) => selected == null ? false : selected == value,
     [selected]
   );
-  const handleSelection = (0, import_react5.useCallback)(
+  const handleSelection = (0, import_react6.useCallback)(
     (value) => {
       onChange(value === selected ? null : value);
     },
@@ -1407,8 +1431,8 @@ function Combobox({
 }
 
 // src/components/selects/MultiCombobox.tsx
-var import_react6 = require("react");
-var import_react7 = require("@phosphor-icons/react");
+var import_react7 = require("react");
+var import_react8 = require("@phosphor-icons/react");
 var import_framer_motion3 = require("framer-motion");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 function MultiCombobox({
@@ -1426,11 +1450,11 @@ function MultiCombobox({
   showClearAll = false
 }) {
   const selectedItems = items.filter((item) => selected.includes(item.value));
-  const checkIsSelected = (0, import_react6.useCallback)(
+  const checkIsSelected = (0, import_react7.useCallback)(
     (value) => selected.includes(value),
     [selected]
   );
-  const handleSelection = (0, import_react6.useCallback)(
+  const handleSelection = (0, import_react7.useCallback)(
     (value) => {
       const isSelected = selected.includes(value);
       if (isSelected) {
@@ -1452,10 +1476,10 @@ function MultiCombobox({
         onChange([]);
       },
       className: "text-xs  hover:bg-red-50 hover:text-red-500 transition-colors rounded-md mr-2",
-      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react7.XIcon, {})
+      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react8.XIcon, {})
     }
   ) }) : null;
-  const renderSelected = (0, import_react6.useMemo)(() => {
+  const renderSelected = (0, import_react7.useMemo)(() => {
     if (selectedItems.length === 0) {
       return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         "span",
@@ -1499,7 +1523,7 @@ function MultiCombobox({
                   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 ",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react7.XIcon, { size: 14 })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react8.XIcon, { size: 14 })
                 }
               )
             ]
@@ -1563,14 +1587,14 @@ var TooltipContentBase = React7.forwardRef(({ className, sideOffset = 4, ...prop
 TooltipContentBase.displayName = TooltipPrimitive.Content.displayName;
 
 // src/components/ui/FilterBase.tsx
-var import_react9 = require("@phosphor-icons/react");
+var import_react10 = require("@phosphor-icons/react");
 var import_colors = __toESM(require_colors2());
 var import_jsx_runtime12 = require("react/jsx-runtime");
 
 // src/components/ui/SelectBase.tsx
 var React8 = __toESM(require("react"));
 var SelectPrimitive = __toESM(require("@radix-ui/react-select"));
-var import_react10 = require("@phosphor-icons/react");
+var import_react11 = require("@phosphor-icons/react");
 var import_framer_motion4 = require("framer-motion");
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var SelectBase = SelectPrimitive.Root;
@@ -1595,7 +1619,7 @@ var SelectTriggerBase = React8.forwardRef(({ className, children, open, error, .
             animate: { rotate: open ? 180 : 0 },
             transition: { duration: 0.3 },
             className: "flex items-center",
-            children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react10.CaretDownIcon, { className: "h-4 w-4 opacity-50" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react11.CaretDownIcon, { className: "h-4 w-4 opacity-50" })
           }
         )
       ]
@@ -1613,7 +1637,7 @@ var SelectScrollUpButtonBase = React8.forwardRef(({ className, ...props }, ref)
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react10.CaretUpIcon, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react11.CaretUpIcon, { className: "h-4 w-4" })
   }
 ));
 SelectScrollUpButtonBase.displayName = SelectPrimitive.ScrollUpButton.displayName;
@@ -1626,7 +1650,7 @@ var SelectScrollDownButtonBase = React8.forwardRef(({ className, ...props }, ref
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react10.CaretDownIcon, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react11.CaretDownIcon, { className: "h-4 w-4" })
   }
 ));
 SelectScrollDownButtonBase.displayName = SelectPrimitive.ScrollDownButton.displayName;
@@ -1708,7 +1732,7 @@ var SelectItemBase = React8.forwardRef(({ className, children, ...props }, ref)
               initial: { scale: 0 },
               animate: { scale: 1 },
               transition: { type: "spring", stiffness: 500, damping: 30 },
-              children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react10.CheckIcon, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react11.CheckIcon, { className: "h-4 w-4" })
             }
           ) }) }),
           /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectPrimitive.ItemText, { children })
@@ -1729,12 +1753,12 @@ var SelectSeparatorBase = React8.forwardRef(({ className, ...props }, ref) => /*
 SelectSeparatorBase.displayName = SelectPrimitive.Separator.displayName;
 
 // src/components/mode-toggle.tsx
-var import_react13 = require("@phosphor-icons/react");
+var import_react14 = require("@phosphor-icons/react");
 
 // src/components/ui/navigation/DropDownMenuBase.tsx
 var React9 = __toESM(require("react"));
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
-var import_react11 = require("@phosphor-icons/react");
+var import_react12 = require("@phosphor-icons/react");
 var import_framer_motion5 = require("framer-motion");
 var import_jsx_runtime14 = require("react/jsx-runtime");
 var DropDownMenuBase = DropdownMenuPrimitive.Root;
@@ -1755,7 +1779,7 @@ var DropDownMenuSubTriggerBase = React9.forwardRef(({ className, inset, children
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react11.CaretRightIcon, { className: "ml-auto" })
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react12.CaretRightIcon, { className: "ml-auto" })
     ]
   }
 ));
@@ -1835,7 +1859,7 @@ var DropDownMenuCheckboxItemBase = React9.forwardRef(({ className, children, che
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react11.CheckIcon, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react12.CheckIcon, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
@@ -1851,7 +1875,7 @@ var DropDownMenuRadioItemBase = React9.forwardRef(({ className, children, ...pro
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react11.CircleIcon, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react12.CircleIcon, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
@@ -1894,21 +1918,21 @@ var DropDownMenuShortcutBase = ({
 DropDownMenuShortcutBase.displayName = "DropDownMenuShortcutBase";
 
 // src/components/theme-provider.tsx
-var import_react12 = require("react");
+var import_react13 = require("react");
 var import_jsx_runtime15 = require("react/jsx-runtime");
 var initialState = {
   theme: "system",
   setTheme: () => null
 };
-var ThemeProviderContext = (0, import_react12.createContext)(initialState);
+var ThemeProviderContext = (0, import_react13.createContext)(initialState);
 function ThemeProviderBase({
   children,
   defaultTheme = "system",
   storageKey = "app-ui-theme",
   ...props
 }) {
-  const [theme, setThemeState] = (0, import_react12.useState)(defaultTheme);
-  (0, import_react12.useEffect)(() => {
+  const [theme, setThemeState] = (0, import_react13.useState)(defaultTheme);
+  (0, import_react13.useEffect)(() => {
     const root = window.document.documentElement;
     root.classList.remove(
       "light",
@@ -1934,7 +1958,7 @@ function ThemeProviderBase({
       document.body.style.color = "";
     }
   }, [theme]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     const stored = localStorage.getItem(storageKey);
     if (stored) setThemeState(stored);
   }, [storageKey]);
@@ -1948,7 +1972,7 @@ function ThemeProviderBase({
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ThemeProviderContext.Provider, { ...props, value, children });
 }
 var useTheme = () => {
-  const context = (0, import_react12.useContext)(ThemeProviderContext);
+  const context = (0, import_react13.useContext)(ThemeProviderContext);
   if (context === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
   return context;
@@ -1982,13 +2006,13 @@ function ModeToggleBase({
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
             /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-              import_react13.SunIcon,
+              import_react14.SunIcon,
               {
                 className: `h-[1.2rem] w-[1.2rem] transition-transform duration-300 ${isDark ? "rotate-90 scale-0" : "rotate-0 scale-100"}`
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-              import_react13.MoonIcon,
+              import_react14.MoonIcon,
               {
                 className: `absolute h-[1.2rem] w-[1.2rem] transition-transform duration-300 ${isDark ? "rotate-0 scale-100" : "rotate-90 scale-0"}`
               }
@@ -2010,7 +2034,7 @@ function ModeToggleBase({
             className: "flex items-center justify-between hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground",
             children: [
               themeLabels[theme],
-              currentTheme === theme && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react13.CheckIcon, { className: "h-4 w-4 opacity-100" })
+              currentTheme === theme && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react14.CheckIcon, { className: "h-4 w-4 opacity-100" })
             ]
           },
           theme
@@ -2063,7 +2087,8 @@ function Select({
   placeholder,
   onChange,
   error,
-  testIds = {}
+  testIds = {},
+  disabled
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { "data-testid": testIds.root ?? "select-root", children: [
     /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
@@ -2080,6 +2105,7 @@ function Select({
                 error && "border-red-500"
               ),
               "data-testid": testIds.trigger ?? "select-trigger",
+              disabled,
               children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                 SelectValueBase,
                 {
@@ -2130,7 +2156,7 @@ function Select({
 }
 
 // src/components/charts/Chart.tsx
-var import_react18 = require("react");
+var import_react19 = require("react");
 var import_recharts = require("recharts");
 
 // src/components/charts/utils/helpers.ts
@@ -2277,7 +2303,7 @@ var resolveChartMargins = (margins, chartMargins, showLabels) => {
 var import_sonner = require("sonner");
 
 // src/components/charts/components/controls/PeriodsDropdown.tsx
-var import_react14 = require("react");
+var import_react15 = require("react");
 var import_framer_motion6 = require("framer-motion");
 var import_ssr = require("@phosphor-icons/react/dist/ssr");
 var import_ssr2 = require("@phosphor-icons/react/dist/ssr");
@@ -2300,11 +2326,11 @@ function PeriodsDropdown({
   activePeriods
 }) {
   const periods = processedData.map((d) => String(d.name));
-  const [open, setOpen] = (0, import_react14.useState)(false);
-  const wrapperRef = (0, import_react14.useRef)(null);
-  const firstItemRef = (0, import_react14.useRef)(null);
-  const listRef = (0, import_react14.useRef)(null);
-  (0, import_react14.useEffect)(() => {
+  const [open, setOpen] = (0, import_react15.useState)(false);
+  const wrapperRef = (0, import_react15.useRef)(null);
+  const firstItemRef = (0, import_react15.useRef)(null);
+  const listRef = (0, import_react15.useRef)(null);
+  (0, import_react15.useEffect)(() => {
     const handleClickOutside = (e) => {
       if (!wrapperRef.current) return;
       if (!wrapperRef.current.contains(e.target)) setOpen(false);
@@ -2319,7 +2345,7 @@ function PeriodsDropdown({
       document.removeEventListener("keydown", handleEscape);
     };
   }, []);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (open && firstItemRef.current) {
       firstItemRef.current.focus();
     }
@@ -2412,7 +2438,7 @@ var PeriodsDropdown_default = PeriodsDropdown;
 
 // src/components/charts/components/controls/ShowOnly.tsx
 var import_framer_motion7 = require("framer-motion");
-var import_react15 = require("@phosphor-icons/react");
+var import_react16 = require("@phosphor-icons/react");
 var import_jsx_runtime20 = require("react/jsx-runtime");
 var ShowOnly = ({
   showOnlyHighlighted,
@@ -2441,10 +2467,10 @@ var ShowOnly = ({
             !hasHighlights ? "opacity-60 cursor-not-allowed pointer-events-none" : showOnlyHighlighted ? "bg-primary/10 text-primary shadow-sm border border-primary/20" : "bg-transparent text-muted-foreground border border-transparent hover:bg-muted/10 hover:text-foreground"
           ),
           children: showOnlyHighlighted ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react15.EyeSlash, { size: 16, weight: "regular" }),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react16.EyeSlash, { size: 16, weight: "regular" }),
             /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "sr-only", children: "Exibir todos" })
           ] }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react15.Eye, { size: 16, weight: "bold" }),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react16.Eye, { size: 16, weight: "bold" }),
             /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "sr-only", children: "Mostrar somente destacados" })
           ] })
         }
@@ -2649,9 +2675,9 @@ var CloseAllButton = ({
 var CloseAllButton_default = CloseAllButton;
 
 // src/components/charts/components/tooltips/DraggableTooltip.tsx
-var import_react16 = __toESM(require("react"));
+var import_react17 = __toESM(require("react"));
 var import_framer_motion9 = require("framer-motion");
-var import_react17 = require("@phosphor-icons/react");
+var import_react18 = require("@phosphor-icons/react");
 var import_ssr5 = require("@phosphor-icons/react/dist/ssr");
 var import_jsx_runtime23 = require("react/jsx-runtime");
 var ALIGNMENT_THRESHOLD = 25;
@@ -2730,12 +2756,12 @@ var DraggableTooltipComponent = ({
   valueFormatter: valueFormatter2,
   categoryFormatter
 }) => {
-  const visibleKeys = (0, import_react16.useMemo)(
+  const visibleKeys = (0, import_react17.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, valueFormatter: localformatter }) => {
-    const total = (0, import_react16.useMemo)(() => {
+  const TotalDisplay = import_react17.default.memo(({ data: data2, visibleKeys: visibleKeys2, valueFormatter: localformatter }) => {
+    const total = (0, import_react17.useMemo)(() => {
       const numeric = visibleKeys2.map((k) => data2[k]).filter((v) => typeof v === "number");
       return numeric.reduce((s, v) => s + (v || 0), 0);
     }, [data2, visibleKeys2]);
@@ -2757,14 +2783,14 @@ var DraggableTooltipComponent = ({
       )
     ] });
   });
-  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 });
-  const lastMouse = (0, import_react16.useRef)({ x: 0, y: 0 });
-  const [alignmentGuides, setAlignmentGuides] = (0, import_react16.useState)([]);
-  const [globalTooltipCountLocal, setGlobalTooltipCountLocal] = (0, import_react16.useState)(0);
-  (0, import_react16.useEffect)(() => setLocalPos(position), [position]);
-  const getAllTooltips = (0, import_react16.useCallback)(() => {
+  const [localPos, setLocalPos] = (0, import_react17.useState)(position);
+  const [dragging, setDragging] = (0, import_react17.useState)(false);
+  const offsetRef = (0, import_react17.useRef)({ x: 0, y: 0 });
+  const lastMouse = (0, import_react17.useRef)({ x: 0, y: 0 });
+  const [alignmentGuides, setAlignmentGuides] = (0, import_react17.useState)([]);
+  const [globalTooltipCountLocal, setGlobalTooltipCountLocal] = (0, import_react17.useState)(0);
+  (0, import_react17.useEffect)(() => setLocalPos(position), [position]);
+  const getAllTooltips = (0, import_react17.useCallback)(() => {
     const response = [];
     const ev = new CustomEvent("requestGlobalTooltips", {
       detail: { requesterId: id, response }
@@ -2772,7 +2798,7 @@ var DraggableTooltipComponent = ({
     window.dispatchEvent(ev);
     return response;
   }, [id]);
-  const updateAlignmentGuides = (0, import_react16.useCallback)(
+  const updateAlignmentGuides = (0, import_react17.useCallback)(
     (currentPosition) => {
       const allTooltips = getAllTooltips();
       const otherTooltips = allTooltips.filter((t) => t.id !== id);
@@ -2821,7 +2847,7 @@ var DraggableTooltipComponent = ({
     },
     [getAllTooltips, id]
   );
-  const snapToGuides = (0, import_react16.useCallback)(
+  const snapToGuides = (0, import_react17.useCallback)(
     (position2) => {
       const snappedPosition = { ...position2 };
       let hasSnapped = false;
@@ -2868,7 +2894,7 @@ var DraggableTooltipComponent = ({
     },
     [alignmentGuides]
   );
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     let rafId = null;
     const handleMouseMove = (e) => {
       if (!dragging) return;
@@ -2910,7 +2936,7 @@ var DraggableTooltipComponent = ({
       document.body.style.userSelect = "";
     };
   }, [dragging, snapToGuides, updateAlignmentGuides, id, onPositionChange]);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     const handleCloseAll = () => onClose(id);
     const handleRequestTooltipCount = () => {
       window.dispatchEvent(
@@ -2941,7 +2967,7 @@ var DraggableTooltipComponent = ({
       });
     };
   }, [id, localPos, onClose]);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (dragging) return;
     let total = 0;
     const timeoutId = setTimeout(() => {
@@ -2959,7 +2985,7 @@ var DraggableTooltipComponent = ({
     }, 0);
     return () => clearTimeout(timeoutId);
   }, [localPos, dragging]);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     const recount = () => {
       if (dragging) return;
       let total = 0;
@@ -2977,7 +3003,7 @@ var DraggableTooltipComponent = ({
     window.addEventListener("recountTooltips", recount);
     return () => window.removeEventListener("recountTooltips", recount);
   }, [dragging]);
-  const handleMouseDownLocal = (0, import_react16.useCallback)(
+  const handleMouseDownLocal = (0, import_react17.useCallback)(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -2988,7 +3014,7 @@ var DraggableTooltipComponent = ({
     },
     [id, onMouseDown]
   );
-  const handleTouchStartLocal = (0, import_react16.useCallback)(
+  const handleTouchStartLocal = (0, import_react17.useCallback)(
     (e) => {
       e.stopPropagation();
       const touch = e.touches[0];
@@ -3003,7 +3029,7 @@ var DraggableTooltipComponent = ({
     },
     [id, onMouseDown]
   );
-  const handleCloseClick = (0, import_react16.useCallback)(
+  const handleCloseClick = (0, import_react17.useCallback)(
     (e) => {
       e.stopPropagation();
       onClose(id);
@@ -3119,7 +3145,7 @@ var DraggableTooltipComponent = ({
               onTouchStart: handleTouchStartLocal,
               style: { touchAction: "none" },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react17.DotsSixVerticalIcon, { size: 16 }),
+                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react18.DotsSixVerticalIcon, { size: 16 }),
                 /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex flex-col gap-1", children: title && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex items-center gap-2 pb-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "font-bold text-foreground text-base", children: title }) }) }),
                 /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                   "button",
@@ -3149,7 +3175,7 @@ var DraggableTooltipComponent = ({
           ] }) }),
           /* @__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 }),
-            (0, import_react16.useMemo)(
+            (0, import_react17.useMemo)(
               () => visibleKeys.map((key) => {
                 const value = data[key];
                 if (value === void 0) return null;
@@ -3267,7 +3293,7 @@ var DraggableTooltipComponent = ({
     )
   ] });
 };
-var DraggableTooltip = import_react16.default.memo(DraggableTooltipComponent);
+var DraggableTooltip = import_react17.default.memo(DraggableTooltipComponent);
 DraggableTooltip.displayName = "DraggableTooltip";
 var DraggableTooltip_default = DraggableTooltip;
 
@@ -3641,7 +3667,7 @@ var Chart = ({
   formatBR = false,
   chartMargin
 }) => {
-  const smartConfig = (0, import_react18.useMemo)(() => {
+  const smartConfig = (0, import_react19.useMemo)(() => {
     const resolvedXAxisKey = typeof xAxis === "string" ? xAxis : xAxis && xAxis.dataKey || detectXAxis(data);
     const xAxisConfig2 = typeof xAxis === "string" ? {
       dataKey: resolvedXAxisKey,
@@ -3665,12 +3691,12 @@ var Chart = ({
     return { xAxisConfig: xAxisConfig2, mapperConfig: mapperConfig2 };
   }, [data, xAxis, labelMap]);
   const { xAxisConfig, mapperConfig } = smartConfig;
-  const [activeTooltips, setActiveTooltips] = (0, import_react18.useState)([]);
-  const [highlightedSeries, setHighlightedSeries] = (0, import_react18.useState)(
+  const [activeTooltips, setActiveTooltips] = (0, import_react19.useState)([]);
+  const [highlightedSeries, setHighlightedSeries] = (0, import_react19.useState)(
     /* @__PURE__ */ new Set()
   );
-  const [showOnlyHighlighted, setShowOnlyHighlighted] = (0, import_react18.useState)(false);
-  (0, import_react18.useEffect)(() => {
+  const [showOnlyHighlighted, setShowOnlyHighlighted] = (0, import_react19.useState)(false);
+  (0, import_react19.useEffect)(() => {
     if (highlightedSeries.size === 0 && showOnlyHighlighted) {
       setShowOnlyHighlighted(false);
     }
@@ -3679,9 +3705,9 @@ var Chart = ({
     ...item,
     name: String(item[xAxisConfig.dataKey] || "N/A")
   }));
-  const wrapperRef = (0, import_react18.useRef)(null);
-  const [measuredWidth, setMeasuredWidth] = (0, import_react18.useState)(null);
-  (0, import_react18.useLayoutEffect)(() => {
+  const wrapperRef = (0, import_react19.useRef)(null);
+  const [measuredWidth, setMeasuredWidth] = (0, import_react19.useState)(null);
+  (0, import_react19.useLayoutEffect)(() => {
     const el = wrapperRef.current;
     if (!el) return;
     const ro = new ResizeObserver((entries) => {
@@ -3708,7 +3734,7 @@ var Chart = ({
     );
   }
   const allKeys = seriesOrder.map((s) => s.key).filter(Boolean);
-  const generateColors = (0, import_react18.useCallback)(
+  const generateColors = (0, import_react19.useCallback)(
     (dataKeys) => {
       const colorMap = {};
       const allColors = generateAdditionalColors(colors2, dataKeys.length);
@@ -3719,25 +3745,25 @@ var Chart = ({
     },
     [colors2, mapperConfig]
   );
-  const finalColors = (0, import_react18.useMemo)(
+  const finalColors = (0, import_react19.useMemo)(
     () => generateColors(allKeys),
     [generateColors, allKeys]
   );
-  const adaptDataForTooltip = (0, import_react18.useCallback)(
+  const adaptDataForTooltip = (0, import_react19.useCallback)(
     (universalData) => ({
       ...universalData,
       name: String(universalData[xAxisConfig.dataKey] || "N/A")
     }),
     [xAxisConfig.dataKey]
   );
-  const activePeriods = (0, import_react18.useMemo)(
+  const activePeriods = (0, import_react19.useMemo)(
     () => activeTooltips.map((t) => adaptDataForTooltip(t.data).name),
     [activeTooltips, adaptDataForTooltip]
   );
-  (0, import_react18.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     window.dispatchEvent(new Event("recountTooltips"));
   }, [activeTooltips.length]);
-  const toggleHighlight = (0, import_react18.useCallback)((key) => {
+  const toggleHighlight = (0, import_react19.useCallback)((key) => {
     setHighlightedSeries((prev) => {
       const next = new Set(prev);
       if (next.has(key)) next.delete(key);
@@ -3745,7 +3771,7 @@ var Chart = ({
       return next;
     });
   }, []);
-  const maxDataValue = (0, import_react18.useMemo)(() => {
+  const maxDataValue = (0, import_react19.useMemo)(() => {
     let max = 0;
     const numericKeys = allKeys;
     for (const row of processedData) {
@@ -3757,7 +3783,7 @@ var Chart = ({
     }
     return max;
   }, [processedData, allKeys]);
-  const minDataValue = (0, import_react18.useMemo)(() => {
+  const minDataValue = (0, import_react19.useMemo)(() => {
     let min = 0;
     const numericKeys = allKeys;
     for (const row of processedData) {
@@ -3770,7 +3796,7 @@ var Chart = ({
     }
     return min;
   }, [processedData, allKeys]);
-  const niceMax = (0, import_react18.useMemo)(() => {
+  const niceMax = (0, import_react19.useMemo)(() => {
     let padding = 0.08;
     if (maxDataValue > 1e6) padding = 0.05;
     if (maxDataValue > 1e7) padding = 0.03;
@@ -3778,7 +3804,7 @@ var Chart = ({
     const padded = maxDataValue * (1 + padding);
     return niceCeil(padded);
   }, [maxDataValue]);
-  const computedWidth = (0, import_react18.useMemo)(() => {
+  const computedWidth = (0, import_react19.useMemo)(() => {
     if (typeof width === "number") return width;
     const points = Math.max(1, processedData.length);
     const barCount = series?.bar?.length ?? 0;
@@ -3807,7 +3833,7 @@ var Chart = ({
     series?.area?.length,
     niceMax
   ]);
-  const toggleTooltip = (0, import_react18.useCallback)(
+  const toggleTooltip = (0, import_react19.useCallback)(
     (tooltipId, data2, basePosition) => {
       const existingIndex = activeTooltips.findIndex((t) => t.id === tooltipId);
       if (existingIndex !== -1) {
@@ -3836,7 +3862,7 @@ var Chart = ({
     },
     [activeTooltips, maxTooltips]
   );
-  const handleChartClick = (0, import_react18.useCallback)(
+  const handleChartClick = (0, import_react19.useCallback)(
     (e) => {
       if (!enableDraggableTooltips) return;
       const ev = e;
@@ -3854,7 +3880,7 @@ var Chart = ({
     },
     [enableDraggableTooltips, xAxisConfig.dataKey, toggleTooltip]
   );
-  const handleBarClick = (0, import_react18.useCallback)(
+  const handleBarClick = (0, import_react19.useCallback)(
     (data2, index, event) => {
       if (!enableDraggableTooltips) return;
       event.stopPropagation();
@@ -3868,7 +3894,7 @@ var Chart = ({
     },
     [enableDraggableTooltips, xAxisConfig.dataKey, toggleTooltip]
   );
-  const handleSeriesClick = (0, import_react18.useCallback)(
+  const handleSeriesClick = (0, import_react19.useCallback)(
     (...args) => {
       if (args.length >= 3) {
         const [data2, index, event] = args;
@@ -3879,7 +3905,7 @@ var Chart = ({
     },
     [handleBarClick, handleChartClick]
   );
-  const onTooltipPositionChange = (0, import_react18.useCallback)(
+  const onTooltipPositionChange = (0, import_react19.useCallback)(
     (id, position) => {
       setActiveTooltips(
         (prev) => prev.map((t) => t.id === id ? { ...t, position } : t)
@@ -3887,11 +3913,11 @@ var Chart = ({
     },
     []
   );
-  const titleClassName = (0, import_react18.useMemo)(
+  const titleClassName = (0, import_react19.useMemo)(
     () => "text-xl font-semibold text-foreground mb-3",
     []
   );
-  const finalValueFormatter = (0, import_react18.useMemo)(() => {
+  const finalValueFormatter = (0, import_react19.useMemo)(() => {
     const nf = new Intl.NumberFormat("pt-BR", {
       minimumFractionDigits: 2,
       maximumFractionDigits: 2
@@ -3931,7 +3957,7 @@ var Chart = ({
     };
     return builtIn;
   }, [valueFormatter2, formatBR]);
-  const yTickFormatter = (0, import_react18.useMemo)(() => {
+  const yTickFormatter = (0, import_react19.useMemo)(() => {
     const nf = new Intl.NumberFormat("pt-BR", {
       minimumFractionDigits: 2,
       maximumFractionDigits: 2
@@ -3969,7 +3995,7 @@ var Chart = ({
   const measuredInner = measuredWidth ? Math.max(0, measuredWidth - 32) : void 0;
   const effectiveChartWidth = typeof width === "number" ? width : measuredInner ?? computedWidth;
   const chartInnerWidth = effectiveChartWidth - finalChartLeftMargin - finalChartRightMargin;
-  const openTooltipForPeriod = (0, import_react18.useCallback)(
+  const openTooltipForPeriod = (0, import_react19.useCallback)(
     (periodName) => {
       if (!enableDraggableTooltips) return;
       const row = processedData.find((r) => String(r.name) === periodName);
@@ -4199,9 +4225,7 @@ var Chart = ({
                       label: yAxisLabel ? {
                         value: yAxisLabel,
                         angle: -90,
-                        // Render the label to the left (outside) of the chart area
-                        // to avoid overlapping the Y values / bars.
-                        position: "left",
+                        position: "leftTop",
                         style: {
                           fontSize: 12,
                           fill: "hsl(var(--muted-foreground))",
@@ -4410,7 +4434,7 @@ var Chart = ({
 var Chart_default = Chart;
 
 // src/components/charts/BarChart.tsx
-var import_react19 = require("react");
+var import_react20 = require("react");
 var import_recharts2 = require("recharts");
 var import_jsx_runtime28 = require("react/jsx-runtime");
 var DEFAULT_COLORS2 = ["#55af7d", "#8e68ff", "#2273e1"];
@@ -4442,7 +4466,7 @@ var BarChart = ({
     containerPaddingLeft,
     16
   );
-  const smartConfig = (0, import_react19.useMemo)(() => {
+  const smartConfig = (0, import_react20.useMemo)(() => {
     const providedMapper = yAxis ?? mapper;
     if (autoDetect === true || xAxis == null || providedMapper == null) {
       const detectedXAxis = detectXAxis(data);
@@ -4492,14 +4516,14 @@ var BarChart = ({
     return { xAxisConfig: xAxisConfig2, mapperConfig: mapperConfig2 };
   }, [data, xAxis, mapper, yAxis, autoDetect, labelMap]);
   const { xAxisConfig, mapperConfig } = smartConfig;
-  const [activeTooltips, setActiveTooltips] = (0, import_react19.useState)([]);
-  const [isDragging, setIsDragging] = (0, import_react19.useState)(null);
-  const [dragOffset, setDragOffset] = (0, import_react19.useState)({
+  const [activeTooltips, setActiveTooltips] = (0, import_react20.useState)([]);
+  const [isDragging, setIsDragging] = (0, import_react20.useState)(null);
+  const [dragOffset, setDragOffset] = (0, import_react20.useState)({
     x: 0,
     y: 0
   });
-  const [globalTooltipCount, setGlobalTooltipCount] = (0, import_react19.useState)(0);
-  const [alignmentGuides, setAlignmentGuides] = (0, import_react19.useState)([]);
+  const [globalTooltipCount, setGlobalTooltipCount] = (0, import_react20.useState)(0);
+  const [alignmentGuides, setAlignmentGuides] = (0, import_react20.useState)([]);
   const processedData = data.map((item) => ({
     ...item,
     name: String(item[xAxisConfig.dataKey] || "N/A")
@@ -4522,7 +4546,7 @@ var BarChart = ({
       // Garantir que tem a propriedade 'name'
     };
   };
-  const maxDataValue = (0, import_react19.useMemo)(() => {
+  const maxDataValue = (0, import_react20.useMemo)(() => {
     let max = 0;
     const keys = Object.keys(mapperConfig);
     for (const row of processedData) {
@@ -4535,7 +4559,7 @@ var BarChart = ({
     }
     return max;
   }, [processedData, mapperConfig]);
-  const niceMax = (0, import_react19.useMemo)(() => {
+  const niceMax = (0, import_react20.useMemo)(() => {
     let padding2 = 0.08;
     if (maxDataValue > 1e6) padding2 = 0.05;
     if (maxDataValue > 1e7) padding2 = 0.03;
@@ -4576,7 +4600,7 @@ var BarChart = ({
   const GUIDE_THRESHOLD2 = 60;
   const STRONG_SNAP_THRESHOLD2 = 35;
   const PRECISION_SNAP_THRESHOLD2 = 8;
-  const updateAlignmentGuides = (0, import_react19.useCallback)(
+  const updateAlignmentGuides = (0, import_react20.useCallback)(
     (draggedTooltipId, currentPosition) => {
       if (!isDragging) return;
       const getAllTooltips = () => {
@@ -4640,7 +4664,7 @@ var BarChart = ({
     },
     [isDragging, activeTooltips]
   );
-  const snapToGuides = (0, import_react19.useCallback)(
+  const snapToGuides = (0, import_react20.useCallback)(
     (position) => {
       const snappedPosition = { ...position };
       let hasSnapped = false;
@@ -4702,7 +4726,7 @@ var BarChart = ({
     setIsDragging(tooltipId);
     setDragOffset({ x: offsetX, y: offsetY });
   };
-  (0, import_react19.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     let rafId;
     let lastMousePosition = { x: 0, y: 0 };
     const handleGlobalMouseMove = (e) => {
@@ -4760,7 +4784,7 @@ var BarChart = ({
     updateAlignmentGuides,
     snapToGuides
   ]);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     const handleCloseAllTooltips = () => {
       setActiveTooltips([]);
       setGlobalTooltipCount(0);
@@ -4770,7 +4794,7 @@ var BarChart = ({
       window.removeEventListener("closeAllTooltips", handleCloseAllTooltips);
     };
   }, []);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     const handleTooltipCountRequest = () => {
       window.dispatchEvent(
         new CustomEvent("tooltipCountResponse", {
@@ -4809,7 +4833,7 @@ var BarChart = ({
       );
     };
   }, [activeTooltips]);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     if (isDragging) return;
     let totalCount = 0;
     const handleCountResponse = (event) => {
@@ -5075,7 +5099,7 @@ var BarChart = ({
 var BarChart_default = BarChart;
 
 // src/components/charts/LineChart.tsx
-var import_react20 = require("react");
+var import_react21 = require("react");
 var import_recharts3 = require("recharts");
 var import_jsx_runtime29 = require("react/jsx-runtime");
 var defaultData = [
@@ -5109,14 +5133,14 @@ var CustomLineChart = ({
     containerPaddingLeft,
     16
   );
-  const [activeTooltips, setActiveTooltips] = (0, import_react20.useState)([]);
-  const [isDragging, setIsDragging] = (0, import_react20.useState)(null);
-  const [dragOffset, setDragOffset] = (0, import_react20.useState)({
+  const [activeTooltips, setActiveTooltips] = (0, import_react21.useState)([]);
+  const [isDragging, setIsDragging] = (0, import_react21.useState)(null);
+  const [dragOffset, setDragOffset] = (0, import_react21.useState)({
     x: 0,
     y: 0
   });
-  const [globalTooltipCount, setGlobalTooltipCount] = (0, import_react20.useState)(0);
-  const [alignmentGuides, setAlignmentGuides] = (0, import_react20.useState)([]);
+  const [globalTooltipCount, setGlobalTooltipCount] = (0, import_react21.useState)(0);
+  const [alignmentGuides, setAlignmentGuides] = (0, import_react21.useState)([]);
   const generateColors = (dataKeys2) => {
     const colorMap = {};
     const allColors = generateAdditionalColors(colors2, dataKeys2.length);
@@ -5125,12 +5149,12 @@ var CustomLineChart = ({
     });
     return colorMap;
   };
-  const dataKeys = (0, import_react20.useMemo)(
+  const dataKeys = (0, import_react21.useMemo)(
     () => data.length > 0 ? Object.keys(data[0]).filter((key) => key !== "name") : [],
     [data]
   );
   const finalColors = generateColors(dataKeys);
-  const maxDataValue = (0, import_react20.useMemo)(() => {
+  const maxDataValue = (0, import_react21.useMemo)(() => {
     let max = 0;
     for (const row of data) {
       const r = row;
@@ -5142,7 +5166,7 @@ var CustomLineChart = ({
     }
     return max;
   }, [data, dataKeys]);
-  const niceMax = (0, import_react20.useMemo)(() => {
+  const niceMax = (0, import_react21.useMemo)(() => {
     let padding2 = 0.08;
     if (maxDataValue > 1e6) padding2 = 0.05;
     if (maxDataValue > 1e7) padding2 = 0.03;
@@ -5218,10 +5242,10 @@ var CustomLineChart = ({
   const handleChartBackgroundClick = () => {
     setActiveTooltips([]);
   };
-  const handleCloseAllTooltips = (0, import_react20.useCallback)(() => {
+  const handleCloseAllTooltips = (0, import_react21.useCallback)(() => {
     window.dispatchEvent(new CustomEvent("closeAllTooltips"));
   }, []);
-  const updateAlignmentGuides = (0, import_react20.useCallback)(
+  const updateAlignmentGuides = (0, import_react21.useCallback)(
     (draggedTooltipId, draggedPosition) => {
       const SNAP_THRESHOLD = 15;
       const draggedTooltip = activeTooltips.find(
@@ -5302,7 +5326,7 @@ var CustomLineChart = ({
     },
     [activeTooltips]
   );
-  const snapToGuides = (0, import_react20.useCallback)(
+  const snapToGuides = (0, import_react21.useCallback)(
     (position) => {
       const SNAP_DISTANCE = 10;
       const snappedPosition = { ...position };
@@ -5330,7 +5354,7 @@ var CustomLineChart = ({
     setIsDragging(tooltipId);
     setDragOffset({ x: offsetX, y: offsetY });
   };
-  (0, import_react20.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     let rafId;
     let lastMousePosition = { x: 0, y: 0 };
     const handleGlobalMouseMove = (e) => {
@@ -5377,7 +5401,7 @@ var CustomLineChart = ({
     updateAlignmentGuides,
     snapToGuides
   ]);
-  (0, import_react20.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     const handleCloseAllTooltips2 = () => {
       setActiveTooltips([]);
       setGlobalTooltipCount(0);
@@ -5387,7 +5411,7 @@ var CustomLineChart = ({
       window.removeEventListener("closeAllTooltips", handleCloseAllTooltips2);
     };
   }, []);
-  (0, import_react20.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     const handleTooltipCountRequest = () => {
       window.dispatchEvent(
         new CustomEvent("tooltipCountResponse", {
@@ -5431,7 +5455,7 @@ var CustomLineChart = ({
       );
     };
   }, [activeTooltips]);
-  (0, import_react20.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     if (isDragging) return;
     let totalCount = 0;
     const handleCountResponse = (event) => {
@@ -5753,13 +5777,13 @@ var CustomPieChart = ({
 var PieChart_default = CustomPieChart;
 
 // src/components/charts/hooks/useChartHighlights.tsx
-var import_react21 = require("react");
+var import_react22 = require("react");
 var useChartHighlights = () => {
-  const [highlightedSeries, setHighlightedSeries] = (0, import_react21.useState)(
+  const [highlightedSeries, setHighlightedSeries] = (0, import_react22.useState)(
     /* @__PURE__ */ new Set()
   );
-  const [showOnlyHighlighted, setShowOnlyHighlighted] = (0, import_react21.useState)(false);
-  const toggleHighlight = (0, import_react21.useCallback)((key) => {
+  const [showOnlyHighlighted, setShowOnlyHighlighted] = (0, import_react22.useState)(false);
+  const toggleHighlight = (0, import_react22.useCallback)((key) => {
     setHighlightedSeries((prev) => {
       const next = new Set(prev);
       if (next.has(key)) {
@@ -5770,17 +5794,17 @@ var useChartHighlights = () => {
       return next;
     });
   }, []);
-  const clearHighlights = (0, import_react21.useCallback)(() => {
+  const clearHighlights = (0, import_react22.useCallback)(() => {
     setHighlightedSeries(/* @__PURE__ */ new Set());
     setShowOnlyHighlighted(false);
   }, []);
-  const isHighlighted = (0, import_react21.useCallback)(
+  const isHighlighted = (0, import_react22.useCallback)(
     (key) => {
       return highlightedSeries.has(key);
     },
     [highlightedSeries]
   );
-  const getSeriesStyle = (0, import_react21.useCallback)(
+  const getSeriesStyle = (0, import_react22.useCallback)(
     (key) => {
       const hasHighlights = highlightedSeries.size > 0;
       const isSeriesHighlighted = highlightedSeries.has(key);
@@ -6070,7 +6094,7 @@ function BadgeBase({
 }
 
 // src/components/ui/data/CalendarBase.tsx
-var import_react22 = require("@phosphor-icons/react");
+var import_react23 = require("@phosphor-icons/react");
 var import_react_day_picker = require("react-day-picker");
 var import_jsx_runtime33 = require("react/jsx-runtime");
 function CalendarBase({
@@ -6115,8 +6139,8 @@ function CalendarBase({
         ...classNames
       },
       components: {
-        IconLeft: () => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react22.CaretLeftIcon, { className: "h-4 w-4" }),
-        IconRight: () => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react22.CaretRightIcon, { className: "h-4 w-4" })
+        IconLeft: () => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react23.CaretLeftIcon, { className: "h-4 w-4" }),
+        IconRight: () => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react23.CaretRightIcon, { className: "h-4 w-4" })
       },
       ...props
     }
@@ -6194,7 +6218,7 @@ CardFooterBase.displayName = "CardFooter";
 // src/components/ui/data/FileUploader.tsx
 var React18 = __toESM(require("react"));
 var import_framer_motion10 = require("framer-motion");
-var import_react23 = require("@phosphor-icons/react");
+var import_react24 = require("@phosphor-icons/react");
 var import_jsx_runtime35 = require("react/jsx-runtime");
 var formatFileSize = (bytes) => {
   if (bytes === 0) return "0 Bytes";
@@ -6210,38 +6234,38 @@ var getFileTypeIcon = (file) => {
   const extension = getFileExtension(file.name).toLowerCase();
   const mimeType = file.type.toLowerCase();
   if (extension === "pdf" || mimeType === "application/pdf") {
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react23.FilePdfIcon, { size: 20, className: "text-red-500" });
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react24.FilePdfIcon, { size: 20, className: "text-red-500" });
   }
   if (["doc", "docx"].includes(extension) || mimeType.includes("word")) {
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react23.FileDocIcon, { size: 20, className: "text-blue-500" });
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react24.FileDocIcon, { size: 20, className: "text-blue-500" });
   }
   if (["xls", "xlsx"].includes(extension) || mimeType.includes("sheet")) {
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react23.FileXlsIcon, { size: 20, className: "text-green-500" });
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react24.FileXlsIcon, { size: 20, className: "text-green-500" });
   }
   if (["ppt", "pptx"].includes(extension) || mimeType.includes("presentation")) {
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react23.FilePptIcon, { size: 20, className: "text-orange-500" });
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react24.FilePptIcon, { size: 20, className: "text-orange-500" });
   }
   if (extension === "csv" || mimeType === "text/csv") {
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react23.FileCsvIcon, { size: 20, className: "text-green-600" });
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react24.FileCsvIcon, { size: 20, className: "text-green-600" });
   }
   if (["txt", "md", "json", "xml", "js", "ts", "html", "css"].includes(
     extension
   ) || mimeType.includes("text")) {
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react23.FileTextIcon, { size: 20, className: "text-gray-500" });
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react24.FileTextIcon, { size: 20, className: "text-gray-500" });
   }
   if (mimeType.startsWith("image/")) {
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react23.FileImageIcon, { size: 20, className: "text-purple-500" });
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react24.FileImageIcon, { size: 20, className: "text-purple-500" });
   }
   if (mimeType.startsWith("video/")) {
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react23.FileVideoIcon, { size: 20, className: "text-pink-500" });
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react24.FileVideoIcon, { size: 20, className: "text-pink-500" });
   }
   if (mimeType.startsWith("audio/")) {
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react23.FileAudioIcon, { size: 20, className: "text-indigo-500" });
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react24.FileAudioIcon, { size: 20, className: "text-indigo-500" });
   }
   if (["zip", "rar", "7z", "tar", "gz"].includes(extension)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react23.FileZipIcon, { size: 20, className: "text-yellow-600" });
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react24.FileZipIcon, { size: 20, className: "text-yellow-600" });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react23.FileIcon, { size: 20, className: "text-muted-foreground" });
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react24.FileIcon, { size: 20, className: "text-muted-foreground" });
 };
 var createImagePreview = (file) => {
   return new Promise((resolve) => {
@@ -6471,7 +6495,7 @@ var FileUploader = React18.forwardRef(
                     color: isDragging ? `hsl(var(--primary))` : `hsl(var(--muted-foreground))`
                   },
                   transition: { duration: 0.3 },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react23.CloudArrowUpIcon, { size: 64 })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react24.CloudArrowUpIcon, { size: 64 })
                 }
               )
             }
@@ -6513,7 +6537,7 @@ var FileUploader = React18.forwardRef(
               ),
               transition: { duration: 0.3 },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "h-4 w-4 text-primary flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react23.CheckIcon, { size: 16, className: "text-emerald-500" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "h-4 w-4 text-primary flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react24.CheckIcon, { size: 16, className: "text-emerald-500" }) }),
                 /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
                   import_framer_motion10.motion.span,
                   {
@@ -6615,7 +6639,7 @@ var FileUploader = React18.forwardRef(
                             handleRemoveFile(file.id);
                           },
                           className: "",
-                          children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react23.XIcon, { size: 12 })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react24.XIcon, { size: 12 })
                         }
                       )
                     ]
@@ -6739,7 +6763,7 @@ AlertDialogCancelBase.displayName = AlertDialogPrimitive.Cancel.displayName;
 
 // src/components/ui/feedback/DestructiveDialog.tsx
 var React20 = __toESM(require("react"));
-var import_react24 = require("@phosphor-icons/react");
+var import_react25 = require("@phosphor-icons/react");
 var import_jsx_runtime37 = require("react/jsx-runtime");
 var DestructiveDialog = ({
   title,
@@ -6758,7 +6782,7 @@ var DestructiveDialog = ({
         className: cn("border border-destructive bg-background"),
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-start gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "flex items-center justify-center w-10 h-10 rounded-full ring-1 ring-destructive/30", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react24.XCircleIcon, { className: "w-6 h-6 text-destructive" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "flex items-center justify-center w-10 h-10 rounded-full ring-1 ring-destructive/30", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react25.XCircleIcon, { className: "w-6 h-6 text-destructive" }) }),
             /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex-1", children: [
               /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(AlertDialogTitleBase, { className: "text-lg sm:text-xl font-semibold text-destructive", children: title }),
               /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(AlertDialogDescriptionBase, { className: "mt-2 text-sm text-muted-foreground", children: description })
@@ -6967,7 +6991,7 @@ LoadingBase.displayName = "LoadingBase";
 // src/components/ui/feedback/ModalBase.tsx
 var React22 = __toESM(require("react"));
 var DialogPrimitive2 = __toESM(require("@radix-ui/react-dialog"));
-var import_react25 = require("@phosphor-icons/react");
+var import_react26 = require("@phosphor-icons/react");
 var import_jsx_runtime39 = require("react/jsx-runtime");
 var ModalBase = DialogPrimitive2.Root;
 var ModalTriggerBase = DialogPrimitive2.Trigger;
@@ -7040,7 +7064,7 @@ var ModalContentBase = React22.forwardRef(
           children: [
             children,
             /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(DialogPrimitive2.Close, { className: "absolute right-3 top-3 sm:right-4 sm:top-4 rounded-md bg-muted/10 p-1.5 opacity-80 hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none z-10 hover:bg-muted/20 transition-colors", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react25.XIcon, { className: "h-5 w-5 sm:h-4 sm:w-4 text-foreground" }),
+              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react26.XIcon, { className: "h-5 w-5 sm:h-4 sm:w-4 text-foreground" }),
               /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "sr-only", children: "Close" })
             ] })
           ]
@@ -7177,7 +7201,6 @@ var ProgressBase = React23.forwardRef(
                     {
                       className: cn(
                         "h-full transition-all duration-500 ease-in-out rounded-lg",
-                        // quando não usa autocolor, Indicator deve mostrar a cor primária
                         autocolor && autocolor.length >= 2 ? "bg-transparent" : "bg-primary"
                       ),
                       style: { width: `${indicatorWidth}%` }
@@ -7214,8 +7237,8 @@ var ProgressBase = React23.forwardRef(
                     {
                       "aria-hidden": "true",
                       className: "absolute top-0 bottom-0 w-0.5 bg-black/70 transition-all duration-500 ease-in-out pointer-events-none",
-                      style: { left: `100%` },
-                      children: value > 115 && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "absolute left-full ml-2 top-1/2 -translate-y-1/2 text-xs whitespace-nowrap font-extrabold", children: `+${Math.round(
+                      style: { left: `${100 / value * 100}%` },
+                      children: value > 120 && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "absolute left-full ml-2 top-1/2 -translate-y-1/2 text-xs whitespace-nowrap font-extrabold", children: `+${Math.round(
                         value - 100
                       )}%` })
                     }
@@ -7365,7 +7388,7 @@ function SkeletonBase({
 }
 
 // src/components/ui/feedback/SonnerBase.tsx
-var import_react26 = require("@phosphor-icons/react");
+var import_react27 = require("@phosphor-icons/react");
 var import_sonner2 = require("sonner");
 var import_jsx_runtime42 = require("react/jsx-runtime");
 var iconBaseClass = "w-5 h-auto";
@@ -7417,23 +7440,23 @@ var Toaster = ({ testId, ...props }) => {
 };
 var toast2 = {
   success: (message) => import_sonner2.toast.success(message, {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react26.CheckCircleIcon, { className: `${iconBaseClass} text-green-600`, weight: "fill" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react27.CheckCircleIcon, { className: `${iconBaseClass} text-green-600`, weight: "fill" }),
     className: "sonner-success"
   }),
   error: (message) => import_sonner2.toast.error(message, {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react26.XCircleIcon, { className: `${iconBaseClass} text-red-600`, weight: "fill" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react27.XCircleIcon, { className: `${iconBaseClass} text-red-600`, weight: "fill" }),
     className: "sonner-error"
   }),
   warning: (message) => import_sonner2.toast.warning(message, {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react26.WarningIcon, { className: `${iconBaseClass} text-yellow-600`, weight: "fill" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react27.WarningIcon, { className: `${iconBaseClass} text-yellow-600`, weight: "fill" }),
     className: "sonner-WarningIcon"
   }),
   info: (message) => import_sonner2.toast.info(message, {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react26.InfoIcon, { className: `${iconBaseClass} text-blue-600`, weight: "fill" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react27.InfoIcon, { className: `${iconBaseClass} text-blue-600`, weight: "fill" }),
     className: "sonner-InfoIcon"
   }),
   loading: (message) => (0, import_sonner2.toast)(message, {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react26.SpinnerIcon, { className: `${iconBaseClass} animate-spin text-neutral-500`, weight: "fill" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react27.SpinnerIcon, { className: `${iconBaseClass} animate-spin text-neutral-500`, weight: "fill" }),
     className: "sonner-loading"
   })
 };
@@ -7441,7 +7464,7 @@ var toast2 = {
 // src/components/ui/form/CheckBoxBase.tsx
 var React24 = __toESM(require("react"));
 var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
-var import_react27 = require("@phosphor-icons/react");
+var import_react28 = require("@phosphor-icons/react");
 var import_framer_motion11 = require("framer-motion");
 var import_jsx_runtime43 = require("react/jsx-runtime");
 var CheckboxBase = React24.forwardRef(({ className, testid: dataTestId = "checkbox-base", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
@@ -7462,7 +7485,7 @@ var CheckboxBase = React24.forwardRef(({ className, testid: dataTestId = "checkb
         exit: { scale: 0, opacity: 0, rotate: 90 },
         transition: { type: "spring", stiffness: 500, damping: 30 },
         className: "flex items-center justify-center text-current",
-        children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react27.CheckIcon, { className: "h-4 w-4", weight: "bold" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react28.CheckIcon, { className: "h-4 w-4", weight: "bold" })
       }
     ) })
   }
@@ -7472,7 +7495,7 @@ CheckboxBase.displayName = CheckboxPrimitive.Root.displayName;
 // src/components/ui/form/CollapsibleBase.tsx
 var React25 = __toESM(require("react"));
 var CollapsiblePrimitive = __toESM(require("@radix-ui/react-collapsible"));
-var import_react28 = require("@phosphor-icons/react");
+var import_react29 = require("@phosphor-icons/react");
 var import_jsx_runtime44 = require("react/jsx-runtime");
 var CollapsibleBase = React25.forwardRef(({ ...props }, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(CollapsiblePrimitive.Root, { ref, "data-slot": "collapsible", ...props });
@@ -7494,7 +7517,7 @@ var CollapsibleTriggerBase = React25.forwardRef(({ className, children, leftIcon
           leftIcon && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "flex-shrink-0 [&>svg]:size-4", children: leftIcon }),
           /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { children })
         ] }),
-        showCaret && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "caret-icon flex-shrink-0 transition-transform duration-500 ease-[cubic-bezier(0.4,0,0.2,1)]", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react28.CaretUpDownIcon, { className: "h-4 w-4" }) })
+        showCaret && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "caret-icon flex-shrink-0 transition-transform duration-500 ease-[cubic-bezier(0.4,0,0.2,1)]", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react29.CaretUpDownIcon, { className: "h-4 w-4" }) })
       ]
     }
   );
@@ -7518,8 +7541,8 @@ var CollapsibleContentBase = React25.forwardRef(({ className, children, ...props
 CollapsibleContentBase.displayName = CollapsiblePrimitive.CollapsibleContent.displayName;
 
 // src/components/ui/form/DebounceInput.tsx
-var import_react29 = require("react");
-var import_react30 = require("@phosphor-icons/react");
+var import_react30 = require("react");
+var import_react31 = require("@phosphor-icons/react");
 var import_jsx_runtime45 = require("react/jsx-runtime");
 
 // src/components/ui/form/HoverCardBase.tsx
@@ -7561,7 +7584,7 @@ function HoverCardContentBase({
 // src/components/ui/form/Input-OTP-Base.tsx
 var React26 = __toESM(require("react"));
 var import_input_otp = require("input-otp");
-var import_react31 = require("@phosphor-icons/react");
+var import_react32 = require("@phosphor-icons/react");
 var import_jsx_runtime47 = require("react/jsx-runtime");
 function InputOTPBase({
   className,
@@ -7616,7 +7639,7 @@ function InputOTPSlotBase({
   );
 }
 function InputOTPSeparatorBase({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react31.MinusIcon, {}) });
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react32.MinusIcon, {}) });
 }
 
 // src/components/ui/form/SliderBase.tsx
@@ -7704,7 +7727,7 @@ SlideBase.displayName = "SlideBase";
 
 // src/components/ui/form/SmallButtons.tsx
 var React28 = __toESM(require("react"));
-var import_react32 = require("@phosphor-icons/react");
+var import_react33 = require("@phosphor-icons/react");
 var import_jsx_runtime49 = require("react/jsx-runtime");
 var EditButton = React28.forwardRef(
   ({
@@ -7735,7 +7758,7 @@ var EditButton = React28.forwardRef(
       ),
       ...props,
       children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-        import_react32.PencilSimpleIcon,
+        import_react33.PencilSimpleIcon,
         {
           size: iconSize,
           color: iconColor,
@@ -7775,7 +7798,7 @@ var ChangeButton = React28.forwardRef(
       ),
       ...props,
       children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-        import_react32.ArrowsLeftRightIcon,
+        import_react33.ArrowsLeftRightIcon,
         {
           size: iconSize,
           color: iconColor,
@@ -7815,7 +7838,7 @@ var SaveButton = React28.forwardRef(
       ),
       ...props,
       children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-        import_react32.FloppyDiskIcon,
+        import_react33.FloppyDiskIcon,
         {
           size: iconSize,
           color: iconColor,
@@ -7855,7 +7878,7 @@ var AddButton = React28.forwardRef(
       ),
       ...props,
       children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-        import_react32.PlusIcon,
+        import_react33.PlusIcon,
         {
           size: iconSize,
           color: iconColor,
@@ -7895,7 +7918,7 @@ var CloseButton = React28.forwardRef(
       ),
       ...props,
       children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-        import_react32.XIcon,
+        import_react33.XIcon,
         {
           size: iconSize,
           color: iconColor,
@@ -7927,7 +7950,7 @@ var DownloadButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react32.DownloadSimpleIcon,
+      import_react33.DownloadSimpleIcon,
       {
         size: 18,
         className: "transition-transform duration-300 group-hover:translate-y-0.5"
@@ -7956,7 +7979,7 @@ var UploadButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react32.UploadSimpleIcon,
+      import_react33.UploadSimpleIcon,
       {
         size: 18,
         className: "transition-transform duration-300 group-hover:-translate-y-0.5"
@@ -7985,7 +8008,7 @@ var CopyButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react32.CopyIcon,
+      import_react33.CopyIcon,
       {
         size: 18,
         className: "transition-transform duration-200 group-hover:scale-110"
@@ -8014,7 +8037,7 @@ var RefreshButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react32.ArrowClockwiseIcon,
+      import_react33.ArrowClockwiseIcon,
       {
         size: 18,
         className: "transition-transform duration-500 group-hover:rotate-180"
@@ -8043,7 +8066,7 @@ var SearchButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react32.MagnifyingGlassIcon,
+      import_react33.MagnifyingGlassIcon,
       {
         size: 18,
         className: "transition-transform duration-200 group-hover:scale-110 group-hover:-rotate-12"
@@ -8072,7 +8095,7 @@ var BackButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react32.ArrowLeftIcon,
+      import_react33.ArrowLeftIcon,
       {
         size: 18,
         className: "transition-transform duration-300 group-hover:-translate-x-1"
@@ -8101,7 +8124,7 @@ var SettingsButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react32.GearIcon,
+      import_react33.GearIcon,
       {
         size: 18,
         className: "transition-transform duration-500 group-hover:rotate-90"
@@ -8130,7 +8153,7 @@ var NotificationButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react32.BellIcon,
+      import_react33.BellIcon,
       {
         size: 18,
         className: "transition-transform duration-300 group-hover:scale-110 group-hover:-rotate-12"
@@ -8159,7 +8182,7 @@ var MoreButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react32.DotsThreeIcon,
+      import_react33.DotsThreeIcon,
       {
         size: 18,
         className: "transition-transform duration-200 group-hover:scale-110"
@@ -8188,7 +8211,7 @@ var CheckButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react32.CheckIcon,
+      import_react33.CheckIcon,
       {
         size: 18,
         className: "transition-transform duration-200 group-hover:scale-110"
@@ -8224,7 +8247,7 @@ var FilterButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react32.FunnelIcon,
+      import_react33.FunnelIcon,
       {
         size: iconSize,
         color: iconColor,
@@ -8263,7 +8286,7 @@ var LikeButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react32.HeartIcon,
+      import_react33.HeartIcon,
       {
         size: iconSize,
         color: iconColor,
@@ -8302,7 +8325,7 @@ var FavoriteButton = ({
     ),
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react32.StarIcon,
+      import_react33.StarIcon,
       {
         size: iconSize,
         color: iconColor,
@@ -8340,14 +8363,14 @@ var VisibilityButton = ({
     ),
     ...props,
     children: isVisible ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react32.EyeIcon,
+      import_react33.EyeIcon,
       {
         size: iconSize,
         color: iconColor,
         className: "transition-opacity duration-200"
       }
     ) : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react32.EyeSlashIcon,
+      import_react33.EyeSlashIcon,
       {
         size: iconSize,
         color: iconColor,
@@ -8387,14 +8410,14 @@ var LockButton = ({
     ),
     ...props,
     children: isLocked ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react32.LockIcon,
+      import_react33.LockIcon,
       {
         size: iconSize,
         color: iconColor,
         className: "transition-all duration-200 group-hover:scale-110"
       }
     ) : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-      import_react32.LockOpenIcon,
+      import_react33.LockOpenIcon,
       {
         size: iconSize,
         color: iconColor,
@@ -8440,7 +8463,7 @@ SwitchBase.displayName = SwitchPrimitives.Root.displayName;
 // src/components/ui/form/TextAreaBase.tsx
 var React30 = __toESM(require("react"));
 var import_framer_motion12 = require("framer-motion");
-var import_react33 = require("@phosphor-icons/react");
+var import_react34 = require("@phosphor-icons/react");
 var import_jsx_runtime51 = require("react/jsx-runtime");
 var TextAreaBase = React30.forwardRef(
   ({ className, clearable = false, onClear, ...props }, ref) => {
@@ -8537,7 +8560,7 @@ var TextAreaBase = React30.forwardRef(
                 ),
                 disabled: props.disabled,
                 "aria-label": "Limpar texto",
-                children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react33.TrashIcon, { size: 16, weight: "regular" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react34.TrashIcon, { size: 16, weight: "regular" })
               }
             ) }),
             /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
@@ -8615,7 +8638,7 @@ TextAreaBase.displayName = "TextAreaBase";
 // src/components/ui/layout/CarouselBase.tsx
 var React31 = __toESM(require("react"));
 var import_embla_carousel_react = __toESM(require("embla-carousel-react"));
-var import_react34 = require("@phosphor-icons/react");
+var import_react35 = require("@phosphor-icons/react");
 var import_jsx_runtime52 = require("react/jsx-runtime");
 var CarouselContext = React31.createContext(null);
 function useCarousel() {
@@ -8774,7 +8797,7 @@ function CarouselPrevious({
       onClick: scrollPrev,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react34.ArrowLeftIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react35.ArrowLeftIcon, {}),
         /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "sr-only", children: "Previous slide" })
       ]
     }
@@ -8802,7 +8825,7 @@ function CarouselNextBase({
       onClick: scrollNext,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react34.ArrowRightIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react35.ArrowRightIcon, {}),
         /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "sr-only", children: "Next slide" })
       ]
     }
@@ -8982,7 +9005,7 @@ TabsContentBase.displayName = TabsPrimitive.Content.displayName;
 
 // src/components/ui/navigation/BreadcrumbBase.tsx
 var import_react_slot4 = require("@radix-ui/react-slot");
-var import_react35 = require("@phosphor-icons/react");
+var import_react36 = require("@phosphor-icons/react");
 var import_jsx_runtime56 = require("react/jsx-runtime");
 function BreadcrumbBase({ ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
@@ -9051,7 +9074,7 @@ function BreadcrumbSeparatorBase({
       "aria-hidden": "true",
       className: cn("[&>svg]:size-3.5", className),
       ...props,
-      children: children ?? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react35.CaretRightIcon, {})
+      children: children ?? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react36.CaretRightIcon, {})
     }
   );
 }
@@ -9068,7 +9091,7 @@ function BreadcrumbEllipsisBase({
       className: cn("flex size-9 items-center justify-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react35.DotsThreeIcon, { className: "size-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react36.DotsThreeIcon, { className: "size-4" }),
         /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "sr-only", children: "More" })
       ]
     }
@@ -9077,7 +9100,7 @@ function BreadcrumbEllipsisBase({
 
 // src/components/ui/navigation/NavigationMenuBase.tsx
 var NavigationMenuPrimitive = __toESM(require("@radix-ui/react-navigation-menu"));
-var import_react36 = require("@phosphor-icons/react");
+var import_react37 = require("@phosphor-icons/react");
 var import_jsx_runtime57 = require("react/jsx-runtime");
 function NavigationMenuBase({
   className,
@@ -9145,7 +9168,7 @@ function NavigationMenuTriggerBase({
       children: [
         children,
         /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-          import_react36.CaretDownIcon,
+          import_react37.CaretDownIcon,
           {
             className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
             "aria-hidden": "true"
@@ -9248,7 +9271,7 @@ function useIsMobile() {
 var React36 = __toESM(require("react"));
 var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"));
 var import_class_variance_authority4 = require("class-variance-authority");
-var import_react37 = require("@phosphor-icons/react");
+var import_react38 = require("@phosphor-icons/react");
 var import_jsx_runtime58 = require("react/jsx-runtime");
 var SheetBase = SheetPrimitive.Root;
 var SheetTriggerBase = SheetPrimitive.Trigger;
@@ -9292,7 +9315,7 @@ var SheetContentBase = React36.forwardRef(({ side = "right", className, children
       ...props,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react37.XIcon, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react38.XIcon, { className: "h-4 w-4" }),
           /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "sr-only", children: "Close" })
         ] }),
         children
@@ -9349,7 +9372,7 @@ var SheetDescriptionBase = React36.forwardRef(({ className, ...props }, ref) =>
 SheetDescriptionBase.displayName = SheetPrimitive.Description.displayName;
 
 // src/components/ui/navigation/SidebarBase.tsx
-var import_react38 = require("@phosphor-icons/react");
+var import_react39 = require("@phosphor-icons/react");
 var import_jsx_runtime59 = require("react/jsx-runtime");
 var SIDEBAR_COOKIE_NAME = "sidebar:state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
@@ -9543,7 +9566,7 @@ var SidebarTriggerBase = React37.forwardRef(({ className, onClick, ...props }, r
       ...props,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "sr-only", children: "Toggle SidebarBase" }),
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react38.SidebarSimpleIcon, {})
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react39.SidebarSimpleIcon, {})
       ]
     }
   ) });
@@ -10037,11 +10060,11 @@ function DrawerDescriptionBase({
 }
 
 // src/hooks/use-universal-tooltip.tsx
-var import_react39 = require("react");
+var import_react40 = require("react");
 var import_jsx_runtime61 = require("react/jsx-runtime");
-var UniversalTooltipContext = (0, import_react39.createContext)(null);
+var UniversalTooltipContext = (0, import_react40.createContext)(null);
 var useUniversalTooltip = () => {
-  const context = (0, import_react39.useContext)(UniversalTooltipContext);
+  const context = (0, import_react40.useContext)(UniversalTooltipContext);
   if (!context) {
     throw new Error("useUniversalTooltip deve ser usado dentro de UniversalTooltipProvider");
   }
@@ -10049,7 +10072,7 @@ var useUniversalTooltip = () => {
 };
 var useTooltip = () => {
   const { addTooltip, removeTooltip, startDrag } = useUniversalTooltip();
-  const createTooltip = (0, import_react39.useCallback)((element, content, options) => {
+  const createTooltip = (0, import_react40.useCallback)((element, content, options) => {
     const rect = element.getBoundingClientRect();
     let position;
     switch (options?.position || "auto") {
@@ -10079,7 +10102,7 @@ var useTooltip = () => {
       metadata: options?.metadata
     });
   }, [addTooltip]);
-  const handleElementMouseDown = (0, import_react39.useCallback)((tooltipId, event) => {
+  const handleElementMouseDown = (0, import_react40.useCallback)((tooltipId, event) => {
     const rect = event.target.getBoundingClientRect();
     const offset = {
       x: event.clientX - rect.left,
@@ -10238,7 +10261,7 @@ 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_react41 = require("@phosphor-icons/react");
 var import_framer_motion14 = require("framer-motion");
 var import_jsx_runtime63 = require("react/jsx-runtime");
 function CalendarBase2({
@@ -10261,7 +10284,7 @@ function CalendarBase2({
     "div",
     {
       className: cn(
-        "rounded-md border bg-background p-2 overflow-hidden flex flex-col",
+        "rounded-md border bg-background p-2 sm:p-3 md:p-4 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)(
@@ -10274,51 +10297,46 @@ function CalendarBase2({
               showOutsideDays,
               month,
               onMonthChange: handleMonthChange,
-              className: "w-full h-full min-w-0 flex flex-col",
+              className: "w-full h-full 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",
+                months: "flex flex-col sm:flex-row gap-3 sm:gap-4 w-full",
+                month: "flex-1 min-w-0",
+                caption: "flex items-center justify-between gap-2 pr-1 min-h-[2.25rem] mb-2",
+                caption_label: "text-[clamp(0.85rem,1.4vw,1.125rem)] sm:text-[clamp(0.9rem,1.6vw,1.125rem)] font-semibold capitalize text-left",
+                nav: "flex items-center gap-2",
                 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"
+                  "h-8 w-8 sm:h-9 sm:w-9 md:h-10 md:w-10 flex items-center justify-center p-0 rounded-md transition-transform duration-150 ease-out focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary/40 active:scale-95"
                 ),
-                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",
+                nav_button_previous: "",
+                nav_button_next: "",
+                table: "w-full min-w-0 flex-1 grid grid-rows-[auto_1fr] gap-2",
+                head_row: "grid grid-cols-7 gap-1 mb-1",
+                head_cell: "text-muted-foreground rounded-md font-semibold text-[clamp(0.575rem,1.2vw,0.75rem)] sm:text-[clamp(0.65rem,1.1vw,0.825rem)] text-center pb-1 uppercase tracking-wider",
+                row: "grid grid-cols-7 gap-1",
                 cell: cn(
-                  "flex-1 min-w-0 aspect-square text-center p-0 relative",
+                  "min-w-0 h-9 sm:h-10 md:h-11 p-0 relative flex items-center justify-center",
                   "[&: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"
+                  "[&:has([aria-selected])]:bg-muted"
                 ),
                 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"
+                  "w-full h-full p-0 m-0 flex items-center justify-center text-[clamp(0.775rem,1.2vw,0.95rem)] sm:text-sm",
+                  "aria-selected:opacity-100 hover:bg-muted transition-all duration-150 ease-out 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_outside: "text-muted-foreground/40 opacity-60 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" })
+                IconLeft: () => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react41.CaretLeftIcon, { className: "h-4 w-4" }),
+                IconRight: () => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react41.CaretRightIcon, { className: "h-4 w-4" })
               },
               ...props
             }
@@ -10333,15 +10351,15 @@ CalendarBase2.displayName = "CalendarBase";
 
 // src/components/picker/DateTimePicker.tsx
 var import_locale = require("date-fns/locale");
-var import_react43 = require("react");
+var import_react44 = 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"));
+var import_react42 = require("@phosphor-icons/react");
+var import_react43 = __toESM(require("react"));
 
 // src/components/picker/utils/time-picker-utils.ts
 function isValidHour(value) {
@@ -10484,7 +10502,7 @@ function display12HourValue(hours) {
 
 // src/components/picker/TimePickerInput.tsx
 var import_jsx_runtime64 = require("react/jsx-runtime");
-var TimePickerInput = import_react42.default.forwardRef(
+var TimePickerInput = import_react43.default.forwardRef(
   ({
     className,
     type = "tel",
@@ -10503,10 +10521,10 @@ var TimePickerInput = import_react42.default.forwardRef(
     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(() => {
+    const [flag, setFlag] = import_react43.default.useState(false);
+    const [prevIntKey, setPrevIntKey] = import_react43.default.useState("0");
+    const [isFocused, setIsFocused] = import_react43.default.useState(false);
+    import_react43.default.useEffect(() => {
       if (flag) {
         const timer = setTimeout(() => {
           setFlag(false);
@@ -10514,7 +10532,7 @@ var TimePickerInput = import_react42.default.forwardRef(
         return () => clearTimeout(timer);
       }
     }, [flag]);
-    const calculatedValue = import_react42.default.useMemo(() => {
+    const calculatedValue = import_react43.default.useMemo(() => {
       return getDateByType(date, picker);
     }, [date, picker]);
     const calculateNewValue = (key) => {
@@ -10603,7 +10621,7 @@ var TimePickerInput = import_react42.default.forwardRef(
                 ),
                 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" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react42.CaretUpIcon, { size: 14, className: "sm:w-4 sm:h-4" })
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "relative", children: [
@@ -10670,7 +10688,7 @@ var TimePickerInput = import_react42.default.forwardRef(
                 ),
                 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" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react42.CaretDownIcon, { size: 14, className: "sm:w-4 sm:h-4" })
               }
             )
           ]
@@ -10779,7 +10797,7 @@ function TimePicker({
 }
 
 // src/components/picker/DateTimePicker.tsx
-var import_react44 = require("@phosphor-icons/react");
+var import_react45 = require("@phosphor-icons/react");
 var import_jsx_runtime66 = require("react/jsx-runtime");
 function DateTimePicker({
   label,
@@ -10796,9 +10814,9 @@ function DateTimePicker({
   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 [internalDate, setInternalDate] = (0, import_react44.useState)(date);
+  const [open, setOpen] = (0, import_react44.useState)(false);
+  const [timePickerOpen, setTimePickerOpen] = (0, import_react44.useState)(false);
   const handleSelect = (newDay) => {
     if (!newDay) return;
     if (!internalDate) {
@@ -10831,7 +10849,7 @@ function DateTimePicker({
     if (!timeFormat) return "PPP";
     return `PPP - ${timeFormat}`;
   };
-  (0, import_react43.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     if (date) {
       setInternalDate(date);
     }
@@ -10839,20 +10857,37 @@ function DateTimePicker({
   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,
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+        PopoverTriggerBase,
         {
-          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 ? (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" })
-          ]
+          disabled,
+          asChild: true,
+          className: cn(error && "border-red-500"),
+          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: cn(
+                      "truncate flex-1",
+                      !date && "text-muted-foreground"
+                    ),
+                    children: date ? (0, import_date_fns.format)(date, getDisplayFormat(), { locale: import_locale.ptBR }) : "Selecione uma data"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react45.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,
@@ -10872,6 +10907,7 @@ function DateTimePicker({
                 selected: internalDate,
                 onSelect: (d) => handleSelect(d),
                 initialFocus: true,
+                defaultMonth: fromDate ?? toDate ?? internalDate,
                 fromDate,
                 toDate,
                 className: cn(
@@ -10902,7 +10938,7 @@ function DateTimePicker({
                         "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)(import_react45.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" })
@@ -10954,10 +10990,13 @@ function DateTimePicker({
 // 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_pt_BR = __toESM(require("date-fns/locale/pt-BR"));
+var import_date_fns2 = require("date-fns");
+var import_react46 = 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");
+var dateFnsLocale = import_pt_BR.default?.default ?? import_pt_BR.default;
 function RangePicker({
   value,
   onChange,
@@ -10999,7 +11038,9 @@ function RangePicker({
                   className: "text-sm font-medium",
                   transition: { duration: 0.2 },
                   animate: controls,
-                  children: range?.from && range?.to ? `${range.from.toLocaleDateString()} - ${range.to.toLocaleDateString()}` : label
+                  children: range?.from && range?.to ? `${(0, import_date_fns2.format)(range.from, "P", {
+                    locale: dateFnsLocale
+                  })} - ${(0, import_date_fns2.format)(range.to, "P", { locale: dateFnsLocale })}` : label
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
@@ -11007,7 +11048,7 @@ function RangePicker({
                 {
                   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" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react46.CalendarBlankIcon, { className: "w-4 h-4 transition-transform group-hover:scale-110" })
                 }
               )
             ]
@@ -11043,53 +11084,49 @@ function RangePicker({
                       mode: "range",
                       selected: range,
                       onSelect: handleSelect,
+                      locale: dateFnsLocale,
                       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",
+                        months: "flex flex-col sm:flex-row gap-3 sm:gap-4 w-full",
+                        month: "flex-1 min-w-0",
+                        caption: "flex items-center justify-between gap-2 pr-1 min-h-[2.25rem] mb-2",
+                        caption_label: "text-[clamp(0.85rem,1.4vw,1.125rem)] sm:text-[clamp(0.9rem,1.6vw,1.125rem)] font-semibold capitalize text-left",
+                        nav: "flex items-center gap-2",
                         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"
+                          "h-8 w-8 sm:h-9 sm:w-9 md:h-10 md:w-10 flex items-center justify-center p-0 rounded-md transition-transform duration-150 ease-out focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary/40 active:scale-95"
                         ),
-                        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",
+                        nav_button_previous: "",
+                        nav_button_next: "",
+                        table: "w-full min-w-0 flex-1 grid grid-rows-[auto_1fr] gap-2",
+                        head_row: "grid grid-cols-7 gap-1 mb-1",
+                        head_cell: "text-muted-foreground rounded-md font-semibold text-[clamp(0.575rem,1.2vw,0.75rem)] sm:text-[clamp(0.65rem,1.1vw,0.825rem)] text-center pb-1 uppercase tracking-wider",
+                        row: "grid grid-cols-7 gap-1",
                         cell: cn(
-                          "flex-1 min-w-0 aspect-square text-center  relative",
+                          "min-w-0 h-9 p-0 relative flex items-center justify-center",
                           "[&: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"
+                          "[&:has([aria-selected])]:bg-muted"
                         ),
                         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"
+                          "w-full h-full p-0 m-0 flex items-center justify-center text-[clamp(0.775rem,1.2vw,0.95rem)] sm:text-sm",
+                          "aria-selected:opacity-100 hover:bg-muted transition-all duration-150 ease-out active:scale-95"
                         ),
-                        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_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: "text-muted-foreground/40 opacity-60 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" })
+                        IconLeft: () => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react46.CaretLeftIcon, { className: "h-4 w-4" }),
+                        IconRight: () => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react46.CaretRightIcon, { className: "h-4 w-4" })
                       }
                     }
                   )
@@ -11161,7 +11198,7 @@ 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_react47 = 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 });
@@ -11203,7 +11240,7 @@ function ContextMenuSubTriggerBase({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react46.CaretRightIcon, { className: "ml-auto" })
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react47.CaretRightIcon, { className: "ml-auto" })
       ]
     }
   );
@@ -11298,7 +11335,7 @@ function ContextMenuCheckboxItemBase({
       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" }) }) }),
+        /* @__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_react47.CheckIcon, { className: "size-4" }) }) }),
         children
       ]
     }
@@ -11323,7 +11360,7 @@ function ContextMenuRadioItemBase({
       ),
       ...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" }) }) }),
+        /* @__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_react47.CircleIcon, { className: "size-2 fill-current" }) }) }),
         children
       ]
     }
@@ -11371,14 +11408,317 @@ function ContextMenuShortcutBase({
   );
 }
 
+// src/components/ui/CodeBlock.tsx
+var import_react48 = require("@phosphor-icons/react");
+var import_react49 = __toESM(require("react"));
+var import_react_syntax_highlighter = require("react-syntax-highlighter");
+var import_jsx_runtime69 = require("react/jsx-runtime");
+var CodeBlock = ({
+  language,
+  filename,
+  code,
+  highlightLines = [],
+  tabs = [],
+  breadcrumb = [],
+  showStats = true
+}) => {
+  const [copied, setCopied] = import_react49.default.useState(false);
+  const [activeTab, setActiveTab] = import_react49.default.useState(0);
+  const [isExpanded, setIsExpanded] = import_react49.default.useState(false);
+  const tabsExist = tabs.length > 0;
+  const cssVars = import_react49.default.useMemo(
+    () => ({
+      container: {
+        backgroundColor: "hsl(var(--card))",
+        borderColor: "hsl(var(--border))"
+      },
+      header: {
+        backgroundColor: "hsl(var(--popover))",
+        borderBottomColor: "hsl(var(--border))"
+      },
+      filename: { color: "hsl(var(--card-foreground))" },
+      mutedText: { color: "hsl(var(--muted-foreground))" },
+      icon: { color: "hsl(var(--muted-foreground))" },
+      lineNumbers: {
+        color: "hsl(var(--muted-foreground))",
+        borderRight: `1px solid hsl(var(--border))`
+      },
+      highlightBorder: `3px solid hsl(var(--primary))`
+    }),
+    []
+  );
+  const sanitizeCode = (input) => {
+    if (!input) return "";
+    let out = input.replace(
+      /(^['"]use client['"];?\s*|\b'use client';|\b"use client";)/g,
+      ""
+    );
+    out = out.replace(/style=\{[\s\S]*?\}/g, "");
+    out = out.replace(/style=(["'`])(?:\\.|(?!\1)[\s\S])*?\1/g, "");
+    return out;
+  };
+  const getActiveRawCode = () => (tabsExist ? tabs[activeTab].code : code) || "";
+  const activeRawCode = getActiveRawCode();
+  const activeCodeSanitized = sanitizeCode(activeRawCode);
+  const copyToClipboard = async () => {
+    const textToCopy = activeCodeSanitized;
+    if (textToCopy) {
+      await navigator.clipboard.writeText(textToCopy);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    }
+  };
+  const downloadCode = () => {
+    const textToDownload = activeCodeSanitized;
+    const activeFilename = tabsExist ? tabs[activeTab].name : filename;
+    if (textToDownload) {
+      const blob = new Blob([textToDownload], { type: "text/plain" });
+      const url = URL.createObjectURL(blob);
+      const a = document.createElement("a");
+      a.href = url;
+      a.download = activeFilename;
+      document.body.appendChild(a);
+      a.click();
+      document.body.removeChild(a);
+      URL.revokeObjectURL(url);
+    }
+  };
+  const activeLanguage = tabsExist ? tabs[activeTab].language || language : language;
+  const activeHighlightLines = tabsExist ? tabs[activeTab].highlightLines || [] : highlightLines;
+  const getLanguageIcon = (lang) => {
+    switch (lang.toLowerCase()) {
+      case "javascript":
+      case "jsx":
+      case "typescript":
+      case "tsx":
+        return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react48.CodeIcon, { size: "1em", className: "text-yellow-400" });
+      case "bash":
+      case "shell":
+        return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react48.TerminalIcon, { size: "1em", className: "text-green-400" });
+      default:
+        return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react48.FileArchiveIcon, { size: "1em", className: "text-blue-400" });
+    }
+  };
+  const getCodeStats = (source) => {
+    const lines = source.split("\n").length;
+    const chars = source.length;
+    const words = source.split(/\s+/).filter((word) => word.length > 0).length;
+    return { lines, chars, words };
+  };
+  const stats = showStats ? getCodeStats(activeCodeSanitized) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
+    "div",
+    {
+      className: `relative w-full rounded-xl overflow-hidden shadow-sm border no-underline-code`,
+      style: cssVars.container,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("style", { children: `.no-underline-code a { text-decoration: none !important; text-shadow: none !important; box-shadow: none !important; } .no-underline-code code a { text-decoration: none !important; }` }),
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: `flex items-stretch min-h-[3rem]`, style: cssVars.header, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex-1 flex items-center min-w-0 px-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex gap-2 mr-3 shrink-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "w-3 h-3 rounded-full bg-red-500" }),
+              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "w-3 h-3 rounded-full bg-yellow-500" }),
+              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "w-3 h-3 rounded-full bg-green-500" })
+            ] }),
+            breadcrumb.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-center min-w-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react48.FolderIcon, { size: "1em", style: cssVars.icon }),
+              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "flex items-center min-w-0 ml-2", children: breadcrumb.map((crumb, index) => /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_react49.default.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+                  "span",
+                  {
+                    className: "text-xs truncate",
+                    style: cssVars.mutedText,
+                    children: crumb
+                  }
+                ),
+                index < breadcrumb.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+                  import_react48.ArrowRightIcon,
+                  {
+                    size: "0.75em",
+                    style: cssVars.icon,
+                    className: "shrink-0 mx-1"
+                  }
+                )
+              ] }, index)) })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-center justify-end shrink-0 px-2", children: [
+            stats && /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
+              "div",
+              {
+                className: `text-xs mx-2 truncate hidden md:block`,
+                style: cssVars.mutedText,
+                children: [
+                  stats.lines,
+                  "L \u2022 ",
+                  stats.words,
+                  "W"
+                ]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+                "button",
+                {
+                  onClick: () => setIsExpanded(!isExpanded),
+                  className: `p-2 transition-colors hover:bg-gray-200 dark:hover:bg-slate-700`,
+                  title: "Toggle fullscreen",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react48.ArrowsOutIcon, { size: "1em", style: cssVars.icon })
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+                "button",
+                {
+                  onClick: downloadCode,
+                  className: `p-2 transition-colors hover:bg-gray-200 dark:hover:bg-slate-700`,
+                  title: "Download code",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react48.DownloadIcon, { size: "1em", style: cssVars.icon })
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+                "button",
+                {
+                  onClick: copyToClipboard,
+                  className: `p-2 transition-colors hover:bg-gray-200 dark:hover:bg-slate-700`,
+                  title: "Copy code",
+                  children: copied ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+                    import_react48.CheckIcon,
+                    {
+                      size: "1em",
+                      style: { color: "hsl(var(--primary))" }
+                    }
+                  ) : /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react48.CopyIcon, { size: "1em", style: cssVars.icon })
+                }
+              )
+            ] })
+          ] })
+        ] }),
+        tabsExist && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+          "div",
+          {
+            className: `flex border-b overflow-x-auto`,
+            style: {
+              borderColor: "hsl(var(--border))",
+              backgroundColor: "hsl(var(--popover))"
+            },
+            children: tabs.map((tab, index) => /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
+              "button",
+              {
+                onClick: () => setActiveTab(index),
+                className: `flex items-center gap-2 px-4 py-2 text-sm transition-all duration-200 border-b-2 shrink-0 ${activeTab === index ? "border-blue-500" : "border-transparent"}`,
+                style: activeTab === index ? {
+                  backgroundColor: "hsl(var(--card))",
+                  color: "hsl(var(--card-foreground))"
+                } : void 0,
+                children: [
+                  getLanguageIcon(tab.language || language),
+                  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "truncate max-w-[10rem]", children: tab.name })
+                ]
+              },
+              index
+            ))
+          }
+        ),
+        !tabsExist && filename && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+          "div",
+          {
+            className: "flex items-center px-3 py-2 border-b",
+            style: {
+              borderColor: "hsl(var(--border))",
+              backgroundColor: "hsl(var(--popover))"
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-center gap-2 min-w-0", children: [
+              getLanguageIcon(language),
+              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+                "span",
+                {
+                  className: "text-sm font-medium truncate",
+                  style: cssVars.filename,
+                  children: filename
+                }
+              )
+            ] })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+          "div",
+          {
+            className: `relative ${isExpanded ? "max-h-screen overflow-auto" : "max-h-96 overflow-auto"}`,
+            children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+              import_react_syntax_highlighter.Prism,
+              {
+                language: activeLanguage,
+                customStyle: {
+                  margin: 0,
+                  padding: "1rem",
+                  fontSize: "0.875rem",
+                  lineHeight: "1.5",
+                  backgroundColor: "hsl(var(--card))"
+                },
+                wrapLines: true,
+                showLineNumbers: true,
+                lineNumberStyle: {
+                  ...cssVars.lineNumbers,
+                  minWidth: "3em",
+                  paddingRight: "1em",
+                  marginRight: "1em"
+                },
+                lineProps: (lineNumber) => ({
+                  style: {
+                    backgroundColor: activeHighlightLines.includes(lineNumber) ? "hsl(var(--highlight))" : "transparent",
+                    display: "block",
+                    width: "100%",
+                    borderLeft: activeHighlightLines.includes(lineNumber) ? cssVars.highlightBorder : "none",
+                    paddingLeft: "0.5rem"
+                  }
+                }),
+                PreTag: "div",
+                children: String(activeCodeSanitized)
+              }
+            )
+          }
+        ),
+        showStats && stats && /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
+          "div",
+          {
+            className: "px-3 py-2 border-t text-xs flex items-center justify-between min-h-[2.5rem]",
+            style: {
+              borderTopColor: "hsl(var(--border))",
+              backgroundColor: "hsl(var(--popover))",
+              color: "hsl(var(--muted-foreground))"
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-center gap-3 min-w-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "truncate", children: activeLanguage.toUpperCase() }),
+                /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("span", { className: "truncate hidden sm:inline", children: [
+                  stats.lines,
+                  " lines"
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("span", { className: "truncate hidden md:inline", children: [
+                  stats.chars,
+                  " chars"
+                ] })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-center gap-1 shrink-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react48.GearIcon, { size: "0.75em", style: cssVars.icon }),
+                /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { children: "UTF-8" })
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+
 // src/hooks/use-drag.tsx
-var import_react47 = require("react");
+var import_react50 = require("react");
 var useDrag = (options = {}) => {
-  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) => {
+  const [isDragging, setIsDragging] = (0, import_react50.useState)(null);
+  const [positions, setPositions] = (0, import_react50.useState)({});
+  const dragStartPos = (0, import_react50.useRef)(null);
+  const dragId = (0, import_react50.useRef)(null);
+  const handleMouseDown = (0, import_react50.useCallback)((id, e) => {
     e.preventDefault();
     const currentPosition = positions[id] || { top: 0, left: 0 };
     dragStartPos.current = {
@@ -11391,7 +11731,7 @@ var useDrag = (options = {}) => {
     setIsDragging(id);
     options.onDragStart?.(id);
   }, [positions, options]);
-  const handleMouseMove = (0, import_react47.useCallback)((e) => {
+  const handleMouseMove = (0, import_react50.useCallback)((e) => {
     if (!isDragging || !dragStartPos.current || !dragId.current) return;
     const deltaX = e.clientX - dragStartPos.current.x;
     const deltaY = e.clientY - dragStartPos.current.y;
@@ -11407,7 +11747,7 @@ var useDrag = (options = {}) => {
     }));
     options.onDrag?.(dragId.current, newPosition);
   }, [isDragging, options]);
-  const handleMouseUp = (0, import_react47.useCallback)(() => {
+  const handleMouseUp = (0, import_react50.useCallback)(() => {
     if (dragId.current) {
       options.onDragEnd?.(dragId.current);
     }
@@ -11415,7 +11755,7 @@ var useDrag = (options = {}) => {
     dragStartPos.current = null;
     dragId.current = null;
   }, [options]);
-  (0, import_react47.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     if (isDragging) {
       document.addEventListener("mousemove", handleMouseMove);
       document.addEventListener("mouseup", handleMouseUp);
@@ -11427,16 +11767,16 @@ var useDrag = (options = {}) => {
       };
     }
   }, [isDragging, handleMouseMove, handleMouseUp]);
-  const setPosition = (0, import_react47.useCallback)((id, position) => {
+  const setPosition = (0, import_react50.useCallback)((id, position) => {
     setPositions((prev) => ({
       ...prev,
       [id]: position
     }));
   }, []);
-  const getPosition = (0, import_react47.useCallback)((id) => {
+  const getPosition = (0, import_react50.useCallback)((id) => {
     return positions[id] || { top: 0, left: 0 };
   }, [positions]);
-  const isElementDragging = (0, import_react47.useCallback)((id) => {
+  const isElementDragging = (0, import_react50.useCallback)((id) => {
     return isDragging === id;
   }, [isDragging]);
   return {