@publish.os/nextjs 0.0.1-alpha.2 → 0.0.1-alpha.3

package/dist/kernel/components/ui/meta-key.cjs

@@ -0,0 +1,34 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/kernel/components/ui/meta-key.tsx
+var meta_key_exports = {};
+__export(meta_key_exports, {
+  MetaKey: () => MetaKey
+});
+module.exports = __toCommonJS(meta_key_exports);
+var import_kbd = require("./kbd.js");
+var import_jsx_runtime = require("react/jsx-runtime");
+function MetaKey({ children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_kbd.Kbd, { ...props, children: children ?? "\u2318" });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MetaKey
+});

package/dist/kernel/components/ui/meta-key.d.cts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { KbdProps } from './kbd.cjs';
+import { ComponentPropsWithoutRef } from 'react';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+
+type MetaKeyProps = Omit<KbdProps, "children"> & {
+    children?: ComponentPropsWithoutRef<"kbd">["children"];
+};
+declare function MetaKey({ children, ...props }: MetaKeyProps): react_jsx_runtime.JSX.Element;
+
+export { MetaKey, type MetaKeyProps };

package/dist/kernel/components/ui/meta-key.d.ts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { KbdProps } from './kbd.js';
+import { ComponentPropsWithoutRef } from 'react';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+
+type MetaKeyProps = Omit<KbdProps, "children"> & {
+    children?: ComponentPropsWithoutRef<"kbd">["children"];
+};
+declare function MetaKey({ children, ...props }: MetaKeyProps): react_jsx_runtime.JSX.Element;
+
+export { MetaKey, type MetaKeyProps };

package/dist/kernel/components/ui/meta-key.js

@@ -0,0 +1,9 @@
+// src/kernel/components/ui/meta-key.tsx
+import { Kbd } from "./kbd.js";
+import { jsx } from "react/jsx-runtime";
+function MetaKey({ children, ...props }) {
+  return /* @__PURE__ */ jsx(Kbd, { ...props, children: children ?? "\u2318" });
+}
+export {
+  MetaKey
+};

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

@@ -0,0 +1,253 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/kernel/components/ui/navigation-menu.tsx
+var navigation_menu_exports = {};
+__export(navigation_menu_exports, {
+  NavigationMenu: () => NavigationMenu,
+  NavigationMenuArrow: () => NavigationMenuArrow,
+  NavigationMenuBackdrop: () => NavigationMenuBackdrop,
+  NavigationMenuContent: () => NavigationMenuContent,
+  NavigationMenuIcon: () => NavigationMenuIcon,
+  NavigationMenuItem: () => NavigationMenuItem,
+  NavigationMenuLink: () => NavigationMenuLink,
+  NavigationMenuList: () => NavigationMenuList,
+  NavigationMenuPopup: () => NavigationMenuPopup,
+  NavigationMenuPortal: () => NavigationMenuPortal,
+  NavigationMenuPositioner: () => NavigationMenuPositioner,
+  NavigationMenuRoot: () => NavigationMenuRoot,
+  NavigationMenuTrigger: () => NavigationMenuTrigger,
+  NavigationMenuViewport: () => NavigationMenuViewport
+});
+module.exports = __toCommonJS(navigation_menu_exports);
+var import_navigation_menu = require("@base-ui/react/navigation-menu");
+
+// src/utils/cn.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
+  extend: {
+    classGroups: {
+      z: [
+        "z-content",
+        "z-nav",
+        "z-overlay",
+        "z-modal",
+        "z-search",
+        "z-toast",
+        "z-progress"
+      ]
+    }
+  }
+});
+function cn(...inputs) {
+  return twMerge((0, import_clsx.clsx)(inputs));
+}
+
+// src/kernel/components/ui/navigation-menu.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function NavigationMenuRoot({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_navigation_menu.NavigationMenu.Root, { className: cn("relative", className), ...props });
+}
+function NavigationMenuList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_navigation_menu.NavigationMenu.List,
+    {
+      className: cn(
+        "flex list-none items-center gap-1 p-0 data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function NavigationMenuItem(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_navigation_menu.NavigationMenu.Item, { ...props });
+}
+var navigationMenuTriggerClassName = [
+  "inline-flex shrink-0 select-none items-center justify-center gap-2 whitespace-nowrap rounded-button px-3 py-1.5 text-sm font-medium leading-none text-foreground-2 outline-none transition-colors duration-150 ease-out",
+  "hover:bg-surface-hover hover:text-foreground-1 active:bg-surface-active data-[popup-open]:bg-surface-active data-[popup-open]:text-foreground-1",
+  "focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:outline-focus-ring disabled:pointer-events-none disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50",
+  "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0"
+].join(" ");
+function NavigationMenuTrigger({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_navigation_menu.NavigationMenu.Trigger,
+    {
+      className: cn(navigationMenuTriggerClassName, className),
+      ...props
+    }
+  );
+}
+function NavigationMenuIcon({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_navigation_menu.NavigationMenu.Icon,
+    {
+      className: cn(
+        "flex size-4 items-center justify-center transition-transform duration-150 ease-out data-[popup-open]:rotate-180 motion-reduce:transition-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function NavigationMenuContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_navigation_menu.NavigationMenu.Content,
+    {
+      className: cn("outline-none", className),
+      ...props
+    }
+  );
+}
+function NavigationMenuLink({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_navigation_menu.NavigationMenu.Link,
+    {
+      className: cn(
+        navigationMenuTriggerClassName,
+        "!no-underline hover:!no-underline active:!no-underline data-active:bg-surface-active data-active:text-foreground-1 data-[state=path-active]:bg-surface-active data-[state=path-active]:text-foreground-1",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function NavigationMenuBackdrop({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_navigation_menu.NavigationMenu.Backdrop,
+    {
+      className: cn("fixed inset-0 z-overlay", className),
+      ...props
+    }
+  );
+}
+function NavigationMenuPortal(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_navigation_menu.NavigationMenu.Portal, { ...props });
+}
+function NavigationMenuPositioner({
+  className,
+  sideOffset = 8,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_navigation_menu.NavigationMenu.Positioner,
+    {
+      className: cn("z-overlay outline-none", className),
+      sideOffset,
+      ...props
+    }
+  );
+}
+function NavigationMenuPopup({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_navigation_menu.NavigationMenu.Popup,
+    {
+      className: cn(
+        "animate-popup min-w-56 rounded-popup border border-[color:var(--surface-menu-border)] bg-surface-menu p-2 text-surface-menu-foreground shadow-lg outline-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function NavigationMenuViewport({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_navigation_menu.NavigationMenu.Viewport,
+    {
+      className: cn("overflow-hidden outline-none", className),
+      ...props
+    }
+  );
+}
+function NavigationMenuArrow({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_navigation_menu.NavigationMenu.Arrow,
+    {
+      className: cn(
+        "size-2 rotate-45 border border-[color:var(--surface-menu-border)] bg-surface-menu",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var NavigationMenu = Object.assign(NavigationMenuRoot, {
+  Arrow: NavigationMenuArrow,
+  Backdrop: NavigationMenuBackdrop,
+  Content: NavigationMenuContent,
+  Icon: NavigationMenuIcon,
+  Item: NavigationMenuItem,
+  Link: NavigationMenuLink,
+  List: NavigationMenuList,
+  Popup: NavigationMenuPopup,
+  Portal: NavigationMenuPortal,
+  Positioner: NavigationMenuPositioner,
+  Root: NavigationMenuRoot,
+  Trigger: NavigationMenuTrigger,
+  Viewport: NavigationMenuViewport
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NavigationMenu,
+  NavigationMenuArrow,
+  NavigationMenuBackdrop,
+  NavigationMenuContent,
+  NavigationMenuIcon,
+  NavigationMenuItem,
+  NavigationMenuLink,
+  NavigationMenuList,
+  NavigationMenuPopup,
+  NavigationMenuPortal,
+  NavigationMenuPositioner,
+  NavigationMenuRoot,
+  NavigationMenuTrigger,
+  NavigationMenuViewport
+});

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

@@ -0,0 +1,47 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { NavigationMenu as NavigationMenu$1 } from '@base-ui/react/navigation-menu';
+import { ComponentPropsWithoutRef } from 'react';
+
+type NavigationMenuProps = ComponentPropsWithoutRef<typeof NavigationMenu$1.Root>;
+type NavigationMenuListProps = ComponentPropsWithoutRef<typeof NavigationMenu$1.List>;
+type NavigationMenuItemProps = ComponentPropsWithoutRef<typeof NavigationMenu$1.Item>;
+type NavigationMenuTriggerProps = ComponentPropsWithoutRef<typeof NavigationMenu$1.Trigger>;
+type NavigationMenuIconProps = ComponentPropsWithoutRef<typeof NavigationMenu$1.Icon>;
+type NavigationMenuContentProps = ComponentPropsWithoutRef<typeof NavigationMenu$1.Content>;
+type NavigationMenuLinkProps = ComponentPropsWithoutRef<typeof NavigationMenu$1.Link>;
+type NavigationMenuBackdropProps = ComponentPropsWithoutRef<typeof NavigationMenu$1.Backdrop>;
+type NavigationMenuPortalProps = ComponentPropsWithoutRef<typeof NavigationMenu$1.Portal>;
+type NavigationMenuPositionerProps = ComponentPropsWithoutRef<typeof NavigationMenu$1.Positioner>;
+type NavigationMenuPopupProps = ComponentPropsWithoutRef<typeof NavigationMenu$1.Popup>;
+type NavigationMenuViewportProps = ComponentPropsWithoutRef<typeof NavigationMenu$1.Viewport>;
+type NavigationMenuArrowProps = ComponentPropsWithoutRef<typeof NavigationMenu$1.Arrow>;
+declare function NavigationMenuRoot({ className, ...props }: NavigationMenuProps): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuList({ className, ...props }: NavigationMenuListProps): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuItem(props: NavigationMenuItemProps): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuTrigger({ className, ...props }: NavigationMenuTriggerProps): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuIcon({ className, ...props }: NavigationMenuIconProps): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuContent({ className, ...props }: NavigationMenuContentProps): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuLink({ className, ...props }: NavigationMenuLinkProps): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuBackdrop({ className, ...props }: NavigationMenuBackdropProps): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuPortal(props: NavigationMenuPortalProps): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuPositioner({ className, sideOffset, ...props }: NavigationMenuPositionerProps): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuPopup({ className, ...props }: NavigationMenuPopupProps): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuViewport({ className, ...props }: NavigationMenuViewportProps): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuArrow({ className, ...props }: NavigationMenuArrowProps): react_jsx_runtime.JSX.Element;
+declare const NavigationMenu: typeof NavigationMenuRoot & {
+    Arrow: typeof NavigationMenuArrow;
+    Backdrop: typeof NavigationMenuBackdrop;
+    Content: typeof NavigationMenuContent;
+    Icon: typeof NavigationMenuIcon;
+    Item: typeof NavigationMenuItem;
+    Link: typeof NavigationMenuLink;
+    List: typeof NavigationMenuList;
+    Popup: typeof NavigationMenuPopup;
+    Portal: typeof NavigationMenuPortal;
+    Positioner: typeof NavigationMenuPositioner;
+    Root: typeof NavigationMenuRoot;
+    Trigger: typeof NavigationMenuTrigger;
+    Viewport: typeof NavigationMenuViewport;
+};
+
+export { NavigationMenu, NavigationMenuArrow, type NavigationMenuArrowProps, NavigationMenuBackdrop, type NavigationMenuBackdropProps, NavigationMenuContent, type NavigationMenuContentProps, NavigationMenuIcon, type NavigationMenuIconProps, NavigationMenuItem, type NavigationMenuItemProps, NavigationMenuLink, type NavigationMenuLinkProps, NavigationMenuList, type NavigationMenuListProps, NavigationMenuPopup, type NavigationMenuPopupProps, NavigationMenuPortal, type NavigationMenuPortalProps, NavigationMenuPositioner, type NavigationMenuPositionerProps, type NavigationMenuProps, NavigationMenuRoot, NavigationMenuTrigger, type NavigationMenuTriggerProps, NavigationMenuViewport, type NavigationMenuViewportProps };

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

@@ -0,0 +1,47 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { NavigationMenu as NavigationMenu$1 } from '@base-ui/react/navigation-menu';
+import { ComponentPropsWithoutRef } from 'react';
+
+type NavigationMenuProps = ComponentPropsWithoutRef<typeof NavigationMenu$1.Root>;
+type NavigationMenuListProps = ComponentPropsWithoutRef<typeof NavigationMenu$1.List>;
+type NavigationMenuItemProps = ComponentPropsWithoutRef<typeof NavigationMenu$1.Item>;
+type NavigationMenuTriggerProps = ComponentPropsWithoutRef<typeof NavigationMenu$1.Trigger>;
+type NavigationMenuIconProps = ComponentPropsWithoutRef<typeof NavigationMenu$1.Icon>;
+type NavigationMenuContentProps = ComponentPropsWithoutRef<typeof NavigationMenu$1.Content>;
+type NavigationMenuLinkProps = ComponentPropsWithoutRef<typeof NavigationMenu$1.Link>;
+type NavigationMenuBackdropProps = ComponentPropsWithoutRef<typeof NavigationMenu$1.Backdrop>;
+type NavigationMenuPortalProps = ComponentPropsWithoutRef<typeof NavigationMenu$1.Portal>;
+type NavigationMenuPositionerProps = ComponentPropsWithoutRef<typeof NavigationMenu$1.Positioner>;
+type NavigationMenuPopupProps = ComponentPropsWithoutRef<typeof NavigationMenu$1.Popup>;
+type NavigationMenuViewportProps = ComponentPropsWithoutRef<typeof NavigationMenu$1.Viewport>;
+type NavigationMenuArrowProps = ComponentPropsWithoutRef<typeof NavigationMenu$1.Arrow>;
+declare function NavigationMenuRoot({ className, ...props }: NavigationMenuProps): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuList({ className, ...props }: NavigationMenuListProps): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuItem(props: NavigationMenuItemProps): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuTrigger({ className, ...props }: NavigationMenuTriggerProps): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuIcon({ className, ...props }: NavigationMenuIconProps): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuContent({ className, ...props }: NavigationMenuContentProps): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuLink({ className, ...props }: NavigationMenuLinkProps): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuBackdrop({ className, ...props }: NavigationMenuBackdropProps): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuPortal(props: NavigationMenuPortalProps): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuPositioner({ className, sideOffset, ...props }: NavigationMenuPositionerProps): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuPopup({ className, ...props }: NavigationMenuPopupProps): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuViewport({ className, ...props }: NavigationMenuViewportProps): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuArrow({ className, ...props }: NavigationMenuArrowProps): react_jsx_runtime.JSX.Element;
+declare const NavigationMenu: typeof NavigationMenuRoot & {
+    Arrow: typeof NavigationMenuArrow;
+    Backdrop: typeof NavigationMenuBackdrop;
+    Content: typeof NavigationMenuContent;
+    Icon: typeof NavigationMenuIcon;
+    Item: typeof NavigationMenuItem;
+    Link: typeof NavigationMenuLink;
+    List: typeof NavigationMenuList;
+    Popup: typeof NavigationMenuPopup;
+    Portal: typeof NavigationMenuPortal;
+    Positioner: typeof NavigationMenuPositioner;
+    Root: typeof NavigationMenuRoot;
+    Trigger: typeof NavigationMenuTrigger;
+    Viewport: typeof NavigationMenuViewport;
+};
+
+export { NavigationMenu, NavigationMenuArrow, type NavigationMenuArrowProps, NavigationMenuBackdrop, type NavigationMenuBackdropProps, NavigationMenuContent, type NavigationMenuContentProps, NavigationMenuIcon, type NavigationMenuIconProps, NavigationMenuItem, type NavigationMenuItemProps, NavigationMenuLink, type NavigationMenuLinkProps, NavigationMenuList, type NavigationMenuListProps, NavigationMenuPopup, type NavigationMenuPopupProps, NavigationMenuPortal, type NavigationMenuPortalProps, NavigationMenuPositioner, type NavigationMenuPositionerProps, type NavigationMenuProps, NavigationMenuRoot, NavigationMenuTrigger, type NavigationMenuTriggerProps, NavigationMenuViewport, type NavigationMenuViewportProps };

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

@@ -0,0 +1,216 @@
+"use client";
+
+// src/kernel/components/ui/navigation-menu.tsx
+import { NavigationMenu as BaseNavigationMenu } from "@base-ui/react/navigation-menu";
+
+// src/utils/cn.ts
+import { clsx } from "clsx";
+import { extendTailwindMerge } from "tailwind-merge";
+var twMerge = extendTailwindMerge({
+  extend: {
+    classGroups: {
+      z: [
+        "z-content",
+        "z-nav",
+        "z-overlay",
+        "z-modal",
+        "z-search",
+        "z-toast",
+        "z-progress"
+      ]
+    }
+  }
+});
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/kernel/components/ui/navigation-menu.tsx
+import { jsx } from "react/jsx-runtime";
+function NavigationMenuRoot({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(BaseNavigationMenu.Root, { className: cn("relative", className), ...props });
+}
+function NavigationMenuList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    BaseNavigationMenu.List,
+    {
+      className: cn(
+        "flex list-none items-center gap-1 p-0 data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function NavigationMenuItem(props) {
+  return /* @__PURE__ */ jsx(BaseNavigationMenu.Item, { ...props });
+}
+var navigationMenuTriggerClassName = [
+  "inline-flex shrink-0 select-none items-center justify-center gap-2 whitespace-nowrap rounded-button px-3 py-1.5 text-sm font-medium leading-none text-foreground-2 outline-none transition-colors duration-150 ease-out",
+  "hover:bg-surface-hover hover:text-foreground-1 active:bg-surface-active data-[popup-open]:bg-surface-active data-[popup-open]:text-foreground-1",
+  "focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:outline-focus-ring disabled:pointer-events-none disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50",
+  "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0"
+].join(" ");
+function NavigationMenuTrigger({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    BaseNavigationMenu.Trigger,
+    {
+      className: cn(navigationMenuTriggerClassName, className),
+      ...props
+    }
+  );
+}
+function NavigationMenuIcon({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    BaseNavigationMenu.Icon,
+    {
+      className: cn(
+        "flex size-4 items-center justify-center transition-transform duration-150 ease-out data-[popup-open]:rotate-180 motion-reduce:transition-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function NavigationMenuContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    BaseNavigationMenu.Content,
+    {
+      className: cn("outline-none", className),
+      ...props
+    }
+  );
+}
+function NavigationMenuLink({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    BaseNavigationMenu.Link,
+    {
+      className: cn(
+        navigationMenuTriggerClassName,
+        "!no-underline hover:!no-underline active:!no-underline data-active:bg-surface-active data-active:text-foreground-1 data-[state=path-active]:bg-surface-active data-[state=path-active]:text-foreground-1",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function NavigationMenuBackdrop({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    BaseNavigationMenu.Backdrop,
+    {
+      className: cn("fixed inset-0 z-overlay", className),
+      ...props
+    }
+  );
+}
+function NavigationMenuPortal(props) {
+  return /* @__PURE__ */ jsx(BaseNavigationMenu.Portal, { ...props });
+}
+function NavigationMenuPositioner({
+  className,
+  sideOffset = 8,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    BaseNavigationMenu.Positioner,
+    {
+      className: cn("z-overlay outline-none", className),
+      sideOffset,
+      ...props
+    }
+  );
+}
+function NavigationMenuPopup({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    BaseNavigationMenu.Popup,
+    {
+      className: cn(
+        "animate-popup min-w-56 rounded-popup border border-[color:var(--surface-menu-border)] bg-surface-menu p-2 text-surface-menu-foreground shadow-lg outline-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function NavigationMenuViewport({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    BaseNavigationMenu.Viewport,
+    {
+      className: cn("overflow-hidden outline-none", className),
+      ...props
+    }
+  );
+}
+function NavigationMenuArrow({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    BaseNavigationMenu.Arrow,
+    {
+      className: cn(
+        "size-2 rotate-45 border border-[color:var(--surface-menu-border)] bg-surface-menu",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var NavigationMenu = Object.assign(NavigationMenuRoot, {
+  Arrow: NavigationMenuArrow,
+  Backdrop: NavigationMenuBackdrop,
+  Content: NavigationMenuContent,
+  Icon: NavigationMenuIcon,
+  Item: NavigationMenuItem,
+  Link: NavigationMenuLink,
+  List: NavigationMenuList,
+  Popup: NavigationMenuPopup,
+  Portal: NavigationMenuPortal,
+  Positioner: NavigationMenuPositioner,
+  Root: NavigationMenuRoot,
+  Trigger: NavigationMenuTrigger,
+  Viewport: NavigationMenuViewport
+});
+export {
+  NavigationMenu,
+  NavigationMenuArrow,
+  NavigationMenuBackdrop,
+  NavigationMenuContent,
+  NavigationMenuIcon,
+  NavigationMenuItem,
+  NavigationMenuLink,
+  NavigationMenuList,
+  NavigationMenuPopup,
+  NavigationMenuPortal,
+  NavigationMenuPositioner,
+  NavigationMenuRoot,
+  NavigationMenuTrigger,
+  NavigationMenuViewport
+};