@infinityfx/fluid
Version:
React UI library, using zero-runtime CSS-in-JS.
4 lines (3 loc) • 1.02 kB
JavaScript
"use client";
import{jsx as o}from"react/jsx-runtime";import{combineClasses as e,classes as n,combineRefs as t}from"../../../core/utils.js";import{createContext as a,useId as i,useRef as r,useState as s,use as c}from"react";import{createStyles as l}from"../../../core/style.js";const m=a(null);function u(){const o=c(m);if(!o)throw new Error("Unable to access NavigationMenuRoot context");return o}const f=l("navigation-menu.root",{".navigation":{display:"flex",alignItems:"center",gap:"var(--f-spacing-sml)",height:"100%",isolation:"isolate",paddingBlock:"var(--f-spacing-sml)"}});function v({children:a,cc:c={},ref:l,...u}){const v=e(f,c),d=i(),g=r(null),[p,h]=s(void 0);return o("nav",{ref:t(l,g),...u,role:"menubar",className:n(v.navigation,u.className),onMouseLeave:o=>{u.onMouseLeave?.(o),h(void 0)},children:o(m,{value:{root:g,id:d,selection:p,select:h},children:a})})}v.displayName="NavigationMenu.Root";export{m as NavigationMenuContext,v as default,u as useNavigationMenu};
//# sourceMappingURL=root.js.map