@cnc-ti/layout-basic 8.8.1 → 9.0.0

package/dist/index.mjs

@@ -3175,7 +3175,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] = useState(false);
   const menuRef = useRef(null);
@@ -3197,6 +3198,9 @@ function AppsMenu({
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, [isOpen]);
+  if (!show) {
+    return null;
+  }
   return /* @__PURE__ */ jsxs4("div", { className: "cnc-relative cnc-flex cnc-items-center cnc-h-full", ref: menuRef, children: [
     /* @__PURE__ */ jsx4(
       "button",
@@ -3384,7 +3388,7 @@ var ModalMudancaEntidade = ({
 // src/components/Sidebar/index.tsx
 import * as Accordion from "@radix-ui/react-accordion";
 import { Slot as Slot2 } from "@radix-ui/react-slot";
-import {
+import React8, {
   cloneElement,
   isValidElement
 } from "react";
@@ -3555,90 +3559,341 @@ function LogotipoDefault() {
   );
 }
 
+// src/components/molecules/overlay/popover.tsx
+import * as React5 from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { jsx as jsx9 } from "react/jsx-runtime";
+var Popover = PopoverPrimitive.Root;
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverContent = React5.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx9(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx9(
+  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
+import * as React6 from "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
+import * as React7 from "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
-import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx10, jsxs as jsxs9 } from "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__ */ jsx9(
+  const { isMobile } = useSidebarBreakpoint({ mobileBreakpoint });
+  const resolved = resolveVariant(variant, isOpen);
+  const requestState = React8.useCallback(
+    (next) => onVariantChange?.(next),
+    [onVariantChange]
+  );
+  const context = React8.useMemo(
+    () => ({ variant: resolved, isMobile, requestState }),
+    [resolved, isMobile, requestState]
+  );
+  if (resolved === "closed") {
+    return /* @__PURE__ */ jsx10(SidebarContext.Provider, { value: context });
+  }
+  const width = resolved === "mini" ? MINI_WIDTH : isMobile ? "100vw" : EXPANDED_WIDTH;
+  return /* @__PURE__ */ jsx10(SidebarContext.Provider, { value: context, children: /* @__PURE__ */ jsx10(
     "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__ */ jsxs9("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__ */ jsx9("span", { className: "cnc-sidebar-child-hidden", children: asChild && !img ? children : img && img.src ? /* @__PURE__ */ jsx9(
-      "img",
-      {
-        src: img.src,
-        alt: img?.alt,
-        className: "cnc-w-[159px] cnc-h-[28px] cnc-object-contain"
-      }
-    ) : /* @__PURE__ */ jsx9(LogotipoDefault, {}) }),
-    onChangeToggle && /* @__PURE__ */ jsx9(
-      "button",
-      {
-        onClick: onChangeToggle,
-        className: "hover:cnc-brightness-75 cnc-sidebar-child-hidden",
-        children: /* @__PURE__ */ jsx9(
-          "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__ */ jsxs9(
+    "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__ */ jsx10("span", { className: "cnc-sidebar-child-hidden", children: asChild && !img ? children : img && img.src ? /* @__PURE__ */ jsx10(
+          "img",
+          {
+            src: img.src,
+            alt: img?.alt,
+            className: "cnc-w-[159px] cnc-h-[28px] cnc-object-contain"
+          }
+        ) : /* @__PURE__ */ jsx10(LogotipoDefault, {}) }),
+        showToggle && /* @__PURE__ */ jsx10(
+          "button",
           {
-            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__ */ jsx9(
-              "path",
+            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__ */ jsx10(
+              "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__ */ jsx10(
+                  "path",
+                  {
+                    fill: "none",
+                    strokeLinecap: "round",
+                    strokeMiterlimit: "10",
+                    strokeWidth: "48",
+                    d: "M88 152h336M88 256h336M88 360h336"
+                  }
+                )
               }
             )
           }
         )
-      }
-    )
-  ] });
+      ]
+    }
+  );
 }
-function Sidebar({ children, ...rest }) {
-  return /* @__PURE__ */ jsx9(Accordion.Root, { ...rest, children: /* @__PURE__ */ jsx9(
-    "div",
+function Sidebar({ children, className, ...rest }) {
+  const { variant } = useSidebar();
+  const isMini = variant === "mini";
+  return /* @__PURE__ */ jsx10(Accordion.Root, { ...rest, children: /* @__PURE__ */ jsx10(
+    "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 (isValidElement(icon) && icon.type === "svg") {
+    const svgIcon = icon;
+    return cloneElement(svgIcon, {
+      height: 20,
+      width: 20
+    });
+  }
+  return /* @__PURE__ */ jsx10("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__ */ jsx10(
+    "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;
+  React8.useEffect(() => {
+    if (usesLegacyChildren) warnLegacyChildren("SidebarNavLink");
+  }, [usesLegacyChildren]);
   const Component = asChild ? Slot2 : "a";
-  return /* @__PURE__ */ jsx9(
+  const handleClick = (event) => {
+    if (disabled) {
+      event.preventDefault();
+      return;
+    }
+    onClick?.(event);
+    if (isMobile && !keepOpenOnClick && !event.defaultPrevented) {
+      requestState("closed");
+    }
+  };
+  const content = usesLegacyChildren ? children : /* @__PURE__ */ jsxs9(Fragment5, { children: [
+    renderIconItem(icon),
+    !isMini && label != null && /* @__PURE__ */ jsx10("span", { className: "cnc-truncate", children: label })
+  ] });
+  const link = /* @__PURE__ */ jsx10(
     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__ */ jsxs9("div", { className: "cnc-relative cnc-group cnc-mb-1", children: [
+      link,
+      /* @__PURE__ */ jsx10(MiniTooltip, { label })
+    ] });
+  }
+  return link;
+}
+function ChevronIcon({ className }) {
+  return /* @__PURE__ */ jsx10(
+    "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__ */ jsx10("path", { d: "m9 18 6-6-6-6" })
     }
   );
 }
@@ -3646,57 +3901,62 @@ function SidebarNavCollapse({
   children,
   title,
   icon,
+  className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsxs9(Accordion.Item, { ...rest, className: "cnc-sidebar-item", children: [
+  const { variant } = useSidebar();
+  if (variant === "mini") {
+    return /* @__PURE__ */ jsxs9(Popover, { children: [
+      /* @__PURE__ */ jsx10(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx10(
+        "button",
+        {
+          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__ */ jsxs9(
+        PopoverContent,
+        {
+          side: "right",
+          align: "start",
+          sideOffset: 8,
+          className: "cnc-w-56 cnc-bg-primary-800 cnc-border-primary-200 cnc-p-2",
+          children: [
+            /* @__PURE__ */ jsx10("p", { className: "cnc-px-2 cnc-pb-2 cnc-text-xs cnc-font-semibold cnc-text-white/70", children: title }),
+            /* @__PURE__ */ jsx10("div", { className: "cnc-flex cnc-flex-col", children })
+          ]
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxs9(Accordion.Item, { ...rest, className: cn("cnc-sidebar-item", className), children: [
     /* @__PURE__ */ jsxs9(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__ */ jsxs9("div", { className: "cnc-flex cnc-items-center cnc-gap-2", children: [
-        icon && renderIconItem(icon),
+        renderIconItem(icon),
         title
       ] }),
-      /* @__PURE__ */ jsx9("div", { className: "cnc-w-4 cnc-h-4", children: /* @__PURE__ */ jsx9(
-        "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: "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__ */ jsx9("path", { d: "m9 18 6-6-6-6" })
-        }
-      ) })
+      /* @__PURE__ */ jsx10("div", { className: "cnc-w-4 cnc-h-4", children: /* @__PURE__ */ jsx10(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__ */ jsx9(Accordion.Content, { className: "cnc-overflow-hidden data-[state=closed]:cnc-animate-slideUp data-[state=open]:cnc-animate-slideDown cnc-py-2", children: /* @__PURE__ */ jsx9("div", { className: "cnc-bg-white/10 cnc-rounded-md cnc-font-normal cnc-px-5 cnc-py-3", children }) })
+    /* @__PURE__ */ jsx10(Accordion.Content, { className: "cnc-overflow-hidden data-[state=closed]:cnc-animate-slideUp data-[state=open]:cnc-animate-slideDown cnc-py-2", children: /* @__PURE__ */ jsx10("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 (isValidElement(icon) && icon.type === "svg") {
-    const svgIcon = icon;
-    return cloneElement(svgIcon, {
-      height: 20,
-      width: 20
-    });
-  }
-  if (isValidElement(icon)) {
-    return /* @__PURE__ */ jsx9("span", { className: "cnc-w-5 cnc-h-5 cnc-overflow-hidden", children: icon });
-  }
-  return /* @__PURE__ */ jsx9("span", { className: "cnc-w-5 cnc-h-5 cnc-overflow-hidden", children: icon });
-}
 
 // src/components/Popover/index.tsx
-import * as PopoverPrimitive from "@radix-ui/react-popover";
-import * as React6 from "react";
-import { jsx as jsx10 } from "react/jsx-runtime";
-var Popover = PopoverPrimitive.Root;
-var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React6.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx10(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx10(
-  PopoverPrimitive.Content,
+import * as PopoverPrimitive2 from "@radix-ui/react-popover";
+import * as React9 from "react";
+import { jsx as jsx11 } from "react/jsx-runtime";
+var Popover2 = PopoverPrimitive2.Root;
+var PopoverTrigger2 = PopoverPrimitive2.Trigger;
+var PopoverContent2 = React9.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx11(PopoverPrimitive2.Portal, { children: /* @__PURE__ */ jsx11(
+  PopoverPrimitive2.Content,
   {
     ref,
     align,
@@ -3708,18 +3968,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
-import * as React7 from "react";
+import * as React10 from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
-import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs10 } from "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__ */ jsxs10(
+var SelectTrigger = React10.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs10(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -3730,12 +3990,12 @@ var SelectTrigger = React7.forwardRef(({ className, children, ...props }, ref) =
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx11(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx11(ChevronDown, { className: "h-4 w-4 opacity-50" }) })
+      /* @__PURE__ */ jsx12(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx12(ChevronDown, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
+var SelectScrollUpButton = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -3744,11 +4004,11 @@ var SelectScrollUpButton = React7.forwardRef(({ className, ...props }, ref) => /
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx11(ChevronUp, { className: "cnc-h-4 cnc-w-4" })
+    children: /* @__PURE__ */ jsx12(ChevronUp, { className: "cnc-h-4 cnc-w-4" })
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
+var SelectScrollDownButton = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -3757,11 +4017,11 @@ var SelectScrollDownButton = React7.forwardRef(({ className, ...props }, ref) =>
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx11(ChevronDown, { className: "cnc-h-4 cnc-w-4" })
+    children: /* @__PURE__ */ jsx12(ChevronDown, { className: "cnc-h-4 cnc-w-4" })
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React7.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx11(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs10(
+var SelectContent = React10.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx12(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs10(
   SelectPrimitive.Content,
   {
     ref,
@@ -3773,8 +4033,8 @@ var SelectContent = React7.forwardRef(({ className, children, position = "popper
     position,
     ...props,
     children: [
-      /* @__PURE__ */ jsx11(SelectScrollUpButton, {}),
-      /* @__PURE__ */ jsx11(
+      /* @__PURE__ */ jsx12(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsx12(
         SelectPrimitive.Viewport,
         {
           className: cn(
@@ -3784,12 +4044,12 @@ var SelectContent = React7.forwardRef(({ className, children, position = "popper
           children
         }
       ),
-      /* @__PURE__ */ jsx11(SelectScrollDownButton, {})
+      /* @__PURE__ */ jsx12(SelectScrollDownButton, {})
     ]
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
+var SelectLabel = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
   SelectPrimitive.Label,
   {
     ref,
@@ -3801,7 +4061,7 @@ var SelectLabel = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs10(
+var SelectItem = React10.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs10(
   SelectPrimitive.Item,
   {
     ref,
@@ -3811,13 +4071,13 @@ var SelectItem = React7.forwardRef(({ className, children, ...props }, ref) => /
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx11("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__ */ jsx11(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx11(Check, { className: "cnc-h-4 cnc-w-4" }) }) }),
-      /* @__PURE__ */ jsx11(SelectPrimitive.ItemText, { children })
+      /* @__PURE__ */ jsx12("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__ */ jsx12(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx12(Check, { className: "cnc-h-4 cnc-w-4" }) }) }),
+      /* @__PURE__ */ jsx12(SelectPrimitive.ItemText, { children })
     ]
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
+var SelectSeparator = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
   SelectPrimitive.Separator,
   {
     ref,
@@ -3829,11 +4089,11 @@ SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/components/Tabs/index.tsx
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-import * as React8 from "react";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import * as React11 from "react";
+import { jsx as jsx13 } from "react/jsx-runtime";
 var Tabs = TabsPrimitive.Root;
-var TabsList = React8.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx12(
+var TabsList = React11.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx13(
     TabsPrimitive.List,
     {
       ref,
@@ -3843,7 +4103,7 @@ var TabsList = React8.forwardRef(({ className, ...props }, ref) => {
   );
 });
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+var TabsTrigger = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -3855,8 +4115,8 @@ var TabsTrigger = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React8.forwardRef(({ className, children, ...props }, ref) => {
-  return /* @__PURE__ */ jsx12(
+var TabsContent = React11.forwardRef(({ className, children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx13(
     TabsPrimitive.Content,
     {
       ref,
@@ -3872,9 +4132,9 @@ var TabsContent = React8.forwardRef(({ className, children, ...props }, ref) =>
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // src/components/atoms/forms/input.tsx
-import * as React9 from "react";
-import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
-var Input = React9.forwardRef(
+import * as React12 from "react";
+import { jsx as jsx14, jsxs as jsxs11 } from "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__ */ jsxs11("div", { className: "cnc-w-full", children: [
@@ -3885,11 +4145,11 @@ var Input = React9.forwardRef(
           className: "cnc-block cnc-text-sm cnc-mb-1 cnc-font-medium cnc-text-brand-gray-600",
           children: [
             label,
-            required && /* @__PURE__ */ jsx13("span", { className: "text-red-500", children: " *" })
+            required && /* @__PURE__ */ jsx14("span", { className: "text-red-500", children: " *" })
           ]
         }
       ),
-      /* @__PURE__ */ jsx13(
+      /* @__PURE__ */ jsx14(
         "input",
         {
           type,
@@ -3911,9 +4171,9 @@ var Input = React9.forwardRef(
 Input.displayName = "Input";
 
 // src/components/atoms/forms/textarea.tsx
-import * as React10 from "react";
-import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
-var Textarea = React10.forwardRef(
+import * as React13 from "react";
+import { jsx as jsx15, jsxs as jsxs12 } from "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__ */ jsxs12("div", { className: "cnc-w-full", children: [
@@ -3924,11 +4184,11 @@ var Textarea = React10.forwardRef(
           className: "cnc-block cnc-text-sm cnc-mb-1 cnc-font-medium cnc-text-brand-gray-600",
           children: [
             label,
-            required && /* @__PURE__ */ jsx14("span", { className: "text-red-500", children: " *" })
+            required && /* @__PURE__ */ jsx15("span", { className: "text-red-500", children: " *" })
           ]
         }
       ),
-      /* @__PURE__ */ jsx14(
+      /* @__PURE__ */ jsx15(
         "textarea",
         {
           id: idGenerate,
@@ -3949,14 +4209,14 @@ var Textarea = React10.forwardRef(
 Textarea.displayName = "Textarea";
 
 // src/components/atoms/forms/checkbox.tsx
-import * as React11 from "react";
-import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
-var Checkbox = React11.forwardRef(
+import * as React14 from "react";
+import { jsx as jsx16, jsxs as jsxs13 } from "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__ */ jsxs13("div", { className: "cnc-w-full cnc-flex cnc-flex-row", children: [
-      /* @__PURE__ */ jsx15(
+      /* @__PURE__ */ jsx16(
         "input",
         {
           type: "checkbox",
@@ -3966,7 +4226,7 @@ var Checkbox = React11.forwardRef(
           ...props
         }
       ),
-      label && /* @__PURE__ */ jsx15(
+      label && /* @__PURE__ */ jsx16(
         "label",
         {
           htmlFor: idGenerate,
@@ -3980,9 +4240,9 @@ var Checkbox = React11.forwardRef(
 Checkbox.displayName = "Checkbox";
 
 // src/components/atoms/forms/switch.tsx
-import * as React12 from "react";
-import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
-var Switch = React12.forwardRef(
+import * as React15 from "react";
+import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
+var Switch = React15.forwardRef(
   ({
     className,
     id,
@@ -3996,12 +4256,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;
@@ -4012,7 +4272,7 @@ var Switch = React12.forwardRef(
       onChange?.(newValue);
     };
     return /* @__PURE__ */ jsxs14("div", { className: cn("cnc-flex cnc-items-center cnc-gap-2", className), children: [
-      /* @__PURE__ */ jsx16(
+      /* @__PURE__ */ jsx17(
         "input",
         {
           type: "checkbox",
@@ -4024,7 +4284,7 @@ var Switch = React12.forwardRef(
           "aria-hidden": "true"
         }
       ),
-      /* @__PURE__ */ jsx16(
+      /* @__PURE__ */ jsx17(
         "button",
         {
           ref,
@@ -4042,7 +4302,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__ */ jsx16(
+          children: /* @__PURE__ */ jsx17(
             "span",
             {
               className: cn(
@@ -4060,7 +4320,7 @@ var Switch = React12.forwardRef(
           className: "cnc-text-sm cnc-font-medium cnc-text-brand-gray-600 cnc-cursor-pointer",
           children: [
             label,
-            required && /* @__PURE__ */ jsx16("span", { className: "cnc-text-red-500", children: " *" })
+            required && /* @__PURE__ */ jsx17("span", { className: "cnc-text-red-500", children: " *" })
           ]
         }
       )
@@ -4070,7 +4330,7 @@ var Switch = React12.forwardRef(
 Switch.displayName = "Switch";
 
 // src/components/atoms/display/badge.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 var Badge = ({
   variant = "default",
   rounded = true,
@@ -4092,7 +4352,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__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "span",
     {
       className: cn(
@@ -4108,8 +4368,8 @@ var Badge = ({
 };
 
 // src/components/atoms/display/avatar.tsx
-import * as React13 from "react";
-import { jsx as jsx18 } from "react/jsx-runtime";
+import * as React16 from "react";
+import { jsx as jsx19 } from "react/jsx-runtime";
 var avatarSizeClasses = {
   sm: "cnc-size-8 cnc-text-[10px]",
   md: "cnc-size-12 cnc-text-xs",
@@ -4131,14 +4391,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__ */ jsx18(
+    return /* @__PURE__ */ jsx19(
       "span",
       {
         className: cn(baseClasses, "cnc-animate-pulse cnc-bg-brand-gray-50"),
@@ -4149,7 +4409,7 @@ function Avatar({
     );
   }
   const showImage = src && !hasError;
-  return /* @__PURE__ */ jsx18("span", { className: baseClasses, ...props, children: showImage ? /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19("span", { className: baseClasses, ...props, children: showImage ? /* @__PURE__ */ jsx19(
     "img",
     {
       src,
@@ -4157,7 +4417,7 @@ function Avatar({
       className: "cnc-h-full cnc-w-full cnc-object-cover",
       onError: () => setHasError(true)
     }
-  ) : fallback ? /* @__PURE__ */ jsx18("span", { className: "cnc-font-bold", children: fallback }) : /* @__PURE__ */ jsx18(
+  ) : fallback ? /* @__PURE__ */ jsx19("span", { className: "cnc-font-bold", children: fallback }) : /* @__PURE__ */ jsx19(
     User,
     {
       className: "cnc-shrink-0",
@@ -4168,12 +4428,12 @@ function Avatar({
 }
 
 // src/components/molecules/card.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 function Card({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "div",
     {
       className: cn(
@@ -4188,7 +4448,7 @@ function CardHeader({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx19("div", { className: "cnc-px-6 cnc-pt-6", children: /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20("div", { className: "cnc-px-6 cnc-pt-6", children: /* @__PURE__ */ jsx20(
     "div",
     {
       className: cn(
@@ -4203,13 +4463,13 @@ function CardContent({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx19("div", { className: cn("cnc-px-6 cnc-py-2", className), ...rest });
+  return /* @__PURE__ */ jsx20("div", { className: cn("cnc-px-6 cnc-py-2", className), ...rest });
 }
 function CardFooter({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "div",
     {
       className: cn(
@@ -4224,7 +4484,7 @@ function CardFooterItem({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "div",
     {
       className: cn(
@@ -4238,7 +4498,7 @@ function CardFooterItem({
 
 // src/components/molecules/collapsible.tsx
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 var Collapsible = CollapsiblePrimitive.Root;
 var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
 var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
@@ -4246,16 +4506,16 @@ var AnimatedCollapsibleContent = ({
   className,
   ...rest
 }) => {
-  return /* @__PURE__ */ jsx20(CollapsibleContent2, { className: "cnc-collapsible-content", ...rest });
+  return /* @__PURE__ */ jsx21(CollapsibleContent2, { className: "cnc-collapsible-content", ...rest });
 };
 
 // src/components/molecules/display/page-header.tsx
-import { jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
 function PageHeader({
   children,
   className
 }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     "header",
     {
       className: cn(
@@ -4270,7 +4530,7 @@ function PageHeaderTitleContent({
   children,
   className
 }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     "div",
     {
       className: cn(
@@ -4288,15 +4548,15 @@ function PageHeaderTitle({
 }) {
   const ComponentTitle = titleAs;
   return /* @__PURE__ */ jsxs15("div", { children: [
-    /* @__PURE__ */ jsx21(ComponentTitle, { className: "cnc-text-2xl cnc-font-semibold cnc-text-brand-blue-600", children: title }),
-    description && /* @__PURE__ */ jsx21("p", { className: "cnc-text-sm cnc-text-brand-gray-500", children: description })
+    /* @__PURE__ */ jsx22(ComponentTitle, { className: "cnc-text-2xl cnc-font-semibold cnc-text-brand-blue-600", children: title }),
+    description && /* @__PURE__ */ jsx22("p", { className: "cnc-text-sm cnc-text-brand-gray-500", children: description })
   ] });
 }
 function PageHeaderActionsContainer({
   children,
   className
 }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     "div",
     {
       className: cn(
@@ -4308,11 +4568,11 @@ function PageHeaderActionsContainer({
   );
 }
 function Title2({ title, as: Component = "h1" }) {
-  return /* @__PURE__ */ jsx21(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__ */ jsx22(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
-import { jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
 function EmptyState({
   icon,
   title,
@@ -4332,17 +4592,17 @@ function EmptyState({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx22("div", { className: "cnc-mb-3 cnc-text-brand-gray-200", children: icon ?? /* @__PURE__ */ jsx22(FolderOpen, { className: "cnc-h-10 cnc-w-10" }) }),
-        /* @__PURE__ */ jsx22("p", { className: "cnc-text-sm cnc-font-medium cnc-text-brand-blue-600", children: title }),
-        description ? /* @__PURE__ */ jsx22("p", { className: "cnc-mt-1 cnc-max-w-md cnc-text-sm cnc-text-brand-gray-200", children: description }) : null,
-        action ? /* @__PURE__ */ jsx22("div", { className: "cnc-mt-4", children: action }) : null
+        /* @__PURE__ */ jsx23("div", { className: "cnc-mb-3 cnc-text-brand-gray-200", children: icon ?? /* @__PURE__ */ jsx23(FolderOpen, { className: "cnc-h-10 cnc-w-10" }) }),
+        /* @__PURE__ */ jsx23("p", { className: "cnc-text-sm cnc-font-medium cnc-text-brand-blue-600", children: title }),
+        description ? /* @__PURE__ */ jsx23("p", { className: "cnc-mt-1 cnc-max-w-md cnc-text-sm cnc-text-brand-gray-200", children: description }) : null,
+        action ? /* @__PURE__ */ jsx23("div", { className: "cnc-mt-4", children: action }) : null
       ]
     }
   );
 }
 
 // src/components/molecules/display/result-metadata.tsx
-import { jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs17 } from "react/jsx-runtime";
 function encontradosSuffix(resourceName, forceWordGender) {
   if (forceWordGender === "masc") return "o";
   if (forceWordGender === "fem") return "a";
@@ -4367,10 +4627,10 @@ function ResultMetadata({
       "aria-live": "polite",
       ...props,
       children: [
-        /* @__PURE__ */ jsx23("div", { className: "cnc-text-base cnc-font-bold cnc-text-brand-blue-100", children: `${resourceName} encontrad${encontradVogal}s | ${isLoading ? "carregando ..." : total?.toLocaleString("pt-BR")}` }),
+        /* @__PURE__ */ jsx24("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__ */ jsxs17("div", { children: [
           "Exibindo os ",
-          /* @__PURE__ */ jsx23("span", { className: "cnc-font-bold", children: displayed }),
+          /* @__PURE__ */ jsx24("span", { className: "cnc-font-bold", children: displayed }),
           " primeiros registros. Utilize os filtros para refinar sua busca."
         ] })
       ]
@@ -4379,7 +4639,7 @@ function ResultMetadata({
 }
 
 // src/components/molecules/display/label-value.tsx
-import { jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs18 } from "react/jsx-runtime";
 function LabelValue({
   label,
   value,
@@ -4388,7 +4648,7 @@ function LabelValue({
   valueClassName
 }) {
   return /* @__PURE__ */ jsxs18("div", { className, children: [
-    /* @__PURE__ */ jsx24("div", { className: "cnc-mb-2 cnc-text-sm cnc-font-bold cnc-leading-4 cnc-text-primary", children: label }),
+    /* @__PURE__ */ jsx25("div", { className: "cnc-mb-2 cnc-text-sm cnc-font-bold cnc-leading-4 cnc-text-primary", children: label }),
     /* @__PURE__ */ jsxs18(
       "div",
       {
@@ -4398,7 +4658,7 @@ function LabelValue({
         ),
         children: [
           value ?? "-",
-          href && /* @__PURE__ */ jsx24(
+          href && /* @__PURE__ */ jsx25(
             "a",
             {
               href,
@@ -4406,7 +4666,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__ */ jsx24(ExternalLink, { className: "cnc-size-4" })
+              children: /* @__PURE__ */ jsx25(ExternalLink, { className: "cnc-size-4" })
             }
           )
         ]
@@ -4416,10 +4676,10 @@ function LabelValue({
 }
 
 // src/components/molecules/forms/combobox.tsx
-import * as React16 from "react";
+import * as React18 from "react";
 
 // src/components/molecules/forms/combobox-footer.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 function ComboboxDropdownFooter({
   footerAction,
   renderFooter,
@@ -4428,10 +4688,10 @@ function ComboboxDropdownFooter({
 }) {
   if (hidden) return null;
   if (renderFooter) {
-    return /* @__PURE__ */ jsx25("div", { className: "cnc-border-t cnc-border-brand-gray-50 cnc-p-2", children: renderFooter({ close }) });
+    return /* @__PURE__ */ jsx26("div", { className: "cnc-border-t cnc-border-brand-gray-50 cnc-p-2", children: renderFooter({ close }) });
   }
   if (!footerAction) return null;
-  return /* @__PURE__ */ jsx25("div", { className: "cnc-border-t cnc-border-brand-gray-50 cnc-p-2", children: /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26("div", { className: "cnc-border-t cnc-border-brand-gray-50 cnc-p-2", children: /* @__PURE__ */ jsx26(
     Button,
     {
       type: "button",
@@ -4449,10 +4709,10 @@ function ComboboxDropdownFooter({
 }
 
 // src/components/molecules/overlay/command.tsx
-import * as React14 from "react";
+import * as React17 from "react";
 import { Command as CommandPrimitive } from "cmdk";
-import { jsx as jsx26, jsxs as jsxs19 } from "react/jsx-runtime";
-var Command = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+import { jsx as jsx27, jsxs as jsxs19 } from "react/jsx-runtime";
+var Command = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
   CommandPrimitive,
   {
     ref,
@@ -4465,16 +4725,16 @@ var Command = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__
 ));
 Command.displayName = CommandPrimitive.displayName;
 var CommandDialog = ({ children, ...props }) => {
-  return /* @__PURE__ */ jsx26(Dialog, { ...props, children: /* @__PURE__ */ jsx26(DialogContent, { className: "cnc-overflow-hidden cnc-p-0", children: /* @__PURE__ */ jsx26(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__ */ jsx27(Dialog, { ...props, children: /* @__PURE__ */ jsx27(DialogContent, { className: "cnc-overflow-hidden cnc-p-0", children: /* @__PURE__ */ jsx27(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__ */ jsxs19(
+var CommandInput = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs19(
   "div",
   {
     className: "cnc-flex cnc-items-center cnc-border-b cnc-px-3",
     "cmdk-input-wrapper": "",
     children: [
-      /* @__PURE__ */ jsx26(Search, { className: "cnc-mr-2 cnc-h-4 cnc-w-4 cnc-shrink-0 cnc-opacity-50" }),
-      /* @__PURE__ */ jsx26(
+      /* @__PURE__ */ jsx27(Search, { className: "cnc-mr-2 cnc-h-4 cnc-w-4 cnc-shrink-0 cnc-opacity-50" }),
+      /* @__PURE__ */ jsx27(
         CommandPrimitive.Input,
         {
           ref,
@@ -4489,7 +4749,7 @@ var CommandInput = React14.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandInput.displayName = CommandPrimitive.Input.displayName;
-var CommandList = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+var CommandList = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
   CommandPrimitive.List,
   {
     ref,
@@ -4501,7 +4761,7 @@ var CommandList = React14.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = CommandPrimitive.List.displayName;
-var CommandEmpty = React14.forwardRef((props, ref) => /* @__PURE__ */ jsx26(
+var CommandEmpty = React17.forwardRef((props, ref) => /* @__PURE__ */ jsx27(
   CommandPrimitive.Empty,
   {
     ref,
@@ -4510,7 +4770,7 @@ var CommandEmpty = React14.forwardRef((props, ref) => /* @__PURE__ */ jsx26(
   }
 ));
 CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-var CommandGroup = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+var CommandGroup = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
   CommandPrimitive.Group,
   {
     ref,
@@ -4522,7 +4782,7 @@ var CommandGroup = React14.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = CommandPrimitive.Group.displayName;
-var CommandSeparator = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+var CommandSeparator = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
   CommandPrimitive.Separator,
   {
     ref,
@@ -4531,7 +4791,7 @@ var CommandSeparator = React14.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-var CommandItem = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+var CommandItem = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
   CommandPrimitive.Item,
   {
     ref,
@@ -4547,7 +4807,7 @@ var CommandShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     "span",
     {
       className: cn(
@@ -4560,27 +4820,6 @@ var CommandShortcut = ({
 };
 CommandShortcut.displayName = "CommandShortcut";
 
-// src/components/molecules/overlay/popover.tsx
-import * as React15 from "react";
-import * as PopoverPrimitive2 from "@radix-ui/react-popover";
-import { jsx as jsx27 } from "react/jsx-runtime";
-var Popover2 = PopoverPrimitive2.Root;
-var PopoverTrigger2 = PopoverPrimitive2.Trigger;
-var PopoverContent2 = React15.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx27(PopoverPrimitive2.Portal, { children: /* @__PURE__ */ jsx27(
-  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
 import { jsx as jsx28, jsxs as jsxs20 } from "react/jsx-runtime";
 function Combobox({
@@ -4597,9 +4836,9 @@ function Combobox({
   footerAction,
   renderFooter
 }) {
-  const [open, setOpen] = React16.useState(false);
-  return /* @__PURE__ */ jsxs20(Popover2, { open, onOpenChange: setOpen, modal, children: [
-    /* @__PURE__ */ jsx28(PopoverTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs20(
+  const [open, setOpen] = React18.useState(false);
+  return /* @__PURE__ */ jsxs20(Popover, { open, onOpenChange: setOpen, modal, children: [
+    /* @__PURE__ */ jsx28(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs20(
       Button,
       {
         variant: "outline",
@@ -4617,7 +4856,7 @@ function Combobox({
       }
     ) }),
     /* @__PURE__ */ jsxs20(
-      PopoverContent2,
+      PopoverContent,
       {
         align: "start",
         className: cn(
@@ -4679,7 +4918,7 @@ function Combobox({
 }
 
 // src/components/molecules/forms/multi-select.tsx
-import * as React17 from "react";
+import * as React19 from "react";
 import { jsx as jsx29, jsxs as jsxs21 } from "react/jsx-runtime";
 function MultiSelect({
   options,
@@ -4696,7 +4935,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) {
@@ -4710,8 +4949,8 @@ function MultiSelect({
       value.includes(optionValue) ? value.filter((item) => item !== optionValue) : [...value, optionValue]
     );
   };
-  return /* @__PURE__ */ jsxs21(Popover2, { open, onOpenChange: setOpen, modal, children: [
-    /* @__PURE__ */ jsx29(PopoverTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs21(Popover, { open, onOpenChange: setOpen, modal, children: [
+    /* @__PURE__ */ jsx29(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs21(
       Button,
       {
         type: "button",
@@ -4731,7 +4970,7 @@ function MultiSelect({
       }
     ) }),
     /* @__PURE__ */ jsxs21(
-      PopoverContent2,
+      PopoverContent,
       {
         align: "start",
         className: cn(
@@ -4786,7 +5025,7 @@ function MultiSelect({
 }
 
 // src/components/molecules/overlay/confirm-dialog.tsx
-import * as React18 from "react";
+import * as React20 from "react";
 import { jsx as jsx30, jsxs as jsxs22 } from "react/jsx-runtime";
 function ConfirmDialog({
   open,
@@ -4805,7 +5044,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) {
@@ -4895,7 +5134,7 @@ function Tooltip({
 }
 
 // src/components/organisms/filter/index.tsx
-import * as React19 from "react";
+import * as React21 from "react";
 import {
   Controller,
   useForm,
@@ -4929,7 +5168,7 @@ function buildValidationRules(field) {
     }
   };
 }
-var FilterFieldItem = React19.memo(function FilterFieldItem2({
+var FilterFieldItem = React21.memo(function FilterFieldItem2({
   field,
   register,
   control,
@@ -5011,7 +5250,7 @@ var FilterFieldItem = React19.memo(function FilterFieldItem2({
 });
 function CleanButton({ control, onClean }) {
   const values = useWatch({ control });
-  const hasActiveFilters = React19.useMemo(() => {
+  const hasActiveFilters = React21.useMemo(() => {
     const keys = Object.keys(values);
     return keys.some((key) => {
       const val = values[key];
@@ -5035,7 +5274,7 @@ function CleanButton({ control, onClean }) {
     }
   );
 }
-var Filter = React19.forwardRef(
+var Filter = React21.forwardRef(
   function Filter2({
     fields,
     collapsibleFields,
@@ -5045,12 +5284,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]
     );
@@ -5061,7 +5300,7 @@ var Filter = React19.forwardRef(
       reset,
       formState: { errors }
     } = useForm({ defaultValues });
-    React19.useEffect(() => {
+    React21.useEffect(() => {
       if (collapsibleFields?.some((f) => errors[f.name])) {
         setIsCollapsibleOpen(true);
       }
@@ -5069,7 +5308,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 : "";
@@ -5150,7 +5389,7 @@ var Filter = React19.forwardRef(
 );
 
 // src/components/organisms/card-list/index.tsx
-import * as React20 from "react";
+import * as React22 from "react";
 import { jsx as jsx33, jsxs as jsxs25 } from "react/jsx-runtime";
 function CardList({
   items,
@@ -5210,20 +5449,20 @@ function CardList({
     {
       className: cn("cnc-grid cnc-w-full", gap, className),
       style: gridStyle,
-      children: items.map((item, index) => /* @__PURE__ */ jsx33(React20.Fragment, { children: renderCard(item, index) }, getKey ? getKey(item, index) : index))
+      children: items.map((item, index) => /* @__PURE__ */ jsx33(React22.Fragment, { children: renderCard(item, index) }, getKey ? getKey(item, index) : index))
     }
   );
 }
 
 // src/components/organisms/drawer/drawer.tsx
 import * as DialogPrimitive2 from "@radix-ui/react-dialog";
-import * as React21 from "react";
+import * as React23 from "react";
 import { jsx as jsx34, jsxs as jsxs26 } from "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__ */ jsx34(
+var DrawerOverlay = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
   DialogPrimitive2.Overlay,
   {
     ref,
@@ -5242,7 +5481,7 @@ var drawerSizeToWidth = {
   xl: "48rem",
   full: "100vw"
 };
-var DrawerContent = React21.forwardRef(
+var DrawerContent = React23.forwardRef(
   ({
     className,
     children,
@@ -5306,7 +5545,7 @@ var DrawerFooter = ({
   ...props
 }) => /* @__PURE__ */ jsx34("div", { className: cn("cnc-border-t cnc-p-6", className), ...props });
 DrawerFooter.displayName = "DrawerFooter";
-var DrawerTitle = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
+var DrawerTitle = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
   DialogPrimitive2.Title,
   {
     ref,
@@ -5318,7 +5557,7 @@ var DrawerTitle = React21.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DrawerTitle.displayName = DialogPrimitive2.Title.displayName;
-var DrawerDescription = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
+var DrawerDescription = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
   DialogPrimitive2.Description,
   {
     ref,
@@ -5329,24 +5568,24 @@ var DrawerDescription = React21.forwardRef(({ className, ...props }, ref) => /*
 DrawerDescription.displayName = DialogPrimitive2.Description.displayName;
 
 // src/components/organisms/drawer/drawer-context.tsx
-import * as React22 from "react";
+import * as React24 from "react";
 import { jsx as jsx35 } from "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]
   );
@@ -5354,9 +5593,9 @@ function DrawerProvider({ children }) {
 }
 
 // src/components/organisms/drawer/use-drawer.ts
-import * as React23 from "react";
+import * as React25 from "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");
   }
@@ -5364,7 +5603,7 @@ function useDrawer() {
 }
 
 // src/components/organisms/upload/file-upload.tsx
-import * as React24 from "react";
+import * as React26 from "react";
 
 // src/components/organisms/upload/utils.ts
 function formatSizeLimit(bytes) {
@@ -5435,7 +5674,7 @@ function validateFiles({
 }
 
 // src/components/organisms/upload/file-list.tsx
-import { Fragment as Fragment6, jsx as jsx36, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx36, jsxs as jsxs27 } from "react/jsx-runtime";
 function FileList({
   items,
   onRemove,
@@ -5448,7 +5687,7 @@ function FileList({
   ...props
 }) {
   if (items.length === 0) {
-    return emptyState ? /* @__PURE__ */ jsx36(Fragment6, { children: emptyState }) : null;
+    return emptyState ? /* @__PURE__ */ jsx36(Fragment7, { children: emptyState }) : null;
   }
   return /* @__PURE__ */ jsx36(
     "ul",
@@ -5539,7 +5778,7 @@ function fileToListItem(file, index) {
     status: "pending"
   };
 }
-var FileUpload = React24.forwardRef(
+var FileUpload = React26.forwardRef(
   ({
     value = [],
     onChange,
@@ -5560,9 +5799,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 = () => {
@@ -5721,8 +5960,8 @@ function formatDayAriaLabel(date) {
 }
 
 // src/components/organisms/calendar/mini-month-calendar.tsx
-import * as React25 from "react";
-import { Fragment as Fragment7, jsx as jsx38, jsxs as jsxs29 } from "react/jsx-runtime";
+import * as React27 from "react";
+import { Fragment as Fragment8, jsx as jsx38, jsxs as jsxs29 } from "react/jsx-runtime";
 function MiniMonthCalendar({
   month: monthProp,
   onMonthChange,
@@ -5736,8 +5975,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]
   );
@@ -5795,7 +6034,7 @@ function MiniMonthCalendar({
               cell.isSelected ? "cnc-bg-primary cnc-text-white" : "cnc-text-brand-gray-600 hover:cnc-bg-brand-blue-50 hover:cnc-text-primary",
               cell.isToday && !cell.isSelected && "cnc-underline cnc-decoration-primary cnc-decoration-2 cnc-underline-offset-4"
             ),
-            children: renderDay ? renderDay(cell) : /* @__PURE__ */ jsxs29(Fragment7, { children: [
+            children: renderDay ? renderDay(cell) : /* @__PURE__ */ jsxs29(Fragment8, { children: [
               /* @__PURE__ */ jsx38("span", { className: "cnc-text-xs cnc-font-semibold", children: cell.number }),
               cell.hasItems && /* @__PURE__ */ jsx38("span", { className: "cnc-absolute cnc-bottom-1 cnc-size-1 cnc-rounded-full cnc-bg-primary group-aria-pressed:cnc-bg-white" })
             ] })
@@ -5808,7 +6047,7 @@ function MiniMonthCalendar({
 }
 
 // src/components/organisms/calendar/month-year-picker.tsx
-import * as React26 from "react";
+import * as React28 from "react";
 import { jsx as jsx39, jsxs as jsxs30 } from "react/jsx-runtime";
 function MonthYearPicker({
   value,
@@ -5821,9 +6060,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;
@@ -5833,8 +6072,8 @@ function MonthYearPicker({
     onChange(new Date(viewYear, monthIndex, day));
     setOpen(false);
   };
-  return /* @__PURE__ */ jsxs30(Popover2, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx39(PopoverTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs30(
+  return /* @__PURE__ */ jsxs30(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx39(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs30(
       Button,
       {
         type: "button",
@@ -5860,7 +6099,7 @@ function MonthYearPicker({
       }
     ) }),
     /* @__PURE__ */ jsxs30(
-      PopoverContent2,
+      PopoverContent,
       {
         align: "start",
         className: cn("cnc-w-72 cnc-p-4", className, contentClassName),
@@ -5909,7 +6148,7 @@ function MonthYearPicker({
 }
 
 // src/components/organisms/period-range-list/index.tsx
-import * as React27 from "react";
+import * as React29 from "react";
 import { jsx as jsx40, jsxs as jsxs31 } from "react/jsx-runtime";
 var DEFAULT_LABELS = {
   start: "In\xEDcio",
@@ -5970,9 +6209,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
@@ -6089,7 +6328,7 @@ function PeriodRangeList({
 var DateTimeRangeList = PeriodRangeList;
 
 // src/components/organisms/header-notifications/index.tsx
-import * as React29 from "react";
+import * as React31 from "react";
 
 // src/components/organisms/header-notifications/cliente.ts
 var URL_PADRAO_NOTIFICACOES = "https://dev-apinotificacoes-b5feekb4bdfyb7c2.eastus2-01.azurewebsites.net/v1";
@@ -6343,7 +6582,7 @@ function ModalLembretes({
 }
 
 // src/components/organisms/header-notifications/usar-notificacoes.ts
-import * as React28 from "react";
+import * as React30 from "react";
 function foiAbortado(erro) {
   return erro?.name === "AbortError";
 }
@@ -6356,20 +6595,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();
@@ -6396,7 +6635,7 @@ function usarNotificacoes({
       }
     })();
   }, [baseUrl, email, sistema, chaveFiltros, habilitado]);
-  React28.useEffect(() => {
+  React30.useEffect(() => {
     if (!habilitado) {
       setCarregando(false);
       return;
@@ -6405,7 +6644,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;
@@ -6413,7 +6652,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(
@@ -6421,7 +6660,7 @@ function usarNotificacoes({
       )
     );
   }, []);
-  const reverterLeitura = React28.useCallback((anteriores) => {
+  const reverterLeitura = React30.useCallback((anteriores) => {
     const original = new Map(
       anteriores.map((notificacao) => [String(notificacao.id), notificacao])
     );
@@ -6436,7 +6675,7 @@ function usarNotificacoes({
       })
     );
   }, []);
-  const marcarUmaComoLida = React28.useCallback(
+  const marcarUmaComoLida = React30.useCallback(
     (id) => {
       const alvo = notificacoesRef.current.find(
         (notificacao) => String(notificacao.id) === String(id)
@@ -6450,7 +6689,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(
@@ -6468,10 +6707,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)
@@ -6489,7 +6728,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)
@@ -6518,7 +6757,7 @@ function usarNotificacoes({
 }
 
 // src/components/organisms/header-notifications/index.tsx
-import { Fragment as Fragment8, jsx as jsx42, jsxs as jsxs33 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx42, jsxs as jsxs33 } from "react/jsx-runtime";
 function HeaderNotifications(props) {
   const {
     items = [],
@@ -6550,11 +6789,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 ?? "",
@@ -6565,17 +6804,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;
@@ -6730,7 +6969,7 @@ function HeaderNotifications(props) {
     }) });
   };
   const temRodapePadrao = podeMarcarTodas && naoLidas > 0;
-  return /* @__PURE__ */ jsxs33(Fragment8, { children: [
+  return /* @__PURE__ */ jsxs33(Fragment9, { children: [
     alertarLembretes && /* @__PURE__ */ jsx42(
       ModalLembretes,
       {
@@ -6741,8 +6980,8 @@ function HeaderNotifications(props) {
         rotuloDispensar: rotuloDispensarLembretes
       }
     ),
-    /* @__PURE__ */ jsxs33(Popover, { open: aberto, onOpenChange: alterarAbertura, children: [
-      /* @__PURE__ */ jsx42(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs33(
+    /* @__PURE__ */ jsxs33(Popover2, { open: aberto, onOpenChange: alterarAbertura, children: [
+      /* @__PURE__ */ jsx42(PopoverTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs33(
         "button",
         {
           type: "button",
@@ -6772,7 +7011,7 @@ function HeaderNotifications(props) {
         }
       ) }),
       /* @__PURE__ */ jsxs33(
-        PopoverContent,
+        PopoverContent2,
         {
           align,
           sideOffset: 20,
@@ -6808,10 +7047,10 @@ function HeaderNotifications(props) {
 }
 
 // src/alertas/alertas.tsx
-import * as React32 from "react";
+import * as React34 from "react";
 
 // src/alertas/formulario-alerta.tsx
-import * as React30 from "react";
+import * as React32 from "react";
 
 // src/alertas/date-utils.ts
 function obterHojeDataHoraIsoLocal() {
@@ -6945,15 +7184,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]);
@@ -7310,7 +7549,7 @@ function AlertaItem({
 }
 
 // src/alertas/usar-alertas.ts
-import * as React31 from "react";
+import * as React33 from "react";
 
 // src/alertas/cliente.ts
 var ErroAlertas = class _ErroAlertas extends Error {
@@ -7362,25 +7601,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();
@@ -7409,7 +7648,7 @@ function usarAlertas({
       }
     })();
   }, [baseUrl, sistema, email, eventoId, filtrosChave, habilitado, pronto]);
-  React31.useEffect(() => {
+  React33.useEffect(() => {
     if (!habilitado || !pronto) {
       setCarregando(false);
       return;
@@ -7445,10 +7684,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,
@@ -7662,10 +7901,11 @@ export {
   PageHeaderTitle,
   PageHeaderTitleContent,
   PeriodRangeList,
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
+  Popover2 as Popover,
+  PopoverContent2 as PopoverContent,
+  PopoverTrigger2 as PopoverTrigger,
   ResultMetadata,
+  SIDEBAR_MOBILE_BREAKPOINT,
   Select,
   SelectContent,
   SelectGroup,
@@ -7706,6 +7946,8 @@ export {
   toLocalNoon,
   usarAlertas,
   useDrawer,
+  useSidebar,
+  useSidebarBreakpoint,
   validateFiles
 };
 /*! Bundled license information: