fumadocs-ui 14.2.1 → 14.3.0

package/dist/chunk-ZBOI25UW.js

@@ -1,139 +0,0 @@
-import {
-  useCopyButton
-} from "./chunk-2KMKNVSN.js";
-import {
-  buttonVariants
-} from "./chunk-QKOA6KEZ.js";
-import {
-  ScrollArea,
-  ScrollBar,
-  ScrollViewport
-} from "./chunk-2FLZOPQN.js";
-import {
-  Check,
-  Copy
-} from "./chunk-VPJMNIJX.js";
-import {
-  twMerge
-} from "./chunk-TK3TM3MR.js";
-
-// src/components/codeblock.tsx
-import {
-  forwardRef,
-  useCallback,
-  useRef
-} from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Pre = forwardRef(
-  ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx("pre", { ref, className: twMerge("max-h-[400px] p-4", className), ...props, children: props.children });
-  }
-);
-Pre.displayName = "Pre";
-var CodeBlock = forwardRef(
-  ({
-    title,
-    allowCopy = true,
-    keepBackground = false,
-    icon,
-    className,
-    ...props
-  }, ref) => {
-    const areaRef = useRef(null);
-    const onCopy = useCallback(() => {
-      const pre = areaRef.current?.getElementsByTagName("pre").item(0);
-      if (!pre) return;
-      const clone = pre.cloneNode(true);
-      clone.querySelectorAll(".nd-copy-ignore").forEach((node) => {
-        node.remove();
-      });
-      void navigator.clipboard.writeText(clone.textContent ?? "");
-    }, []);
-    return /* @__PURE__ */ jsxs(
-      "figure",
-      {
-        ref,
-        className: twMerge(
-          "not-prose group fd-codeblock relative my-6 overflow-hidden rounded-lg border bg-fd-secondary/50 text-sm",
-          keepBackground && "bg-[var(--shiki-light-bg)] dark:bg-[var(--shiki-dark-bg)]",
-          className
-        ),
-        ...props,
-        children: [
-          title ? /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center gap-2 border-b bg-fd-muted px-4 py-1.5", children: [
-            icon ? /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: "text-fd-muted-foreground [&_svg]:size-3.5",
-                ...typeof icon === "string" ? {
-                  dangerouslySetInnerHTML: { __html: icon }
-                } : {
-                  children: icon
-                }
-              }
-            ) : null,
-            /* @__PURE__ */ jsx("figcaption", { className: "flex-1 truncate text-fd-muted-foreground", children: title }),
-            allowCopy ? /* @__PURE__ */ jsx(CopyButton, { className: "-me-2", onCopy }) : null
-          ] }) : allowCopy && /* @__PURE__ */ jsx(
-            CopyButton,
-            {
-              className: "absolute right-2 top-2 z-[2] backdrop-blur-md",
-              onCopy
-            }
-          ),
-          /* @__PURE__ */ jsxs(ScrollArea, { ref: areaRef, dir: "ltr", children: [
-            /* @__PURE__ */ jsx(ScrollViewport, { children: props.children }),
-            /* @__PURE__ */ jsx(ScrollBar, { orientation: "horizontal" })
-          ] })
-        ]
-      }
-    );
-  }
-);
-CodeBlock.displayName = "CodeBlock";
-function CopyButton({
-  className,
-  onCopy,
-  ...props
-}) {
-  const [checked, onClick] = useCopyButton(onCopy);
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type: "button",
-      className: twMerge(
-        buttonVariants({
-          color: "ghost",
-          className: "transition-all group-hover:opacity-100"
-        }),
-        !checked && "opacity-0",
-        className
-      ),
-      "aria-label": "Copy Text",
-      onClick,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(
-          Check,
-          {
-            className: twMerge("size-3.5 transition-transform", !checked && "scale-0")
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Copy,
-          {
-            className: twMerge(
-              "absolute size-3.5 transition-transform",
-              checked && "scale-0"
-            )
-          }
-        )
-      ]
-    }
-  );
-}
-
-export {
-  Pre,
-  CodeBlock
-};

package/dist/components/api.client.d.ts

@@ -1,5 +0,0 @@
-import { MouseEventHandler } from 'react';
-
-declare function useCopyButton(onCopy: () => void): [checked: boolean, onClick: MouseEventHandler];
-
-export { useCopyButton as _useCopyButton };

package/dist/components/api.client.js

@@ -1,8 +0,0 @@
-"use client";
-import {
-  useCopyButton
-} from "../chunk-2KMKNVSN.js";
-import "../chunk-MLKGABMK.js";
-export {
-  useCopyButton as _useCopyButton
-};

package/dist/dynamic-sidebar-SYEETGZL.js

@@ -1,129 +0,0 @@
-"use client";
-import {
-  Sidebar
-} from "./chunk-J6XGK6ZG.js";
-import "./chunk-W36BQGMB.js";
-import "./chunk-CDPVENXR.js";
-import "./chunk-TQJ6YPJ3.js";
-import {
-  buttonVariants
-} from "./chunk-QKOA6KEZ.js";
-import "./chunk-2FLZOPQN.js";
-import {
-  PanelLeft
-} from "./chunk-VPJMNIJX.js";
-import {
-  twMerge
-} from "./chunk-TK3TM3MR.js";
-import "./chunk-UUGCW3UP.js";
-import "./chunk-YL3MZH7N.js";
-import {
-  useSidebar
-} from "./chunk-27HFSL7N.js";
-import "./chunk-EFMHXXHW.js";
-import "./chunk-MLKGABMK.js";
-
-// src/components/layout/dynamic-sidebar.tsx
-import {
-  useCallback,
-  useMemo,
-  useRef,
-  useState
-} from "react";
-import { useOnChange } from "fumadocs-core/utils/use-on-change";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function DynamicSidebar(props) {
-  const { collapsed, setCollapsed } = useSidebar();
-  const [hover, setHover] = useState(false);
-  const timerRef = useRef(0);
-  const closeTimeRef = useRef(0);
-  useOnChange(collapsed, () => {
-    setHover(false);
-    closeTimeRef.current = Date.now() + 150;
-  });
-  const onEnter = useCallback((e) => {
-    if (e.pointerType === "touch" || closeTimeRef.current > Date.now()) return;
-    window.clearTimeout(timerRef.current);
-    setHover(true);
-  }, []);
-  const onLeave = useCallback((e) => {
-    if (e.pointerType === "touch") return;
-    window.clearTimeout(timerRef.current);
-    timerRef.current = window.setTimeout(
-      () => {
-        setHover(false);
-        closeTimeRef.current = Date.now() + 150;
-      },
-      Math.min(e.clientX, document.body.clientWidth - e.clientX) > 100 ? 0 : 500
-    );
-  }, []);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    collapsed ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "fixed inset-y-0 start-0 w-6 max-md:hidden",
-          onPointerEnter: onEnter,
-          onPointerLeave: onLeave
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          "aria-label": "Collapse Sidebar",
-          className: twMerge(
-            buttonVariants({
-              color: "secondary",
-              size: "icon",
-              className: "fixed start-4 bottom-2 z-10 max-md:hidden"
-            })
-          ),
-          onClick: () => {
-            setCollapsed((v) => !v);
-          },
-          children: /* @__PURE__ */ jsx(PanelLeft, {})
-        }
-      ),
-      /* @__PURE__ */ jsx("style", { children: `#nd-page { --fd-sidebar-width: 0px; }` })
-    ] }) : null,
-    /* @__PURE__ */ jsx(
-      Sidebar,
-      {
-        ...props,
-        aside: useMemo(
-          () => ({
-            "data-collapse": collapsed,
-            "data-hover": hover,
-            onPointerEnter: collapsed ? onEnter : void 0,
-            onPointerLeave: collapsed ? onLeave : void 0,
-            "aria-hidden": Boolean(collapsed && !hover),
-            style: {
-              // the offset given to docs content when the sidebar is collapsed
-              "--fd-content-offset": "calc(var(--fd-sidebar-width) * -1)"
-            },
-            className: twMerge(
-              "md:transition-[transform,margin,flex]",
-              collapsed && [
-                "md:me-[var(--fd-content-offset)] md:grow-0 md:shadow-md",
-                hover ? "md:translate-x-0" : "md:translate-x-[calc(var(--fd-sidebar-width)*-1)] rtl:md:translate-x-[var(--fd-sidebar-width)]"
-              ],
-              ``
-            )
-          }),
-          [collapsed, hover, onEnter, onLeave]
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        role: "none",
-        className: twMerge("transition-all max-md:hidden", collapsed && "flex-1")
-      }
-    )
-  ] });
-}
-export {
-  DynamicSidebar as default
-};

package/dist/edit-on-github-FIYOWWPQ.js

@@ -1,49 +0,0 @@
-"use client";
-import {
-  buttonVariants
-} from "./chunk-QKOA6KEZ.js";
-import {
-  SquarePen
-} from "./chunk-VPJMNIJX.js";
-import {
-  twMerge
-} from "./chunk-TK3TM3MR.js";
-import {
-  useI18n
-} from "./chunk-EFMHXXHW.js";
-import "./chunk-MLKGABMK.js";
-
-// src/components/layout/edit-on-github.tsx
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var EditOnGitHub = forwardRef(
-  ({ owner, repo, sha = "main", path, ...props }, ref) => {
-    const { text } = useI18n();
-    return /* @__PURE__ */ jsxs(
-      "a",
-      {
-        ref,
-        href: `https://github.com/${owner}/${repo}/blob/${sha}/${path.startsWith("/") ? path.slice(1) : path}`,
-        target: "_blank",
-        rel: "noreferrer noopener",
-        ...props,
-        className: twMerge(
-          buttonVariants({
-            color: "secondary",
-            className: "gap-1.5 py-1 text-fd-muted-foreground"
-          }),
-          props.className
-        ),
-        children: [
-          /* @__PURE__ */ jsx(SquarePen, { className: "size-3.5" }),
-          text.editOnGithub
-        ]
-      }
-    );
-  }
-);
-EditOnGitHub.displayName = "EditOnGitHub";
-var edit_on_github_default = EditOnGitHub;
-export {
-  edit_on_github_default as default
-};

package/dist/layouts/home.client.d.ts

@@ -1,11 +0,0 @@
-import { ReactNode } from 'react';
-import { S as SharedNavProps, L as LinkItemType } from '../shared-SScCiV7b.js';
-export { N as NavProvider } from '../shared-SScCiV7b.js';
-
-declare function Nav({ items, enableSearch, ...props }: Omit<SharedNavProps, 'transparentMode'> & {
-    disableThemeSwitch?: boolean;
-    i18n?: boolean;
-    items: LinkItemType[];
-}): ReactNode;
-
-export { Nav };

package/dist/layouts/home.client.js

@@ -1,274 +0,0 @@
-"use client";
-import {
-  BaseLinkItem,
-  ButtonItem,
-  IconItem,
-  ThemeToggle
-} from "../chunk-AFMXKA2S.js";
-import {
-  LargeSearchToggle,
-  SearchToggle
-} from "../chunk-W36BQGMB.js";
-import "../chunk-CDPVENXR.js";
-import {
-  LanguageToggle,
-  LanguageToggleText
-} from "../chunk-KZTWSBYY.js";
-import {
-  buttonVariants
-} from "../chunk-QKOA6KEZ.js";
-import {
-  NavContext,
-  NavProvider,
-  Title
-} from "../chunk-MCX7E6ZW.js";
-import "../chunk-IVBHRX3O.js";
-import {
-  ChevronDown,
-  Languages
-} from "../chunk-VPJMNIJX.js";
-import {
-  twMerge
-} from "../chunk-TK3TM3MR.js";
-import {
-  useSearchContext
-} from "../chunk-UUGCW3UP.js";
-import "../chunk-EFMHXXHW.js";
-import "../chunk-MLKGABMK.js";
-
-// src/layouts/home.client.tsx
-import { useContext, useMemo, useState } from "react";
-
-// src/layouts/nav-item.tsx
-import { Fragment } from "react";
-import { cva } from "class-variance-authority";
-import Link2 from "fumadocs-core/link";
-
-// src/components/ui/navigation-menu.tsx
-import * as React from "react";
-import * as Primitive from "@radix-ui/react-navigation-menu";
-import { jsx } from "react/jsx-runtime";
-var NavigationMenu = Primitive.Root;
-var NavigationMenuList = Primitive.List;
-var NavigationMenuItem = Primitive.Item;
-var NavigationMenuTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
-  Primitive.Trigger,
-  {
-    ref,
-    className: twMerge("data-[state=open]:bg-fd-accent/50", className),
-    ...props,
-    children
-  }
-));
-NavigationMenuTrigger.displayName = Primitive.Trigger.displayName;
-var NavigationMenuContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  Primitive.Content,
-  {
-    ref,
-    className: twMerge(
-      "absolute inset-x-0 top-0 data-[motion=from-end]:animate-fd-enterFromRight data-[motion=from-start]:animate-fd-enterFromLeft data-[motion=to-end]:animate-fd-exitToRight data-[motion=to-start]:animate-fd-exitToLeft",
-      className
-    ),
-    ...props
-  }
-));
-NavigationMenuContent.displayName = Primitive.Content.displayName;
-var NavigationMenuLink = Primitive.Link;
-var NavigationMenuViewport = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: "flex w-full justify-center", children: /* @__PURE__ */ jsx(
-  Primitive.Viewport,
-  {
-    ...props,
-    className: twMerge(
-      "relative h-[var(--radix-navigation-menu-viewport-height)] w-full origin-[top_center] overflow-hidden text-fd-popover-foreground transition-[width,height] duration-300 data-[state=closed]:animate-fd-nav-menu-out data-[state=open]:animate-fd-nav-menu-in",
-      className
-    )
-  }
-) }));
-NavigationMenuViewport.displayName = Primitive.Viewport.displayName;
-
-// src/layouts/nav-item.tsx
-import { Fragment as Fragment2, jsx as jsx2, jsxs } from "react/jsx-runtime";
-var navItemVariants = cva(
-  "inline-flex items-center gap-1 p-2 text-fd-muted-foreground transition-colors hover:text-fd-accent-foreground data-[active=true]:text-fd-primary [&_svg]:size-4"
-);
-function NavItem({ item, ...props }) {
-  if (item.type === "custom") return /* @__PURE__ */ jsx2("div", { ...props, children: item.children });
-  if (item.type === "menu") {
-    return /* @__PURE__ */ jsxs(NavigationMenuItem, { ...props, children: [
-      /* @__PURE__ */ jsx2(NavigationMenuTrigger, { className: twMerge(navItemVariants(), "rounded-md"), children: item.url ? /* @__PURE__ */ jsx2(Link2, { href: item.url, children: item.text }) : item.text }),
-      /* @__PURE__ */ jsx2(NavigationMenuContent, { className: "grid grid-cols-1 gap-3 px-4 pb-4 md:grid-cols-2 lg:grid-cols-3", children: /* @__PURE__ */ jsx2(MenuItemContent, { item }) })
-    ] });
-  }
-  if (item.type === "button") {
-    return /* @__PURE__ */ jsx2(NavigationMenuItem, { ...props, children: /* @__PURE__ */ jsx2(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsx2(ButtonItem, { item }) }) });
-  }
-  if (item.type === "icon") {
-    return /* @__PURE__ */ jsx2(NavigationMenuItem, { ...props, children: /* @__PURE__ */ jsx2(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsx2(IconItem, { item }) }) });
-  }
-  return /* @__PURE__ */ jsx2(NavigationMenuItem, { ...props, children: /* @__PURE__ */ jsx2(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsx2(BaseLinkItem, { item, className: twMerge(navItemVariants()), children: item.text }) }) });
-}
-function MenuItemContent({ item }) {
-  return /* @__PURE__ */ jsx2(Fragment2, { children: item.items.map((child, i) => {
-    if (child.type === "custom")
-      return /* @__PURE__ */ jsx2(Fragment, { children: child.children }, i);
-    const { banner, footer, ...menuProps } = child.menu ?? {};
-    return /* @__PURE__ */ jsx2(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsxs(
-      Link2,
-      {
-        external: child.external,
-        href: child.url,
-        ...menuProps,
-        className: twMerge(
-          "flex flex-col gap-2 rounded-lg border bg-fd-card p-3 transition-colors hover:bg-fd-accent/80 hover:text-fd-accent-foreground",
-          menuProps.className
-        ),
-        children: [
-          banner ?? (child.icon ? /* @__PURE__ */ jsx2("div", { className: "w-fit rounded-md border bg-fd-muted p-1 [&_svg]:size-4", children: child.icon }) : null),
-          /* @__PURE__ */ jsx2("p", { className: "-mb-1 text-sm font-medium", children: child.text }),
-          child.description ? /* @__PURE__ */ jsx2("p", { className: "text-[13px] text-fd-muted-foreground", children: child.description }) : null,
-          footer
-        ]
-      }
-    ) }, i);
-  }) });
-}
-function MenuItem({ item, ...rest }) {
-  if (item.type === "button") {
-    return /* @__PURE__ */ jsx2(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsx2(ButtonItem, { item, ...rest }) });
-  }
-  if (item.type === "custom")
-    return /* @__PURE__ */ jsx2("div", { ...rest, className: twMerge("grid", rest.className), children: item.children });
-  if (item.type === "menu") {
-    return /* @__PURE__ */ jsxs("div", { ...rest, className: twMerge("mb-4 flex flex-col", rest.className), children: [
-      /* @__PURE__ */ jsx2("p", { className: "mb-1 text-sm text-fd-muted-foreground", children: item.url ? /* @__PURE__ */ jsx2(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsxs(Link2, { href: item.url, children: [
-        item.icon,
-        item.text
-      ] }) }) : /* @__PURE__ */ jsxs(Fragment2, { children: [
-        item.icon,
-        item.text
-      ] }) }),
-      item.items.map((child, i) => /* @__PURE__ */ jsx2(MenuItem, { item: child }, i))
-    ] });
-  }
-  if (item.type === "icon") {
-    return /* @__PURE__ */ jsx2(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsx2(IconItem, { item }) });
-  }
-  return /* @__PURE__ */ jsx2(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsxs(
-    BaseLinkItem,
-    {
-      item,
-      ...rest,
-      className: twMerge(
-        "inline-flex items-center gap-2 py-1.5 transition-colors hover:text-fd-popover-foreground/50 data-[active=true]:font-medium data-[active=true]:text-fd-primary [&_svg]:size-4",
-        rest.className
-      ),
-      children: [
-        item.icon,
-        item.text
-      ]
-    }
-  ) });
-}
-
-// src/layouts/home.client.tsx
-import { Fragment as Fragment3, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-function Nav({
-  items,
-  enableSearch = true,
-  ...props
-}) {
-  const search = useSearchContext();
-  const [navItems, menuItems] = useMemo(
-    () => [
-      items.filter((item) => ["nav", "all"].includes(item.on ?? "all")),
-      items.filter((item) => ["menu", "all"].includes(item.on ?? "all"))
-    ],
-    [items]
-  );
-  return /* @__PURE__ */ jsxs2(Fragment3, { children: [
-    /* @__PURE__ */ jsx3(
-      "div",
-      {
-        "aria-hidden": "true",
-        className: "fixed inset-x-0 top-[var(--fd-banner-height)] z-40 h-6 bg-fd-background",
-        style: {
-          maskImage: "linear-gradient(to bottom,white,transparent)"
-        }
-      }
-    ),
-    /* @__PURE__ */ jsxs2(Header, { children: [
-      /* @__PURE__ */ jsx3(Title, { title: props.title, url: props.url }),
-      props.children,
-      /* @__PURE__ */ jsx3(NavigationMenuList, { className: "flex flex-row items-center gap-2 max-sm:hidden", children: navItems.filter((item) => !isSecondary(item)).map((item, i) => /* @__PURE__ */ jsx3(NavItem, { item, className: "text-sm" }, i)) }),
-      /* @__PURE__ */ jsxs2("div", { className: "flex flex-1 flex-row items-center justify-end lg:gap-1.5", children: [
-        enableSearch && search.enabled ? /* @__PURE__ */ jsxs2(Fragment3, { children: [
-          /* @__PURE__ */ jsx3(SearchToggle, { className: "lg:hidden" }),
-          /* @__PURE__ */ jsx3(LargeSearchToggle, { className: "w-full max-w-[240px] max-lg:hidden" })
-        ] }) : null,
-        !props.disableThemeSwitch ? /* @__PURE__ */ jsx3(ThemeToggle, { className: "max-lg:hidden" }) : null,
-        props.i18n ? /* @__PURE__ */ jsx3(LanguageToggle, { className: "-me-1.5 max-lg:hidden", children: /* @__PURE__ */ jsx3(Languages, { className: "size-5" }) }) : null,
-        navItems.filter(isSecondary).map((item, i) => /* @__PURE__ */ jsx3(
-          NavItem,
-          {
-            item,
-            className: "-me-1.5 list-none max-lg:hidden"
-          },
-          i
-        )),
-        /* @__PURE__ */ jsxs2(NavigationMenuItem, { className: "list-none lg:hidden", children: [
-          /* @__PURE__ */ jsx3(
-            NavigationMenuTrigger,
-            {
-              className: twMerge(
-                buttonVariants({
-                  size: "icon",
-                  color: "ghost"
-                }),
-                "group -me-2"
-              ),
-              children: /* @__PURE__ */ jsx3(ChevronDown, { className: "size-3 transition-transform duration-300 group-data-[state=open]:rotate-180" })
-            }
-          ),
-          /* @__PURE__ */ jsxs2(NavigationMenuContent, { className: "flex flex-col p-4 sm:flex-row sm:items-center sm:justify-end", children: [
-            menuItems.filter((item) => !isSecondary(item)).map((item, i) => /* @__PURE__ */ jsx3(MenuItem, { item, className: "sm:hidden" }, i)),
-            /* @__PURE__ */ jsxs2("div", { className: "-ms-1.5 flex flex-row items-center gap-1.5 max-sm:mt-2", children: [
-              props.i18n ? /* @__PURE__ */ jsxs2(LanguageToggle, { className: "me-auto", children: [
-                /* @__PURE__ */ jsx3(Languages, { className: "size-5" }),
-                /* @__PURE__ */ jsx3(LanguageToggleText, {}),
-                /* @__PURE__ */ jsx3(ChevronDown, { className: "size-3 text-fd-muted-foreground" })
-              ] }) : null,
-              /* @__PURE__ */ jsx3("div", { className: "flex flex-row items-center empty:hidden", children: menuItems.filter(isSecondary).map((item, i) => /* @__PURE__ */ jsx3(MenuItem, { item }, i)) }),
-              !props.disableThemeSwitch ? /* @__PURE__ */ jsx3(ThemeToggle, { className: twMerge(!props.i18n && "ms-auto") }) : null
-            ] })
-          ] })
-        ] })
-      ] })
-    ] })
-  ] });
-}
-function Header({ children }) {
-  const [value, setValue] = useState("");
-  const { isTransparent } = useContext(NavContext);
-  return /* @__PURE__ */ jsx3(NavigationMenu, { value, onValueChange: setValue, asChild: true, children: /* @__PURE__ */ jsxs2(
-    "header",
-    {
-      id: "nd-nav",
-      className: twMerge(
-        "fixed left-1/2 top-[var(--fd-banner-height)] z-40 mt-1 w-[calc(100%-1rem)] max-w-fd-container -translate-x-1/2 rounded-2xl border border-fd-foreground/10 transition-colors",
-        value.length > 0 ? "shadow-lg" : "shadow-sm",
-        (!isTransparent || value.length > 0) && "bg-fd-background/80 backdrop-blur-lg"
-      ),
-      children: [
-        /* @__PURE__ */ jsx3("nav", { className: "flex h-12 w-full flex-row items-center gap-6 px-4", children }),
-        /* @__PURE__ */ jsx3(NavigationMenuViewport, {})
-      ]
-    }
-  ) });
-}
-function isSecondary(item) {
-  return "secondary" in item && item.secondary === true || item.type === "icon";
-}
-export {
-  Nav,
-  NavProvider
-};