@cnc-ti/layout-basic 8.8.1 → 9.0.0

package/dist/index.js

@@ -126,10 +126,11 @@ __export(src_exports, {
   PageHeaderTitle: () => PageHeaderTitle,
   PageHeaderTitleContent: () => PageHeaderTitleContent,
   PeriodRangeList: () => PeriodRangeList,
-  Popover: () => Popover,
-  PopoverContent: () => PopoverContent,
-  PopoverTrigger: () => PopoverTrigger,
+  Popover: () => Popover2,
+  PopoverContent: () => PopoverContent2,
+  PopoverTrigger: () => PopoverTrigger2,
   ResultMetadata: () => ResultMetadata,
+  SIDEBAR_MOBILE_BREAKPOINT: () => SIDEBAR_MOBILE_BREAKPOINT,
   Select: () => Select,
   SelectContent: () => SelectContent,
   SelectGroup: () => SelectGroup,
@@ -170,6 +171,8 @@ __export(src_exports, {
   toLocalNoon: () => toLocalNoon,
   usarAlertas: () => usarAlertas,
   useDrawer: () => useDrawer,
+  useSidebar: () => useSidebar,
+  useSidebarBreakpoint: () => useSidebarBreakpoint,
   validateFiles: () => validateFiles
 });
 module.exports = __toCommonJS(src_exports);
@@ -3349,7 +3352,8 @@ var availableApps = {
   CDD: { name: "Or\xE1culoS", url: process.env.NEXT_PUBLIC_CDD_APP_URL ?? "https://oraculos.cnc.org.br/", icon: "fa-solid fa-database", color: "#00B8D9" }
 };
 function AppsMenu({
-  apps = Object.keys(availableApps).map((key) => ({ code: key, url: availableApps[key].url }))
+  apps = Object.keys(availableApps).map((key) => ({ code: key, url: availableApps[key].url })),
+  show = false
 }) {
   const [isOpen, setIsOpen] = (0, import_react4.useState)(false);
   const menuRef = (0, import_react4.useRef)(null);
@@ -3371,6 +3375,9 @@ function AppsMenu({
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, [isOpen]);
+  if (!show) {
+    return null;
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "cnc-relative cnc-flex cnc-items-center cnc-h-full", ref: menuRef, children: [
     /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       "button",
@@ -3558,7 +3565,7 @@ var ModalMudancaEntidade = ({
 // src/components/Sidebar/index.tsx
 var Accordion = __toESM(require("@radix-ui/react-accordion"));
 var import_react_slot2 = require("@radix-ui/react-slot");
-var import_react5 = require("react");
+var import_react5 = __toESM(require("react"));
 
 // src/components/assets/logotipo-default.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");
@@ -3726,90 +3733,341 @@ function LogotipoDefault() {
   );
 }
 
-// src/components/Sidebar/index.tsx
+// src/components/molecules/overlay/popover.tsx
+var React5 = __toESM(require("react"));
+var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
 var import_jsx_runtime9 = require("react/jsx-runtime");
+var Popover = PopoverPrimitive.Root;
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverContent = React5.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  PopoverPrimitive.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: cn(
+      "cnc-z-50 cnc-w-72 cnc-rounded-md cnc-border cnc-bg-popover cnc-p-4 cnc-text-popover-foreground cnc-shadow-md cnc-outline-none data-[state=open]:cnc-animate-in data-[state=closed]:cnc-animate-out data-[state=closed]:cnc-fade-out-0 data-[state=open]:cnc-fade-in-0 data-[state=closed]:cnc-zoom-out-95 data-[state=open]:cnc-zoom-in-95 data-[side=bottom]:cnc-slide-in-from-top-2 data-[side=left]:cnc-slide-in-from-right-2 data-[side=right]:cnc-slide-in-from-left-2 data-[side=top]:cnc-slide-in-from-bottom-2 cnc-origin-[--radix-popover-content-transform-origin]",
+      className
+    ),
+    ...props
+  }
+) }));
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+
+// src/components/Sidebar/sidebar-context.tsx
+var React6 = __toESM(require("react"));
+var SidebarContext = React6.createContext(void 0);
+var FALLBACK = {
+  variant: "expanded",
+  isMobile: false,
+  requestState: () => void 0
+};
+function useSidebar() {
+  return React6.useContext(SidebarContext) ?? FALLBACK;
+}
+
+// src/components/Sidebar/use-sidebar-breakpoint.ts
+var React7 = __toESM(require("react"));
+var SIDEBAR_MOBILE_BREAKPOINT = 768;
+function useSidebarBreakpoint(options = {}) {
+  const {
+    mobileBreakpoint = SIDEBAR_MOBILE_BREAKPOINT,
+    defaultState = "expanded"
+  } = options;
+  const [isMobile, setIsMobile] = React7.useState(false);
+  React7.useEffect(() => {
+    if (typeof window === "undefined") return;
+    const query = window.matchMedia(`(max-width: ${mobileBreakpoint - 1}px)`);
+    const sync = () => setIsMobile(query.matches);
+    sync();
+    if (query.addEventListener) {
+      query.addEventListener("change", sync);
+      return () => query.removeEventListener("change", sync);
+    }
+    query.addListener(sync);
+    return () => query.removeListener(sync);
+  }, [mobileBreakpoint]);
+  const getNextState = React7.useCallback(
+    (current) => {
+      if (isMobile) {
+        return current === "closed" ? "expanded" : "closed";
+      }
+      return current === "expanded" ? "mini" : "expanded";
+    },
+    [isMobile]
+  );
+  const suggested = isMobile ? "closed" : defaultState;
+  return { isMobile, suggested, getNextState };
+}
+
+// src/components/Sidebar/index.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var MINI_WIDTH = "4rem";
+var EXPANDED_WIDTH = "280px";
+function resolveVariant(variant, isOpen) {
+  if (variant) return variant;
+  if (isOpen === false) return "closed";
+  return "expanded";
+}
 function SidebarContainer({
-  isOpen = true,
+  isOpen,
+  variant,
+  onVariantChange,
+  mobileBreakpoint = SIDEBAR_MOBILE_BREAKPOINT,
+  className,
+  style,
+  children,
   ...rest
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  const { isMobile } = useSidebarBreakpoint({ mobileBreakpoint });
+  const resolved = resolveVariant(variant, isOpen);
+  const requestState = import_react5.default.useCallback(
+    (next) => onVariantChange?.(next),
+    [onVariantChange]
+  );
+  const context = import_react5.default.useMemo(
+    () => ({ variant: resolved, isMobile, requestState }),
+    [resolved, isMobile, requestState]
+  );
+  if (resolved === "closed") {
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SidebarContext.Provider, { value: context });
+  }
+  const width = resolved === "mini" ? MINI_WIDTH : isMobile ? "100vw" : EXPANDED_WIDTH;
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SidebarContext.Provider, { value: context, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     "div",
     {
-      "data-is-open": isOpen,
-      style: { width: isOpen ? "100%" : "0" },
-      className: `cnc-w-full cnc-max-w-full cnc-transition-all cnc-duration-300 cnc-ease-in-out cnc-sidebar-container cnc-bg-brand-blue-400 data-[is-open=true]:w-0`,
-      ...rest
+      "data-is-open": true,
+      "data-state": resolved,
+      style: { width, ...style },
+      className: cn(
+        "cnc-flex cnc-flex-col cnc-h-screen cnc-overflow-hidden",
+        "cnc-transition-all cnc-duration-300 cnc-ease-in-out",
+        "cnc-sidebar-container cnc-bg-primary-800",
+        className
+      ),
+      ...rest,
+      children
     }
-  );
+  ) });
 }
 function SidebarImageBrand({
   asChild = false,
   onChangeToggle,
+  onToggleRequest,
+  showToggle = true,
   img,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "cnc-flex cnc-items-center cnc-justify-between cnc-bg-primary-900 cnc-w-full cnc-h-full cnc-max-h-[70px] cnc-py-5 cnc-px-6 cnc-transition-all cnc-duration-300 cnc-ease-in-out cnc-sidebar-child-w-0", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "cnc-sidebar-child-hidden", children: asChild && !img ? children : img && img.src ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-      "img",
-      {
-        src: img.src,
-        alt: img?.alt,
-        className: "cnc-w-[159px] cnc-h-[28px] cnc-object-contain"
-      }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(LogotipoDefault, {}) }),
-    onChangeToggle && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-      "button",
-      {
-        onClick: onChangeToggle,
-        className: "hover:cnc-brightness-75 cnc-sidebar-child-hidden",
-        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-          "svg",
+  const { variant, isMobile, requestState } = useSidebar();
+  const isMini = variant === "mini";
+  const handleToggle = () => {
+    const next = isMobile ? variant === "closed" ? "expanded" : "closed" : variant === "expanded" ? "mini" : "expanded";
+    onChangeToggle?.();
+    if (onToggleRequest) {
+      onToggleRequest(next);
+      return;
+    }
+    requestState(next);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    "div",
+    {
+      className: cn(
+        "cnc-flex cnc-items-center cnc-shrink-0 cnc-bg-primary-900",
+        "cnc-w-full cnc-max-h-[70px] cnc-py-5 cnc-px-6",
+        "cnc-transition-all cnc-duration-300 cnc-ease-in-out",
+        isMini ? "cnc-justify-center cnc-px-0" : "cnc-justify-between cnc-sidebar-child-w-0"
+      ),
+      children: [
+        !isMini && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "cnc-sidebar-child-hidden", children: asChild && !img ? children : img && img.src ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          "img",
           {
-            stroke: "currentColor",
-            fill: "currentColor",
-            strokeWidth: "0",
-            viewBox: "0 0 512 512",
-            className: "cnc-size-6 cnc-text-white",
-            height: "1em",
-            width: "1em",
-            xmlns: "http://www.w3.org/2000/svg",
-            children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-              "path",
+            src: img.src,
+            alt: img?.alt,
+            className: "cnc-w-[159px] cnc-h-[28px] cnc-object-contain"
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(LogotipoDefault, {}) }),
+        showToggle && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          "button",
+          {
+            type: "button",
+            onClick: handleToggle,
+            "aria-label": "Alternar barra lateral",
+            className: cn(
+              "hover:cnc-brightness-75 cnc-cursor-pointer",
+              !isMini && "cnc-sidebar-child-hidden"
+            ),
+            children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+              "svg",
               {
-                fill: "none",
-                strokeLinecap: "round",
-                strokeMiterlimit: "10",
-                strokeWidth: "48",
-                d: "M88 152h336M88 256h336M88 360h336"
+                stroke: "currentColor",
+                fill: "currentColor",
+                strokeWidth: "0",
+                viewBox: "0 0 512 512",
+                className: "cnc-size-6 cnc-text-white",
+                height: "1em",
+                width: "1em",
+                xmlns: "http://www.w3.org/2000/svg",
+                children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                  "path",
+                  {
+                    fill: "none",
+                    strokeLinecap: "round",
+                    strokeMiterlimit: "10",
+                    strokeWidth: "48",
+                    d: "M88 152h336M88 256h336M88 360h336"
+                  }
+                )
               }
             )
           }
         )
-      }
-    )
-  ] });
+      ]
+    }
+  );
 }
-function Sidebar({ children, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Accordion.Root, { ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-    "div",
+function Sidebar({ children, className, ...rest }) {
+  const { variant } = useSidebar();
+  const isMini = variant === "mini";
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Accordion.Root, { ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    "nav",
     {
-      className: "cnc-w-full cnc-h-screen-minus-70 cnc-flex cnc-flex-col cnc-py-8 cnc-bg-primary-800 cnc-px-5 \n                cnc-scroll-smooth cnc-overflow-y-auto\n                [&::-webkit-scrollbar]:cnc-w-1\n                [&::-webkit-scrollbar-track]:cnc-bg-brand-blue-500\n                [&::-webkit-scrollbar-thumb]:cnc-rounded\n                [&::-webkit-scrollbar-thumb]:cnc-border\n                [&::-webkit-scrollbar-thumb]:cnc-border-solid\n                [&::-webkit-scrollbar-thumb]:cnc-border-brand-gray-400\n                [&::-webkit-scrollbar-thumb]:cnc-bg-brand-gray-200\n                cnc-sidebar-child-w-0",
+      className: cn(
+        "cnc-w-full cnc-flex-1 cnc-flex cnc-flex-col cnc-py-8 cnc-bg-primary-800",
+        "cnc-scroll-smooth cnc-overflow-y-auto cnc-overflow-x-hidden",
+        "[&::-webkit-scrollbar]:cnc-w-1",
+        "[&::-webkit-scrollbar-track]:cnc-bg-brand-blue-500",
+        "[&::-webkit-scrollbar-thumb]:cnc-rounded",
+        "[&::-webkit-scrollbar-thumb]:cnc-border",
+        "[&::-webkit-scrollbar-thumb]:cnc-border-solid",
+        "[&::-webkit-scrollbar-thumb]:cnc-border-brand-gray-400",
+        "[&::-webkit-scrollbar-thumb]:cnc-bg-brand-gray-200",
+        isMini ? "cnc-px-2" : "cnc-px-5 cnc-sidebar-child-w-0",
+        className
+      ),
       children
     }
   ) });
 }
+function renderIconItem(icon) {
+  if (!icon) return null;
+  if ((0, import_react5.isValidElement)(icon) && icon.type === "svg") {
+    const svgIcon = icon;
+    return (0, import_react5.cloneElement)(svgIcon, {
+      height: 20,
+      width: 20
+    });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "cnc-w-5 cnc-h-5 cnc-shrink-0 cnc-flex cnc-items-center cnc-justify-center cnc-overflow-hidden", children: icon });
+}
+var legacyWarned = /* @__PURE__ */ new Set();
+function warnLegacyChildren(context) {
+  if (process.env.NODE_ENV === "production") return;
+  if (legacyWarned.has(context)) return;
+  legacyWarned.add(context);
+  console.warn(
+    `[layout-basic] ${context}: passar \xEDcone e texto como "children" est\xE1 obsoleto desde a v9. Use as props "icon" e "label" \u2014 sem elas o estado "mini" n\xE3o consegue ocultar o r\xF3tulo nem exibir o tooltip.`
+  );
+}
+function MiniTooltip({ label }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    "span",
+    {
+      role: "tooltip",
+      className: cn(
+        "cnc-pointer-events-none cnc-absolute cnc-left-full cnc-top-1/2",
+        "cnc--translate-y-1/2 cnc-ml-2 cnc-z-50 cnc-whitespace-nowrap",
+        "cnc-rounded-md cnc-bg-gray-900 cnc-px-2.5 cnc-py-1.5",
+        "cnc-text-xs cnc-font-medium cnc-text-white cnc-shadow-lg",
+        "cnc-opacity-0 cnc-transition-opacity cnc-duration-150",
+        "group-hover:cnc-opacity-100 group-focus-within:cnc-opacity-100"
+      ),
+      children: label
+    }
+  );
+}
 function SidebarNavLink({
   asChild = false,
   type = "primary",
+  icon,
+  label,
+  ativo = false,
+  disabled = false,
+  keepOpenOnClick = false,
+  className,
+  children,
+  onClick,
   ...rest
 }) {
+  const { variant, isMobile, requestState } = useSidebar();
+  const isMini = variant === "mini";
+  const usesLegacyChildren = !icon && !label && children != null;
+  import_react5.default.useEffect(() => {
+    if (usesLegacyChildren) warnLegacyChildren("SidebarNavLink");
+  }, [usesLegacyChildren]);
   const Component = asChild ? import_react_slot2.Slot : "a";
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  const handleClick = (event) => {
+    if (disabled) {
+      event.preventDefault();
+      return;
+    }
+    onClick?.(event);
+    if (isMobile && !keepOpenOnClick && !event.defaultPrevented) {
+      requestState("closed");
+    }
+  };
+  const content = usesLegacyChildren ? children : /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+    renderIconItem(icon),
+    !isMini && label != null && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "cnc-truncate", children: label })
+  ] });
+  const link = /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     Component,
     {
       "data-type": type,
-      className: "cnc-sidebar-item cnc-w-full cnc-py-4 cnc-text-white cnc-flex cnc-gap-2 cnc-items-center cnc-text-base hover:cnc-text-blue-600 data-[type=secondary]:cnc-pl-0 data-[type=secondary]:cnc-text-sm data-[type=secondary]:cnc-py-0 data-[type=secondary]:cnc-my-2 cnc-sidebar-child-hidden",
-      ...rest
+      "data-active": ativo || void 0,
+      "aria-current": ativo ? "page" : void 0,
+      "aria-disabled": disabled || void 0,
+      tabIndex: disabled ? -1 : void 0,
+      onClick: handleClick,
+      className: cn(
+        "cnc-sidebar-item cnc-w-full cnc-flex cnc-items-center cnc-gap-2",
+        "cnc-text-base cnc-text-white cnc-no-underline",
+        "cnc-transition-colors cnc-duration-200",
+        "hover:cnc-text-blue-600",
+        "data-[type=secondary]:cnc-pl-0 data-[type=secondary]:cnc-text-sm",
+        "data-[type=secondary]:cnc-py-0 data-[type=secondary]:cnc-my-2",
+        isMini ? "cnc-justify-center cnc-rounded-md cnc-px-2 cnc-py-2.5" : "cnc-py-4 cnc-sidebar-child-hidden",
+        ativo && "cnc-bg-white/20 cnc-rounded-md",
+        disabled && "cnc-opacity-60 cnc-pointer-events-none",
+        className
+      ),
+      ...rest,
+      children: content
+    }
+  );
+  if (isMini && label != null) {
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "cnc-relative cnc-group cnc-mb-1", children: [
+      link,
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(MiniTooltip, { label })
+    ] });
+  }
+  return link;
+}
+function ChevronIcon({ className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "m9 18 6-6-6-6" })
     }
   );
 }
@@ -3817,57 +4075,62 @@ function SidebarNavCollapse({
   children,
   title,
   icon,
+  className,
   ...rest
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Accordion.Item, { ...rest, className: "cnc-sidebar-item", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Accordion.Trigger, { className: "group cnc-w-full cnc-py-4 cnc-text-base cnc-text-white cnc-flex cnc-gap-2 cnc-items-center cnc-justify-between hover:cnc-text-blue-600 cnc-sidebar-child-hidden", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "cnc-flex cnc-items-center cnc-gap-2", children: [
-        icon && renderIconItem(icon),
-        title
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "cnc-w-4 cnc-h-4", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-        "svg",
+  const { variant } = useSidebar();
+  if (variant === "mini") {
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Popover, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        "button",
         {
-          xmlns: "http://www.w3.org/2000/svg",
-          width: "24",
-          height: "24",
-          viewBox: "0 0 24 24",
-          fill: "none",
-          stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          className: "cnc-w-full cnc-h-full cnc-text-violet10 cnc-transition-transform cnc-duration-300  cnc-ease-[cubic-bezier(0.87,_0,_0.13,_1)] group-data-[state=open]:cnc-rotate-90",
-          children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "m9 18 6-6-6-6" })
+          type: "button",
+          "aria-label": title,
+          className: cn(
+            "cnc-sidebar-item cnc-w-full cnc-mb-1 cnc-flex cnc-items-center",
+            "cnc-justify-center cnc-rounded-md cnc-px-2 cnc-py-2.5",
+            "cnc-text-white cnc-transition-colors cnc-duration-200",
+            "hover:cnc-bg-white/10 hover:cnc-text-blue-600",
+            className
+          ),
+          children: renderIconItem(icon)
         }
-      ) })
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+        PopoverContent,
+        {
+          side: "right",
+          align: "start",
+          sideOffset: 8,
+          className: "cnc-w-56 cnc-bg-primary-800 cnc-border-primary-200 cnc-p-2",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "cnc-px-2 cnc-pb-2 cnc-text-xs cnc-font-semibold cnc-text-white/70", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "cnc-flex cnc-flex-col", children })
+          ]
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Accordion.Item, { ...rest, className: cn("cnc-sidebar-item", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Accordion.Trigger, { className: "group cnc-w-full cnc-py-4 cnc-text-base cnc-text-white cnc-flex cnc-gap-2 cnc-items-center cnc-justify-between hover:cnc-text-blue-600 cnc-sidebar-child-hidden", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "cnc-flex cnc-items-center cnc-gap-2", children: [
+        renderIconItem(icon),
+        title
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "cnc-w-4 cnc-h-4", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ChevronIcon, { className: "cnc-w-full cnc-h-full cnc-text-violet10 cnc-transition-transform cnc-duration-300 cnc-ease-[cubic-bezier(0.87,_0,_0.13,_1)] group-data-[state=open]:cnc-rotate-90" }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Accordion.Content, { className: "cnc-overflow-hidden data-[state=closed]:cnc-animate-slideUp data-[state=open]:cnc-animate-slideDown cnc-py-2", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "cnc-bg-white/10 cnc-rounded-md cnc-font-normal cnc-px-5 cnc-py-3", children }) })
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Accordion.Content, { className: "cnc-overflow-hidden data-[state=closed]:cnc-animate-slideUp data-[state=open]:cnc-animate-slideDown cnc-py-2", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "cnc-bg-white/10 cnc-rounded-md cnc-font-normal cnc-px-5 cnc-py-3", children }) })
   ] });
 }
-function renderIconItem(icon) {
-  if (!icon) return null;
-  if ((0, import_react5.isValidElement)(icon) && icon.type === "svg") {
-    const svgIcon = icon;
-    return (0, import_react5.cloneElement)(svgIcon, {
-      height: 20,
-      width: 20
-    });
-  }
-  if ((0, import_react5.isValidElement)(icon)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "cnc-w-5 cnc-h-5 cnc-overflow-hidden", children: icon });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "cnc-w-5 cnc-h-5 cnc-overflow-hidden", children: icon });
-}
 
 // src/components/Popover/index.tsx
-var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
-var React6 = __toESM(require("react"));
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var Popover = PopoverPrimitive.Root;
-var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React6.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-  PopoverPrimitive.Content,
+var PopoverPrimitive2 = __toESM(require("@radix-ui/react-popover"));
+var React9 = __toESM(require("react"));
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var Popover2 = PopoverPrimitive2.Root;
+var PopoverTrigger2 = PopoverPrimitive2.Trigger;
+var PopoverContent2 = React9.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PopoverPrimitive2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  PopoverPrimitive2.Content,
   {
     ref,
     align,
@@ -3879,18 +4142,18 @@ var PopoverContent = React6.forwardRef(({ className, align = "center", sideOffse
     ...props
   }
 ) }));
-PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+PopoverContent2.displayName = PopoverPrimitive2.Content.displayName;
 
 // src/components/Select/index.tsx
-var React7 = __toESM(require("react"));
+var React10 = __toESM(require("react"));
 var SelectPrimitive = __toESM(require("@radix-ui/react-select"));
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
 var SelectPortal = SelectPrimitive.Portal;
 var SelectViewport = SelectPrimitive.Viewport;
-var SelectTrigger = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+var SelectTrigger = React10.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -3901,12 +4164,12 @@ var SelectTrigger = React7.forwardRef(({ className, children, ...props }, ref) =
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ChevronDown, { className: "h-4 w-4 opacity-50" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ChevronDown, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+var SelectScrollUpButton = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -3915,11 +4178,11 @@ var SelectScrollUpButton = React7.forwardRef(({ className, ...props }, ref) => /
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ChevronUp, { className: "cnc-h-4 cnc-w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ChevronUp, { className: "cnc-h-4 cnc-w-4" })
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+var SelectScrollDownButton = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -3928,11 +4191,11 @@ var SelectScrollDownButton = React7.forwardRef(({ className, ...props }, ref) =>
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ChevronDown, { className: "cnc-h-4 cnc-w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ChevronDown, { className: "cnc-h-4 cnc-w-4" })
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React7.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+var SelectContent = React10.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
   SelectPrimitive.Content,
   {
     ref,
@@ -3944,8 +4207,8 @@ var SelectContent = React7.forwardRef(({ className, children, position = "popper
     position,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SelectScrollUpButton, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SelectScrollUpButton, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         SelectPrimitive.Viewport,
         {
           className: cn(
@@ -3955,12 +4218,12 @@ var SelectContent = React7.forwardRef(({ className, children, position = "popper
           children
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SelectScrollDownButton, {})
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SelectScrollDownButton, {})
     ]
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+var SelectLabel = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
   SelectPrimitive.Label,
   {
     ref,
@@ -3972,7 +4235,7 @@ var SelectLabel = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+var SelectItem = React10.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
   SelectPrimitive.Item,
   {
     ref,
@@ -3982,13 +4245,13 @@ var SelectItem = React7.forwardRef(({ className, children, ...props }, ref) => /
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "cnc-absolute cnc-left-2 cnc-flex cnc-h-3.5 cnc-w-3.5 cnc-cnc-items-center cnc-justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Check, { className: "cnc-h-4 cnc-w-4" }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SelectPrimitive.ItemText, { children })
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "cnc-absolute cnc-left-2 cnc-flex cnc-h-3.5 cnc-w-3.5 cnc-cnc-items-center cnc-justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Check, { className: "cnc-h-4 cnc-w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SelectPrimitive.ItemText, { children })
     ]
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+var SelectSeparator = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
   SelectPrimitive.Separator,
   {
     ref,
@@ -4000,11 +4263,11 @@ SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/components/Tabs/index.tsx
 var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
-var React8 = __toESM(require("react"));
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var React11 = __toESM(require("react"));
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var Tabs = TabsPrimitive.Root;
-var TabsList = React8.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+var TabsList = React11.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     TabsPrimitive.List,
     {
       ref,
@@ -4014,7 +4277,7 @@ var TabsList = React8.forwardRef(({ className, ...props }, ref) => {
   );
 });
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+var TabsTrigger = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -4026,8 +4289,8 @@ var TabsTrigger = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React8.forwardRef(({ className, children, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+var TabsContent = React11.forwardRef(({ className, children, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     TabsPrimitive.Content,
     {
       ref,
@@ -4043,24 +4306,24 @@ var TabsContent = React8.forwardRef(({ className, children, ...props }, ref) =>
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // src/components/atoms/forms/input.tsx
-var React9 = __toESM(require("react"));
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var Input = React9.forwardRef(
+var React12 = __toESM(require("react"));
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var Input = React12.forwardRef(
   ({ className, type, id, label, required, ...props }, ref) => {
     const idGenerate = id ? id : label && `field-${Date.now()}-${Math.random() * 1e5}`;
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "cnc-w-full", children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "cnc-w-full", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
         "label",
         {
           htmlFor: idGenerate,
           className: "cnc-block cnc-text-sm cnc-mb-1 cnc-font-medium cnc-text-brand-gray-600",
           children: [
             label,
-            required && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-red-500", children: " *" })
+            required && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-red-500", children: " *" })
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         "input",
         {
           type,
@@ -4082,24 +4345,24 @@ var Input = React9.forwardRef(
 Input.displayName = "Input";
 
 // src/components/atoms/forms/textarea.tsx
-var React10 = __toESM(require("react"));
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var Textarea = React10.forwardRef(
+var React13 = __toESM(require("react"));
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var Textarea = React13.forwardRef(
   ({ className, id, label, required, ...props }, ref) => {
     const idGenerate = id ? id : label && `field-${Date.now()}-${Math.random() * 1e5}`;
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "cnc-w-full", children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "cnc-w-full", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
         "label",
         {
           htmlFor: idGenerate,
           className: "cnc-block cnc-text-sm cnc-mb-1 cnc-font-medium cnc-text-brand-gray-600",
           children: [
             label,
-            required && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-red-500", children: " *" })
+            required && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-red-500", children: " *" })
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
         "textarea",
         {
           id: idGenerate,
@@ -4120,14 +4383,14 @@ var Textarea = React10.forwardRef(
 Textarea.displayName = "Textarea";
 
 // src/components/atoms/forms/checkbox.tsx
-var React11 = __toESM(require("react"));
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var Checkbox = React11.forwardRef(
+var React14 = __toESM(require("react"));
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var Checkbox = React14.forwardRef(
   ({ className, id, label, ...props }, ref) => {
     console.log();
     const idGenerate = id ? id : label && `field-${Date.now()}-${Math.random() * 1e5}`;
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "cnc-w-full cnc-flex cnc-flex-row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "cnc-w-full cnc-flex cnc-flex-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         "input",
         {
           type: "checkbox",
@@ -4137,7 +4400,7 @@ var Checkbox = React11.forwardRef(
           ...props
         }
       ),
-      label && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      label && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         "label",
         {
           htmlFor: idGenerate,
@@ -4151,9 +4414,9 @@ var Checkbox = React11.forwardRef(
 Checkbox.displayName = "Checkbox";
 
 // src/components/atoms/forms/switch.tsx
-var React12 = __toESM(require("react"));
-var import_jsx_runtime16 = require("react/jsx-runtime");
-var Switch = React12.forwardRef(
+var React15 = __toESM(require("react"));
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var Switch = React15.forwardRef(
   ({
     className,
     id,
@@ -4167,12 +4430,12 @@ var Switch = React12.forwardRef(
     name,
     "aria-label": ariaLabel
   }, ref) => {
-    const [internalChecked, setInternalChecked] = React12.useState(
+    const [internalChecked, setInternalChecked] = React15.useState(
       defaultChecked ?? false
     );
     const isControlled = checked !== void 0;
     const isChecked = isControlled ? checked : internalChecked;
-    const reactId = React12.useId();
+    const reactId = React15.useId();
     const fieldId = id || reactId;
     const handleToggle = () => {
       if (disabled) return;
@@ -4182,8 +4445,8 @@ var Switch = React12.forwardRef(
       }
       onChange?.(newValue);
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: cn("cnc-flex cnc-items-center cnc-gap-2", className), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: cn("cnc-flex cnc-items-center cnc-gap-2", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         "input",
         {
           type: "checkbox",
@@ -4195,7 +4458,7 @@ var Switch = React12.forwardRef(
           "aria-hidden": "true"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         "button",
         {
           ref,
@@ -4213,7 +4476,7 @@ var Switch = React12.forwardRef(
             "disabled:cnc-cursor-not-allowed disabled:cnc-opacity-50",
             isChecked ? "cnc-bg-brand-blue-400 cnc-border-brand-blue-500" : "cnc-bg-brand-gray-20 cnc-border-brand-gray-100"
           ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             "span",
             {
               className: cn(
@@ -4224,14 +4487,14 @@ var Switch = React12.forwardRef(
           )
         }
       ),
-      label && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+      label && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
         "label",
         {
           htmlFor: fieldId,
           className: "cnc-text-sm cnc-font-medium cnc-text-brand-gray-600 cnc-cursor-pointer",
           children: [
             label,
-            required && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "cnc-text-red-500", children: " *" })
+            required && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "cnc-text-red-500", children: " *" })
           ]
         }
       )
@@ -4241,7 +4504,7 @@ var Switch = React12.forwardRef(
 Switch.displayName = "Switch";
 
 // src/components/atoms/display/badge.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var Badge = ({
   variant = "default",
   rounded = true,
@@ -4263,7 +4526,7 @@ var Badge = ({
     md: "cnc-text-sm cnc-px-3 cnc-py-1",
     lg: "cnc-text-base cnc-px-4 cnc-py-2"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "span",
     {
       className: cn(
@@ -4279,8 +4542,8 @@ var Badge = ({
 };
 
 // src/components/atoms/display/avatar.tsx
-var React13 = __toESM(require("react"));
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var React16 = __toESM(require("react"));
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var avatarSizeClasses = {
   sm: "cnc-size-8 cnc-text-[10px]",
   md: "cnc-size-12 cnc-text-xs",
@@ -4302,14 +4565,14 @@ function Avatar({
   className,
   ...props
 }) {
-  const [hasError, setHasError] = React13.useState(false);
+  const [hasError, setHasError] = React16.useState(false);
   const baseClasses = cn(
     "cnc-flex cnc-shrink-0 cnc-items-center cnc-justify-center cnc-overflow-hidden cnc-rounded-full cnc-border-2 cnc-border-brand-gray-50 cnc-bg-brand-gray-10 cnc-text-brand-gray-200",
     avatarSizeClasses[size],
     className
   );
   if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       "span",
       {
         className: cn(baseClasses, "cnc-animate-pulse cnc-bg-brand-gray-50"),
@@ -4320,7 +4583,7 @@ function Avatar({
     );
   }
   const showImage = src && !hasError;
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: baseClasses, ...props, children: showImage ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: baseClasses, ...props, children: showImage ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     "img",
     {
       src,
@@ -4328,7 +4591,7 @@ function Avatar({
       className: "cnc-h-full cnc-w-full cnc-object-cover",
       onError: () => setHasError(true)
     }
-  ) : fallback ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "cnc-font-bold", children: fallback }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  ) : fallback ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "cnc-font-bold", children: fallback }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     User,
     {
       className: "cnc-shrink-0",
@@ -4339,12 +4602,12 @@ function Avatar({
 }
 
 // src/components/molecules/card.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function Card({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     "div",
     {
       className: cn(
@@ -4359,7 +4622,7 @@ function CardHeader({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "cnc-px-6 cnc-pt-6", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "cnc-px-6 cnc-pt-6", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     "div",
     {
       className: cn(
@@ -4374,13 +4637,13 @@ function CardContent({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: cn("cnc-px-6 cnc-py-2", className), ...rest });
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: cn("cnc-px-6 cnc-py-2", className), ...rest });
 }
 function CardFooter({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     "div",
     {
       className: cn(
@@ -4395,7 +4658,7 @@ function CardFooterItem({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     "div",
     {
       className: cn(
@@ -4409,7 +4672,7 @@ function CardFooterItem({
 
 // src/components/molecules/collapsible.tsx
 var CollapsiblePrimitive = __toESM(require("@radix-ui/react-collapsible"));
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var Collapsible = CollapsiblePrimitive.Root;
 var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
 var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
@@ -4417,16 +4680,16 @@ var AnimatedCollapsibleContent = ({
   className,
   ...rest
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(CollapsibleContent2, { className: "cnc-collapsible-content", ...rest });
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CollapsibleContent2, { className: "cnc-collapsible-content", ...rest });
 };
 
 // src/components/molecules/display/page-header.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function PageHeader({
   children,
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "header",
     {
       className: cn(
@@ -4441,7 +4704,7 @@ function PageHeaderTitleContent({
   children,
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "div",
     {
       className: cn(
@@ -4458,16 +4721,16 @@ function PageHeaderTitle({
   titleAs = "h1"
 }) {
   const ComponentTitle = titleAs;
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ComponentTitle, { className: "cnc-text-2xl cnc-font-semibold cnc-text-brand-blue-600", children: title }),
-    description && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "cnc-text-sm cnc-text-brand-gray-500", children: description })
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ComponentTitle, { className: "cnc-text-2xl cnc-font-semibold cnc-text-brand-blue-600", children: title }),
+    description && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "cnc-text-sm cnc-text-brand-gray-500", children: description })
   ] });
 }
 function PageHeaderActionsContainer({
   children,
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "div",
     {
       className: cn(
@@ -4479,11 +4742,11 @@ function PageHeaderActionsContainer({
   );
 }
 function Title2({ title, as: Component = "h1" }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Component, { className: "cnc-text-[24px] cnc-text-[#1F2C4D] cnc-font-bold cnc-mt-2 cnc-mb-4 text-center md:cnc-text-[28px] md:cnc-text-left", children: title });
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Component, { className: "cnc-text-[24px] cnc-text-[#1F2C4D] cnc-font-bold cnc-mt-2 cnc-mb-4 text-center md:cnc-text-[28px] md:cnc-text-left", children: title });
 }
 
 // src/components/molecules/display/empty-state.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function EmptyState({
   icon,
   title,
@@ -4493,7 +4756,7 @@ function EmptyState({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
     "div",
     {
       className: cn(
@@ -4503,17 +4766,17 @@ function EmptyState({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "cnc-mb-3 cnc-text-brand-gray-200", children: icon ?? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(FolderOpen, { className: "cnc-h-10 cnc-w-10" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "cnc-text-sm cnc-font-medium cnc-text-brand-blue-600", children: title }),
-        description ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "cnc-mt-1 cnc-max-w-md cnc-text-sm cnc-text-brand-gray-200", children: description }) : null,
-        action ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "cnc-mt-4", children: action }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "cnc-mb-3 cnc-text-brand-gray-200", children: icon ?? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(FolderOpen, { className: "cnc-h-10 cnc-w-10" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "cnc-text-sm cnc-font-medium cnc-text-brand-blue-600", children: title }),
+        description ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "cnc-mt-1 cnc-max-w-md cnc-text-sm cnc-text-brand-gray-200", children: description }) : null,
+        action ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "cnc-mt-4", children: action }) : null
       ]
     }
   );
 }
 
 // src/components/molecules/display/result-metadata.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function encontradosSuffix(resourceName, forceWordGender) {
   if (forceWordGender === "masc") return "o";
   if (forceWordGender === "fem") return "a";
@@ -4530,7 +4793,7 @@ function ResultMetadata({
   ...props
 }) {
   const encontradVogal = encontradosSuffix(resourceName, forceWordGender);
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
     "div",
     {
       className: cn("cnc-mt-4 cnc-mb-4", className),
@@ -4538,10 +4801,10 @@ function ResultMetadata({
       "aria-live": "polite",
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "cnc-text-base cnc-font-bold cnc-text-brand-blue-100", children: `${resourceName} encontrad${encontradVogal}s | ${isLoading ? "carregando ..." : total?.toLocaleString("pt-BR")}` }),
-        displayed >= truncationThreshold && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "cnc-text-base cnc-font-bold cnc-text-brand-blue-100", children: `${resourceName} encontrad${encontradVogal}s | ${isLoading ? "carregando ..." : total?.toLocaleString("pt-BR")}` }),
+        displayed >= truncationThreshold && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { children: [
           "Exibindo os ",
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "cnc-font-bold", children: displayed }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "cnc-font-bold", children: displayed }),
           " primeiros registros. Utilize os filtros para refinar sua busca."
         ] })
       ]
@@ -4550,7 +4813,7 @@ function ResultMetadata({
 }
 
 // src/components/molecules/display/label-value.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function LabelValue({
   label,
   value,
@@ -4558,9 +4821,9 @@ function LabelValue({
   className,
   valueClassName
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "cnc-mb-2 cnc-text-sm cnc-font-bold cnc-leading-4 cnc-text-primary", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "cnc-mb-2 cnc-text-sm cnc-font-bold cnc-leading-4 cnc-text-primary", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
       "div",
       {
         className: cn(
@@ -4569,7 +4832,7 @@ function LabelValue({
         ),
         children: [
           value ?? "-",
-          href && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          href && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
             "a",
             {
               href,
@@ -4577,7 +4840,7 @@ function LabelValue({
               rel: "noopener noreferrer",
               className: "cnc-inline-flex cnc-items-center cnc-text-brand-blue-500 hover:cnc-opacity-80",
               "aria-label": `Abrir link externo de ${label}`,
-              children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ExternalLink, { className: "cnc-size-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ExternalLink, { className: "cnc-size-4" })
             }
           )
         ]
@@ -4587,10 +4850,10 @@ function LabelValue({
 }
 
 // src/components/molecules/forms/combobox.tsx
-var React16 = __toESM(require("react"));
+var React18 = __toESM(require("react"));
 
 // src/components/molecules/forms/combobox-footer.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function ComboboxDropdownFooter({
   footerAction,
   renderFooter,
@@ -4599,10 +4862,10 @@ function ComboboxDropdownFooter({
 }) {
   if (hidden) return null;
   if (renderFooter) {
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "cnc-border-t cnc-border-brand-gray-50 cnc-p-2", children: renderFooter({ close }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "cnc-border-t cnc-border-brand-gray-50 cnc-p-2", children: renderFooter({ close }) });
   }
   if (!footerAction) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "cnc-border-t cnc-border-brand-gray-50 cnc-p-2", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "cnc-border-t cnc-border-brand-gray-50 cnc-p-2", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     Button,
     {
       type: "button",
@@ -4620,10 +4883,10 @@ function ComboboxDropdownFooter({
 }
 
 // src/components/molecules/overlay/command.tsx
-var React14 = __toESM(require("react"));
+var React17 = __toESM(require("react"));
 var import_cmdk = require("cmdk");
-var import_jsx_runtime26 = require("react/jsx-runtime");
-var Command = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+var import_jsx_runtime27 = require("react/jsx-runtime");
+var Command = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
   import_cmdk.Command,
   {
     ref,
@@ -4636,16 +4899,16 @@ var Command = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__
 ));
 Command.displayName = import_cmdk.Command.displayName;
 var CommandDialog = ({ children, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Dialog, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(DialogContent, { className: "cnc-overflow-hidden cnc-p-0", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Command, { className: "cnc-[&_cmdk-group-heading]:cnc-px-2 cnc-[&_cmdk-group-heading]:cnc-font-medium cnc-[&_cmdk-group-heading]:cnc-text-muted-foreground cnc-[&_cmdk-group]:not([hidden])~[cmdk-group]:cnc-pt-0 cnc-[&_cmdk-group]:cnc-px-2 cnc-[&_cmdk-input-wrapper]_svg:cnc-h-5 cnc-[&_cmdk-input-wrapper]_svg:cnc-w-5 cnc-[&_cmdk-input]:cnc-h-12 cnc-[&_cmdk-item]:cnc-px-2 cnc-[&_cmdk-item]:cnc-py-3 cnc-[&_cmdk-item]_svg:cnc-h-5 cnc-[&_cmdk-item]_svg:cnc-w-5", children }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Dialog, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DialogContent, { className: "cnc-overflow-hidden cnc-p-0", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Command, { className: "cnc-[&_cmdk-group-heading]:cnc-px-2 cnc-[&_cmdk-group-heading]:cnc-font-medium cnc-[&_cmdk-group-heading]:cnc-text-muted-foreground cnc-[&_cmdk-group]:not([hidden])~[cmdk-group]:cnc-pt-0 cnc-[&_cmdk-group]:cnc-px-2 cnc-[&_cmdk-input-wrapper]_svg:cnc-h-5 cnc-[&_cmdk-input-wrapper]_svg:cnc-w-5 cnc-[&_cmdk-input]:cnc-h-12 cnc-[&_cmdk-item]:cnc-px-2 cnc-[&_cmdk-item]:cnc-py-3 cnc-[&_cmdk-item]_svg:cnc-h-5 cnc-[&_cmdk-item]_svg:cnc-w-5", children }) }) });
 };
-var CommandInput = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+var CommandInput = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
   "div",
   {
     className: "cnc-flex cnc-items-center cnc-border-b cnc-px-3",
     "cmdk-input-wrapper": "",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Search, { className: "cnc-mr-2 cnc-h-4 cnc-w-4 cnc-shrink-0 cnc-opacity-50" }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Search, { className: "cnc-mr-2 cnc-h-4 cnc-w-4 cnc-shrink-0 cnc-opacity-50" }),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         import_cmdk.Command.Input,
         {
           ref,
@@ -4660,7 +4923,7 @@ var CommandInput = React14.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandInput.displayName = import_cmdk.Command.Input.displayName;
-var CommandList = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+var CommandList = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
   import_cmdk.Command.List,
   {
     ref,
@@ -4672,7 +4935,7 @@ var CommandList = React14.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = import_cmdk.Command.List.displayName;
-var CommandEmpty = React14.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+var CommandEmpty = React17.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
   import_cmdk.Command.Empty,
   {
     ref,
@@ -4681,7 +4944,7 @@ var CommandEmpty = React14.forwardRef((props, ref) => /* @__PURE__ */ (0, import
   }
 ));
 CommandEmpty.displayName = import_cmdk.Command.Empty.displayName;
-var CommandGroup = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+var CommandGroup = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
   import_cmdk.Command.Group,
   {
     ref,
@@ -4693,7 +4956,7 @@ var CommandGroup = React14.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = import_cmdk.Command.Group.displayName;
-var CommandSeparator = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+var CommandSeparator = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
   import_cmdk.Command.Separator,
   {
     ref,
@@ -4702,7 +4965,7 @@ var CommandSeparator = React14.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 CommandSeparator.displayName = import_cmdk.Command.Separator.displayName;
-var CommandItem = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+var CommandItem = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
   import_cmdk.Command.Item,
   {
     ref,
@@ -4718,7 +4981,7 @@ var CommandShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "span",
     {
       className: cn(
@@ -4731,27 +4994,6 @@ var CommandShortcut = ({
 };
 CommandShortcut.displayName = "CommandShortcut";
 
-// src/components/molecules/overlay/popover.tsx
-var React15 = __toESM(require("react"));
-var PopoverPrimitive2 = __toESM(require("@radix-ui/react-popover"));
-var import_jsx_runtime27 = require("react/jsx-runtime");
-var Popover2 = PopoverPrimitive2.Root;
-var PopoverTrigger2 = PopoverPrimitive2.Trigger;
-var PopoverContent2 = React15.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(PopoverPrimitive2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-  PopoverPrimitive2.Content,
-  {
-    ref,
-    align,
-    sideOffset,
-    className: cn(
-      "cnc-z-50 cnc-w-72 cnc-rounded-md cnc-border cnc-bg-popover cnc-p-4 cnc-text-popover-foreground cnc-shadow-md cnc-outline-none data-[state=open]:cnc-animate-in data-[state=closed]:cnc-animate-out data-[state=closed]:cnc-fade-out-0 data-[state=open]:cnc-fade-in-0 data-[state=closed]:cnc-zoom-out-95 data-[state=open]:cnc-zoom-in-95 data-[side=bottom]:cnc-slide-in-from-top-2 data-[side=left]:cnc-slide-in-from-right-2 data-[side=right]:cnc-slide-in-from-left-2 data-[side=top]:cnc-slide-in-from-bottom-2 cnc-origin-[--radix-popover-content-transform-origin]",
-      className
-    ),
-    ...props
-  }
-) }));
-PopoverContent2.displayName = PopoverPrimitive2.Content.displayName;
-
 // src/components/molecules/forms/combobox.tsx
 var import_jsx_runtime28 = require("react/jsx-runtime");
 function Combobox({
@@ -4768,9 +5010,9 @@ function Combobox({
   footerAction,
   renderFooter
 }) {
-  const [open, setOpen] = React16.useState(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(Popover2, { open, onOpenChange: setOpen, modal, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(PopoverTrigger2, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+  const [open, setOpen] = React18.useState(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(Popover, { open, onOpenChange: setOpen, modal, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
       Button,
       {
         variant: "outline",
@@ -4788,7 +5030,7 @@ function Combobox({
       }
     ) }),
     /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
-      PopoverContent2,
+      PopoverContent,
       {
         align: "start",
         className: cn(
@@ -4850,7 +5092,7 @@ function Combobox({
 }
 
 // src/components/molecules/forms/multi-select.tsx
-var React17 = __toESM(require("react"));
+var React19 = __toESM(require("react"));
 var import_jsx_runtime29 = require("react/jsx-runtime");
 function MultiSelect({
   options,
@@ -4867,7 +5109,7 @@ function MultiSelect({
   footerAction,
   renderFooter
 }) {
-  const [open, setOpen] = React17.useState(false);
+  const [open, setOpen] = React19.useState(false);
   const buttonText = (() => {
     if (value.length === 0) return placeholder;
     if (value.length === 1) {
@@ -4881,8 +5123,8 @@ function MultiSelect({
       value.includes(optionValue) ? value.filter((item) => item !== optionValue) : [...value, optionValue]
     );
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Popover2, { open, onOpenChange: setOpen, modal, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(PopoverTrigger2, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Popover, { open, onOpenChange: setOpen, modal, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
       Button,
       {
         type: "button",
@@ -4902,7 +5144,7 @@ function MultiSelect({
       }
     ) }),
     /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
-      PopoverContent2,
+      PopoverContent,
       {
         align: "start",
         className: cn(
@@ -4957,7 +5199,7 @@ function MultiSelect({
 }
 
 // src/components/molecules/overlay/confirm-dialog.tsx
-var React18 = __toESM(require("react"));
+var React20 = __toESM(require("react"));
 var import_jsx_runtime30 = require("react/jsx-runtime");
 function ConfirmDialog({
   open,
@@ -4976,7 +5218,7 @@ function ConfirmDialog({
   isLoading,
   className
 }) {
-  const [localLoading, setLocalLoading] = React18.useState(false);
+  const [localLoading, setLocalLoading] = React20.useState(false);
   const isBusy = isLoading ?? localLoading;
   const handleConfirm = async () => {
     if (isLoading !== void 0) {
@@ -5066,7 +5308,7 @@ function Tooltip({
 }
 
 // src/components/organisms/filter/index.tsx
-var React19 = __toESM(require("react"));
+var React21 = __toESM(require("react"));
 var import_react_hook_form = require("react-hook-form");
 var import_jsx_runtime32 = require("react/jsx-runtime");
 var INPUT_BASE_CLASSES = [
@@ -5096,7 +5338,7 @@ function buildValidationRules(field) {
     }
   };
 }
-var FilterFieldItem = React19.memo(function FilterFieldItem2({
+var FilterFieldItem = React21.memo(function FilterFieldItem2({
   field,
   register,
   control,
@@ -5178,7 +5420,7 @@ var FilterFieldItem = React19.memo(function FilterFieldItem2({
 });
 function CleanButton({ control, onClean }) {
   const values = (0, import_react_hook_form.useWatch)({ control });
-  const hasActiveFilters = React19.useMemo(() => {
+  const hasActiveFilters = React21.useMemo(() => {
     const keys = Object.keys(values);
     return keys.some((key) => {
       const val = values[key];
@@ -5202,7 +5444,7 @@ function CleanButton({ control, onClean }) {
     }
   );
 }
-var Filter = React19.forwardRef(
+var Filter = React21.forwardRef(
   function Filter2({
     fields,
     collapsibleFields,
@@ -5212,12 +5454,12 @@ var Filter = React19.forwardRef(
     isLoading = false,
     className
   }, ref) {
-    const [isCollapsibleOpen, setIsCollapsibleOpen] = React19.useState(false);
-    const allFields = React19.useMemo(
+    const [isCollapsibleOpen, setIsCollapsibleOpen] = React21.useState(false);
+    const allFields = React21.useMemo(
       () => [...fields, ...collapsibleFields || []],
       [fields, collapsibleFields]
     );
-    const defaultValues = React19.useMemo(
+    const defaultValues = React21.useMemo(
       () => buildDefaultValues(allFields),
       [allFields]
     );
@@ -5228,7 +5470,7 @@ var Filter = React19.forwardRef(
       reset,
       formState: { errors }
     } = (0, import_react_hook_form.useForm)({ defaultValues });
-    React19.useEffect(() => {
+    React21.useEffect(() => {
       if (collapsibleFields?.some((f) => errors[f.name])) {
         setIsCollapsibleOpen(true);
       }
@@ -5236,7 +5478,7 @@ var Filter = React19.forwardRef(
     const onSubmit = (data) => {
       onSearch(data);
     };
-    const handleClean = React19.useCallback(() => {
+    const handleClean = React21.useCallback(() => {
       const emptyValues = {};
       for (const field of allFields) {
         emptyValues[field.name] = field.type === "switch" ? false : "";
@@ -5317,7 +5559,7 @@ var Filter = React19.forwardRef(
 );
 
 // src/components/organisms/card-list/index.tsx
-var React20 = __toESM(require("react"));
+var React22 = __toESM(require("react"));
 var import_jsx_runtime33 = require("react/jsx-runtime");
 function CardList({
   items,
@@ -5377,20 +5619,20 @@ function CardList({
     {
       className: cn("cnc-grid cnc-w-full", gap, className),
       style: gridStyle,
-      children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(React20.Fragment, { children: renderCard(item, index) }, getKey ? getKey(item, index) : index))
+      children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(React22.Fragment, { children: renderCard(item, index) }, getKey ? getKey(item, index) : index))
     }
   );
 }
 
 // src/components/organisms/drawer/drawer.tsx
 var DialogPrimitive2 = __toESM(require("@radix-ui/react-dialog"));
-var React21 = __toESM(require("react"));
+var React23 = __toESM(require("react"));
 var import_jsx_runtime34 = require("react/jsx-runtime");
 var Drawer = DialogPrimitive2.Root;
 var DrawerTrigger = DialogPrimitive2.Trigger;
 var DrawerPortal = DialogPrimitive2.Portal;
 var DrawerClose = DialogPrimitive2.Close;
-var DrawerOverlay = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+var DrawerOverlay = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
   DialogPrimitive2.Overlay,
   {
     ref,
@@ -5409,7 +5651,7 @@ var drawerSizeToWidth = {
   xl: "48rem",
   full: "100vw"
 };
-var DrawerContent = React21.forwardRef(
+var DrawerContent = React23.forwardRef(
   ({
     className,
     children,
@@ -5473,7 +5715,7 @@ var DrawerFooter = ({
   ...props
 }) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: cn("cnc-border-t cnc-p-6", className), ...props });
 DrawerFooter.displayName = "DrawerFooter";
-var DrawerTitle = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+var DrawerTitle = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
   DialogPrimitive2.Title,
   {
     ref,
@@ -5485,7 +5727,7 @@ var DrawerTitle = React21.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DrawerTitle.displayName = DialogPrimitive2.Title.displayName;
-var DrawerDescription = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+var DrawerDescription = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
   DialogPrimitive2.Description,
   {
     ref,
@@ -5496,24 +5738,24 @@ var DrawerDescription = React21.forwardRef(({ className, ...props }, ref) => /*
 DrawerDescription.displayName = DialogPrimitive2.Description.displayName;
 
 // src/components/organisms/drawer/drawer-context.tsx
-var React22 = __toESM(require("react"));
+var React24 = __toESM(require("react"));
 var import_jsx_runtime35 = require("react/jsx-runtime");
-var DrawerContext = React22.createContext(
+var DrawerContext = React24.createContext(
   void 0
 );
 function DrawerProvider({ children }) {
-  const [activeDrawer, setActiveDrawer] = React22.useState(null);
-  const openDrawer = React22.useCallback((drawerId) => {
+  const [activeDrawer, setActiveDrawer] = React24.useState(null);
+  const openDrawer = React24.useCallback((drawerId) => {
     setActiveDrawer(drawerId);
   }, []);
-  const closeDrawer = React22.useCallback(() => {
+  const closeDrawer = React24.useCallback(() => {
     setActiveDrawer(null);
   }, []);
-  const isOpen = React22.useCallback(
+  const isOpen = React24.useCallback(
     (drawerId) => activeDrawer === drawerId,
     [activeDrawer]
   );
-  const value = React22.useMemo(
+  const value = React24.useMemo(
     () => ({ activeDrawer, openDrawer, closeDrawer, isOpen }),
     [activeDrawer, openDrawer, closeDrawer, isOpen]
   );
@@ -5521,9 +5763,9 @@ function DrawerProvider({ children }) {
 }
 
 // src/components/organisms/drawer/use-drawer.ts
-var React23 = __toESM(require("react"));
+var React25 = __toESM(require("react"));
 function useDrawer() {
-  const context = React23.useContext(DrawerContext);
+  const context = React25.useContext(DrawerContext);
   if (!context) {
     throw new Error("useDrawer deve ser usado dentro de um DrawerProvider");
   }
@@ -5531,7 +5773,7 @@ function useDrawer() {
 }
 
 // src/components/organisms/upload/file-upload.tsx
-var React24 = __toESM(require("react"));
+var React26 = __toESM(require("react"));
 
 // src/components/organisms/upload/utils.ts
 function formatSizeLimit(bytes) {
@@ -5706,7 +5948,7 @@ function fileToListItem(file, index) {
     status: "pending"
   };
 }
-var FileUpload = React24.forwardRef(
+var FileUpload = React26.forwardRef(
   ({
     value = [],
     onChange,
@@ -5727,9 +5969,9 @@ var FileUpload = React24.forwardRef(
     listClassName,
     ...props
   }, ref) => {
-    const fileInputRef = React24.useRef(null);
-    const hintId = React24.useId();
-    React24.useImperativeHandle(ref, () => fileInputRef.current, []);
+    const fileInputRef = React26.useRef(null);
+    const hintId = React26.useId();
+    React26.useImperativeHandle(ref, () => fileInputRef.current, []);
     const isBusy = disabled || isLoading;
     const items = value.map(fileToListItem);
     const clearInput = () => {
@@ -5888,7 +6130,7 @@ function formatDayAriaLabel(date) {
 }
 
 // src/components/organisms/calendar/mini-month-calendar.tsx
-var React25 = __toESM(require("react"));
+var React27 = __toESM(require("react"));
 var import_jsx_runtime38 = require("react/jsx-runtime");
 function MiniMonthCalendar({
   month: monthProp,
@@ -5903,8 +6145,8 @@ function MiniMonthCalendar({
   nextLabel = "Pr\xF3ximo m\xEAs",
   className
 }) {
-  const month = React25.useMemo(() => toLocalNoon(monthProp ?? /* @__PURE__ */ new Date()), [monthProp]);
-  const cells = React25.useMemo(
+  const month = React27.useMemo(() => toLocalNoon(monthProp ?? /* @__PURE__ */ new Date()), [monthProp]);
+  const cells = React27.useMemo(
     () => buildMonthDays(month, selectedDate, hasItems),
     [month, selectedDate, hasItems]
   );
@@ -5975,7 +6217,7 @@ function MiniMonthCalendar({
 }
 
 // src/components/organisms/calendar/month-year-picker.tsx
-var React26 = __toESM(require("react"));
+var React28 = __toESM(require("react"));
 var import_jsx_runtime39 = require("react/jsx-runtime");
 function MonthYearPicker({
   value,
@@ -5988,9 +6230,9 @@ function MonthYearPicker({
   triggerClassName,
   contentClassName
 }) {
-  const [open, setOpen] = React26.useState(false);
-  const [viewYear, setViewYear] = React26.useState(() => value.getFullYear());
-  React26.useEffect(() => {
+  const [open, setOpen] = React28.useState(false);
+  const [viewYear, setViewYear] = React28.useState(() => value.getFullYear());
+  React28.useEffect(() => {
     if (open) setViewYear(value.getFullYear());
   }, [open, value]);
   const isSelectedMonth = (monthIndex) => value.getFullYear() === viewYear && value.getMonth() === monthIndex;
@@ -6000,8 +6242,8 @@ function MonthYearPicker({
     onChange(new Date(viewYear, monthIndex, day));
     setOpen(false);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(Popover2, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PopoverTrigger2, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
       Button,
       {
         type: "button",
@@ -6027,7 +6269,7 @@ function MonthYearPicker({
       }
     ) }),
     /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
-      PopoverContent2,
+      PopoverContent,
       {
         align: "start",
         className: cn("cnc-w-72 cnc-p-4", className, contentClassName),
@@ -6076,7 +6318,7 @@ function MonthYearPicker({
 }
 
 // src/components/organisms/period-range-list/index.tsx
-var React27 = __toESM(require("react"));
+var React29 = __toESM(require("react"));
 var import_jsx_runtime40 = require("react/jsx-runtime");
 var DEFAULT_LABELS = {
   start: "In\xEDcio",
@@ -6137,9 +6379,9 @@ function PeriodRangeList({
   const labels = { ...DEFAULT_LABELS, ...labelsProp };
   const endAfterStart = validate?.endAfterStart ?? true;
   const noDuplicates = validate?.noDuplicates ?? true;
-  const [startDraft, setStartDraft] = React27.useState("");
-  const [endDraft, setEndDraft] = React27.useState("");
-  const periods = React27.useMemo(() => normalizePeriods(value), [value]);
+  const [startDraft, setStartDraft] = React29.useState("");
+  const [endDraft, setEndDraft] = React29.useState("");
+  const periods = React29.useMemo(() => normalizePeriods(value), [value]);
   const isInvalidRange = Boolean(startDraft && endDraft) && endAfterStart && startDraft >= endDraft;
   const isDuplicate = Boolean(startDraft && endDraft) && noDuplicates && periods.some(
     (period) => period.start === startDraft && period.end === endDraft
@@ -6256,7 +6498,7 @@ function PeriodRangeList({
 var DateTimeRangeList = PeriodRangeList;
 
 // src/components/organisms/header-notifications/index.tsx
-var React29 = __toESM(require("react"));
+var React31 = __toESM(require("react"));
 
 // src/components/organisms/header-notifications/cliente.ts
 var URL_PADRAO_NOTIFICACOES = "https://dev-apinotificacoes-b5feekb4bdfyb7c2.eastus2-01.azurewebsites.net/v1";
@@ -6510,7 +6752,7 @@ function ModalLembretes({
 }
 
 // src/components/organisms/header-notifications/usar-notificacoes.ts
-var React28 = __toESM(require("react"));
+var React30 = __toESM(require("react"));
 function foiAbortado(erro) {
   return erro?.name === "AbortError";
 }
@@ -6523,20 +6765,20 @@ function usarNotificacoes({
   habilitado = true,
   onErro
 }) {
-  const [notificacoes, setNotificacoes] = React28.useState([]);
-  const [carregando, setCarregando] = React28.useState(habilitado);
-  const notificacoesRef = React28.useRef(notificacoes);
-  const controladorRef = React28.useRef(null);
-  const jaCarregouRef = React28.useRef(false);
-  const onErroRef = React28.useRef(onErro);
-  React28.useEffect(() => {
+  const [notificacoes, setNotificacoes] = React30.useState([]);
+  const [carregando, setCarregando] = React30.useState(habilitado);
+  const notificacoesRef = React30.useRef(notificacoes);
+  const controladorRef = React30.useRef(null);
+  const jaCarregouRef = React30.useRef(false);
+  const onErroRef = React30.useRef(onErro);
+  React30.useEffect(() => {
     notificacoesRef.current = notificacoes;
   }, [notificacoes]);
-  React28.useEffect(() => {
+  React30.useEffect(() => {
     onErroRef.current = onErro;
   }, [onErro]);
   const chaveFiltros = JSON.stringify(filtros ?? {});
-  const atualizar = React28.useCallback(() => {
+  const atualizar = React30.useCallback(() => {
     if (!habilitado) return;
     controladorRef.current?.abort();
     const controlador = new AbortController();
@@ -6563,7 +6805,7 @@ function usarNotificacoes({
       }
     })();
   }, [baseUrl, email, sistema, chaveFiltros, habilitado]);
-  React28.useEffect(() => {
+  React30.useEffect(() => {
     if (!habilitado) {
       setCarregando(false);
       return;
@@ -6572,7 +6814,7 @@ function usarNotificacoes({
     atualizar();
     return () => controladorRef.current?.abort();
   }, [atualizar, habilitado]);
-  React28.useEffect(() => {
+  React30.useEffect(() => {
     if (!habilitado || !intervaloAtualizacao) return;
     const temporizador = window.setInterval(() => {
       if (typeof document !== "undefined" && document.hidden) return;
@@ -6580,7 +6822,7 @@ function usarNotificacoes({
     }, intervaloAtualizacao);
     return () => window.clearInterval(temporizador);
   }, [atualizar, habilitado, intervaloAtualizacao]);
-  const aplicarLeitura = React28.useCallback((ids) => {
+  const aplicarLeitura = React30.useCallback((ids) => {
     const alvos = new Set(ids.map(String));
     setNotificacoes(
       (atuais) => atuais.map(
@@ -6588,7 +6830,7 @@ function usarNotificacoes({
       )
     );
   }, []);
-  const reverterLeitura = React28.useCallback((anteriores) => {
+  const reverterLeitura = React30.useCallback((anteriores) => {
     const original = new Map(
       anteriores.map((notificacao) => [String(notificacao.id), notificacao])
     );
@@ -6603,7 +6845,7 @@ function usarNotificacoes({
       })
     );
   }, []);
-  const marcarUmaComoLida = React28.useCallback(
+  const marcarUmaComoLida = React30.useCallback(
     (id) => {
       const alvo = notificacoesRef.current.find(
         (notificacao) => String(notificacao.id) === String(id)
@@ -6617,7 +6859,7 @@ function usarNotificacoes({
     },
     [baseUrl, aplicarLeitura, reverterLeitura]
   );
-  const marcarComoLidas = React28.useCallback(
+  const marcarComoLidas = React30.useCallback(
     (ids) => {
       const alvos = new Set(ids.map(String));
       const naoLidas = notificacoesRef.current.filter(
@@ -6635,10 +6877,10 @@ function usarNotificacoes({
     },
     [baseUrl, aplicarLeitura, reverterLeitura]
   );
-  const marcarTodasComoLidas = React28.useCallback(() => {
+  const marcarTodasComoLidas = React30.useCallback(() => {
     marcarComoLidas(notificacoesRef.current.map((notificacao) => notificacao.id));
   }, [marcarComoLidas]);
-  const marcarUmaComoNaoLida = React28.useCallback(
+  const marcarUmaComoNaoLida = React30.useCallback(
     (id) => {
       const alvo = notificacoesRef.current.find(
         (notificacao) => String(notificacao.id) === String(id)
@@ -6656,7 +6898,7 @@ function usarNotificacoes({
     },
     [baseUrl, reverterLeitura]
   );
-  const excluir = React28.useCallback(
+  const excluir = React30.useCallback(
     (id) => {
       const alvo = notificacoesRef.current.find(
         (notificacao) => String(notificacao.id) === String(id)
@@ -6717,11 +6959,11 @@ function HeaderNotifications(props) {
     tituloLembretes,
     rotuloDispensarLembretes
   } = props;
-  const [aberto, setAberto] = React29.useState(false);
-  const [lembretesEmAlerta, setLembretesEmAlerta] = React29.useState(
+  const [aberto, setAberto] = React31.useState(false);
+  const [lembretesEmAlerta, setLembretesEmAlerta] = React31.useState(
     []
   );
-  const avaliouLembretesRef = React29.useRef(false);
+  const avaliouLembretesRef = React31.useRef(false);
   const conectado = Boolean(email && sistema);
   const remoto = usarNotificacoes({
     email: email ?? "",
@@ -6732,17 +6974,17 @@ function HeaderNotifications(props) {
     habilitado: conectado,
     onErro
   });
-  const elegiveis = React29.useMemo(
+  const elegiveis = React31.useMemo(
     () => conectado ? selecionarVisiveis(remoto.notificacoes) : [],
     [conectado, remoto.notificacoes]
   );
-  const itensRemotos = React29.useMemo(
+  const itensRemotos = React31.useMemo(
     () => elegiveis.slice(0, limite).map((notificacao) => mapearParaItem(notificacao, getHref)),
     [elegiveis, limite, getHref]
   );
   const itens = conectado ? itensRemotos : items;
   const carregandoLista = conectado ? remoto.carregando : isLoading;
-  React29.useEffect(() => {
+  React31.useEffect(() => {
     if (!conectado || !alertarLembretes) return;
     if (remoto.carregando || avaliouLembretesRef.current) return;
     avaliouLembretesRef.current = true;
@@ -6908,8 +7150,8 @@ function HeaderNotifications(props) {
         rotuloDispensar: rotuloDispensarLembretes
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(Popover, { open: aberto, onOpenChange: alterarAbertura, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(Popover2, { open: aberto, onOpenChange: alterarAbertura, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(PopoverTrigger2, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
         "button",
         {
           type: "button",
@@ -6939,7 +7181,7 @@ function HeaderNotifications(props) {
         }
       ) }),
       /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
-        PopoverContent,
+        PopoverContent2,
         {
           align,
           sideOffset: 20,
@@ -6975,10 +7217,10 @@ function HeaderNotifications(props) {
 }
 
 // src/alertas/alertas.tsx
-var React32 = __toESM(require("react"));
+var React34 = __toESM(require("react"));
 
 // src/alertas/formulario-alerta.tsx
-var React30 = __toESM(require("react"));
+var React32 = __toESM(require("react"));
 
 // src/alertas/date-utils.ts
 function obterHojeDataHoraIsoLocal() {
@@ -7112,15 +7354,15 @@ function FormularioAlerta({
   onSalvar,
   onCancelar
 }) {
-  const [values, setValues] = React30.useState(
+  const [values, setValues] = React32.useState(
     () => alertaEmEdicao ? preencherFormDoAlerta(alertaEmEdicao) : FORM_VAZIO
   );
-  const [erro, setErro] = React30.useState("");
-  const [hojeDataHoraIso, setHojeDataHoraIso] = React30.useState("");
-  React30.useEffect(() => {
+  const [erro, setErro] = React32.useState("");
+  const [hojeDataHoraIso, setHojeDataHoraIso] = React32.useState("");
+  React32.useEffect(() => {
     setHojeDataHoraIso(obterHojeDataHoraIsoLocal());
   }, []);
-  React30.useEffect(() => {
+  React32.useEffect(() => {
     setValues(alertaEmEdicao ? preencherFormDoAlerta(alertaEmEdicao) : FORM_VAZIO);
     setErro("");
   }, [alertaEmEdicao]);
@@ -7477,7 +7719,7 @@ function AlertaItem({
 }
 
 // src/alertas/usar-alertas.ts
-var React31 = __toESM(require("react"));
+var React33 = __toESM(require("react"));
 
 // src/alertas/cliente.ts
 var ErroAlertas = class _ErroAlertas extends Error {
@@ -7529,25 +7771,25 @@ function usarAlertas({
   habilitado = true,
   onErro
 }) {
-  const [alertas, setAlertas] = React31.useState([]);
-  const [carregando, setCarregando] = React31.useState(habilitado);
-  const controladorRef = React31.useRef(null);
-  const jaCarregouRef = React31.useRef(false);
-  const onErroRef = React31.useRef(onErro);
-  const fetchFnRef = React31.useRef(fetchFn);
-  const filtrosRef = React31.useRef(filtros);
-  React31.useEffect(() => {
+  const [alertas, setAlertas] = React33.useState([]);
+  const [carregando, setCarregando] = React33.useState(habilitado);
+  const controladorRef = React33.useRef(null);
+  const jaCarregouRef = React33.useRef(false);
+  const onErroRef = React33.useRef(onErro);
+  const fetchFnRef = React33.useRef(fetchFn);
+  const filtrosRef = React33.useRef(filtros);
+  React33.useEffect(() => {
     onErroRef.current = onErro;
   }, [onErro]);
-  React31.useEffect(() => {
+  React33.useEffect(() => {
     fetchFnRef.current = fetchFn;
   }, [fetchFn]);
-  React31.useEffect(() => {
+  React33.useEffect(() => {
     filtrosRef.current = filtros;
   }, [filtros]);
   const pronto = baseUrl !== void 0 && sistema !== void 0 && email !== void 0;
   const filtrosChave = filtros ? JSON.stringify(filtros) : "";
-  const atualizar = React31.useCallback(() => {
+  const atualizar = React33.useCallback(() => {
     if (!habilitado || !pronto) return;
     controladorRef.current?.abort();
     const controlador = new AbortController();
@@ -7576,7 +7818,7 @@ function usarAlertas({
       }
     })();
   }, [baseUrl, sistema, email, eventoId, filtrosChave, habilitado, pronto]);
-  React31.useEffect(() => {
+  React33.useEffect(() => {
     if (!habilitado || !pronto) {
       setCarregando(false);
       return;
@@ -7612,10 +7854,10 @@ function Alertas({
   filtros,
   onErro
 }) {
-  const [formAberto, setFormAberto] = React32.useState(false);
-  const [alertaEmEdicao, setAlertaEmEdicao] = React32.useState(null);
-  const [salvandoLocal, setSalvandoLocal] = React32.useState(false);
-  const [removendoLocal, setRemovendoLocal] = React32.useState(false);
+  const [formAberto, setFormAberto] = React34.useState(false);
+  const [alertaEmEdicao, setAlertaEmEdicao] = React34.useState(null);
+  const [salvandoLocal, setSalvandoLocal] = React34.useState(false);
+  const [removendoLocal, setRemovendoLocal] = React34.useState(false);
   const conectado = Boolean(sistema && email);
   const remoto = usarAlertas({
     baseUrl,
@@ -7834,6 +8076,7 @@ function Alertas({
   PopoverContent,
   PopoverTrigger,
   ResultMetadata,
+  SIDEBAR_MOBILE_BREAKPOINT,
   Select,
   SelectContent,
   SelectGroup,
@@ -7874,6 +8117,8 @@ function Alertas({
   toLocalNoon,
   usarAlertas,
   useDrawer,
+  useSidebar,
+  useSidebarBreakpoint,
   validateFiles
 });
 /*! Bundled license information: