takeat-design-system-ui-kit 1.1.10 → 1.1.11

package/dist/components/CollapsableMenu/index.cjs

@@ -34,8 +34,8 @@ __export(CollapsableMenu_exports, {
   CollapsableMenu: () => CollapsableMenu
 });
 module.exports = __toCommonJS(CollapsableMenu_exports);
-var import_navigation_menu3 = require("@base-ui/react/navigation-menu");
-var import_react12 = require("react");
+var import_navigation_menu4 = require("@base-ui/react/navigation-menu");
+var import_react10 = require("react");
 
 // src/utils/functions.ts
 var import_axios = __toESM(require("axios"), 1);
@@ -903,7 +903,7 @@ var MenuContent = ({
 };
 
 // src/components/CollapsableMenu/MenuHeader/index.tsx
-var import_react5 = require("react");
+var import_navigation_menu = require("@base-ui/react/navigation-menu");
 
 // src/components/Image/index.tsx
 var import_react4 = require("react");
@@ -942,96 +942,80 @@ var Image = (0, import_react4.forwardRef)(function Image2({ as: Component = "img
 });
 Image.displayName = "Image";
 
-// src/components/CollapsableMenu/MenuModal/index.tsx
-var import_popover = require("@base-ui/react/popover");
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var MenuModal = ({ item }) => {
-  var _a;
-  const anchor = document.getElementById(`menu-item${item.path}`);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_popover.Popover.Root, { open: true, modal: false, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_popover.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-    import_popover.Popover.Positioner,
-    {
-      anchor,
-      side: "right",
-      align: "start",
-      sideOffset: 4,
-      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-        import_popover.Popover.Popup,
-        {
-          className: menuPopupWrapperClass,
-          initialFocus: false,
-          finalFocus: false,
-          children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
-            "div",
-            {
-              className: menuModalStyleClass,
-              onClick: (e) => e.stopPropagation(),
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: modalHeaderClass, children: item.text }),
-                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ScrollArea, { maxHeight: "calc(100vh - 48px)", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: itemsListClass, children: (_a = item.subitems) == null ? void 0 : _a.map((subitem) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                  MenuSubitem,
-                  {
-                    subitem,
-                    parentPath: item.path
-                  },
-                  `menu-subitem-${item.text}-${subitem.text}`
-                )) }) })
-              ]
-            }
-          )
-        }
-      )
-    }
-  ) }) });
-};
-
 // src/components/CollapsableMenu/MenuHeader/index.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var MenuHeader = ({
   sideBarOpen,
   profile,
   onToggleSidebar
 }) => {
-  const [profileModalOpen, setProfileModalOpen] = (0, import_react5.useState)(false);
-  const [deactivateProfilePicture, setDeactivateProfilePicture] = (0, import_react5.useState)(false);
-  (0, import_react5.useEffect)(() => {
-    if (sideBarOpen) {
-      setDeactivateProfilePicture(true);
-      setTimeout(() => {
-        setDeactivateProfilePicture(false);
-      }, 500);
-    }
-  }, [sideBarOpen]);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+  var _a;
+  const hasSubitems = profile.subitems && profile.subitems.length > 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
     "div",
     {
       className: `${menuHeaderClass} ${sideBarOpen ? menuHeaderOpenClass : ""}`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
           "button",
           {
             onClick: onToggleSidebar,
             className: menuHeaderIconContainerClass,
             "aria-label": sideBarOpen ? "Fechar menu" : "Abrir menu",
             style: { border: "none", background: "none" },
-            children: sideBarOpen ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconCloseMenu, { id: "icon-menu" }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconMenu, { id: "icon-menu" })
+            children: sideBarOpen ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(IconCloseMenu, { id: "icon-menu" }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(IconMenu, { id: "icon-menu" })
           }
         ),
-        sideBarOpen && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: profile.name }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { onMouseLeave: () => setProfileModalOpen(false), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-            Image,
+        sideBarOpen && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: profile.name }),
+        hasSubitems ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_navigation_menu.NavigationMenu.Root, { delay: 0, closeDelay: 100, orientation: "vertical", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_navigation_menu.NavigationMenu.List, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_navigation_menu.NavigationMenu.Item, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              import_navigation_menu.NavigationMenu.Trigger,
+              {
+                nativeButton: false,
+                render: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                  Image,
+                  {
+                    id: "menu-item/profile",
+                    src: profile.image ?? void 0,
+                    alt: "Foto do perfil",
+                    className: profileImageClass
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_navigation_menu.NavigationMenu.Content, { className: menuModalStyleClass, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: modalHeaderClass, children: profile.name }),
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ScrollArea, { maxHeight: "calc(100vh - 48px)", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { children: (_a = profile.subitems) == null ? void 0 : _a.map((subitem) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                MenuSubitem,
+                {
+                  subitem,
+                  parentPath: profile.path
+                },
+                `profile-subitem-${subitem.text}`
+              )) }) })
+            ] })
+          ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_navigation_menu.NavigationMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            import_navigation_menu.NavigationMenu.Positioner,
             {
-              id: "menu-item/profile",
-              src: profile.image ?? void 0,
-              alt: "Foto do perfil",
-              className: profileImageClass,
-              onMouseEnter: () => setProfileModalOpen(true),
-              style: { pointerEvents: deactivateProfilePicture ? "none" : "auto" }
+              sideOffset: 4,
+              side: "right",
+              align: "start",
+              collisionAvoidance: { align: "none" },
+              style: { zIndex: 10 },
+              children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_navigation_menu.NavigationMenu.Popup, { className: menuPopupWrapperClass, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_navigation_menu.NavigationMenu.Viewport, { className: menuViewportClass }) })
             }
-          ),
-          profileModalOpen && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(MenuModal, { item: profile })
-        ] })
+          ) })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          Image,
+          {
+            id: "menu-item/profile",
+            src: profile.image ?? void 0,
+            alt: "Foto do perfil",
+            className: profileImageClass
+          }
+        )
       ]
     }
   );
@@ -1039,13 +1023,13 @@ var MenuHeader = ({
 
 // src/components/CollapsableMenu/MenuItem/index.tsx
 var import_collapsible = require("@base-ui/react/collapsible");
-var import_navigation_menu = require("@base-ui/react/navigation-menu");
-var import_react6 = require("react");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_navigation_menu2 = require("@base-ui/react/navigation-menu");
+var import_react5 = require("react");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var SubitemsKeyboardList = ({
   children
 }) => {
-  const ref = (0, import_react6.useRef)(null);
+  const ref = (0, import_react5.useRef)(null);
   const handleKeyDown = (e) => {
     var _a, _b;
     const navKeys = ["ArrowDown", "ArrowUp", "Home", "End"];
@@ -1066,7 +1050,7 @@ var SubitemsKeyboardList = ({
     e.preventDefault();
     e.stopPropagation();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "div",
     {
       ref,
@@ -1102,30 +1086,30 @@ var MenuItem = ({
   };
   if (sideBarOpen) {
     if (hasSubitems) {
-      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: menuItemWrapperClass, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: menuItemWrapperClass, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
         import_collapsible.Collapsible.Root,
         {
           open: categoryOpen === item.text,
           onOpenChange: () => toggleCategoryOpen(item.text),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
               import_collapsible.Collapsible.Trigger,
               {
                 nativeButton: false,
-                render: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(LinkComponent, { ...linkProps }),
+                render: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(LinkComponent, { ...linkProps }),
                 children: [
                   item.icon,
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: item.text }),
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(IconChevronDown, { className: "chevron" })
+                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: item.text }),
+                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconChevronDown, { className: "chevron" })
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
               import_collapsible.Collapsible.Panel,
               {
                 className: styledCollapsiblePanelClass,
                 keepMounted: true,
-                children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: subitesInnerClass, children: (_b = item.subitems) == null ? void 0 : _b.map((subitem) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: subitesInnerClass, children: (_b = item.subitems) == null ? void 0 : _b.map((subitem) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                   MenuSubitem,
                   {
                     subitem,
@@ -1140,26 +1124,26 @@ var MenuItem = ({
         }
       ) });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: menuItemWrapperClass, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(LinkComponent, { ...linkProps, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: menuItemWrapperClass, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(LinkComponent, { ...linkProps, children: [
       item.icon,
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: item.text })
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: item.text })
     ] }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_navigation_menu.NavigationMenu.Item, { className: menuItemWrapperClass, children: hasSubitems ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
-      import_navigation_menu.NavigationMenu.Trigger,
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_navigation_menu2.NavigationMenu.Item, { className: menuItemWrapperClass, children: hasSubitems ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+      import_navigation_menu2.NavigationMenu.Trigger,
       {
         nativeButton: false,
-        render: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(LinkComponent, { ...linkProps }),
+        render: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(LinkComponent, { ...linkProps }),
         children: [
           item.icon,
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: item.text })
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: item.text })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_navigation_menu.NavigationMenu.Content, { className: menuModalStyleClass, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: modalHeaderClass, children: item.text }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ScrollArea, { maxHeight: "calc(100vh - 48px)", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SubitemsKeyboardList, { children: (_c = item.subitems) == null ? void 0 : _c.map((subitem) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_navigation_menu2.NavigationMenu.Content, { className: menuModalStyleClass, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: modalHeaderClass, children: item.text }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ScrollArea, { maxHeight: "calc(100vh - 48px)", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SubitemsKeyboardList, { children: (_c = item.subitems) == null ? void 0 : _c.map((subitem) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         MenuSubitem,
         {
           subitem,
@@ -1169,36 +1153,36 @@ var MenuItem = ({
         `menu-subitem-${item.text}-${subitem.text}`
       )) }) })
     ] })
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_navigation_menu.NavigationMenu.Link, { render: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(LinkComponent, { ...linkProps }), children: [
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_navigation_menu2.NavigationMenu.Link, { render: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(LinkComponent, { ...linkProps }), children: [
     item.icon,
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: item.text })
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: item.text })
   ] }) });
 };
 
 // src/components/CollapsableMenu/MenuSearch/index.tsx
-var import_navigation_menu2 = require("@base-ui/react/navigation-menu");
-var import_react11 = require("react");
+var import_navigation_menu3 = require("@base-ui/react/navigation-menu");
+var import_react9 = require("react");
 
 // src/components/Input/index.tsx
 var import_field = require("@base-ui/react/field");
 var import_input = require("@base-ui/react/input");
-var import_react9 = require("react");
+var import_react8 = require("react");
 var import_react_number_format = require("react-number-format");
 
 // src/theme/theme.css.ts
 var vars = { colors: { primary: { lightest: "var(--colors-primary-lightest__14bhs4v0)", lighter: "var(--colors-primary-lighter__14bhs4v1)", light: "var(--colors-primary-light__14bhs4v2)", "default": "var(--colors-primary-default__14bhs4v3)", dark: "var(--colors-primary-dark__14bhs4v4)", darker: "var(--colors-primary-darker__14bhs4v5)" }, red: { lightest: "var(--colors-red-lightest__14bhs4v6)", lighter: "var(--colors-red-lighter__14bhs4v7)", light: "var(--colors-red-light__14bhs4v8)", "default": "var(--colors-red-default__14bhs4v9)", dark: "var(--colors-red-dark__14bhs4va)", darker: "var(--colors-red-darker__14bhs4vb)" }, yellow: { lightest: "var(--colors-yellow-lightest__14bhs4vc)", lighter: "var(--colors-yellow-lighter__14bhs4vd)", light: "var(--colors-yellow-light__14bhs4ve)", "default": "var(--colors-yellow-default__14bhs4vf)", dark: "var(--colors-yellow-dark__14bhs4vg)", darker: "var(--colors-yellow-darker__14bhs4vh)" }, green: { lightest: "var(--colors-green-lightest__14bhs4vi)", lighter: "var(--colors-green-lighter__14bhs4vj)", light: "var(--colors-green-light__14bhs4vk)", "default": "var(--colors-green-default__14bhs4vl)", dark: "var(--colors-green-dark__14bhs4vm)", darker: "var(--colors-green-darker__14bhs4vn)" }, blue: { lightest: "var(--colors-blue-lightest__14bhs4vo)", lighter: "var(--colors-blue-lighter__14bhs4vp)", light: "var(--colors-blue-light__14bhs4vq)", "default": "var(--colors-blue-default__14bhs4vr)", dark: "var(--colors-blue-dark__14bhs4vs)", darker: "var(--colors-blue-darker__14bhs4vt)" }, orange: { lightest: "var(--colors-orange-lightest__14bhs4vu)", lighter: "var(--colors-orange-lighter__14bhs4vv)", light: "var(--colors-orange-light__14bhs4vw)", "default": "var(--colors-orange-default__14bhs4vx)", dark: "var(--colors-orange-dark__14bhs4vy)", darker: "var(--colors-orange-darker__14bhs4vz)" }, second_green: { lightest: "var(--colors-second_green-lightest__14bhs4v10)", lighter: "var(--colors-second_green-lighter__14bhs4v11)", light: "var(--colors-second_green-light__14bhs4v12)", "default": "var(--colors-second_green-default__14bhs4v13)", dark: "var(--colors-second_green-dark__14bhs4v14)", darker: "var(--colors-second_green-darker__14bhs4v15)" }, neutral: { white: "var(--colors-neutral-white__14bhs4v16)", lightest: "var(--colors-neutral-lightest__14bhs4v17)", lighter: "var(--colors-neutral-lighter__14bhs4v18)", light: "var(--colors-neutral-light__14bhs4v19)", "default": "var(--colors-neutral-default__14bhs4v1a)", dark: "var(--colors-neutral-dark__14bhs4v1b)", darker: "var(--colors-neutral-darker__14bhs4v1c)", black: "var(--colors-neutral-black__14bhs4v1d)" }, fixed: { white: "var(--colors-fixed-white__14bhs4v1e)", black: "var(--colors-fixed-black__14bhs4v1f)" } }, shadows: { lighter: "var(--shadows-lighter__14bhs4v1g)", light: "var(--shadows-light__14bhs4v1h)", "default": "var(--shadows-default__14bhs4v1i)", dark: "var(--shadows-dark__14bhs4v1j)", darker: "var(--shadows-darker__14bhs4v1k)" }, typography: { family: { "default": "var(--typography-family-default__14bhs4v1l)" }, weights: { regular: "var(--typography-weights-regular__14bhs4v1m)", medium: "var(--typography-weights-medium__14bhs4v1n)", semibold: "var(--typography-weights-semibold__14bhs4v1o)", bold: "var(--typography-weights-bold__14bhs4v1p)" }, scale: { display: { fontSize: "var(--typography-scale-display-fontSize__14bhs4v1q)", lineHeight: "var(--typography-scale-display-lineHeight__14bhs4v1r)", fontWeight: "var(--typography-scale-display-fontWeight__14bhs4v1s)" }, heading: { fontSize: "var(--typography-scale-heading-fontSize__14bhs4v1t)", lineHeight: "var(--typography-scale-heading-lineHeight__14bhs4v1u)", fontWeight: "var(--typography-scale-heading-fontWeight__14bhs4v1v)" }, body: { fontSize: "var(--typography-scale-body-fontSize__14bhs4v1w)", lineHeight: "var(--typography-scale-body-lineHeight__14bhs4v1x)", fontWeight: "var(--typography-scale-body-fontWeight__14bhs4v1y)" }, caption: { fontSize: "var(--typography-scale-caption-fontSize__14bhs4v1z)", lineHeight: "var(--typography-scale-caption-lineHeight__14bhs4v20)", fontWeight: "var(--typography-scale-caption-fontWeight__14bhs4v21)" }, small: { fontSize: "var(--typography-scale-small-fontSize__14bhs4v22)", lineHeight: "var(--typography-scale-small-lineHeight__14bhs4v23)", fontWeight: "var(--typography-scale-small-fontWeight__14bhs4v24)" } } }, spacing: { xxs: "var(--spacing-xxs__14bhs4v25)", xs: "var(--spacing-xs__14bhs4v26)", s: "var(--spacing-s__14bhs4v27)", m: "var(--spacing-m__14bhs4v28)", l: "var(--spacing-l__14bhs4v29)", xl: "var(--spacing-xl__14bhs4v2a)", xxl: "var(--spacing-xxl__14bhs4v2b)" }, radius: { s: "var(--radius-s__14bhs4v2c)", m: "var(--radius-m__14bhs4v2d)", l: "var(--radius-l__14bhs4v2e)", xl: "var(--radius-xl__14bhs4v2f)", xxl: "var(--radius-xxl__14bhs4v2g)" }, semantic: { error: "var(--semantic-error__14bhs4v2h)", success: "var(--semantic-success__14bhs4v2i)", info: "var(--semantic-info__14bhs4v2j)", warning: "var(--semantic-warning__14bhs4v2k)" }, zIndex: { dropdown: "var(--zIndex-dropdown__14bhs4v2l)", modal: "var(--zIndex-modal__14bhs4v2m)", tooltip: "var(--zIndex-tooltip__14bhs4v2n)", toast: "var(--zIndex-toast__14bhs4v2o)" }, motion: { fast: "var(--motion-fast__14bhs4v2p)", normal: "var(--motion-normal__14bhs4v2q)", slow: "var(--motion-slow__14bhs4v2r)" }, components: { fieldInfo: { fontSize: { desktop: "var(--components-fieldInfo-fontSize-desktop__14bhs4v2s)", tablet: "var(--components-fieldInfo-fontSize-tablet__14bhs4v2t)", totem: "var(--components-fieldInfo-fontSize-totem__14bhs4v2u)" } }, input: { label: { fontSize: { desktop: "var(--components-input-label-fontSize-desktop__14bhs4v2v)", large: "var(--components-input-label-fontSize-large__14bhs4v2w)", medium: "var(--components-input-label-fontSize-medium__14bhs4v2x)", small: "var(--components-input-label-fontSize-small__14bhs4v2y)", tablet: "var(--components-input-label-fontSize-tablet__14bhs4v2z)", "tablet-medium": "var(--components-input-label-fontSize-tablet-medium__14bhs4v30)", "tablet-small": "var(--components-input-label-fontSize-tablet-small__14bhs4v31)", totem: "var(--components-input-label-fontSize-totem__14bhs4v32)", "totem-medium": "var(--components-input-label-fontSize-totem-medium__14bhs4v33)", "totem-small": "var(--components-input-label-fontSize-totem-small__14bhs4v34)" } }, input: { fontSize: { desktop: "var(--components-input-input-fontSize-desktop__14bhs4v35)", large: "var(--components-input-input-fontSize-large__14bhs4v36)", medium: "var(--components-input-input-fontSize-medium__14bhs4v37)", small: "var(--components-input-input-fontSize-small__14bhs4v38)", tablet: "var(--components-input-input-fontSize-tablet__14bhs4v39)", "tablet-medium": "var(--components-input-input-fontSize-tablet-medium__14bhs4v3a)", "tablet-small": "var(--components-input-input-fontSize-tablet-small__14bhs4v3b)", totem: "var(--components-input-input-fontSize-totem__14bhs4v3c)", "totem-medium": "var(--components-input-input-fontSize-totem-medium__14bhs4v3d)", "totem-small": "var(--components-input-input-fontSize-totem-small__14bhs4v3e)" }, height: { desktop: "var(--components-input-input-height-desktop__14bhs4v3f)", large: "var(--components-input-input-height-large__14bhs4v3g)", medium: "var(--components-input-input-height-medium__14bhs4v3h)", small: "var(--components-input-input-height-small__14bhs4v3i)", tablet: "var(--components-input-input-height-tablet__14bhs4v3j)", "tablet-medium": "var(--components-input-input-height-tablet-medium__14bhs4v3k)", "tablet-small": "var(--components-input-input-height-tablet-small__14bhs4v3l)", totem: "var(--components-input-input-height-totem__14bhs4v3m)", "totem-medium": "var(--components-input-input-height-totem-medium__14bhs4v3n)", "totem-small": "var(--components-input-input-height-totem-small__14bhs4v3o)" }, borderRadius: { desktop: "var(--components-input-input-borderRadius-desktop__14bhs4v3p)", large: "var(--components-input-input-borderRadius-large__14bhs4v3q)", medium: "var(--components-input-input-borderRadius-medium__14bhs4v3r)", small: "var(--components-input-input-borderRadius-small__14bhs4v3s)", tablet: "var(--components-input-input-borderRadius-tablet__14bhs4v3t)", "tablet-medium": "var(--components-input-input-borderRadius-tablet-medium__14bhs4v3u)", "tablet-small": "var(--components-input-input-borderRadius-tablet-small__14bhs4v3v)", totem: "var(--components-input-input-borderRadius-totem__14bhs4v3w)", "totem-medium": "var(--components-input-input-borderRadius-totem-medium__14bhs4v3x)", "totem-small": "var(--components-input-input-borderRadius-totem-small__14bhs4v3y)" }, padding: { desktop: "var(--components-input-input-padding-desktop__14bhs4v3z)", large: "var(--components-input-input-padding-large__14bhs4v40)", medium: "var(--components-input-input-padding-medium__14bhs4v41)", small: "var(--components-input-input-padding-small__14bhs4v42)", tablet: "var(--components-input-input-padding-tablet__14bhs4v43)", "tablet-medium": "var(--components-input-input-padding-tablet-medium__14bhs4v44)", "tablet-small": "var(--components-input-input-padding-tablet-small__14bhs4v45)", totem: "var(--components-input-input-padding-totem__14bhs4v46)", "totem-medium": "var(--components-input-input-padding-totem-medium__14bhs4v47)", "totem-small": "var(--components-input-input-padding-totem-small__14bhs4v48)" } } }, select: { padding: { desktop: "var(--components-select-padding-desktop__14bhs4v49)", tablet: "var(--components-select-padding-tablet__14bhs4v4a)", totem: "var(--components-select-padding-totem__14bhs4v4b)" } }, button: { fontSize: { medium: "var(--components-button-fontSize-medium__14bhs4v4c)", small: "var(--components-button-fontSize-small__14bhs4v4d)", large: "var(--components-button-fontSize-large__14bhs4v4e)", tablet: "var(--components-button-fontSize-tablet__14bhs4v4f)", "tablet-medium": "var(--components-button-fontSize-tablet-medium__14bhs4v4g)", "tablet-small": "var(--components-button-fontSize-tablet-small__14bhs4v4h)", totem: "var(--components-button-fontSize-totem__14bhs4v4i)", "totem-medium": "var(--components-button-fontSize-totem-medium__14bhs4v4j)", "totem-small": "var(--components-button-fontSize-totem-small__14bhs4v4k)" }, height: { large: "var(--components-button-height-large__14bhs4v4l)", medium: "var(--components-button-height-medium__14bhs4v4m)", small: "var(--components-button-height-small__14bhs4v4n)", tablet: "var(--components-button-height-tablet__14bhs4v4o)", "tablet-medium": "var(--components-button-height-tablet-medium__14bhs4v4p)", "tablet-small": "var(--components-button-height-tablet-small__14bhs4v4q)", totem: "var(--components-button-height-totem__14bhs4v4r)", "totem-medium": "var(--components-button-height-totem-medium__14bhs4v4s)", "totem-small": "var(--components-button-height-totem-small__14bhs4v4t)" }, padding: { large: { text: "var(--components-button-padding-large-text__14bhs4v4u)", icon: "var(--components-button-padding-large-icon__14bhs4v4v)", textAndIcon: "var(--components-button-padding-large-textAndIcon__14bhs4v4w)" }, medium: { text: "var(--components-button-padding-medium-text__14bhs4v4x)", icon: "var(--components-button-padding-medium-icon__14bhs4v4y)", textAndIcon: "var(--components-button-padding-medium-textAndIcon__14bhs4v4z)" }, small: { text: "var(--components-button-padding-small-text__14bhs4v50)", icon: "var(--components-button-padding-small-icon__14bhs4v51)", textAndIcon: "var(--components-button-padding-small-textAndIcon__14bhs4v52)" }, tablet: { text: "var(--components-button-padding-tablet-text__14bhs4v53)", icon: "var(--components-button-padding-tablet-icon__14bhs4v54)", textAndIcon: "var(--components-button-padding-tablet-textAndIcon__14bhs4v55)" }, "tablet-medium": { text: "var(--components-button-padding-tablet-medium-text__14bhs4v56)", icon: "var(--components-button-padding-tablet-medium-icon__14bhs4v57)", textAndIcon: "var(--components-button-padding-tablet-medium-textAndIcon__14bhs4v58)" }, "tablet-small": { text: "var(--components-button-padding-tablet-small-text__14bhs4v59)", icon: "var(--components-button-padding-tablet-small-icon__14bhs4v5a)", textAndIcon: "var(--components-button-padding-tablet-small-textAndIcon__14bhs4v5b)" }, totem: { text: "var(--components-button-padding-totem-text__14bhs4v5c)", icon: "var(--components-button-padding-totem-icon__14bhs4v5d)", textAndIcon: "var(--components-button-padding-totem-textAndIcon__14bhs4v5e)" }, "totem-medium": { text: "var(--components-button-padding-totem-medium-text__14bhs4v5f)", icon: "var(--components-button-padding-totem-medium-icon__14bhs4v5g)", textAndIcon: "var(--components-button-padding-totem-medium-textAndIcon__14bhs4v5h)" }, "totem-small": { text: "var(--components-button-padding-totem-small-text__14bhs4v5i)", icon: "var(--components-button-padding-totem-small-icon__14bhs4v5j)", textAndIcon: "var(--components-button-padding-totem-small-textAndIcon__14bhs4v5k)" } }, borderRadius: { large: "var(--components-button-borderRadius-large__14bhs4v5l)", medium: "var(--components-button-borderRadius-medium__14bhs4v5m)", small: "var(--components-button-borderRadius-small__14bhs4v5n)", tablet: "var(--components-button-borderRadius-tablet__14bhs4v5o)", "tablet-medium": "var(--components-button-borderRadius-tablet-medium__14bhs4v5p)", "tablet-small": "var(--components-button-borderRadius-tablet-small__14bhs4v5q)", totem: "var(--components-button-borderRadius-totem__14bhs4v5r)", "totem-medium": "var(--components-button-borderRadius-totem-medium__14bhs4v5s)", "totem-small": "var(--components-button-borderRadius-totem-small__14bhs4v5t)" }, iconSize: { large: "var(--components-button-iconSize-large__14bhs4v5u)", medium: "var(--components-button-iconSize-medium__14bhs4v5v)", small: "var(--components-button-iconSize-small__14bhs4v5w)", tablet: "var(--components-button-iconSize-tablet__14bhs4v5x)", "tablet-medium": "var(--components-button-iconSize-tablet-medium__14bhs4v5y)", "tablet-small": "var(--components-button-iconSize-tablet-small__14bhs4v5z)", totem: "var(--components-button-iconSize-totem__14bhs4v60)", "totem-medium": "var(--components-button-iconSize-totem-medium__14bhs4v61)", "totem-small": "var(--components-button-iconSize-totem-small__14bhs4v62)" } } } };
 
 // src/components/FieldInfo/FieldMessage.tsx
-var import_react7 = require("react");
+var import_react6 = require("react");
 
 // src/components/FieldInfo/styles.css.ts
 var fieldInfoContainerClass = "styles_fieldInfoContainerClass__1v4k68v1 sprinkles_display_flex_desktop__1hu819u5 sprinkles_alignItems_center__1hu819ucx sprinkles_gap_xxs_desktop__1hu819u6b";
 
 // src/components/FieldInfo/FieldMessage.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function useDelayedUnmount(visible, delay) {
-  const [mounted, setMounted] = (0, import_react7.useState)(visible);
-  (0, import_react7.useEffect)(() => {
+  const [mounted, setMounted] = (0, import_react6.useState)(visible);
+  (0, import_react6.useEffect)(() => {
     if (visible) {
       setMounted(true);
       return;
@@ -1214,7 +1198,7 @@ function FieldMessage({ error, info, isDisabled }) {
   const mounted = useDelayedUnmount(visible, 200);
   if (!mounted) return null;
   const color = error ? vars.colors.red.default : isDisabled ? vars.colors.neutral.light : vars.colors.neutral.dark;
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "p",
     {
       className: fieldInfoContainerClass,
@@ -1228,18 +1212,18 @@ function FieldMessage({ error, info, isDisabled }) {
 // src/components/Spinner/index.tsx
 var import_progress = require("@base-ui/react/progress");
 var import_clsx = __toESM(require("clsx"), 1);
-var import_react8 = require("react");
+var import_react7 = require("react");
 
 // src/components/Spinner/styles.css.ts
 var spinnerStyles = "styles_spinnerStyles__15ydgey1";
 
 // src/components/Spinner/index.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var SVG_MASK = `url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'><path d='M9.249 0.645999C9.63764 0.588245 10.0334 0.685283 10.3513 0.916254C10.6691 1.14722 10.8837 1.49369 10.9488 1.88116C11.0139 2.26864 10.9243 2.66619 10.6994 2.98835C10.4745 3.31051 10.1322 3.53157 9.746 3.604C7.99897 3.90027 6.41326 4.80555 5.26996 6.15934C4.12666 7.51314 3.49963 9.22802 3.5 11C3.5 12.9891 4.29018 14.8968 5.6967 16.3033C7.10322 17.7098 9.01088 18.5 11 18.5V21.5C5.201 21.5 0.5 16.8 0.5 11C0.5 5.855 4.226 1.49 9.249 0.645999ZM15.892 3.29799C16.0235 3.15124 16.1827 3.03185 16.3604 2.94664C16.5381 2.86143 16.7309 2.81208 16.9277 2.8014C17.1245 2.79072 17.3214 2.81892 17.5073 2.8844C17.6932 2.94987 17.8643 3.05134 18.011 3.18299C19.11 4.16702 19.9888 5.37197 20.59 6.71901C21.1913 8.06606 21.5013 9.52486 21.5 11C21.5 16.8 16.799 21.5 11 21.5V18.5C12.5182 18.5 14.0006 18.0393 15.2513 17.1788C16.502 16.3182 17.4621 15.0984 18.0047 13.6805C18.5473 12.2626 18.6469 10.7135 18.2902 9.23782C17.9335 7.76216 17.1373 6.42949 16.007 5.41599C15.7109 5.15036 15.5325 4.778 15.5109 4.38081C15.4893 3.98361 15.6264 3.59412 15.892 3.29799Z'/></svg>")`;
-var Spinner = (0, import_react8.forwardRef)(function Spinner2({ color, size, value, max = 100, className, ...props }, ref) {
+var Spinner = (0, import_react7.forwardRef)(function Spinner2({ color, size, value, max = 100, className, ...props }, ref) {
   const resolvedColor = color || vars.colors.primary.default;
   const resolvedSize = size || 22;
-  const spinnerDiv = /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  const spinnerDiv = /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "div",
     {
       ref,
@@ -1258,7 +1242,7 @@ var Spinner = (0, import_react8.forwardRef)(function Spinner2({ color, size, val
     }
   );
   if (value !== void 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_progress.Progress.Root, { value, max, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_progress.Progress.Track, { style: { display: "contents" }, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_progress.Progress.Indicator, { style: { display: "contents" }, children: spinnerDiv }) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_progress.Progress.Root, { value, max, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_progress.Progress.Track, { style: { display: "contents" }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_progress.Progress.Indicator, { style: { display: "contents" }, children: spinnerDiv }) }) });
   }
   return spinnerDiv;
 });
@@ -1272,7 +1256,7 @@ var inputContainerSizeVariants = { large: "styles_inputContainerSizeVariants_lar
 var inputWrapperClass = "styles_inputWrapperClass__vsoa470";
 
 // src/components/Input/index.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var maskValue = (value, mask) => {
   if (!value || value.length === 0) return "";
   let maskedValue = "";
@@ -1308,7 +1292,7 @@ var maskValue = (value, mask) => {
   }
   return maskedValue;
 };
-var Input = (0, import_react9.forwardRef)(
+var Input = (0, import_react8.forwardRef)(
   ({
     label,
     info,
@@ -1328,14 +1312,14 @@ var Input = (0, import_react9.forwardRef)(
   }, ref) => {
     var _a;
     const spinnerSize = size === "large" ? 18 : 16;
-    const [passwordShowing, setPasswordShowing] = (0, import_react9.useState)(false);
-    const innerInputRef = (0, import_react9.useRef)(null);
+    const [passwordShowing, setPasswordShowing] = (0, import_react8.useState)(false);
+    const innerInputRef = (0, import_react8.useRef)(null);
     const togglePasswordVisibility = () => {
       setPasswordShowing((prev) => !prev);
     };
     const isPasswordField = props.type === "password";
     const inputType = isPasswordField && passwordShowing ? "text" : props.type;
-    const passwordIcon = isPasswordField ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    const passwordIcon = isPasswordField ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       "button",
       {
         type: "button",
@@ -1350,7 +1334,7 @@ var Input = (0, import_react9.forwardRef)(
           alignItems: "center",
           justifyContent: "center"
         },
-        children: passwordShowing ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(IconEyeSlash, {}) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(IconEye, {})
+        children: passwordShowing ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(IconEyeSlash, {}) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(IconEye, {})
       }
     ) : iconRight;
     const valueFormatted = props.value !== void 0 ? mask ? maskValue(props.value.toString(), mask) : props.value : void 0;
@@ -1368,7 +1352,7 @@ var Input = (0, import_react9.forwardRef)(
         innerInputRef.current.focus();
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
       import_field.Field.Root,
       {
         className: `${inputWrapperClass} ${props.className || ""}`,
@@ -1376,8 +1360,8 @@ var Input = (0, import_react9.forwardRef)(
         invalid: !!error,
         "data-slot": "input-root",
         children: [
-          label && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_field.Field.Label, { "data-size": size, "data-slot": "input-label", children: label }),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+          label && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_field.Field.Label, { "data-size": size, "data-slot": "input-label", children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
             "div",
             {
               className: `${inputContainerClass} ${inputContainerSizeVariants[size]} ${inputClassName || ""}`,
@@ -1386,8 +1370,8 @@ var Input = (0, import_react9.forwardRef)(
               "data-invalid": error ? "true" : void 0,
               onMouseDown: handleContainerMouseDown,
               children: [
-                iconLeft && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: `icon-left ${iconSizeVariants[size]}`, children: iconLeft }),
-                isCurrency ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                iconLeft && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: `icon-left ${iconSizeVariants[size]}`, children: iconLeft }),
+                isCurrency ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                   CurrencyInput,
                   {
                     hasPrefix,
@@ -1397,7 +1381,7 @@ var Input = (0, import_react9.forwardRef)(
                     type: inputType,
                     ref: assignInputRef
                   }
-                ) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                ) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                   NormalInput,
                   {
                     isLoading,
@@ -1416,16 +1400,16 @@ var Input = (0, import_react9.forwardRef)(
                     }
                   }
                 ),
-                isLoading ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Spinner, { size: spinnerSize, color: vars.colors.neutral.light }) : error ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                isLoading ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Spinner, { size: spinnerSize, color: vars.colors.neutral.light }) : error ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                   IconExclamation,
                   {
                     className: `error-icon ${iconSizeVariants[size]}`
                   }
-                ) : passwordIcon && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: `icon-right ${iconSizeVariants[size]}`, children: passwordIcon })
+                ) : passwordIcon && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: `icon-right ${iconSizeVariants[size]}`, children: passwordIcon })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
             FieldMessage,
             {
               error,
@@ -1439,9 +1423,9 @@ var Input = (0, import_react9.forwardRef)(
   }
 );
 Input.displayName = "Input";
-var NormalInput = (0, import_react9.forwardRef)(
+var NormalInput = (0, import_react8.forwardRef)(
   ({ isLoading, mask, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       import_input.Input,
       {
         ...props,
@@ -1453,7 +1437,7 @@ var NormalInput = (0, import_react9.forwardRef)(
   }
 );
 NormalInput.displayName = "NormalInput";
-var CurrencyInput = (0, import_react9.forwardRef)(
+var CurrencyInput = (0, import_react8.forwardRef)(
   ({
     hasPrefix,
     minimumFractionDigits = 2,
@@ -1462,7 +1446,7 @@ var CurrencyInput = (0, import_react9.forwardRef)(
     ...props
   }, ref) => {
     const multiplicator = 10 ** minimumFractionDigits;
-    const inputElementRef = (0, import_react9.useRef)(null);
+    const inputElementRef = (0, import_react8.useRef)(null);
     const assignInputRef = (el) => {
       inputElementRef.current = el;
       if (typeof ref === "function") {
@@ -1485,7 +1469,7 @@ var CurrencyInput = (0, import_react9.forwardRef)(
         }, 1);
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       import_react_number_format.NumberFormatBase,
       {
         format: (e) => currencyFormatter(
@@ -1577,85 +1561,9 @@ var CurrencyInput = (0, import_react9.forwardRef)(
 );
 CurrencyInput.displayName = "CurrencyInput";
 
-// src/components/CollapsableMenu/MenuModalSearch/index.tsx
-var import_popover2 = require("@base-ui/react/popover");
-var import_react10 = require("react");
-var import_jsx_runtime21 = require("react/jsx-runtime");
-var MenuModalSearch = ({
-  searchItems,
-  setIsFocused,
-  searchPlaceholder = "Buscar",
-  searchEmptyMessage = "Nenhum resultado encontrado"
-}) => {
-  const [search, setSearch] = (0, import_react10.useState)("");
-  const searchItemsFiltered = searchItems.filter(
-    (item) => {
-      var _a;
-      return (_a = item.searchText) == null ? void 0 : _a.toLowerCase().includes(search.toLowerCase());
-    }
-  );
-  const anchor = document.getElementById("menu-item/search");
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_popover2.Popover.Root, { open: true, modal: false, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_popover2.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-    import_popover2.Popover.Positioner,
-    {
-      anchor,
-      side: "right",
-      align: "start",
-      sideOffset: 4,
-      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-        import_popover2.Popover.Popup,
-        {
-          className: menuPopupWrapperClass,
-          initialFocus: false,
-          finalFocus: false,
-          children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
-            "div",
-            {
-              className: menuModalStyleClass,
-              onClick: (e) => e.stopPropagation(),
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: modalHeaderClass, children: searchPlaceholder }),
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: itemsListClass, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-                    Input,
-                    {
-                      placeholder: searchPlaceholder,
-                      iconLeft: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(IconSearch, {}),
-                      iconRight: search.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-                        IconClose,
-                        {
-                          style: { cursor: "pointer" },
-                          onClick: () => setSearch("")
-                        }
-                      ),
-                      value: search,
-                      onChange: (e) => setSearch(e.target.value),
-                      onFocus: () => setIsFocused(true),
-                      onBlur: () => setIsFocused(false)
-                    }
-                  ),
-                  search && (searchItemsFiltered.length > 0 ? searchItemsFiltered == null ? void 0 : searchItemsFiltered.map((subitem) => {
-                    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(MenuSubitem, { subitem }, subitem.key);
-                  }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-                    "span",
-                    {
-                      className: nothingFoundSpanClass,
-                      style: { textAlign: "center" },
-                      children: searchEmptyMessage
-                    }
-                  ))
-                ] })
-              ]
-            }
-          )
-        }
-      )
-    }
-  ) }) });
-};
-
 // src/components/CollapsableMenu/MenuSearch/index.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var SEARCH_NAV_VALUE = "search";
 var MenuSearch = ({
   sideBarOpen,
   searchInput,
@@ -1663,10 +1571,12 @@ var MenuSearch = ({
   onActiveSearchChange,
   searchItems,
   searchPlaceholder = "Buscar",
-  searchEmptyMessage = "Nenhum resultado encontrado"
+  searchEmptyMessage = "Nenhum resultado encontrado",
+  onInputFocus,
+  onInputBlur
 }) => {
-  const [isSearchFocused, setIsSearchFocused] = (0, import_react11.useState)(false);
-  const [innerSearch, setInnerSearch] = (0, import_react11.useState)("");
+  const [innerSearch, setInnerSearch] = (0, import_react9.useState)("");
+  const popupHoveredRef = (0, import_react9.useRef)(false);
   const filtered = searchItems.filter(
     (item) => {
       var _a;
@@ -1674,80 +1584,154 @@ var MenuSearch = ({
     }
   );
   if (sideBarOpen) {
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       "div",
       {
         id: "menu-item/search",
         className: `${searchContainerClass} ${searchContainerOpenClass}`,
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-            Input,
-            {
-              placeholder: searchPlaceholder,
-              iconLeft: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(IconSearch, {}),
-              iconRight: searchInput.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(IconClose, { onClick: () => onSearchChange("") }),
-              value: searchInput,
-              onChange: (e) => onSearchChange(e.target.value),
-              onFocus: () => onActiveSearchChange(searchInput)
-            }
-          ),
-          isSearchFocused && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-            MenuModalSearch,
-            {
-              searchItems,
-              setIsFocused: setIsSearchFocused,
-              searchPlaceholder,
-              searchEmptyMessage
-            }
-          )
-        ]
+        children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          Input,
+          {
+            placeholder: searchPlaceholder,
+            iconLeft: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(IconSearch, {}),
+            iconRight: searchInput.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(IconClose, { onClick: () => onSearchChange("") }),
+            value: searchInput,
+            onChange: (e) => onSearchChange(e.target.value),
+            onFocus: () => onActiveSearchChange(searchInput)
+          }
+        )
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_navigation_menu2.NavigationMenu.Item, { className: menuItemWrapperClass, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-      import_navigation_menu2.NavigationMenu.Trigger,
-      {
-        nativeButton: false,
-        render: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: searchContainerClass, id: "menu-item/search" }),
-        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(IconSearch, {})
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_navigation_menu2.NavigationMenu.Content, { className: menuModalStyleClass, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: modalHeaderClass, children: searchPlaceholder }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: itemsListClass, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-          Input,
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+    import_navigation_menu3.NavigationMenu.Item,
+    {
+      value: SEARCH_NAV_VALUE,
+      className: menuItemWrapperClass,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          import_navigation_menu3.NavigationMenu.Trigger,
           {
-            placeholder: searchPlaceholder,
-            iconLeft: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(IconSearch, {}),
-            iconRight: innerSearch.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-              IconClose,
-              {
-                style: { cursor: "pointer" },
-                onClick: () => setInnerSearch("")
-              }
-            ),
-            value: innerSearch,
-            onChange: (e) => setInnerSearch(e.target.value)
+            nativeButton: false,
+            render: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: searchContainerClass, id: "menu-item/search" }),
+            children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(IconSearch, {})
           }
         ),
-        innerSearch && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ScrollArea, { maxHeight: "calc(100vh - 120px)", children: filtered.length > 0 ? filtered.map((subitem) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(MenuSubitem, { subitem }, subitem.key)) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-          "span",
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+          import_navigation_menu3.NavigationMenu.Content,
           {
-            className: nothingFoundSpanClass,
-            style: { textAlign: "center" },
-            children: searchEmptyMessage
+            className: menuModalStyleClass,
+            onMouseEnter: () => {
+              popupHoveredRef.current = true;
+            },
+            onMouseLeave: () => {
+              popupHoveredRef.current = false;
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: modalHeaderClass, children: searchPlaceholder }),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: itemsListClass, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                  Input,
+                  {
+                    placeholder: searchPlaceholder,
+                    iconLeft: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(IconSearch, {}),
+                    iconRight: innerSearch.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                      IconClose,
+                      {
+                        style: { cursor: "pointer" },
+                        onClick: () => setInnerSearch("")
+                      }
+                    ),
+                    value: innerSearch,
+                    onChange: (e) => setInnerSearch(e.target.value),
+                    onFocus: () => onInputFocus == null ? void 0 : onInputFocus(),
+                    onBlur: () => onInputBlur == null ? void 0 : onInputBlur(popupHoveredRef.current)
+                  }
+                ),
+                innerSearch && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ScrollArea, { maxHeight: "calc(100vh - 120px)", children: filtered.length > 0 ? filtered.map((subitem) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(MenuSubitem, { subitem }, subitem.key)) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                  "span",
+                  {
+                    className: nothingFoundSpanClass,
+                    style: { textAlign: "center" },
+                    children: searchEmptyMessage
+                  }
+                ) })
+              ] })
+            ]
           }
-        ) })
-      ] })
-    ] })
-  ] });
+        )
+      ]
+    }
+  );
 };
 
 // src/components/CollapsableMenu/index.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
-var CollapsableMenu = (0, import_react12.forwardRef)(
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var BodyNavigationMenu = ({
+  bodyItems,
+  renderMenuItem,
+  searchInput,
+  onSearchChange,
+  onActiveSearchChange,
+  searchItems,
+  searchPlaceholder,
+  searchEmptyMessage
+}) => {
+  const [navValue, setNavValue] = (0, import_react10.useState)("");
+  const searchInputFocusedRef = (0, import_react10.useRef)(false);
+  const handleInputFocus = (0, import_react10.useCallback)(() => {
+    searchInputFocusedRef.current = true;
+    setNavValue("search");
+  }, []);
+  const handleInputBlur = (0, import_react10.useCallback)((popupHovered) => {
+    searchInputFocusedRef.current = false;
+    if (!popupHovered) setNavValue("");
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+    import_navigation_menu4.NavigationMenu.Root,
+    {
+      delay: 0,
+      closeDelay: 100,
+      orientation: "vertical",
+      value: navValue,
+      onValueChange: (val) => {
+        if (!val && searchInputFocusedRef.current) return;
+        setNavValue(val);
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_navigation_menu4.NavigationMenu.List, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            MenuSearch,
+            {
+              sideBarOpen: false,
+              searchInput,
+              onSearchChange,
+              onActiveSearchChange,
+              searchItems,
+              searchPlaceholder,
+              searchEmptyMessage,
+              onInputFocus: handleInputFocus,
+              onInputBlur: handleInputBlur
+            }
+          ),
+          bodyItems.map(renderMenuItem)
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_navigation_menu4.NavigationMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          import_navigation_menu4.NavigationMenu.Positioner,
+          {
+            sideOffset: 4,
+            side: "right",
+            align: "start",
+            collisionAvoidance: { align: "none" },
+            style: { zIndex: 10 },
+            children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_navigation_menu4.NavigationMenu.Popup, { className: menuPopupWrapperClass, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_navigation_menu4.NavigationMenu.Viewport, { className: menuViewportClass }) })
+          }
+        ) })
+      ]
+    }
+  );
+};
+var CollapsableMenu = (0, import_react10.forwardRef)(
   ({
     menuObject,
     defaultSideBarOpen,
@@ -1761,25 +1745,25 @@ var CollapsableMenu = (0, import_react12.forwardRef)(
       defaultSideBarOpen,
       onSideBarToggle
     );
-    const itemsFormattedToSearch = (0, import_react12.useMemo)(
+    const itemsFormattedToSearch = (0, import_react10.useMemo)(
       () => formatSearchItems(menuObject.categories),
       [menuObject.categories]
     );
-    const searchItemsFiltered = (0, import_react12.useMemo)(
+    const searchItemsFiltered = (0, import_react10.useMemo)(
       () => itemsFormattedToSearch.filter(
         (item) => filterItems(item, state.searchInput)
       ),
       [itemsFormattedToSearch, state.searchInput]
     );
-    const { footerItems, bodyItems } = (0, import_react12.useMemo)(() => {
+    const { footerItems, bodyItems } = (0, import_react10.useMemo)(() => {
       const filtered = filterSidebarItems(menuObject.categories);
       return {
         footerItems: filtered.filter((item) => item.barPosition === "footer"),
         bodyItems: filtered.filter((item) => !item.barPosition)
       };
     }, [menuObject.categories]);
-    const renderMenuItem = (0, import_react12.useCallback)(
-      (item, index) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    const renderMenuItem = (0, import_react10.useCallback)(
+      (item, index) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
         MenuItem,
         {
           item,
@@ -1793,7 +1777,7 @@ var CollapsableMenu = (0, import_react12.forwardRef)(
       ),
       [state.sideBarOpen, state.categoryOpen, actions]
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(MenuProvider, { component: subitemComponent, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(MenuProvider, { component: subitemComponent, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
       "div",
       {
         ref,
@@ -1802,7 +1786,7 @@ var CollapsableMenu = (0, import_react12.forwardRef)(
         "aria-label": "Menu principal",
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
             MenuHeader,
             {
               sideBarOpen: state.sideBarOpen,
@@ -1810,8 +1794,8 @@ var CollapsableMenu = (0, import_react12.forwardRef)(
               onToggleSidebar: actions.toggleSidebar
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: menuBodyClass, children: state.sideBarOpen ? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(ScrollArea, { maxHeight: "calc(100vh - 48px)", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: menuBodyClass, children: state.sideBarOpen ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(ScrollArea, { maxHeight: "calc(100vh - 48px)", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
               MenuSearch,
               {
                 sideBarOpen: state.sideBarOpen,
@@ -1823,7 +1807,7 @@ var CollapsableMenu = (0, import_react12.forwardRef)(
                 searchEmptyMessage
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
               MenuContent,
               {
                 activeSearch: state.activeSearch,
@@ -1834,57 +1818,35 @@ var CollapsableMenu = (0, import_react12.forwardRef)(
                 renderMenuItem
               }
             )
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
-            import_navigation_menu3.NavigationMenu.Root,
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            BodyNavigationMenu,
             {
-              delay: 0,
-              closeDelay: 100,
-              orientation: "vertical",
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_navigation_menu3.NavigationMenu.List, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-                    MenuSearch,
-                    {
-                      sideBarOpen: state.sideBarOpen,
-                      searchInput: state.searchInput,
-                      onSearchChange: actions.setSearchInput,
-                      onActiveSearchChange: actions.setActiveSearch,
-                      searchItems: itemsFormattedToSearch,
-                      searchPlaceholder,
-                      searchEmptyMessage
-                    }
-                  ),
-                  bodyItems.map(renderMenuItem)
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_navigation_menu3.NavigationMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-                  import_navigation_menu3.NavigationMenu.Positioner,
-                  {
-                    sideOffset: 4,
-                    side: "right",
-                    align: "start",
-                    collisionAvoidance: { align: "none" },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_navigation_menu3.NavigationMenu.Popup, { className: menuPopupWrapperClass, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_navigation_menu3.NavigationMenu.Viewport, { className: menuViewportClass }) })
-                  }
-                ) })
-              ]
+              bodyItems,
+              renderMenuItem,
+              searchInput: state.searchInput,
+              onSearchChange: actions.setSearchInput,
+              onActiveSearchChange: actions.setActiveSearch,
+              searchItems: itemsFormattedToSearch,
+              searchPlaceholder,
+              searchEmptyMessage
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: menuFooterClass, children: state.sideBarOpen ? footerItems.map(renderMenuItem) : /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
-            import_navigation_menu3.NavigationMenu.Root,
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: menuFooterClass, children: state.sideBarOpen ? footerItems.map(renderMenuItem) : /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+            import_navigation_menu4.NavigationMenu.Root,
             {
               delay: 100,
               closeDelay: 150,
               orientation: "vertical",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_navigation_menu3.NavigationMenu.List, { children: footerItems.map(renderMenuItem) }),
-                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_navigation_menu3.NavigationMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-                  import_navigation_menu3.NavigationMenu.Positioner,
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_navigation_menu4.NavigationMenu.List, { children: footerItems.map(renderMenuItem) }),
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_navigation_menu4.NavigationMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                  import_navigation_menu4.NavigationMenu.Positioner,
                   {
                     sideOffset: 4,
                     side: "right",
                     align: "start",
                     collisionAvoidance: { align: "none" },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_navigation_menu3.NavigationMenu.Popup, { className: menuPopupWrapperClass, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_navigation_menu3.NavigationMenu.Viewport, { className: menuViewportClass }) })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_navigation_menu4.NavigationMenu.Popup, { className: menuPopupWrapperClass, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_navigation_menu4.NavigationMenu.Viewport, { className: menuViewportClass }) })
                   }
                 ) })
               ]