@hanzo/ui 5.3.22 → 5.3.24

package/dist/primitives/index.mjs

@@ -8,7 +8,7 @@ import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import * as React2 from 'react';
-import React2__default, { useRef, useImperativeHandle, useEffect, useState, cloneElement, useMemo } from 'react';
+import React2__default, { createContext, useRef, useImperativeHandle, useEffect, useState, cloneElement, useMemo, Fragment as Fragment$1, use, useEffectEvent } from 'react';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import useEmblaCarousel from 'embla-carousel-react';
 import { Command as Command$1 } from 'cmdk';
@@ -45,13 +45,63 @@ import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 import NextImage from 'next/image';
 import Link2 from 'next/link';
 import Spline from '@splinetool/react-spline';
+import { Sidebar as Sidebar$1, ChevronRight as ChevronRight$1, Text, Edit, Languages, Sun, Moon as Moon$1, Airplay, ChevronDown as ChevronDown$1, ChevronLeft } from '@icons';
+import { cn as cn$1 } from '@/utils/cn';
+import { buttonVariants as buttonVariants$1 } from '@/components/ui/button';
+import * as Base from '@/components/sidebar/base';
+import { useSidebar } from '@/components/sidebar/base';
+import { createPageTreeRenderer } from '@/components/sidebar/page-tree';
+import { createLinkItemRenderer } from '@/components/sidebar/link-item';
+import { SearchToggle, LargeSearchToggle } from '@/layouts/shared/search-toggle';
+import { mergeRefs } from '@/utils/merge-refs';
+import { resolveLinkItems } from '@/layouts/shared';
+import { LinkItem } from '@/layouts/shared/link-item';
+import { LanguageToggle, LanguageToggleText } from '@/layouts/shared/language-toggle';
+import { Image, usePathname } from '@hanzo/docs-core/framework';
+import { isTabActive, isActive } from '@/utils/is-active';
+import Link5 from '@hanzo/docs-core/link';
+import { useIsScrollTop } from '@/utils/use-is-scroll-top';
+import { TreeContextProvider, useTreePath, useTreeContext } from '@/contexts/tree';
+import { getSidebarTabs } from '@/components/sidebar/tabs';
+import { SidebarTabsDropdown } from '@/components/sidebar/tabs/dropdown';
+import { Header } from '@/layouts/home/client';
+import '@/components/ui/popover';
+import { useI18n, I18nLabel } from '@/contexts/i18n';
+import { getBreadcrumbItemsFromPath } from '@hanzo/docs-core/breadcrumb';
+import { Collapsible as Collapsible$1, CollapsibleTrigger, CollapsibleContent } from '@/components/ui/collapsible';
+import { TOCScrollArea, TOCProvider, useTOCItems } from '@/components/toc';
+import { useActiveAnchor } from '@hanzo/docs-core/toc';
+import { useFooterItems } from '@/utils/use-footer-items';
+import * as TocDefault from '@/components/toc/default';
+import * as TocClerk from '@/components/toc/clerk';
+import { Cards, Card as Card$1 } from '@/components/card';
+import { CalloutDescription, CalloutTitle, CalloutContainer, Callout } from '@/components/callout';
+import { Heading } from '@/components/heading';
+import { CodeBlockTabsTrigger, CodeBlockTabsList, CodeBlockTabs, CodeBlockTab, CodeBlock, Pre } from '@/components/codeblock';
+import { RootProvider as RootProvider$1 } from '@/provider/base';
+import { NextProvider } from '@hanzo/docs-core/framework/next';
+import * as source_star from '@hanzo/docs-core/source';
+import { loader } from '@hanzo/docs-core/source';
+export { loader } from '@hanzo/docs-core/source';
 
 var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget);
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -1480,14 +1530,14 @@ var InputOTPGroup = React2.forwardRef(({ className, ...props }, ref) => /* @__PU
 InputOTPGroup.displayName = "InputOTPGroup";
 var InputOTPSlot = React2.forwardRef(({ index, className, ...props }, ref) => {
   const inputOTPContext = React2.useContext(OTPInputContext);
-  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
+  const { char, hasFakeCaret, isActive: isActive3 } = inputOTPContext.slots[index];
   return /* @__PURE__ */ jsxs(
     "div",
     {
       ref,
       className: cn(
         "relative flex h-9 w-9 items-center justify-center border-y border-r border-input text-sm shadow-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",
-        isActive && "z-10 ring-1 ring-ring",
+        isActive3 && "z-10 ring-1 ring-ring",
         className
       ),
       ...props,
@@ -8083,5 +8133,1653 @@ var HanzoIcon = /* @__PURE__ */ __name(({ className }) => {
     }
   );
 }, "HanzoIcon");
+var itemVariants = cva(
+  "relative flex flex-row items-center gap-2 rounded-lg p-2 text-start text-fd-muted-foreground wrap-anywhere [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        link: "transition-colors hover:bg-fd-accent/50 hover:text-fd-accent-foreground/80 hover:transition-none data-[active=true]:bg-fd-primary/10 data-[active=true]:text-fd-primary data-[active=true]:hover:transition-colors",
+        button: "transition-colors hover:bg-fd-accent/50 hover:text-fd-accent-foreground/80 hover:transition-none"
+      },
+      highlight: {
+        true: "data-[active=true]:before:content-[''] data-[active=true]:before:bg-fd-primary data-[active=true]:before:absolute data-[active=true]:before:w-px data-[active=true]:before:inset-y-2.5 data-[active=true]:before:start-2.5"
+      }
+    }
+  }
+);
+function getItemOffset(depth) {
+  return `calc(${2 + 3 * depth} * var(--spacing))`;
+}
+__name(getItemOffset, "getItemOffset");
+var Sidebar = Base.SidebarProvider;
+var SidebarFolder2 = Base.SidebarFolder;
+var SidebarCollapseTrigger2 = Base.SidebarCollapseTrigger;
+var SidebarViewport2 = Base.SidebarViewport;
+var SidebarTrigger2 = Base.SidebarTrigger;
+function SidebarContent2({
+  ref: refProp,
+  className,
+  children,
+  ...props
+}) {
+  const ref = useRef(null);
+  return /* @__PURE__ */ jsx(Base.SidebarContent, { children: ({ collapsed, hovered, ref: asideRef, ...rest }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-sidebar-placeholder": "",
+        className: "sticky top-(--fd-docs-row-1) z-20 [grid-area:sidebar] pointer-events-none *:pointer-events-auto h-[calc(var(--fd-docs-height)-var(--fd-docs-row-1))] md:layout:[--fd-sidebar-width:268px] max-md:hidden",
+        children: [
+          collapsed && /* @__PURE__ */ jsx("div", { className: "absolute start-0 inset-y-0 w-4", ...rest }),
+          /* @__PURE__ */ jsx(
+            "aside",
+            {
+              id: "nd-sidebar",
+              ref: mergeRefs(ref, refProp, asideRef),
+              "data-collapsed": collapsed,
+              "data-hovered": collapsed && hovered,
+              className: cn$1(
+                "absolute flex flex-col w-full start-0 inset-y-0 items-end bg-fd-card text-sm border-e duration-250 *:w-(--fd-sidebar-width)",
+                collapsed && [
+                  "inset-y-2 rounded-xl transition-transform border w-(--fd-sidebar-width)",
+                  hovered ? "shadow-lg translate-x-2 rtl:-translate-x-2" : "-translate-x-(--fd-sidebar-width) rtl:translate-x-full"
+                ],
+                ref.current && ref.current.getAttribute("data-collapsed") === "true" !== collapsed && "transition-[width,inset-block,translate,background-color]",
+                className
+              ),
+              ...props,
+              ...rest,
+              children
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-sidebar-panel": "",
+        className: cn$1(
+          "fixed flex top-[calc(--spacing(4)+var(--fd-toc-popover-height))] start-4 shadow-lg transition-opacity rounded-xl p-0.5 border bg-fd-muted text-fd-muted-foreground z-10",
+          (!collapsed || hovered) && "pointer-events-none opacity-0"
+        ),
+        children: [
+          /* @__PURE__ */ jsx(
+            SidebarCollapseTrigger2,
+            {
+              className: cn$1(
+                buttonVariants$1({
+                  color: "ghost",
+                  size: "icon-sm",
+                  className: "rounded-lg"
+                })
+              ),
+              children: /* @__PURE__ */ jsx(Sidebar$1, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(SearchToggle, { className: "rounded-lg", hideIfDisabled: true })
+        ]
+      }
+    )
+  ] }) });
+}
+__name(SidebarContent2, "SidebarContent");
+function SidebarDrawer({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Base.SidebarDrawerOverlay, { className: "fixed z-40 inset-0 backdrop-blur-xs data-[state=open]:animate-fd-fade-in data-[state=closed]:animate-fd-fade-out" }),
+    /* @__PURE__ */ jsx(
+      Base.SidebarDrawerContent,
+      {
+        className: cn$1(
+          "fixed text-[0.9375rem] flex flex-col shadow-lg border-s end-0 inset-y-0 w-[85%] max-w-[380px] z-40 bg-fd-background data-[state=open]:animate-fd-sidebar-in data-[state=closed]:animate-fd-sidebar-out",
+          className
+        ),
+        ...props,
+        children
+      }
+    )
+  ] });
+}
+__name(SidebarDrawer, "SidebarDrawer");
+function SidebarSeparator2({
+  className,
+  style,
+  children,
+  ...props
+}) {
+  const depth = Base.useFolderDepth();
+  return /* @__PURE__ */ jsx(
+    Base.SidebarSeparator,
+    {
+      className: cn$1("[&_svg]:size-4 [&_svg]:shrink-0", className),
+      style: {
+        paddingInlineStart: getItemOffset(depth),
+        ...style
+      },
+      ...props,
+      children
+    }
+  );
+}
+__name(SidebarSeparator2, "SidebarSeparator");
+function SidebarItem2({
+  className,
+  style,
+  children,
+  ...props
+}) {
+  const depth = Base.useFolderDepth();
+  return /* @__PURE__ */ jsx(
+    Base.SidebarItem,
+    {
+      className: cn$1(
+        itemVariants({ variant: "link", highlight: depth >= 1 }),
+        className
+      ),
+      style: {
+        paddingInlineStart: getItemOffset(depth),
+        ...style
+      },
+      ...props,
+      children
+    }
+  );
+}
+__name(SidebarItem2, "SidebarItem");
+function SidebarFolderTrigger2({
+  className,
+  style,
+  ...props
+}) {
+  const { depth, collapsible } = Base.useFolder();
+  return /* @__PURE__ */ jsx(
+    Base.SidebarFolderTrigger,
+    {
+      className: cn$1(
+        itemVariants({ variant: collapsible ? "button" : null }),
+        "w-full",
+        className
+      ),
+      style: {
+        paddingInlineStart: getItemOffset(depth - 1),
+        ...style
+      },
+      ...props,
+      children: props.children
+    }
+  );
+}
+__name(SidebarFolderTrigger2, "SidebarFolderTrigger");
+function SidebarFolderLink2({
+  className,
+  style,
+  ...props
+}) {
+  const depth = Base.useFolderDepth();
+  return /* @__PURE__ */ jsx(
+    Base.SidebarFolderLink,
+    {
+      className: cn$1(
+        itemVariants({ variant: "link", highlight: depth > 1 }),
+        "w-full",
+        className
+      ),
+      style: {
+        paddingInlineStart: getItemOffset(depth - 1),
+        ...style
+      },
+      ...props,
+      children: props.children
+    }
+  );
+}
+__name(SidebarFolderLink2, "SidebarFolderLink");
+function SidebarFolderContent2({
+  className,
+  children,
+  ...props
+}) {
+  const depth = Base.useFolderDepth();
+  return /* @__PURE__ */ jsx(
+    Base.SidebarFolderContent,
+    {
+      className: cn$1(
+        "relative",
+        depth === 1 && "before:content-[''] before:absolute before:w-px before:inset-y-1 before:bg-fd-border before:start-2.5",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+__name(SidebarFolderContent2, "SidebarFolderContent");
+var SidebarPageTree = createPageTreeRenderer({
+  SidebarFolder: SidebarFolder2,
+  SidebarFolderContent: SidebarFolderContent2,
+  SidebarFolderLink: SidebarFolderLink2,
+  SidebarFolderTrigger: SidebarFolderTrigger2,
+  SidebarItem: SidebarItem2,
+  SidebarSeparator: SidebarSeparator2
+});
+var SidebarLinkItem = createLinkItemRenderer({
+  SidebarFolder: SidebarFolder2,
+  SidebarFolderContent: SidebarFolderContent2,
+  SidebarFolderLink: SidebarFolderLink2,
+  SidebarFolderTrigger: SidebarFolderTrigger2,
+  SidebarItem: SidebarItem2
+});
+var LayoutContext = createContext(null);
+function LayoutContextProvider({
+  navTransparentMode = "none",
+  children
+}) {
+  const isTop = useIsScrollTop({ enabled: navTransparentMode === "top" }) ?? true;
+  const isNavTransparent = navTransparentMode === "top" ? isTop : navTransparentMode === "always";
+  return /* @__PURE__ */ jsx(
+    LayoutContext,
+    {
+      value: useMemo(
+        () => ({
+          isNavTransparent
+        }),
+        [isNavTransparent]
+      ),
+      children
+    }
+  );
+}
+__name(LayoutContextProvider, "LayoutContextProvider");
+function LayoutHeader(props) {
+  const { isNavTransparent } = use(LayoutContext);
+  return /* @__PURE__ */ jsx("header", { "data-transparent": isNavTransparent, ...props, children: props.children });
+}
+__name(LayoutHeader, "LayoutHeader");
+function LayoutBody({
+  className,
+  style,
+  children,
+  ...props
+}) {
+  const { collapsed } = useSidebar();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      id: "nd-docs-layout",
+      className: cn$1(
+        "grid transition-[grid-template-columns] overflow-x-clip min-h-(--fd-docs-height) auto-cols-auto auto-rows-auto [--fd-docs-height:100dvh] [--fd-header-height:0px] [--fd-toc-popover-height:0px] [--fd-sidebar-width:0px] [--fd-toc-width:0px]",
+        className
+      ),
+      "data-sidebar-collapsed": collapsed,
+      style: {
+        gridTemplate: `"sidebar header toc"
+        "sidebar toc-popover toc"
+        "sidebar main toc" 1fr / minmax(var(--fd-sidebar-col), 1fr) minmax(0, calc(var(--fd-layout-width,97rem) - var(--fd-sidebar-width) - var(--fd-toc-width))) minmax(min-content, 1fr)`,
+        "--fd-docs-row-1": "var(--fd-banner-height, 0px)",
+        "--fd-docs-row-2": "calc(var(--fd-docs-row-1) + var(--fd-header-height))",
+        "--fd-docs-row-3": "calc(var(--fd-docs-row-2) + var(--fd-toc-popover-height))",
+        "--fd-sidebar-col": collapsed ? "0px" : "var(--fd-sidebar-width)",
+        ...style
+      },
+      ...props,
+      children
+    }
+  );
+}
+__name(LayoutBody, "LayoutBody");
+function LayoutTabs({
+  options,
+  ...props
+}) {
+  const pathname = usePathname();
+  const selected = useMemo(() => {
+    return options.findLast((option) => isTabActive(option, pathname));
+  }, [options, pathname]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...props,
+      className: cn$1(
+        "flex flex-row items-end gap-6 overflow-auto [grid-area:main]",
+        props.className
+      ),
+      children: options.map((option, i) => /* @__PURE__ */ jsx(
+        Link5,
+        {
+          href: option.url,
+          className: cn$1(
+            "inline-flex border-b-2 border-transparent transition-colors items-center pb-1.5 font-medium gap-2 text-fd-muted-foreground text-sm text-nowrap hover:text-fd-accent-foreground",
+            option.unlisted && selected !== option && "hidden",
+            selected === option && "border-fd-primary text-fd-primary"
+          ),
+          children: option.title
+        },
+        i
+      ))
+    }
+  );
+}
+__name(LayoutTabs, "LayoutTabs");
+var itemVariants2 = cva(
+  "size-6.5 rounded-full p-1.5 text-fd-muted-foreground",
+  {
+    variants: {
+      active: {
+        true: "bg-fd-accent text-fd-accent-foreground",
+        false: "text-fd-muted-foreground"
+      }
+    }
+  }
+);
+var full = [
+  ["light", Sun],
+  ["dark", Moon$1],
+  ["system", Airplay]
+];
+function ThemeToggle({
+  className,
+  mode = "light-dark",
+  ...props
+}) {
+  const { setTheme, theme, resolvedTheme } = useTheme();
+  const [mounted, setMounted] = useState(false);
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+  const container = cn$1(
+    "inline-flex items-center rounded-full border p-1",
+    className
+  );
+  if (mode === "light-dark") {
+    const value2 = mounted ? resolvedTheme : null;
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        className: container,
+        "aria-label": `Toggle Theme`,
+        onClick: () => setTheme(value2 === "light" ? "dark" : "light"),
+        "data-theme-toggle": "",
+        children: full.map(([key, Icon2]) => {
+          if (key === "system") return;
+          return /* @__PURE__ */ jsx(
+            Icon2,
+            {
+              fill: "currentColor",
+              className: cn$1(itemVariants2({ active: value2 === key }))
+            },
+            key
+          );
+        })
+      }
+    );
+  }
+  const value = mounted ? theme : null;
+  return /* @__PURE__ */ jsx("div", { className: container, "data-theme-toggle": "", ...props, children: full.map(([key, Icon2]) => /* @__PURE__ */ jsx(
+    "button",
+    {
+      "aria-label": key,
+      className: cn$1(itemVariants2({ active: value === key })),
+      onClick: () => setTheme(key),
+      children: /* @__PURE__ */ jsx(Icon2, { className: "size-full", fill: "currentColor" })
+    },
+    key
+  )) });
+}
+__name(ThemeToggle, "ThemeToggle");
+function DocsLayout({
+  nav: { transparentMode, ...nav } = {},
+  sidebar: {
+    tabs: sidebarTabs,
+    enabled: sidebarEnabled = true,
+    defaultOpenLevel,
+    prefetch,
+    ...sidebarProps
+  } = {},
+  searchToggle = {},
+  themeSwitch = {},
+  tabMode = "auto",
+  i18n = false,
+  children,
+  tree,
+  ...props
+}) {
+  const tabs = useMemo(() => {
+    if (Array.isArray(sidebarTabs)) {
+      return sidebarTabs;
+    }
+    if (typeof sidebarTabs === "object") {
+      return getSidebarTabs(tree, sidebarTabs);
+    }
+    if (sidebarTabs !== false) {
+      return getSidebarTabs(tree);
+    }
+    return [];
+  }, [tree, sidebarTabs]);
+  const links = resolveLinkItems(props);
+  function sidebar() {
+    const {
+      footer,
+      banner,
+      collapsible = true,
+      component,
+      components,
+      ...rest
+    } = sidebarProps;
+    if (component) return component;
+    const iconLinks = links.filter((item) => item.type === "icon");
+    const viewport = /* @__PURE__ */ jsxs(SidebarViewport2, { children: [
+      links.filter((v) => v.type !== "icon").map((item, i, list) => /* @__PURE__ */ jsx(
+        SidebarLinkItem,
+        {
+          item,
+          className: cn$1(i === list.length - 1 && "mb-4")
+        },
+        i
+      )),
+      /* @__PURE__ */ jsx(SidebarPageTree, { ...components })
+    ] });
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(SidebarContent2, { ...rest, children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 p-4 pb-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex", children: [
+            /* @__PURE__ */ jsx(
+              Link5,
+              {
+                href: nav.url ?? "/",
+                className: "inline-flex text-[0.9375rem] items-center gap-2.5 font-medium me-auto",
+                children: nav.title
+              }
+            ),
+            nav.children,
+            collapsible && /* @__PURE__ */ jsx(
+              SidebarCollapseTrigger2,
+              {
+                className: cn$1(
+                  buttonVariants$1({
+                    color: "ghost",
+                    size: "icon-sm",
+                    className: "mb-auto text-fd-muted-foreground"
+                  })
+                ),
+                children: /* @__PURE__ */ jsx(Sidebar$1, {})
+              }
+            )
+          ] }),
+          searchToggle.enabled !== false && (searchToggle.components?.lg ?? /* @__PURE__ */ jsx(LargeSearchToggle, { hideIfDisabled: true })),
+          tabs.length > 0 && tabMode === "auto" && /* @__PURE__ */ jsx(SidebarTabsDropdown, { options: tabs }),
+          banner
+        ] }),
+        viewport,
+        (i18n || iconLinks.length > 0 || themeSwitch?.enabled !== false || footer) && /* @__PURE__ */ jsxs("div", { className: "flex flex-col border-t p-4 pt-2 empty:hidden", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex text-fd-muted-foreground items-center empty:hidden", children: [
+            i18n && /* @__PURE__ */ jsx(LanguageToggle, { children: /* @__PURE__ */ jsx(Languages, { className: "size-4.5" }) }),
+            iconLinks.map((item, i) => /* @__PURE__ */ jsx(
+              LinkItem,
+              {
+                item,
+                className: cn$1(
+                  buttonVariants$1({ size: "icon-sm", color: "ghost" })
+                ),
+                "aria-label": item.label,
+                children: item.icon
+              },
+              i
+            )),
+            themeSwitch.enabled !== false && (themeSwitch.component ?? /* @__PURE__ */ jsx(
+              ThemeToggle,
+              {
+                className: "ms-auto p-0",
+                mode: themeSwitch.mode
+              }
+            ))
+          ] }),
+          footer
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(SidebarDrawer, { children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 p-4 pb-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex text-fd-muted-foreground items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx("div", { className: "flex flex-1", children: iconLinks.map((item, i) => /* @__PURE__ */ jsx(
+              LinkItem,
+              {
+                item,
+                className: cn$1(
+                  buttonVariants$1({
+                    size: "icon-sm",
+                    color: "ghost",
+                    className: "p-2"
+                  })
+                ),
+                "aria-label": item.label,
+                children: item.icon
+              },
+              i
+            )) }),
+            i18n && /* @__PURE__ */ jsxs(LanguageToggle, { children: [
+              /* @__PURE__ */ jsx(Languages, { className: "size-4.5" }),
+              /* @__PURE__ */ jsx(LanguageToggleText, {})
+            ] }),
+            themeSwitch.enabled !== false && (themeSwitch.component ?? /* @__PURE__ */ jsx(ThemeToggle, { className: "p-0", mode: themeSwitch.mode })),
+            /* @__PURE__ */ jsx(
+              SidebarTrigger2,
+              {
+                className: cn$1(
+                  buttonVariants$1({
+                    color: "ghost",
+                    size: "icon-sm",
+                    className: "p-2"
+                  })
+                ),
+                children: /* @__PURE__ */ jsx(Sidebar$1, {})
+              }
+            )
+          ] }),
+          tabs.length > 0 && /* @__PURE__ */ jsx(SidebarTabsDropdown, { options: tabs }),
+          banner
+        ] }),
+        viewport,
+        /* @__PURE__ */ jsx("div", { className: "flex flex-col border-t p-4 pt-2 empty:hidden", children: footer })
+      ] })
+    ] });
+  }
+  __name(sidebar, "sidebar");
+  return /* @__PURE__ */ jsx(TreeContextProvider, { tree, children: /* @__PURE__ */ jsx(LayoutContextProvider, { navTransparentMode: transparentMode, children: /* @__PURE__ */ jsx(Sidebar, { defaultOpenLevel, prefetch, children: /* @__PURE__ */ jsxs(LayoutBody, { ...props.containerProps, children: [
+    nav.enabled !== false && (nav.component ?? /* @__PURE__ */ jsxs(
+      LayoutHeader,
+      {
+        id: "nd-subnav",
+        className: "[grid-area:header] sticky top-(--fd-docs-row-1) z-30 flex items-center ps-4 pe-2.5 border-b transition-colors backdrop-blur-sm h-(--fd-header-height) md:hidden max-md:layout:[--fd-header-height:--spacing(14)] data-[transparent=false]:bg-fd-background/80",
+        children: [
+          /* @__PURE__ */ jsx(
+            Link5,
+            {
+              href: nav.url ?? "/",
+              className: "inline-flex items-center gap-2.5 font-semibold",
+              children: nav.title
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "flex-1", children: nav.children }),
+          searchToggle.enabled !== false && (searchToggle.components?.sm ?? /* @__PURE__ */ jsx(SearchToggle, { className: "p-2", hideIfDisabled: true })),
+          sidebarEnabled && /* @__PURE__ */ jsx(
+            SidebarTrigger2,
+            {
+              className: cn$1(
+                buttonVariants$1({
+                  color: "ghost",
+                  size: "icon-sm",
+                  className: "p-2"
+                })
+              ),
+              children: /* @__PURE__ */ jsx(Sidebar$1, {})
+            }
+          )
+        ]
+      }
+    )),
+    sidebarEnabled && sidebar(),
+    tabMode === "top" && tabs.length > 0 && /* @__PURE__ */ jsx(
+      LayoutTabs,
+      {
+        options: tabs,
+        className: "z-10 bg-fd-background border-b px-6 pt-3 xl:px-8 max-md:hidden"
+      }
+    ),
+    children
+  ] }) }) }) });
+}
+__name(DocsLayout, "DocsLayout");
+function HomeLayout(props) {
+  const {
+    nav = {},
+    links,
+    githubUrl,
+    i18n,
+    themeSwitch = {},
+    searchToggle,
+    ...rest
+  } = props;
+  return /* @__PURE__ */ jsxs(
+    "main",
+    {
+      id: "nd-home-layout",
+      ...rest,
+      className: cn$1(
+        "flex flex-1 flex-col [--fd-layout-width:1400px]",
+        rest.className
+      ),
+      children: [
+        nav.enabled !== false && (nav.component ?? /* @__PURE__ */ jsx(
+          Header,
+          {
+            links,
+            nav,
+            themeSwitch,
+            searchToggle,
+            i18n,
+            githubUrl
+          }
+        )),
+        props.children
+      ]
+    }
+  );
+}
+__name(HomeLayout, "HomeLayout");
+var LayoutContext2 = createContext(null);
+
+// docs/layouts/docs/page/index.tsx
+var page_exports = {};
+__export(page_exports, {
+  DocsBody: () => DocsBody,
+  DocsDescription: () => DocsDescription,
+  DocsPage: () => DocsPage,
+  DocsTitle: () => DocsTitle,
+  EditOnGitHub: () => EditOnGitHub,
+  PageBreadcrumb: () => PageBreadcrumb,
+  PageLastUpdate: () => PageLastUpdate
+});
+var TocPopoverContext = createContext(null);
+function PageTOCPopover({
+  className,
+  children,
+  ...rest
+}) {
+  const ref = useRef(null);
+  const [open, setOpen] = useState(false);
+  const { isNavTransparent } = use(LayoutContext);
+  const onClick = useEffectEvent((e) => {
+    if (!open) return;
+    if (ref.current && !ref.current.contains(e.target))
+      setOpen(false);
+  });
+  useEffect(() => {
+    window.addEventListener("click", onClick);
+    return () => {
+      window.removeEventListener("click", onClick);
+    };
+  }, []);
+  return /* @__PURE__ */ jsx(
+    TocPopoverContext,
+    {
+      value: useMemo(
+        () => ({
+          open,
+          setOpen
+        }),
+        [setOpen, open]
+      ),
+      children: /* @__PURE__ */ jsx(
+        Collapsible$1,
+        {
+          open,
+          onOpenChange: setOpen,
+          "data-toc-popover": "",
+          className: cn$1(
+            "sticky top-(--fd-docs-row-2) z-10 [grid-area:toc-popover] h-(--fd-toc-popover-height) xl:hidden max-xl:layout:[--fd-toc-popover-height:--spacing(10)]",
+            className
+          ),
+          ...rest,
+          children: /* @__PURE__ */ jsx(
+            "header",
+            {
+              ref,
+              className: cn$1(
+                "border-b backdrop-blur-sm transition-colors",
+                (!isNavTransparent || open) && "bg-fd-background/80",
+                open && "shadow-lg"
+              ),
+              children
+            }
+          )
+        }
+      )
+    }
+  );
+}
+__name(PageTOCPopover, "PageTOCPopover");
+function PageTOCPopoverTrigger({
+  className,
+  ...props
+}) {
+  const { text } = useI18n();
+  const { open } = use(TocPopoverContext);
+  const items = useTOCItems();
+  const active = useActiveAnchor();
+  const selected = useMemo(
+    () => items.findIndex((item) => active === item.url.slice(1)),
+    [items, active]
+  );
+  const path = useTreePath().at(-1);
+  const showItem = selected !== -1 && !open;
+  return /* @__PURE__ */ jsxs(
+    CollapsibleTrigger,
+    {
+      className: cn$1(
+        "flex w-full h-10 items-center text-sm text-fd-muted-foreground gap-2.5 px-4 py-2.5 text-start focus-visible:outline-none [&_svg]:size-4 md:px-6",
+        className
+      ),
+      "data-toc-popover-trigger": "",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          ProgressCircle,
+          {
+            value: (selected + 1) / Math.max(1, items.length),
+            max: 1,
+            className: cn$1("shrink-0", open && "text-fd-primary")
+          }
+        ),
+        /* @__PURE__ */ jsxs("span", { className: "grid flex-1 *:my-auto *:row-start-1 *:col-start-1", children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn$1(
+                "truncate transition-all",
+                open && "text-fd-foreground",
+                showItem && "opacity-0 -translate-y-full pointer-events-none"
+              ),
+              children: path?.name ?? text.toc
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn$1(
+                "truncate transition-all",
+                !showItem && "opacity-0 translate-y-full pointer-events-none"
+              ),
+              children: items[selected]?.title
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          ChevronDown$1,
+          {
+            className: cn$1(
+              "shrink-0 transition-transform mx-0.5",
+              open && "rotate-180"
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+__name(PageTOCPopoverTrigger, "PageTOCPopoverTrigger");
+function clamp(input, min, max) {
+  if (input < min) return min;
+  if (input > max) return max;
+  return input;
+}
+__name(clamp, "clamp");
+function ProgressCircle({
+  value,
+  strokeWidth = 2,
+  size = 24,
+  min = 0,
+  max = 100,
+  ...restSvgProps
+}) {
+  const normalizedValue = clamp(value, min, max);
+  const radius = (size - strokeWidth) / 2;
+  const circumference = 2 * Math.PI * radius;
+  const progress = normalizedValue / max * circumference;
+  const circleProps = {
+    cx: size / 2,
+    cy: size / 2,
+    r: radius,
+    fill: "none",
+    strokeWidth
+  };
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      role: "progressbar",
+      viewBox: `0 0 ${size} ${size}`,
+      "aria-valuenow": normalizedValue,
+      "aria-valuemin": min,
+      "aria-valuemax": max,
+      ...restSvgProps,
+      children: [
+        /* @__PURE__ */ jsx("circle", { ...circleProps, className: "stroke-current/25" }),
+        /* @__PURE__ */ jsx(
+          "circle",
+          {
+            ...circleProps,
+            stroke: "currentColor",
+            strokeDasharray: circumference,
+            strokeDashoffset: circumference - progress,
+            strokeLinecap: "round",
+            transform: `rotate(-90 ${size / 2} ${size / 2})`,
+            className: "transition-all"
+          }
+        )
+      ]
+    }
+  );
+}
+__name(ProgressCircle, "ProgressCircle");
+function PageTOCPopoverContent(props) {
+  return /* @__PURE__ */ jsx(
+    CollapsibleContent,
+    {
+      "data-toc-popover-content": "",
+      ...props,
+      className: cn$1("flex flex-col px-4 max-h-[50vh] md:px-6", props.className),
+      children: props.children
+    }
+  );
+}
+__name(PageTOCPopoverContent, "PageTOCPopoverContent");
+function PageLastUpdate({
+  date: value,
+  ...props
+}) {
+  const { text } = useI18n();
+  const [date, setDate] = useState("");
+  useEffect(() => {
+    setDate(value.toLocaleDateString());
+  }, [value]);
+  return /* @__PURE__ */ jsxs(
+    "p",
+    {
+      ...props,
+      className: cn$1("text-sm text-fd-muted-foreground", props.className),
+      children: [
+        text.lastUpdate,
+        " ",
+        date
+      ]
+    }
+  );
+}
+__name(PageLastUpdate, "PageLastUpdate");
+function PageFooter({ items, ...props }) {
+  const footerList = useFooterItems();
+  const pathname = usePathname();
+  const { previous, next } = useMemo(() => {
+    if (items) return items;
+    const idx = footerList.findIndex(
+      (item) => isActive(item.url, pathname, false)
+    );
+    if (idx === -1) return {};
+    return {
+      previous: footerList[idx - 1],
+      next: footerList[idx + 1]
+    };
+  }, [footerList, items, pathname]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ...props,
+      className: cn$1(
+        "@container grid gap-4",
+        previous && next ? "grid-cols-2" : "grid-cols-1",
+        props.className
+      ),
+      children: [
+        previous ? /* @__PURE__ */ jsx(FooterItem, { item: previous, index: 0 }) : null,
+        next ? /* @__PURE__ */ jsx(FooterItem, { item: next, index: 1 }) : null
+      ]
+    }
+  );
+}
+__name(PageFooter, "PageFooter");
+function FooterItem({ item, index }) {
+  const { text } = useI18n();
+  const Icon2 = index === 0 ? ChevronLeft : ChevronRight$1;
+  return /* @__PURE__ */ jsxs(
+    Link5,
+    {
+      href: item.url,
+      className: cn$1(
+        "flex flex-col gap-2 rounded-lg border p-4 text-sm transition-colors hover:bg-fd-accent/80 hover:text-fd-accent-foreground @max-lg:col-span-full",
+        index === 1 && "text-end"
+      ),
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn$1(
+              "inline-flex items-center gap-1.5 font-medium",
+              index === 1 && "flex-row-reverse"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(Icon2, { className: "-mx-1 size-4 shrink-0 rtl:rotate-180" }),
+              /* @__PURE__ */ jsx("p", { children: item.name })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("p", { className: "text-fd-muted-foreground truncate", children: item.description ?? (index === 0 ? text.previousPage : text.nextPage) })
+      ]
+    }
+  );
+}
+__name(FooterItem, "FooterItem");
+function PageBreadcrumb({
+  includeRoot,
+  includeSeparator,
+  includePage,
+  ...props
+}) {
+  const path = useTreePath();
+  const { root } = useTreeContext();
+  const items = useMemo(() => {
+    return getBreadcrumbItemsFromPath(root, path, {
+      includePage,
+      includeSeparator,
+      includeRoot
+    });
+  }, [includePage, includeRoot, includeSeparator, path, root]);
+  if (items.length === 0) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...props,
+      className: cn$1(
+        "flex items-center gap-1.5 text-sm text-fd-muted-foreground",
+        props.className
+      ),
+      children: items.map((item, i) => {
+        const className = cn$1(
+          "truncate",
+          i === items.length - 1 && "text-fd-primary font-medium"
+        );
+        return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          i !== 0 && /* @__PURE__ */ jsx(ChevronRight$1, { className: "size-3.5 shrink-0" }),
+          item.url ? /* @__PURE__ */ jsx(
+            Link5,
+            {
+              href: item.url,
+              className: cn$1(className, "transition-opacity hover:opacity-80"),
+              children: item.name
+            }
+          ) : /* @__PURE__ */ jsx("span", { className, children: item.name })
+        ] }, i);
+      })
+    }
+  );
+}
+__name(PageBreadcrumb, "PageBreadcrumb");
+function DocsPage({
+  breadcrumb: {
+    enabled: breadcrumbEnabled = true,
+    component: breadcrumb,
+    ...breadcrumbProps
+  } = {},
+  footer = {},
+  full: full2 = false,
+  tableOfContentPopover: {
+    enabled: tocPopoverEnabled,
+    component: tocPopover,
+    ...tocPopoverOptions
+  } = {},
+  tableOfContent: {
+    enabled: tocEnabled,
+    component: tocReplace,
+    ...tocOptions
+  } = {},
+  toc = [],
+  children
+}) {
+  tocEnabled ?? (tocEnabled = !full2 && (toc.length > 0 || tocOptions.footer !== void 0 || tocOptions.header !== void 0));
+  tocPopoverEnabled ?? (tocPopoverEnabled = toc.length > 0 || tocPopoverOptions.header !== void 0 || tocPopoverOptions.footer !== void 0);
+  let wrapper = /* @__PURE__ */ __name((children2) => children2, "wrapper");
+  if (tocEnabled || tocPopoverEnabled) {
+    wrapper = /* @__PURE__ */ __name((children2) => /* @__PURE__ */ jsx(TOCProvider, { single: tocOptions.single, toc, children: children2 }), "wrapper");
+  }
+  return wrapper(
+    /* @__PURE__ */ jsxs(Fragment, { children: [
+      tocPopoverEnabled && (tocPopover ?? /* @__PURE__ */ jsxs(PageTOCPopover, { children: [
+        /* @__PURE__ */ jsx(PageTOCPopoverTrigger, {}),
+        /* @__PURE__ */ jsxs(PageTOCPopoverContent, { children: [
+          tocPopoverOptions.header,
+          /* @__PURE__ */ jsx(TOCScrollArea, { children: tocPopoverOptions.style === "clerk" ? /* @__PURE__ */ jsx(TocClerk.TOCItems, {}) : /* @__PURE__ */ jsx(TocDefault.TOCItems, {}) }),
+          tocPopoverOptions.footer
+        ] })
+      ] })),
+      /* @__PURE__ */ jsxs(
+        "article",
+        {
+          id: "nd-page",
+          "data-full": full2,
+          className: cn$1(
+            "flex flex-col w-full max-w-[900px] mx-auto [grid-area:main] px-4 py-6 gap-4 md:px-6 md:pt-8 xl:px-8 xl:pt-14",
+            full2 ? "max-w-[1200px]" : "xl:layout:[--fd-toc-width:268px]"
+          ),
+          children: [
+            breadcrumbEnabled && (breadcrumb ?? /* @__PURE__ */ jsx(PageBreadcrumb, { ...breadcrumbProps })),
+            children,
+            footer.enabled !== false && (footer.component ?? /* @__PURE__ */ jsx(PageFooter, { items: footer.items }))
+          ]
+        }
+      ),
+      tocEnabled && (tocReplace ?? /* @__PURE__ */ jsxs(
+        "div",
+        {
+          id: "nd-toc",
+          className: "sticky top-(--fd-docs-row-1) h-[calc(var(--fd-docs-height)-var(--fd-docs-row-1))] flex flex-col [grid-area:toc] w-(--fd-toc-width) pt-12 pe-4 pb-2 max-xl:hidden",
+          children: [
+            tocOptions.header,
+            /* @__PURE__ */ jsxs(
+              "h3",
+              {
+                id: "toc-title",
+                className: "inline-flex items-center gap-1.5 text-sm text-fd-muted-foreground",
+                children: [
+                  /* @__PURE__ */ jsx(Text, { className: "size-4" }),
+                  /* @__PURE__ */ jsx(I18nLabel, { label: "toc" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(TOCScrollArea, { children: tocOptions.style === "clerk" ? /* @__PURE__ */ jsx(TocClerk.TOCItems, {}) : /* @__PURE__ */ jsx(TocDefault.TOCItems, {}) }),
+            tocOptions.footer
+          ]
+        }
+      ))
+    ] })
+  );
+}
+__name(DocsPage, "DocsPage");
+function EditOnGitHub(props) {
+  return /* @__PURE__ */ jsx(
+    "a",
+    {
+      target: "_blank",
+      rel: "noreferrer noopener",
+      ...props,
+      className: cn$1(
+        buttonVariants$1({
+          color: "secondary",
+          size: "sm",
+          className: "gap-1.5 not-prose"
+        }),
+        props.className
+      ),
+      children: props.children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Edit, { className: "size-3.5" }),
+        /* @__PURE__ */ jsx(I18nLabel, { label: "editOnGithub" })
+      ] })
+    }
+  );
+}
+__name(EditOnGitHub, "EditOnGitHub");
+function DocsBody({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("div", { ...props, className: cn$1("prose flex-1", className), children });
+}
+__name(DocsBody, "DocsBody");
+function DocsDescription({
+  children,
+  className,
+  ...props
+}) {
+  if (children === void 0) return null;
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      ...props,
+      className: cn$1("mb-8 text-lg text-fd-muted-foreground", className),
+      children
+    }
+  );
+}
+__name(DocsDescription, "DocsDescription");
+function DocsTitle({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("h1", { ...props, className: cn$1("text-[1.75em] font-semibold", className), children });
+}
+__name(DocsTitle, "DocsTitle");
+
+// docs/layouts/notebook/page/index.tsx
+var page_exports2 = {};
+__export(page_exports2, {
+  DocsBody: () => DocsBody2,
+  DocsDescription: () => DocsDescription2,
+  DocsPage: () => DocsPage2,
+  DocsTitle: () => DocsTitle2,
+  EditOnGitHub: () => EditOnGitHub2,
+  PageBreadcrumb: () => PageBreadcrumb2,
+  PageLastUpdate: () => PageLastUpdate2
+});
+var TocPopoverContext2 = createContext(null);
+function PageTOCPopover2({
+  className,
+  children,
+  ...rest
+}) {
+  const ref = useRef(null);
+  const [open, setOpen] = useState(false);
+  const { isNavTransparent } = use(LayoutContext2);
+  const onClick = useEffectEvent((e) => {
+    if (!open) return;
+    if (ref.current && !ref.current.contains(e.target))
+      setOpen(false);
+  });
+  useEffect(() => {
+    window.addEventListener("click", onClick);
+    return () => {
+      window.removeEventListener("click", onClick);
+    };
+  }, []);
+  return /* @__PURE__ */ jsx(
+    TocPopoverContext2,
+    {
+      value: useMemo(
+        () => ({
+          open,
+          setOpen
+        }),
+        [setOpen, open]
+      ),
+      children: /* @__PURE__ */ jsx(
+        Collapsible$1,
+        {
+          open,
+          onOpenChange: setOpen,
+          "data-toc-popover": "",
+          className: cn$1(
+            "sticky top-(--fd-docs-row-2) z-10 [grid-area:toc-popover] h-(--fd-toc-popover-height) xl:hidden max-xl:layout:[--fd-toc-popover-height:--spacing(10)]",
+            className
+          ),
+          ...rest,
+          children: /* @__PURE__ */ jsx(
+            "header",
+            {
+              ref,
+              className: cn$1(
+                "border-b backdrop-blur-sm transition-colors",
+                (!isNavTransparent || open) && "bg-fd-background/80",
+                open && "shadow-lg"
+              ),
+              children
+            }
+          )
+        }
+      )
+    }
+  );
+}
+__name(PageTOCPopover2, "PageTOCPopover");
+function PageTOCPopoverTrigger2({
+  className,
+  ...props
+}) {
+  const { text } = useI18n();
+  const { open } = use(TocPopoverContext2);
+  const items = useTOCItems();
+  const active = useActiveAnchor();
+  const selected = useMemo(
+    () => items.findIndex((item) => active === item.url.slice(1)),
+    [items, active]
+  );
+  const path = useTreePath().at(-1);
+  const showItem = selected !== -1 && !open;
+  return /* @__PURE__ */ jsxs(
+    CollapsibleTrigger,
+    {
+      className: cn$1(
+        "flex w-full h-10 items-center text-sm text-fd-muted-foreground gap-2.5 px-4 py-2.5 text-start focus-visible:outline-none [&_svg]:size-4 md:px-6",
+        className
+      ),
+      "data-toc-popover-trigger": "",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          ProgressCircle2,
+          {
+            value: (selected + 1) / Math.max(1, items.length),
+            max: 1,
+            className: cn$1("shrink-0", open && "text-fd-primary")
+          }
+        ),
+        /* @__PURE__ */ jsxs("span", { className: "grid flex-1 *:my-auto *:row-start-1 *:col-start-1", children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn$1(
+                "truncate transition-all",
+                open && "text-fd-foreground",
+                showItem && "opacity-0 -translate-y-full pointer-events-none"
+              ),
+              children: path?.name ?? text.toc
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn$1(
+                "truncate transition-all",
+                !showItem && "opacity-0 translate-y-full pointer-events-none"
+              ),
+              children: items[selected]?.title
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          ChevronDown$1,
+          {
+            className: cn$1(
+              "shrink-0 transition-transform mx-0.5",
+              open && "rotate-180"
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+__name(PageTOCPopoverTrigger2, "PageTOCPopoverTrigger");
+function clamp2(input, min, max) {
+  if (input < min) return min;
+  if (input > max) return max;
+  return input;
+}
+__name(clamp2, "clamp");
+function ProgressCircle2({
+  value,
+  strokeWidth = 2,
+  size = 24,
+  min = 0,
+  max = 100,
+  ...restSvgProps
+}) {
+  const normalizedValue = clamp2(value, min, max);
+  const radius = (size - strokeWidth) / 2;
+  const circumference = 2 * Math.PI * radius;
+  const progress = normalizedValue / max * circumference;
+  const circleProps = {
+    cx: size / 2,
+    cy: size / 2,
+    r: radius,
+    fill: "none",
+    strokeWidth
+  };
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      role: "progressbar",
+      viewBox: `0 0 ${size} ${size}`,
+      "aria-valuenow": normalizedValue,
+      "aria-valuemin": min,
+      "aria-valuemax": max,
+      ...restSvgProps,
+      children: [
+        /* @__PURE__ */ jsx("circle", { ...circleProps, className: "stroke-current/25" }),
+        /* @__PURE__ */ jsx(
+          "circle",
+          {
+            ...circleProps,
+            stroke: "currentColor",
+            strokeDasharray: circumference,
+            strokeDashoffset: circumference - progress,
+            strokeLinecap: "round",
+            transform: `rotate(-90 ${size / 2} ${size / 2})`,
+            className: "transition-all"
+          }
+        )
+      ]
+    }
+  );
+}
+__name(ProgressCircle2, "ProgressCircle");
+function PageTOCPopoverContent2(props) {
+  return /* @__PURE__ */ jsx(
+    CollapsibleContent,
+    {
+      "data-toc-popover-content": "",
+      ...props,
+      className: cn$1("flex flex-col px-4 max-h-[50vh] md:px-6", props.className),
+      children: props.children
+    }
+  );
+}
+__name(PageTOCPopoverContent2, "PageTOCPopoverContent");
+function PageLastUpdate2({
+  date: value,
+  ...props
+}) {
+  const { text } = useI18n();
+  const [date, setDate] = useState("");
+  useEffect(() => {
+    setDate(value.toLocaleDateString());
+  }, [value]);
+  return /* @__PURE__ */ jsxs(
+    "p",
+    {
+      ...props,
+      className: cn$1("text-sm text-fd-muted-foreground", props.className),
+      children: [
+        text.lastUpdate,
+        " ",
+        date
+      ]
+    }
+  );
+}
+__name(PageLastUpdate2, "PageLastUpdate");
+function PageFooter2({ items, ...props }) {
+  const footerList = useFooterItems();
+  const pathname = usePathname();
+  const { previous, next } = useMemo(() => {
+    if (items) return items;
+    const idx = footerList.findIndex(
+      (item) => isActive(item.url, pathname, false)
+    );
+    if (idx === -1) return {};
+    return {
+      previous: footerList[idx - 1],
+      next: footerList[idx + 1]
+    };
+  }, [footerList, items, pathname]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ...props,
+      className: cn$1(
+        "@container grid gap-4",
+        previous && next ? "grid-cols-2" : "grid-cols-1",
+        props.className
+      ),
+      children: [
+        previous ? /* @__PURE__ */ jsx(FooterItem2, { item: previous, index: 0 }) : null,
+        next ? /* @__PURE__ */ jsx(FooterItem2, { item: next, index: 1 }) : null
+      ]
+    }
+  );
+}
+__name(PageFooter2, "PageFooter");
+function FooterItem2({ item, index }) {
+  const { text } = useI18n();
+  const Icon2 = index === 0 ? ChevronLeft : ChevronRight$1;
+  return /* @__PURE__ */ jsxs(
+    Link5,
+    {
+      href: item.url,
+      className: cn$1(
+        "flex flex-col gap-2 rounded-lg border p-4 text-sm transition-colors hover:bg-fd-accent/80 hover:text-fd-accent-foreground @max-lg:col-span-full",
+        index === 1 && "text-end"
+      ),
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn$1(
+              "inline-flex items-center gap-1.5 font-medium",
+              index === 1 && "flex-row-reverse"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(Icon2, { className: "-mx-1 size-4 shrink-0 rtl:rotate-180" }),
+              /* @__PURE__ */ jsx("p", { children: item.name })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("p", { className: "text-fd-muted-foreground truncate", children: item.description ?? (index === 0 ? text.previousPage : text.nextPage) })
+      ]
+    }
+  );
+}
+__name(FooterItem2, "FooterItem");
+function PageBreadcrumb2({
+  includeRoot,
+  includeSeparator,
+  includePage,
+  ...props
+}) {
+  const path = useTreePath();
+  const { root } = useTreeContext();
+  const items = useMemo(() => {
+    return getBreadcrumbItemsFromPath(root, path, {
+      includePage,
+      includeSeparator,
+      includeRoot
+    });
+  }, [includePage, includeRoot, includeSeparator, path, root]);
+  if (items.length === 0) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...props,
+      className: cn$1(
+        "flex items-center gap-1.5 text-sm text-fd-muted-foreground",
+        props.className
+      ),
+      children: items.map((item, i) => {
+        const className = cn$1(
+          "truncate",
+          i === items.length - 1 && "text-fd-primary font-medium"
+        );
+        return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          i !== 0 && /* @__PURE__ */ jsx(ChevronRight$1, { className: "size-3.5 shrink-0" }),
+          item.url ? /* @__PURE__ */ jsx(
+            Link5,
+            {
+              href: item.url,
+              className: cn$1(className, "transition-opacity hover:opacity-80"),
+              children: item.name
+            }
+          ) : /* @__PURE__ */ jsx("span", { className, children: item.name })
+        ] }, i);
+      })
+    }
+  );
+}
+__name(PageBreadcrumb2, "PageBreadcrumb");
+function DocsPage2({
+  breadcrumb: {
+    enabled: breadcrumbEnabled = true,
+    component: breadcrumb,
+    ...breadcrumbProps
+  } = {},
+  footer = {},
+  full: full2 = false,
+  tableOfContentPopover: {
+    enabled: tocPopoverEnabled,
+    component: tocPopover,
+    ...tocPopoverOptions
+  } = {},
+  tableOfContent: {
+    enabled: tocEnabled,
+    component: tocReplace,
+    ...tocOptions
+  } = {},
+  toc = [],
+  children
+}) {
+  tocEnabled ?? (tocEnabled = !full2 && (toc.length > 0 || tocOptions.footer !== void 0 || tocOptions.header !== void 0));
+  tocPopoverEnabled ?? (tocPopoverEnabled = toc.length > 0 || tocPopoverOptions.header !== void 0 || tocPopoverOptions.footer !== void 0);
+  let wrapper = /* @__PURE__ */ __name((children2) => children2, "wrapper");
+  if (tocEnabled || tocPopoverEnabled) {
+    wrapper = /* @__PURE__ */ __name((children2) => /* @__PURE__ */ jsx(TOCProvider, { single: tocOptions.single, toc, children: children2 }), "wrapper");
+  }
+  return wrapper(
+    /* @__PURE__ */ jsxs(Fragment, { children: [
+      tocPopoverEnabled && (tocPopover ?? /* @__PURE__ */ jsxs(PageTOCPopover2, { children: [
+        /* @__PURE__ */ jsx(PageTOCPopoverTrigger2, {}),
+        /* @__PURE__ */ jsxs(PageTOCPopoverContent2, { children: [
+          tocPopoverOptions.header,
+          /* @__PURE__ */ jsx(TOCScrollArea, { children: tocPopoverOptions.style === "clerk" ? /* @__PURE__ */ jsx(TocClerk.TOCItems, {}) : /* @__PURE__ */ jsx(TocDefault.TOCItems, {}) }),
+          tocPopoverOptions.footer
+        ] })
+      ] })),
+      /* @__PURE__ */ jsxs(
+        "article",
+        {
+          id: "nd-page",
+          "data-full": full2,
+          className: cn$1(
+            "flex flex-col [grid-area:main] px-4 py-6 gap-4 md:px-6 md:pt-8 xl:px-8 xl:pt-14 *:max-w-[900px]",
+            full2 && "*:max-w-[1285px]"
+          ),
+          children: [
+            breadcrumbEnabled && (breadcrumb ?? /* @__PURE__ */ jsx(PageBreadcrumb2, { ...breadcrumbProps })),
+            children,
+            footer.enabled !== false && (footer.component ?? /* @__PURE__ */ jsx(PageFooter2, { items: footer.items }))
+          ]
+        }
+      ),
+      tocEnabled && (tocReplace ?? /* @__PURE__ */ jsxs(
+        "div",
+        {
+          id: "nd-toc",
+          className: "sticky top-(--fd-docs-row-3) [grid-area:toc] h-[calc(var(--fd-docs-height)-var(--fd-docs-row-3))] flex flex-col w-(--fd-toc-width) pt-12 pe-4 pb-2 xl:layout:[--fd-toc-width:268px] max-xl:hidden",
+          children: [
+            tocOptions.header,
+            /* @__PURE__ */ jsxs(
+              "h3",
+              {
+                id: "toc-title",
+                className: "inline-flex items-center gap-1.5 text-sm text-fd-muted-foreground",
+                children: [
+                  /* @__PURE__ */ jsx(Text, { className: "size-4" }),
+                  /* @__PURE__ */ jsx(I18nLabel, { label: "toc" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(TOCScrollArea, { children: tocOptions.style === "clerk" ? /* @__PURE__ */ jsx(TocClerk.TOCItems, {}) : /* @__PURE__ */ jsx(TocDefault.TOCItems, {}) }),
+            tocOptions.footer
+          ]
+        }
+      ))
+    ] })
+  );
+}
+__name(DocsPage2, "DocsPage");
+function EditOnGitHub2(props) {
+  return /* @__PURE__ */ jsx(
+    "a",
+    {
+      target: "_blank",
+      rel: "noreferrer noopener",
+      ...props,
+      className: cn$1(
+        buttonVariants$1({
+          color: "secondary",
+          size: "sm",
+          className: "gap-1.5 not-prose"
+        }),
+        props.className
+      ),
+      children: props.children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Edit, { className: "size-3.5" }),
+        /* @__PURE__ */ jsx(I18nLabel, { label: "editOnGithub" })
+      ] })
+    }
+  );
+}
+__name(EditOnGitHub2, "EditOnGitHub");
+function DocsBody2({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("div", { ...props, className: cn$1("prose flex-1", className), children });
+}
+__name(DocsBody2, "DocsBody");
+function DocsDescription2({
+  children,
+  className,
+  ...props
+}) {
+  if (children === void 0) return null;
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      ...props,
+      className: cn$1("mb-8 text-lg text-fd-muted-foreground", className),
+      children
+    }
+  );
+}
+__name(DocsDescription2, "DocsDescription");
+function DocsTitle2({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("h1", { ...props, className: cn$1("text-[1.75em] font-semibold", className), children });
+}
+__name(DocsTitle2, "DocsTitle");
+function DocsPage3({
+  lastUpdate,
+  editOnGithub,
+  children,
+  ...props
+}) {
+  const docsLayoutCtx = use(LayoutContext);
+  const { DocsPage: DocsPage4, EditOnGitHub: EditOnGitHub3, PageLastUpdate: PageLastUpdate3 } = docsLayoutCtx ? page_exports : page_exports2;
+  return /* @__PURE__ */ jsxs(DocsPage4, { ...props, children: [
+    children,
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-row flex-wrap items-center justify-between gap-4 empty:hidden", children: [
+      editOnGithub && /* @__PURE__ */ jsx(
+        EditOnGitHub3,
+        {
+          href: `https://github.com/${editOnGithub.owner}/${editOnGithub.repo}/blob/${editOnGithub.sha}/${editOnGithub.path.startsWith("/") ? editOnGithub.path.slice(1) : editOnGithub.path}`
+        }
+      ),
+      lastUpdate && /* @__PURE__ */ jsx(PageLastUpdate3, { date: new Date(lastUpdate) })
+    ] })
+  ] });
+}
+__name(DocsPage3, "DocsPage");
+function Image5(props) {
+  return /* @__PURE__ */ jsx(
+    Image,
+    {
+      sizes: "(max-width: 768px) 100vw, (max-width: 1200px) 70vw, 900px",
+      ...props,
+      src: props.src,
+      className: cn$1("rounded-lg", props.className)
+    }
+  );
+}
+__name(Image5, "Image");
+function Table2(props) {
+  return /* @__PURE__ */ jsx("div", { className: "relative overflow-auto prose-no-margin my-6", children: /* @__PURE__ */ jsx("table", { ...props }) });
+}
+__name(Table2, "Table");
+var defaultMdxComponents = {
+  CodeBlockTab,
+  CodeBlockTabs,
+  CodeBlockTabsList,
+  CodeBlockTabsTrigger,
+  pre: /* @__PURE__ */ __name((props) => /* @__PURE__ */ jsx(CodeBlock, { ...props, children: /* @__PURE__ */ jsx(Pre, { children: props.children }) }), "pre"),
+  Card: Card$1,
+  Cards,
+  a: Link5,
+  img: Image5,
+  h1: /* @__PURE__ */ __name((props) => /* @__PURE__ */ jsx(Heading, { as: "h1", ...props }), "h1"),
+  h2: /* @__PURE__ */ __name((props) => /* @__PURE__ */ jsx(Heading, { as: "h2", ...props }), "h2"),
+  h3: /* @__PURE__ */ __name((props) => /* @__PURE__ */ jsx(Heading, { as: "h3", ...props }), "h3"),
+  h4: /* @__PURE__ */ __name((props) => /* @__PURE__ */ jsx(Heading, { as: "h4", ...props }), "h4"),
+  h5: /* @__PURE__ */ __name((props) => /* @__PURE__ */ jsx(Heading, { as: "h5", ...props }), "h5"),
+  h6: /* @__PURE__ */ __name((props) => /* @__PURE__ */ jsx(Heading, { as: "h6", ...props }), "h6"),
+  table: Table2,
+  Callout,
+  CalloutContainer,
+  CalloutTitle,
+  CalloutDescription
+};
+function RootProvider({ components, ...props }) {
+  return /* @__PURE__ */ jsx(NextProvider, { Link: components?.Link, Image: components?.Image, children: /* @__PURE__ */ jsx(RootProvider$1, { ...props, children: props.children }) });
+}
+__name(RootProvider, "RootProvider");
+
+// docs/source.ts
+var source_exports = {};
+__export(source_exports, {
+  loader: () => loader
+});
+__reExport(source_exports, source_star);
 
-export { AIAgentIcon, AISearchContentIcon, Accordion, AccordionContent, AccordionItem, AccordionTrigger, action_button_default as ActionButton, ActiveIcon, AddAgentIcon, AddCryptoWalletIcon, AddNewFolderIcon, AgentIcon, AiTasksIcon, AisIcon, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnthropicIcon, ApplyTypography, ArchiveIcon, ArchivedIcon, ArrowRightIcon, aspect_ratio_default as AspectRatio, AttachmentIcon, Avatar, AvatarFallback, AvatarImage, AyaCohereIcon, AzureIcon, badge_default as Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, breakpoint_indicator_default as BreakpointIndicator, BrowseSubscriptionIcon, button_default as Button, calendar_default as Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CategoryIcon, ChatBubbleIcon, ChatInput, ChatInputArea, ChatSettingsIcon, checkbox_default as Checkbox, CloudModelIcon, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyToClipboardIcon, CreateAIIcon, CryptoWalletIcon, DeepSeekIcon, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, dialog_video_controller_default as DialogVideoController, DirectoryTypeIcon, DisconnectIcon, DotsLoader, DownloadIcon, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHandle, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmbeddingsGeneratedIcon, EthereumIcon, ExoIcon, ExportIcon, Field, FieldDescription, FieldGroup, FieldLabel, FieldSeparator, FileEmptyStateIcon, FileTypeIcon, FilesIcon, FormulaIcon, GeminiIcon, GenerateDocIcon, GenerateFromWebIcon, GoogleIcon, GrokIcon, GroqIcon, HanzoCombinationMarkIcon, HanzoIcon, HanzoLogoIcon, HanzoLogoSoloIcon, HomeIcon, HoverCard, HoverCardContent, HoverCardTrigger, icons_exports as Icons, image_default as Image, ImportIcon, InboxIcon, inline_icon_default as InlineIcon, input_default as Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, JobBubbleIcon, json_form_default as JsonForm, Kbd, KbdGroup, label_default as Label, link_element_default as LinkElement, list_box_default as ListBox, LmStudioIcon, loading_spinner_default as LoadingSpinner, LocalModelIcon, MCPIcon, mdx_link_default as MDXLink, media_stack_default as MediaStack, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MetaIcon, MetadataIcon, MicrosoftIcon, MistralIcon, MySubscriptionsIcon, nav_items_default as NavItems, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NetworkAgentIcon, NotificationIcon, OllamaIcon, OpenAIIcon, OpenBMBIcon, OpenRouterIcon, PaperClipIcon, PartyIcon, PerplexityIcon, PlusIcon, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger, PrettyJsonPrint, progress_default as Progress, PromptLibraryIcon, PythonIcon, QrIcon, QwenIcon, RadioGroup4 as RadioGroup, RadioGroupItem, ReactJsIcon, ReasoningIcon, ResizableHandle, ResizablePanel, ResizablePanelGroup, SaveIcon, ScheduledTasksComingSoonIcon, ScheduledTasksIcon, ScrollArea, ScrollBar, SearchInput, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, SendIcon, separator_default as Separator, SharedFolderIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFileIcon, SheetFooter, SheetHeader, SheetIcon, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, ShortcutsIcon, skeleton_default as Skeleton, slider_default as Slider, SortingAToZ, SortingZToA, step_indicator_default as StepIndicator, StoreIcon, switch_default as Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, TogetherAI, Toggle, ToggleGroup, ToggleGroupItem, ToolAssetsIcon, ToolsDisabledIcon, ToolsIcon, Tooltip, TooltipArrow2 as TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, TracingIcon, TypeScriptIcon, USDCIcon, UnknownLanguageIcon, UploadVectorResourceIcon, video_player_default as VideoPlayer, WebSearchDisabledIcon, WebSearchIcon, youtube_embed_default as YouTubeEmbed, buttonVariants, fileIconMap, navigationMenuTriggerStyle, toggleVariants };
+export { AIAgentIcon, AISearchContentIcon, Accordion, AccordionContent, AccordionItem, AccordionTrigger, action_button_default as ActionButton, ActiveIcon, AddAgentIcon, AddCryptoWalletIcon, AddNewFolderIcon, AgentIcon, AiTasksIcon, AisIcon, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnthropicIcon, ApplyTypography, ArchiveIcon, ArchivedIcon, ArrowRightIcon, aspect_ratio_default as AspectRatio, AttachmentIcon, Avatar, AvatarFallback, AvatarImage, AyaCohereIcon, AzureIcon, badge_default as Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, breakpoint_indicator_default as BreakpointIndicator, BrowseSubscriptionIcon, button_default as Button, calendar_default as Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CategoryIcon, ChatBubbleIcon, ChatInput, ChatInputArea, ChatSettingsIcon, checkbox_default as Checkbox, CloudModelIcon, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyToClipboardIcon, CreateAIIcon, CryptoWalletIcon, DeepSeekIcon, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, dialog_video_controller_default as DialogVideoController, DirectoryTypeIcon, DisconnectIcon, DocsBody, DocsDescription, DocsLayout, DocsPage3 as DocsPage, DocsTitle, DotsLoader, DownloadIcon, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHandle, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmbeddingsGeneratedIcon, EthereumIcon, ExoIcon, ExportIcon, Field, FieldDescription, FieldGroup, FieldLabel, FieldSeparator, FileEmptyStateIcon, FileTypeIcon, FilesIcon, FormulaIcon, GeminiIcon, GenerateDocIcon, GenerateFromWebIcon, GoogleIcon, GrokIcon, GroqIcon, HanzoCombinationMarkIcon, HanzoIcon, HanzoLogoIcon, HanzoLogoSoloIcon, HomeIcon, HomeLayout, HoverCard, HoverCardContent, HoverCardTrigger, icons_exports as Icons, image_default as Image, ImportIcon, InboxIcon, inline_icon_default as InlineIcon, input_default as Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, JobBubbleIcon, json_form_default as JsonForm, Kbd, KbdGroup, label_default as Label, link_element_default as LinkElement, list_box_default as ListBox, LmStudioIcon, loading_spinner_default as LoadingSpinner, LocalModelIcon, MCPIcon, mdx_link_default as MDXLink, media_stack_default as MediaStack, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MetaIcon, MetadataIcon, MicrosoftIcon, MistralIcon, MySubscriptionsIcon, nav_items_default as NavItems, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NetworkAgentIcon, NotificationIcon, OllamaIcon, OpenAIIcon, OpenBMBIcon, OpenRouterIcon, PaperClipIcon, PartyIcon, PerplexityIcon, PlusIcon, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger, PrettyJsonPrint, progress_default as Progress, PromptLibraryIcon, PythonIcon, QrIcon, QwenIcon, RadioGroup4 as RadioGroup, RadioGroupItem, ReactJsIcon, ReasoningIcon, ResizableHandle, ResizablePanel, ResizablePanelGroup, RootProvider, SaveIcon, ScheduledTasksComingSoonIcon, ScheduledTasksIcon, ScrollArea, ScrollBar, SearchInput, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, SendIcon, separator_default as Separator, SharedFolderIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFileIcon, SheetFooter, SheetHeader, SheetIcon, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, ShortcutsIcon, skeleton_default as Skeleton, slider_default as Slider, SortingAToZ, SortingZToA, step_indicator_default as StepIndicator, StoreIcon, switch_default as Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, TogetherAI, Toggle, ToggleGroup, ToggleGroupItem, ToolAssetsIcon, ToolsDisabledIcon, ToolsIcon, Tooltip, TooltipArrow2 as TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, TracingIcon, TypeScriptIcon, USDCIcon, UnknownLanguageIcon, UploadVectorResourceIcon, video_player_default as VideoPlayer, WebSearchDisabledIcon, WebSearchIcon, youtube_embed_default as YouTubeEmbed, buttonVariants, defaultMdxComponents, fileIconMap, navigationMenuTriggerStyle, toggleVariants };