jaci-ui 0.1.0

package/dist/components/navigation-menu/index.d.cts

@@ -0,0 +1,2 @@
+import { NavigationMenu, NavigationMenuArrow, NavigationMenuArrowProps, NavigationMenuBackdrop, NavigationMenuBackdropProps, NavigationMenuContent, NavigationMenuContentProps, NavigationMenuIcon, NavigationMenuIconProps, NavigationMenuItem, NavigationMenuItemProps, NavigationMenuLink, NavigationMenuLinkProps, NavigationMenuList, NavigationMenuListProps, NavigationMenuOrientation, NavigationMenuPopup, NavigationMenuPopupProps, NavigationMenuPortal, NavigationMenuPositioner, NavigationMenuPositionerProps, NavigationMenuRoot, NavigationMenuRootProps, NavigationMenuTrigger, NavigationMenuTriggerProps, NavigationMenuViewport, NavigationMenuViewportProps } from "./navigation-menu.cjs";
+export { NavigationMenu, NavigationMenuArrow, type NavigationMenuArrowProps, NavigationMenuBackdrop, type NavigationMenuBackdropProps, NavigationMenuContent, type NavigationMenuContentProps, NavigationMenuIcon, type NavigationMenuIconProps, NavigationMenuItem, type NavigationMenuItemProps, NavigationMenuLink, type NavigationMenuLinkProps, NavigationMenuList, type NavigationMenuListProps, type NavigationMenuOrientation, NavigationMenuPopup, type NavigationMenuPopupProps, NavigationMenuPortal, NavigationMenuPositioner, type NavigationMenuPositionerProps, NavigationMenuRoot, type NavigationMenuRootProps, NavigationMenuTrigger, type NavigationMenuTriggerProps, NavigationMenuViewport, type NavigationMenuViewportProps };

package/dist/components/navigation-menu/index.d.ts

@@ -0,0 +1,2 @@
+import { NavigationMenu, NavigationMenuArrow, NavigationMenuArrowProps, NavigationMenuBackdrop, NavigationMenuBackdropProps, NavigationMenuContent, NavigationMenuContentProps, NavigationMenuIcon, NavigationMenuIconProps, NavigationMenuItem, NavigationMenuItemProps, NavigationMenuLink, NavigationMenuLinkProps, NavigationMenuList, NavigationMenuListProps, NavigationMenuOrientation, NavigationMenuPopup, NavigationMenuPopupProps, NavigationMenuPortal, NavigationMenuPositioner, NavigationMenuPositionerProps, NavigationMenuRoot, NavigationMenuRootProps, NavigationMenuTrigger, NavigationMenuTriggerProps, NavigationMenuViewport, NavigationMenuViewportProps } from "./navigation-menu.js";
+export { NavigationMenu, NavigationMenuArrow, type NavigationMenuArrowProps, NavigationMenuBackdrop, type NavigationMenuBackdropProps, NavigationMenuContent, type NavigationMenuContentProps, NavigationMenuIcon, type NavigationMenuIconProps, NavigationMenuItem, type NavigationMenuItemProps, NavigationMenuLink, type NavigationMenuLinkProps, NavigationMenuList, type NavigationMenuListProps, type NavigationMenuOrientation, NavigationMenuPopup, type NavigationMenuPopupProps, NavigationMenuPortal, NavigationMenuPositioner, type NavigationMenuPositionerProps, NavigationMenuRoot, type NavigationMenuRootProps, NavigationMenuTrigger, type NavigationMenuTriggerProps, NavigationMenuViewport, type NavigationMenuViewportProps };

package/dist/components/navigation-menu/navigation-menu.cjs

@@ -0,0 +1,214 @@
+"use client";
+const require_base_ui = require("../base-ui.cjs");
+const require_navigation_menu = require("../../styled-system/recipes/navigation-menu.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _base_ui_react_navigation_menu = require("@base-ui/react/navigation-menu");
+//#region src/components/navigation-menu/navigation-menu.tsx
+const NavigationMenuContext = (0, react.createContext)(null);
+const NavigationMenuItemContext = (0, react.createContext)(null);
+function useNavigationMenuContext() {
+	const context = (0, react.useContext)(NavigationMenuContext);
+	if (!context) throw new Error("NavigationMenu parts must be rendered inside NavigationMenu.Root.");
+	return context;
+}
+const NavigationMenuRoot = (0, react.forwardRef)(function NavigationMenuRoot({ children, className, defaultValue, onValueChange, orientation = "horizontal", value, ...props }, ref) {
+	const [uncontrolledValue, setUncontrolledValue] = (0, react.useState)(defaultValue ?? null);
+	const rootElementRef = (0, react.useRef)(null);
+	const resolvedValue = value === void 0 ? uncontrolledValue : value;
+	const styles = require_navigation_menu.navigationMenu({ orientation });
+	const close = (0, react.useCallback)(() => {
+		if (value === void 0) setUncontrolledValue(null);
+		else onValueChange?.(null);
+	}, [onValueChange, value]);
+	(0, react.useEffect)(() => {
+		if (resolvedValue === null) return;
+		const handleOutsideClick = (event) => {
+			const target = event.target;
+			if (!(target instanceof Element)) return;
+			if (rootElementRef.current?.contains(target)) return;
+			if (target.closest("[data-slot=\"navigation-menu-content\"], [data-slot=\"navigation-menu-positioner\"], [data-slot=\"navigation-menu-popup\"], [data-slot=\"navigation-menu-viewport\"]")) return;
+			close();
+		};
+		document.addEventListener("click", handleOutsideClick);
+		return () => document.removeEventListener("click", handleOutsideClick);
+	}, [close, resolvedValue]);
+	const setRootRef = (element) => {
+		rootElementRef.current = element;
+		if (typeof ref === "function") ref(element);
+		else if (ref) ref.current = element;
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NavigationMenuContext.Provider, {
+		value: {
+			close,
+			orientation,
+			styles,
+			value: resolvedValue
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_navigation_menu.NavigationMenu.Root, {
+			...props,
+			onValueChange: (next) => {
+				if (value === void 0) setUncontrolledValue(next);
+				onValueChange?.(next);
+			},
+			orientation,
+			ref: setRootRef,
+			value: resolvedValue,
+			className: require_base_ui.withRecipeClassName(styles.root, className),
+			"data-jaci-component": "navigation-menu",
+			"data-orientation": orientation,
+			"data-slot": "navigation-menu",
+			children
+		})
+	});
+});
+const NavigationMenuList = (0, react.forwardRef)(function NavigationMenuList({ className, ...props }, ref) {
+	const { styles, orientation } = useNavigationMenuContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_navigation_menu.NavigationMenu.List, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(styles.list, className),
+		"data-orientation": orientation,
+		"data-slot": "navigation-menu-list"
+	});
+});
+const NavigationMenuItem = (0, react.forwardRef)(function NavigationMenuItem({ children, className, value, ...props }, ref) {
+	const { styles } = useNavigationMenuContext();
+	const generatedValue = (0, react.useId)();
+	const itemValue = value ?? generatedValue;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NavigationMenuItemContext.Provider, {
+		value: { value: itemValue },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_navigation_menu.NavigationMenu.Item, {
+			...props,
+			ref,
+			value: itemValue,
+			className: require_base_ui.withRecipeClassName(styles.item, className),
+			"data-slot": "navigation-menu-item",
+			children
+		})
+	});
+});
+const NavigationMenuTrigger = (0, react.forwardRef)(function NavigationMenuTrigger({ className, onClick, ...props }, ref) {
+	const { close, styles, value } = useNavigationMenuContext();
+	const item = (0, react.useContext)(NavigationMenuItemContext);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_navigation_menu.NavigationMenu.Trigger, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(styles.trigger, className),
+		"data-slot": "navigation-menu-trigger",
+		onClick: (event) => {
+			if (item?.value !== void 0 && value === item.value) {
+				event.preventDefault();
+				close();
+			}
+			onClick?.(event);
+		}
+	});
+});
+const NavigationMenuContent = (0, react.forwardRef)(function NavigationMenuContent({ className, ...props }, ref) {
+	const { styles } = useNavigationMenuContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_navigation_menu.NavigationMenu.Content, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(styles.content, className),
+		"data-slot": "navigation-menu-content"
+	});
+});
+const NavigationMenuLink = (0, react.forwardRef)(function NavigationMenuLink({ className, ...props }, ref) {
+	const { styles } = useNavigationMenuContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_navigation_menu.NavigationMenu.Link, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(styles.link, className),
+		"data-slot": "navigation-menu-link"
+	});
+});
+const NavigationMenuIcon = (0, react.forwardRef)(function NavigationMenuIcon({ children = "⌄", className, ...props }, ref) {
+	const { styles } = useNavigationMenuContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_navigation_menu.NavigationMenu.Icon, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(styles.icon, className),
+		"data-slot": "navigation-menu-icon",
+		children
+	});
+});
+const NavigationMenuPortal = _base_ui_react_navigation_menu.NavigationMenu.Portal;
+const NavigationMenuPositioner = (0, react.forwardRef)(function NavigationMenuPositioner({ className, ...props }, ref) {
+	const { styles } = useNavigationMenuContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_navigation_menu.NavigationMenu.Positioner, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(styles.positioner, className),
+		"data-slot": "navigation-menu-positioner"
+	});
+});
+const NavigationMenuViewport = (0, react.forwardRef)(function NavigationMenuViewport({ className, ...props }, ref) {
+	const { styles, value } = useNavigationMenuContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_navigation_menu.NavigationMenu.Viewport, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(styles.viewport, className),
+		"data-open": value !== null ? "true" : "false",
+		"data-slot": "navigation-menu-viewport"
+	});
+});
+const NavigationMenuPopup = (0, react.forwardRef)(function NavigationMenuPopup({ className, ...props }, ref) {
+	const { styles } = useNavigationMenuContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_navigation_menu.NavigationMenu.Popup, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(styles.popup, className),
+		"data-slot": "navigation-menu-popup"
+	});
+});
+const NavigationMenuBackdrop = (0, react.forwardRef)(function NavigationMenuBackdrop({ className, ...props }, ref) {
+	const { styles } = useNavigationMenuContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_navigation_menu.NavigationMenu.Backdrop, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(styles.backdrop, className),
+		"data-slot": "navigation-menu-backdrop"
+	});
+});
+const NavigationMenuArrow = (0, react.forwardRef)(function NavigationMenuArrow({ className, ...props }, ref) {
+	const { styles } = useNavigationMenuContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_navigation_menu.NavigationMenu.Arrow, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(styles.arrow, className),
+		"data-slot": "navigation-menu-arrow"
+	});
+});
+const NavigationMenu = {
+	Root: NavigationMenuRoot,
+	List: NavigationMenuList,
+	Item: NavigationMenuItem,
+	Trigger: NavigationMenuTrigger,
+	Content: NavigationMenuContent,
+	Link: NavigationMenuLink,
+	Icon: NavigationMenuIcon,
+	Portal: NavigationMenuPortal,
+	Positioner: NavigationMenuPositioner,
+	Viewport: NavigationMenuViewport,
+	Popup: NavigationMenuPopup,
+	Backdrop: NavigationMenuBackdrop,
+	Arrow: NavigationMenuArrow
+};
+//#endregion
+exports.NavigationMenu = NavigationMenu;
+exports.NavigationMenuArrow = NavigationMenuArrow;
+exports.NavigationMenuBackdrop = NavigationMenuBackdrop;
+exports.NavigationMenuContent = NavigationMenuContent;
+exports.NavigationMenuIcon = NavigationMenuIcon;
+exports.NavigationMenuItem = NavigationMenuItem;
+exports.NavigationMenuLink = NavigationMenuLink;
+exports.NavigationMenuList = NavigationMenuList;
+exports.NavigationMenuPopup = NavigationMenuPopup;
+exports.NavigationMenuPortal = NavigationMenuPortal;
+exports.NavigationMenuPositioner = NavigationMenuPositioner;
+exports.NavigationMenuRoot = NavigationMenuRoot;
+exports.NavigationMenuTrigger = NavigationMenuTrigger;
+exports.NavigationMenuViewport = NavigationMenuViewport;
+
+//# sourceMappingURL=navigation-menu.cjs.map

package/dist/components/navigation-menu/navigation-menu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu.cjs","names":["navigationMenu","BaseNavigationMenu","withRecipeClassName"],"sources":["../../../src/components/navigation-menu/navigation-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport { NavigationMenu as BaseNavigationMenu } from \"@base-ui/react/navigation-menu\";\nimport {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { NavigationMenuRoot as BaseNavigationMenuRoot } from \"@base-ui/react/navigation-menu\";\n\nimport { navigationMenu } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport type NavigationMenuOrientation = \"horizontal\" | \"vertical\";\n\ninterface NavigationMenuContextValue {\n  close: () => void;\n  orientation: NavigationMenuOrientation;\n  styles: ReturnType<typeof navigationMenu>;\n  value: string | null;\n}\n\nconst NavigationMenuContext = createContext<NavigationMenuContextValue | null>(null);\nconst NavigationMenuItemContext = createContext<{ value?: string } | null>(null);\n\nfunction useNavigationMenuContext() {\n  const context = useContext(NavigationMenuContext);\n  if (!context) {\n    throw new Error(\"NavigationMenu parts must be rendered inside NavigationMenu.Root.\");\n  }\n\n  return context;\n}\n\nexport interface NavigationMenuRootProps\n  extends Omit<\n    BaseNavigationMenuRoot.Props<string>,\n    \"children\" | \"className\" | \"onValueChange\" | \"value\" | \"defaultValue\"\n  > {\n  value?: string | null;\n  defaultValue?: string | null;\n  onValueChange?: (value: string | null) => void;\n  orientation?: NavigationMenuOrientation;\n  children?: ReactNode;\n  className?: string;\n}\n\nexport const NavigationMenuRoot = forwardRef<HTMLElement, NavigationMenuRootProps>(\n  function NavigationMenuRoot(\n    {\n      children,\n      className,\n      defaultValue,\n      onValueChange,\n      orientation = \"horizontal\",\n      value,\n      ...props\n    },\n    ref,\n  ) {\n    const [uncontrolledValue, setUncontrolledValue] = useState<string | null>(defaultValue ?? null);\n    const rootElementRef = useRef<HTMLElement | null>(null);\n    // Keep the Base UI primitive controlled by the wrapper state even when the\n    // consumer uses the uncontrolled API. This keeps the viewport and the\n    // primitive in sync when Base UI dismisses a menu (pointer leave, outside\n    // press, Escape or pressing the trigger again).\n    const resolvedValue = value === undefined ? uncontrolledValue : value;\n    const styles = navigationMenu({ orientation });\n    const close = useCallback(() => {\n      if (value === undefined) setUncontrolledValue(null);\n      else onValueChange?.(null);\n    }, [onValueChange, value]);\n\n    useEffect(() => {\n      if (resolvedValue === null) return;\n\n      const handleOutsideClick = (event: MouseEvent) => {\n        const target = event.target;\n        if (!(target instanceof Element)) return;\n        if (rootElementRef.current?.contains(target)) return;\n        if (\n          target.closest(\n            '[data-slot=\"navigation-menu-content\"], [data-slot=\"navigation-menu-positioner\"], [data-slot=\"navigation-menu-popup\"], [data-slot=\"navigation-menu-viewport\"]',\n          )\n        ) {\n          return;\n        }\n        close();\n      };\n\n      document.addEventListener(\"click\", handleOutsideClick);\n      return () => document.removeEventListener(\"click\", handleOutsideClick);\n    }, [close, resolvedValue]);\n\n    const setRootRef = (element: HTMLElement | null) => {\n      rootElementRef.current = element;\n      if (typeof ref === \"function\") ref(element);\n      else if (ref) ref.current = element;\n    };\n\n    return (\n      <NavigationMenuContext.Provider value={{ close, orientation, styles, value: resolvedValue }}>\n        <BaseNavigationMenu.Root\n          {...props}\n          onValueChange={(next) => {\n            if (value === undefined) setUncontrolledValue(next);\n            onValueChange?.(next);\n          }}\n          orientation={orientation}\n          ref={setRootRef}\n          value={resolvedValue}\n          className={withRecipeClassName(styles.root, className)}\n          data-jaci-component=\"navigation-menu\"\n          data-orientation={orientation}\n          data-slot=\"navigation-menu\"\n        >\n          {children}\n        </BaseNavigationMenu.Root>\n      </NavigationMenuContext.Provider>\n    );\n  },\n);\n\nexport type NavigationMenuListProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.List>;\nexport const NavigationMenuList = forwardRef<HTMLUListElement, NavigationMenuListProps>(\n  function NavigationMenuList({ className, ...props }, ref) {\n    const { styles, orientation } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.List\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.list, className)}\n        data-orientation={orientation}\n        data-slot=\"navigation-menu-list\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuItemProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Item>;\nexport const NavigationMenuItem = forwardRef<HTMLLIElement, NavigationMenuItemProps>(\n  function NavigationMenuItem({ children, className, value, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    const generatedValue = useId();\n    const itemValue = value ?? generatedValue;\n    return (\n      <NavigationMenuItemContext.Provider value={{ value: itemValue }}>\n        <BaseNavigationMenu.Item\n          {...props}\n          ref={ref}\n          value={itemValue}\n          className={withRecipeClassName(styles.item, className)}\n          data-slot=\"navigation-menu-item\"\n        >\n          {children}\n        </BaseNavigationMenu.Item>\n      </NavigationMenuItemContext.Provider>\n    );\n  },\n);\n\nexport type NavigationMenuTriggerProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Trigger\n>;\nexport const NavigationMenuTrigger = forwardRef<HTMLButtonElement, NavigationMenuTriggerProps>(\n  function NavigationMenuTrigger({ className, onClick, ...props }, ref) {\n    const { close, styles, value } = useNavigationMenuContext();\n    const item = useContext(NavigationMenuItemContext);\n    return (\n      <BaseNavigationMenu.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.trigger, className)}\n        data-slot=\"navigation-menu-trigger\"\n        onClick={(event) => {\n          // Base UI intentionally keeps a hover-opened menu open for a brief\n          // patient-click window. For a component library trigger, a second\n          // click should always be an explicit close action.\n          if (item?.value !== undefined && value === item.value) {\n            event.preventDefault();\n            close();\n          }\n          onClick?.(event);\n        }}\n      />\n    );\n  },\n);\n\nexport type NavigationMenuContentProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Content\n>;\nexport const NavigationMenuContent = forwardRef<HTMLDivElement, NavigationMenuContentProps>(\n  function NavigationMenuContent({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Content\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.content, className)}\n        data-slot=\"navigation-menu-content\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuLinkProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Link>;\nexport const NavigationMenuLink = forwardRef<HTMLAnchorElement, NavigationMenuLinkProps>(\n  function NavigationMenuLink({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Link\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.link, className)}\n        data-slot=\"navigation-menu-link\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuIconProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Icon>;\nexport const NavigationMenuIcon = forwardRef<HTMLSpanElement, NavigationMenuIconProps>(\n  function NavigationMenuIcon({ children = \"⌄\", className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Icon\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.icon, className)}\n        data-slot=\"navigation-menu-icon\"\n      >\n        {children}\n      </BaseNavigationMenu.Icon>\n    );\n  },\n);\n\nexport const NavigationMenuPortal = BaseNavigationMenu.Portal;\n\nexport type NavigationMenuPositionerProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Positioner\n>;\nexport const NavigationMenuPositioner = forwardRef<HTMLDivElement, NavigationMenuPositionerProps>(\n  function NavigationMenuPositioner({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.positioner, className)}\n        data-slot=\"navigation-menu-positioner\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuViewportProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Viewport\n>;\nexport const NavigationMenuViewport = forwardRef<HTMLDivElement, NavigationMenuViewportProps>(\n  function NavigationMenuViewport({ className, ...props }, ref) {\n    const { styles, value } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Viewport\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.viewport, className)}\n        data-open={value !== null ? \"true\" : \"false\"}\n        data-slot=\"navigation-menu-viewport\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuPopupProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Popup>;\nexport const NavigationMenuPopup = forwardRef<HTMLElement, NavigationMenuPopupProps>(\n  function NavigationMenuPopup({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Popup\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.popup, className)}\n        data-slot=\"navigation-menu-popup\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuBackdropProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Backdrop\n>;\nexport const NavigationMenuBackdrop = forwardRef<HTMLDivElement, NavigationMenuBackdropProps>(\n  function NavigationMenuBackdrop({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Backdrop\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.backdrop, className)}\n        data-slot=\"navigation-menu-backdrop\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuArrowProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Arrow>;\nexport const NavigationMenuArrow = forwardRef<HTMLDivElement, NavigationMenuArrowProps>(\n  function NavigationMenuArrow({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Arrow\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.arrow, className)}\n        data-slot=\"navigation-menu-arrow\"\n      />\n    );\n  },\n);\n\nexport const NavigationMenu = {\n  Root: NavigationMenuRoot,\n  List: NavigationMenuList,\n  Item: NavigationMenuItem,\n  Trigger: NavigationMenuTrigger,\n  Content: NavigationMenuContent,\n  Link: NavigationMenuLink,\n  Icon: NavigationMenuIcon,\n  Portal: NavigationMenuPortal,\n  Positioner: NavigationMenuPositioner,\n  Viewport: NavigationMenuViewport,\n  Popup: NavigationMenuPopup,\n  Backdrop: NavigationMenuBackdrop,\n  Arrow: NavigationMenuArrow,\n};\n"],"mappings":"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"}

package/dist/components/navigation-menu/navigation-menu.d.cts

@@ -0,0 +1,54 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+import { NavigationMenu, NavigationMenuRoot } from "@base-ui/react/navigation-menu";
+//#region src/components/navigation-menu/navigation-menu.d.ts
+type NavigationMenuOrientation = "horizontal" | "vertical";
+interface NavigationMenuRootProps extends Omit<NavigationMenuRoot.Props<string>, "children" | "className" | "onValueChange" | "value" | "defaultValue"> {
+  value?: string | null;
+  defaultValue?: string | null;
+  onValueChange?: (value: string | null) => void;
+  orientation?: NavigationMenuOrientation;
+  children?: ReactNode;
+  className?: string;
+}
+declare const NavigationMenuRoot$1: import("react").ForwardRefExoticComponent<Omit<NavigationMenuRootProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+type NavigationMenuListProps = ComponentPropsWithoutRef<typeof NavigationMenu.List>;
+declare const NavigationMenuList: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").NavigationMenuListProps, "ref"> & import("react").RefAttributes<HTMLUListElement>, "ref"> & import("react").RefAttributes<HTMLUListElement>>;
+type NavigationMenuItemProps = ComponentPropsWithoutRef<typeof NavigationMenu.Item>;
+declare const NavigationMenuItem: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").NavigationMenuItemProps, "ref"> & import("react").RefAttributes<HTMLLIElement>, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
+type NavigationMenuTriggerProps = ComponentPropsWithoutRef<typeof NavigationMenu.Trigger>;
+declare const NavigationMenuTrigger: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").NavigationMenuTriggerProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+type NavigationMenuContentProps = ComponentPropsWithoutRef<typeof NavigationMenu.Content>;
+declare const NavigationMenuContent: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").NavigationMenuContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type NavigationMenuLinkProps = ComponentPropsWithoutRef<typeof NavigationMenu.Link>;
+declare const NavigationMenuLink: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").NavigationMenuLinkProps, "ref"> & import("react").RefAttributes<HTMLAnchorElement>, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
+type NavigationMenuIconProps = ComponentPropsWithoutRef<typeof NavigationMenu.Icon>;
+declare const NavigationMenuIcon: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").NavigationMenuIconProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+declare const NavigationMenuPortal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").NavigationMenuPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type NavigationMenuPositionerProps = ComponentPropsWithoutRef<typeof NavigationMenu.Positioner>;
+declare const NavigationMenuPositioner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").NavigationMenuPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type NavigationMenuViewportProps = ComponentPropsWithoutRef<typeof NavigationMenu.Viewport>;
+declare const NavigationMenuViewport: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").NavigationMenuViewportProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type NavigationMenuPopupProps = ComponentPropsWithoutRef<typeof NavigationMenu.Popup>;
+declare const NavigationMenuPopup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").NavigationMenuPopupProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+type NavigationMenuBackdropProps = ComponentPropsWithoutRef<typeof NavigationMenu.Backdrop>;
+declare const NavigationMenuBackdrop: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").NavigationMenuBackdropProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type NavigationMenuArrowProps = ComponentPropsWithoutRef<typeof NavigationMenu.Arrow>;
+declare const NavigationMenuArrow: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").NavigationMenuArrowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const NavigationMenu$1: {
+  Root: import("react").ForwardRefExoticComponent<Omit<NavigationMenuRootProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+  List: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").NavigationMenuListProps, "ref"> & import("react").RefAttributes<HTMLUListElement>, "ref"> & import("react").RefAttributes<HTMLUListElement>>;
+  Item: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").NavigationMenuItemProps, "ref"> & import("react").RefAttributes<HTMLLIElement>, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
+  Trigger: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").NavigationMenuTriggerProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  Content: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").NavigationMenuContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Link: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").NavigationMenuLinkProps, "ref"> & import("react").RefAttributes<HTMLAnchorElement>, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
+  Icon: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").NavigationMenuIconProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  Portal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").NavigationMenuPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Positioner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").NavigationMenuPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Viewport: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").NavigationMenuViewportProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Popup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").NavigationMenuPopupProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+  Backdrop: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").NavigationMenuBackdropProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Arrow: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").NavigationMenuArrowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+};
+//#endregion
+export { NavigationMenu$1 as NavigationMenu, NavigationMenuArrow, NavigationMenuArrowProps, NavigationMenuBackdrop, NavigationMenuBackdropProps, NavigationMenuContent, NavigationMenuContentProps, NavigationMenuIcon, NavigationMenuIconProps, NavigationMenuItem, NavigationMenuItemProps, NavigationMenuLink, NavigationMenuLinkProps, NavigationMenuList, NavigationMenuListProps, NavigationMenuOrientation, NavigationMenuPopup, NavigationMenuPopupProps, NavigationMenuPortal, NavigationMenuPositioner, NavigationMenuPositionerProps, NavigationMenuRoot$1 as NavigationMenuRoot, NavigationMenuRootProps, NavigationMenuTrigger, NavigationMenuTriggerProps, NavigationMenuViewport, NavigationMenuViewportProps };
+//# sourceMappingURL=navigation-menu.d.cts.map

package/dist/components/navigation-menu/navigation-menu.d.ts

@@ -0,0 +1,54 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+import { NavigationMenu, NavigationMenuRoot } from "@base-ui/react/navigation-menu";
+//#region src/components/navigation-menu/navigation-menu.d.ts
+type NavigationMenuOrientation = "horizontal" | "vertical";
+interface NavigationMenuRootProps extends Omit<NavigationMenuRoot.Props<string>, "children" | "className" | "onValueChange" | "value" | "defaultValue"> {
+  value?: string | null;
+  defaultValue?: string | null;
+  onValueChange?: (value: string | null) => void;
+  orientation?: NavigationMenuOrientation;
+  children?: ReactNode;
+  className?: string;
+}
+declare const NavigationMenuRoot$1: import("react").ForwardRefExoticComponent<Omit<NavigationMenuRootProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+type NavigationMenuListProps = ComponentPropsWithoutRef<typeof NavigationMenu.List>;
+declare const NavigationMenuList: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").NavigationMenuListProps, "ref"> & import("react").RefAttributes<HTMLUListElement>, "ref"> & import("react").RefAttributes<HTMLUListElement>>;
+type NavigationMenuItemProps = ComponentPropsWithoutRef<typeof NavigationMenu.Item>;
+declare const NavigationMenuItem: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").NavigationMenuItemProps, "ref"> & import("react").RefAttributes<HTMLLIElement>, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
+type NavigationMenuTriggerProps = ComponentPropsWithoutRef<typeof NavigationMenu.Trigger>;
+declare const NavigationMenuTrigger: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").NavigationMenuTriggerProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+type NavigationMenuContentProps = ComponentPropsWithoutRef<typeof NavigationMenu.Content>;
+declare const NavigationMenuContent: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").NavigationMenuContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type NavigationMenuLinkProps = ComponentPropsWithoutRef<typeof NavigationMenu.Link>;
+declare const NavigationMenuLink: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").NavigationMenuLinkProps, "ref"> & import("react").RefAttributes<HTMLAnchorElement>, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
+type NavigationMenuIconProps = ComponentPropsWithoutRef<typeof NavigationMenu.Icon>;
+declare const NavigationMenuIcon: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").NavigationMenuIconProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+declare const NavigationMenuPortal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").NavigationMenuPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type NavigationMenuPositionerProps = ComponentPropsWithoutRef<typeof NavigationMenu.Positioner>;
+declare const NavigationMenuPositioner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").NavigationMenuPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type NavigationMenuViewportProps = ComponentPropsWithoutRef<typeof NavigationMenu.Viewport>;
+declare const NavigationMenuViewport: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").NavigationMenuViewportProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type NavigationMenuPopupProps = ComponentPropsWithoutRef<typeof NavigationMenu.Popup>;
+declare const NavigationMenuPopup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").NavigationMenuPopupProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+type NavigationMenuBackdropProps = ComponentPropsWithoutRef<typeof NavigationMenu.Backdrop>;
+declare const NavigationMenuBackdrop: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").NavigationMenuBackdropProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type NavigationMenuArrowProps = ComponentPropsWithoutRef<typeof NavigationMenu.Arrow>;
+declare const NavigationMenuArrow: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").NavigationMenuArrowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const NavigationMenu$1: {
+  Root: import("react").ForwardRefExoticComponent<Omit<NavigationMenuRootProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+  List: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").NavigationMenuListProps, "ref"> & import("react").RefAttributes<HTMLUListElement>, "ref"> & import("react").RefAttributes<HTMLUListElement>>;
+  Item: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").NavigationMenuItemProps, "ref"> & import("react").RefAttributes<HTMLLIElement>, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
+  Trigger: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").NavigationMenuTriggerProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  Content: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").NavigationMenuContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Link: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").NavigationMenuLinkProps, "ref"> & import("react").RefAttributes<HTMLAnchorElement>, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
+  Icon: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").NavigationMenuIconProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  Portal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").NavigationMenuPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Positioner: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").NavigationMenuPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Viewport: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").NavigationMenuViewportProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Popup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").NavigationMenuPopupProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+  Backdrop: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").NavigationMenuBackdropProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Arrow: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").NavigationMenuArrowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+};
+//#endregion
+export { NavigationMenu$1 as NavigationMenu, NavigationMenuArrow, NavigationMenuArrowProps, NavigationMenuBackdrop, NavigationMenuBackdropProps, NavigationMenuContent, NavigationMenuContentProps, NavigationMenuIcon, NavigationMenuIconProps, NavigationMenuItem, NavigationMenuItemProps, NavigationMenuLink, NavigationMenuLinkProps, NavigationMenuList, NavigationMenuListProps, NavigationMenuOrientation, NavigationMenuPopup, NavigationMenuPopupProps, NavigationMenuPortal, NavigationMenuPositioner, NavigationMenuPositionerProps, NavigationMenuRoot$1 as NavigationMenuRoot, NavigationMenuRootProps, NavigationMenuTrigger, NavigationMenuTriggerProps, NavigationMenuViewport, NavigationMenuViewportProps };
+//# sourceMappingURL=navigation-menu.d.ts.map

package/dist/components/navigation-menu/navigation-menu.js

@@ -0,0 +1,201 @@
+"use client";
+import { withRecipeClassName } from "../base-ui.js";
+import { navigationMenu } from "../../styled-system/recipes/navigation-menu.js";
+import { createContext, forwardRef, useCallback, useContext, useEffect, useId, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { NavigationMenu } from "@base-ui/react/navigation-menu";
+//#region src/components/navigation-menu/navigation-menu.tsx
+const NavigationMenuContext = createContext(null);
+const NavigationMenuItemContext = createContext(null);
+function useNavigationMenuContext() {
+	const context = useContext(NavigationMenuContext);
+	if (!context) throw new Error("NavigationMenu parts must be rendered inside NavigationMenu.Root.");
+	return context;
+}
+const NavigationMenuRoot$1 = forwardRef(function NavigationMenuRoot({ children, className, defaultValue, onValueChange, orientation = "horizontal", value, ...props }, ref) {
+	const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue ?? null);
+	const rootElementRef = useRef(null);
+	const resolvedValue = value === void 0 ? uncontrolledValue : value;
+	const styles = navigationMenu({ orientation });
+	const close = useCallback(() => {
+		if (value === void 0) setUncontrolledValue(null);
+		else onValueChange?.(null);
+	}, [onValueChange, value]);
+	useEffect(() => {
+		if (resolvedValue === null) return;
+		const handleOutsideClick = (event) => {
+			const target = event.target;
+			if (!(target instanceof Element)) return;
+			if (rootElementRef.current?.contains(target)) return;
+			if (target.closest("[data-slot=\"navigation-menu-content\"], [data-slot=\"navigation-menu-positioner\"], [data-slot=\"navigation-menu-popup\"], [data-slot=\"navigation-menu-viewport\"]")) return;
+			close();
+		};
+		document.addEventListener("click", handleOutsideClick);
+		return () => document.removeEventListener("click", handleOutsideClick);
+	}, [close, resolvedValue]);
+	const setRootRef = (element) => {
+		rootElementRef.current = element;
+		if (typeof ref === "function") ref(element);
+		else if (ref) ref.current = element;
+	};
+	return /* @__PURE__ */ jsx(NavigationMenuContext.Provider, {
+		value: {
+			close,
+			orientation,
+			styles,
+			value: resolvedValue
+		},
+		children: /* @__PURE__ */ jsx(NavigationMenu.Root, {
+			...props,
+			onValueChange: (next) => {
+				if (value === void 0) setUncontrolledValue(next);
+				onValueChange?.(next);
+			},
+			orientation,
+			ref: setRootRef,
+			value: resolvedValue,
+			className: withRecipeClassName(styles.root, className),
+			"data-jaci-component": "navigation-menu",
+			"data-orientation": orientation,
+			"data-slot": "navigation-menu",
+			children
+		})
+	});
+});
+const NavigationMenuList = forwardRef(function NavigationMenuList({ className, ...props }, ref) {
+	const { styles, orientation } = useNavigationMenuContext();
+	return /* @__PURE__ */ jsx(NavigationMenu.List, {
+		...props,
+		ref,
+		className: withRecipeClassName(styles.list, className),
+		"data-orientation": orientation,
+		"data-slot": "navigation-menu-list"
+	});
+});
+const NavigationMenuItem = forwardRef(function NavigationMenuItem({ children, className, value, ...props }, ref) {
+	const { styles } = useNavigationMenuContext();
+	const generatedValue = useId();
+	const itemValue = value ?? generatedValue;
+	return /* @__PURE__ */ jsx(NavigationMenuItemContext.Provider, {
+		value: { value: itemValue },
+		children: /* @__PURE__ */ jsx(NavigationMenu.Item, {
+			...props,
+			ref,
+			value: itemValue,
+			className: withRecipeClassName(styles.item, className),
+			"data-slot": "navigation-menu-item",
+			children
+		})
+	});
+});
+const NavigationMenuTrigger = forwardRef(function NavigationMenuTrigger({ className, onClick, ...props }, ref) {
+	const { close, styles, value } = useNavigationMenuContext();
+	const item = useContext(NavigationMenuItemContext);
+	return /* @__PURE__ */ jsx(NavigationMenu.Trigger, {
+		...props,
+		ref,
+		className: withRecipeClassName(styles.trigger, className),
+		"data-slot": "navigation-menu-trigger",
+		onClick: (event) => {
+			if (item?.value !== void 0 && value === item.value) {
+				event.preventDefault();
+				close();
+			}
+			onClick?.(event);
+		}
+	});
+});
+const NavigationMenuContent = forwardRef(function NavigationMenuContent({ className, ...props }, ref) {
+	const { styles } = useNavigationMenuContext();
+	return /* @__PURE__ */ jsx(NavigationMenu.Content, {
+		...props,
+		ref,
+		className: withRecipeClassName(styles.content, className),
+		"data-slot": "navigation-menu-content"
+	});
+});
+const NavigationMenuLink = forwardRef(function NavigationMenuLink({ className, ...props }, ref) {
+	const { styles } = useNavigationMenuContext();
+	return /* @__PURE__ */ jsx(NavigationMenu.Link, {
+		...props,
+		ref,
+		className: withRecipeClassName(styles.link, className),
+		"data-slot": "navigation-menu-link"
+	});
+});
+const NavigationMenuIcon = forwardRef(function NavigationMenuIcon({ children = "⌄", className, ...props }, ref) {
+	const { styles } = useNavigationMenuContext();
+	return /* @__PURE__ */ jsx(NavigationMenu.Icon, {
+		...props,
+		ref,
+		className: withRecipeClassName(styles.icon, className),
+		"data-slot": "navigation-menu-icon",
+		children
+	});
+});
+const NavigationMenuPortal = NavigationMenu.Portal;
+const NavigationMenuPositioner = forwardRef(function NavigationMenuPositioner({ className, ...props }, ref) {
+	const { styles } = useNavigationMenuContext();
+	return /* @__PURE__ */ jsx(NavigationMenu.Positioner, {
+		...props,
+		ref,
+		className: withRecipeClassName(styles.positioner, className),
+		"data-slot": "navigation-menu-positioner"
+	});
+});
+const NavigationMenuViewport = forwardRef(function NavigationMenuViewport({ className, ...props }, ref) {
+	const { styles, value } = useNavigationMenuContext();
+	return /* @__PURE__ */ jsx(NavigationMenu.Viewport, {
+		...props,
+		ref,
+		className: withRecipeClassName(styles.viewport, className),
+		"data-open": value !== null ? "true" : "false",
+		"data-slot": "navigation-menu-viewport"
+	});
+});
+const NavigationMenuPopup = forwardRef(function NavigationMenuPopup({ className, ...props }, ref) {
+	const { styles } = useNavigationMenuContext();
+	return /* @__PURE__ */ jsx(NavigationMenu.Popup, {
+		...props,
+		ref,
+		className: withRecipeClassName(styles.popup, className),
+		"data-slot": "navigation-menu-popup"
+	});
+});
+const NavigationMenuBackdrop = forwardRef(function NavigationMenuBackdrop({ className, ...props }, ref) {
+	const { styles } = useNavigationMenuContext();
+	return /* @__PURE__ */ jsx(NavigationMenu.Backdrop, {
+		...props,
+		ref,
+		className: withRecipeClassName(styles.backdrop, className),
+		"data-slot": "navigation-menu-backdrop"
+	});
+});
+const NavigationMenuArrow = forwardRef(function NavigationMenuArrow({ className, ...props }, ref) {
+	const { styles } = useNavigationMenuContext();
+	return /* @__PURE__ */ jsx(NavigationMenu.Arrow, {
+		...props,
+		ref,
+		className: withRecipeClassName(styles.arrow, className),
+		"data-slot": "navigation-menu-arrow"
+	});
+});
+const NavigationMenu$1 = {
+	Root: NavigationMenuRoot$1,
+	List: NavigationMenuList,
+	Item: NavigationMenuItem,
+	Trigger: NavigationMenuTrigger,
+	Content: NavigationMenuContent,
+	Link: NavigationMenuLink,
+	Icon: NavigationMenuIcon,
+	Portal: NavigationMenuPortal,
+	Positioner: NavigationMenuPositioner,
+	Viewport: NavigationMenuViewport,
+	Popup: NavigationMenuPopup,
+	Backdrop: NavigationMenuBackdrop,
+	Arrow: NavigationMenuArrow
+};
+//#endregion
+export { NavigationMenu$1 as NavigationMenu, NavigationMenuArrow, NavigationMenuBackdrop, NavigationMenuContent, NavigationMenuIcon, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPopup, NavigationMenuPortal, NavigationMenuPositioner, NavigationMenuRoot$1 as NavigationMenuRoot, NavigationMenuTrigger, NavigationMenuViewport };
+
+//# sourceMappingURL=navigation-menu.js.map

package/dist/components/navigation-menu/navigation-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu.js","names":["NavigationMenuRoot","BaseNavigationMenu","NavigationMenu"],"sources":["../../../src/components/navigation-menu/navigation-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport { NavigationMenu as BaseNavigationMenu } from \"@base-ui/react/navigation-menu\";\nimport {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { NavigationMenuRoot as BaseNavigationMenuRoot } from \"@base-ui/react/navigation-menu\";\n\nimport { navigationMenu } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport type NavigationMenuOrientation = \"horizontal\" | \"vertical\";\n\ninterface NavigationMenuContextValue {\n  close: () => void;\n  orientation: NavigationMenuOrientation;\n  styles: ReturnType<typeof navigationMenu>;\n  value: string | null;\n}\n\nconst NavigationMenuContext = createContext<NavigationMenuContextValue | null>(null);\nconst NavigationMenuItemContext = createContext<{ value?: string } | null>(null);\n\nfunction useNavigationMenuContext() {\n  const context = useContext(NavigationMenuContext);\n  if (!context) {\n    throw new Error(\"NavigationMenu parts must be rendered inside NavigationMenu.Root.\");\n  }\n\n  return context;\n}\n\nexport interface NavigationMenuRootProps\n  extends Omit<\n    BaseNavigationMenuRoot.Props<string>,\n    \"children\" | \"className\" | \"onValueChange\" | \"value\" | \"defaultValue\"\n  > {\n  value?: string | null;\n  defaultValue?: string | null;\n  onValueChange?: (value: string | null) => void;\n  orientation?: NavigationMenuOrientation;\n  children?: ReactNode;\n  className?: string;\n}\n\nexport const NavigationMenuRoot = forwardRef<HTMLElement, NavigationMenuRootProps>(\n  function NavigationMenuRoot(\n    {\n      children,\n      className,\n      defaultValue,\n      onValueChange,\n      orientation = \"horizontal\",\n      value,\n      ...props\n    },\n    ref,\n  ) {\n    const [uncontrolledValue, setUncontrolledValue] = useState<string | null>(defaultValue ?? null);\n    const rootElementRef = useRef<HTMLElement | null>(null);\n    // Keep the Base UI primitive controlled by the wrapper state even when the\n    // consumer uses the uncontrolled API. This keeps the viewport and the\n    // primitive in sync when Base UI dismisses a menu (pointer leave, outside\n    // press, Escape or pressing the trigger again).\n    const resolvedValue = value === undefined ? uncontrolledValue : value;\n    const styles = navigationMenu({ orientation });\n    const close = useCallback(() => {\n      if (value === undefined) setUncontrolledValue(null);\n      else onValueChange?.(null);\n    }, [onValueChange, value]);\n\n    useEffect(() => {\n      if (resolvedValue === null) return;\n\n      const handleOutsideClick = (event: MouseEvent) => {\n        const target = event.target;\n        if (!(target instanceof Element)) return;\n        if (rootElementRef.current?.contains(target)) return;\n        if (\n          target.closest(\n            '[data-slot=\"navigation-menu-content\"], [data-slot=\"navigation-menu-positioner\"], [data-slot=\"navigation-menu-popup\"], [data-slot=\"navigation-menu-viewport\"]',\n          )\n        ) {\n          return;\n        }\n        close();\n      };\n\n      document.addEventListener(\"click\", handleOutsideClick);\n      return () => document.removeEventListener(\"click\", handleOutsideClick);\n    }, [close, resolvedValue]);\n\n    const setRootRef = (element: HTMLElement | null) => {\n      rootElementRef.current = element;\n      if (typeof ref === \"function\") ref(element);\n      else if (ref) ref.current = element;\n    };\n\n    return (\n      <NavigationMenuContext.Provider value={{ close, orientation, styles, value: resolvedValue }}>\n        <BaseNavigationMenu.Root\n          {...props}\n          onValueChange={(next) => {\n            if (value === undefined) setUncontrolledValue(next);\n            onValueChange?.(next);\n          }}\n          orientation={orientation}\n          ref={setRootRef}\n          value={resolvedValue}\n          className={withRecipeClassName(styles.root, className)}\n          data-jaci-component=\"navigation-menu\"\n          data-orientation={orientation}\n          data-slot=\"navigation-menu\"\n        >\n          {children}\n        </BaseNavigationMenu.Root>\n      </NavigationMenuContext.Provider>\n    );\n  },\n);\n\nexport type NavigationMenuListProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.List>;\nexport const NavigationMenuList = forwardRef<HTMLUListElement, NavigationMenuListProps>(\n  function NavigationMenuList({ className, ...props }, ref) {\n    const { styles, orientation } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.List\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.list, className)}\n        data-orientation={orientation}\n        data-slot=\"navigation-menu-list\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuItemProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Item>;\nexport const NavigationMenuItem = forwardRef<HTMLLIElement, NavigationMenuItemProps>(\n  function NavigationMenuItem({ children, className, value, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    const generatedValue = useId();\n    const itemValue = value ?? generatedValue;\n    return (\n      <NavigationMenuItemContext.Provider value={{ value: itemValue }}>\n        <BaseNavigationMenu.Item\n          {...props}\n          ref={ref}\n          value={itemValue}\n          className={withRecipeClassName(styles.item, className)}\n          data-slot=\"navigation-menu-item\"\n        >\n          {children}\n        </BaseNavigationMenu.Item>\n      </NavigationMenuItemContext.Provider>\n    );\n  },\n);\n\nexport type NavigationMenuTriggerProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Trigger\n>;\nexport const NavigationMenuTrigger = forwardRef<HTMLButtonElement, NavigationMenuTriggerProps>(\n  function NavigationMenuTrigger({ className, onClick, ...props }, ref) {\n    const { close, styles, value } = useNavigationMenuContext();\n    const item = useContext(NavigationMenuItemContext);\n    return (\n      <BaseNavigationMenu.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.trigger, className)}\n        data-slot=\"navigation-menu-trigger\"\n        onClick={(event) => {\n          // Base UI intentionally keeps a hover-opened menu open for a brief\n          // patient-click window. For a component library trigger, a second\n          // click should always be an explicit close action.\n          if (item?.value !== undefined && value === item.value) {\n            event.preventDefault();\n            close();\n          }\n          onClick?.(event);\n        }}\n      />\n    );\n  },\n);\n\nexport type NavigationMenuContentProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Content\n>;\nexport const NavigationMenuContent = forwardRef<HTMLDivElement, NavigationMenuContentProps>(\n  function NavigationMenuContent({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Content\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.content, className)}\n        data-slot=\"navigation-menu-content\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuLinkProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Link>;\nexport const NavigationMenuLink = forwardRef<HTMLAnchorElement, NavigationMenuLinkProps>(\n  function NavigationMenuLink({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Link\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.link, className)}\n        data-slot=\"navigation-menu-link\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuIconProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Icon>;\nexport const NavigationMenuIcon = forwardRef<HTMLSpanElement, NavigationMenuIconProps>(\n  function NavigationMenuIcon({ children = \"⌄\", className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Icon\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.icon, className)}\n        data-slot=\"navigation-menu-icon\"\n      >\n        {children}\n      </BaseNavigationMenu.Icon>\n    );\n  },\n);\n\nexport const NavigationMenuPortal = BaseNavigationMenu.Portal;\n\nexport type NavigationMenuPositionerProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Positioner\n>;\nexport const NavigationMenuPositioner = forwardRef<HTMLDivElement, NavigationMenuPositionerProps>(\n  function NavigationMenuPositioner({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.positioner, className)}\n        data-slot=\"navigation-menu-positioner\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuViewportProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Viewport\n>;\nexport const NavigationMenuViewport = forwardRef<HTMLDivElement, NavigationMenuViewportProps>(\n  function NavigationMenuViewport({ className, ...props }, ref) {\n    const { styles, value } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Viewport\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.viewport, className)}\n        data-open={value !== null ? \"true\" : \"false\"}\n        data-slot=\"navigation-menu-viewport\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuPopupProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Popup>;\nexport const NavigationMenuPopup = forwardRef<HTMLElement, NavigationMenuPopupProps>(\n  function NavigationMenuPopup({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Popup\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.popup, className)}\n        data-slot=\"navigation-menu-popup\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuBackdropProps = ComponentPropsWithoutRef<\n  typeof BaseNavigationMenu.Backdrop\n>;\nexport const NavigationMenuBackdrop = forwardRef<HTMLDivElement, NavigationMenuBackdropProps>(\n  function NavigationMenuBackdrop({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Backdrop\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.backdrop, className)}\n        data-slot=\"navigation-menu-backdrop\"\n      />\n    );\n  },\n);\n\nexport type NavigationMenuArrowProps = ComponentPropsWithoutRef<typeof BaseNavigationMenu.Arrow>;\nexport const NavigationMenuArrow = forwardRef<HTMLDivElement, NavigationMenuArrowProps>(\n  function NavigationMenuArrow({ className, ...props }, ref) {\n    const { styles } = useNavigationMenuContext();\n    return (\n      <BaseNavigationMenu.Arrow\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.arrow, className)}\n        data-slot=\"navigation-menu-arrow\"\n      />\n    );\n  },\n);\n\nexport const NavigationMenu = {\n  Root: NavigationMenuRoot,\n  List: NavigationMenuList,\n  Item: NavigationMenuItem,\n  Trigger: NavigationMenuTrigger,\n  Content: NavigationMenuContent,\n  Link: NavigationMenuLink,\n  Icon: NavigationMenuIcon,\n  Portal: NavigationMenuPortal,\n  Positioner: NavigationMenuPositioner,\n  Viewport: NavigationMenuViewport,\n  Popup: NavigationMenuPopup,\n  Backdrop: NavigationMenuBackdrop,\n  Arrow: NavigationMenuArrow,\n};\n"],"mappings":"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"}