@locusgraph/components 0.1.1 → 0.2.1

package/dist/shell/app-shell.js

@@ -1,8 +1,63 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { cn } from "cn";
 import { SidebarInset } from "../layout/sidebar/sidebar.js";
 import { SidebarProvider } from "../layout/sidebar/sidebar-context.js";
-function AppShell({ sidebar, header, children, defaultOpen, bodyClassName }) {
-    return (_jsxs(SidebarProvider, { defaultOpen: defaultOpen, children: [sidebar, _jsxs(SidebarInset, { className: "h-svh overflow-hidden", children: [header, _jsx("div", { "data-slot": "app-shell-body", className: cn("no-scrollbar flex w-full flex-1 flex-col overflow-y-auto px-6 pt-7 pb-8 lg:px-8", bodyClassName), children: children })] })] }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function AppShell(t0) {
+  const $ = _c(12);
+  const {
+    sidebar,
+    header,
+    children,
+    defaultOpen,
+    bodyClassName
+  } = t0;
+  let t1;
+  if ($[0] !== bodyClassName) {
+    t1 = cn("no-scrollbar flex w-full flex-1 flex-col overflow-y-auto px-6 pt-7 pb-8 lg:px-8", bodyClassName);
+    $[0] = bodyClassName;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== children || $[3] !== t1) {
+    t2 = /*#__PURE__*/_jsx("div", {
+      "data-slot": "app-shell-body",
+      className: t1,
+      children: children
+    });
+    $[2] = children;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] !== header || $[6] !== t2) {
+    t3 = /*#__PURE__*/_jsxs(SidebarInset, {
+      className: "h-svh overflow-hidden",
+      children: [header, t2]
+    });
+    $[5] = header;
+    $[6] = t2;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  let t4;
+  if ($[8] !== defaultOpen || $[9] !== sidebar || $[10] !== t3) {
+    t4 = /*#__PURE__*/_jsxs(SidebarProvider, {
+      defaultOpen: defaultOpen,
+      children: [sidebar, t3]
+    });
+    $[8] = defaultOpen;
+    $[9] = sidebar;
+    $[10] = t3;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  return t4;
 }
 export { AppShell };

package/dist/shell/breadcrumbs.js

@@ -1,18 +1,108 @@
+import { c as _c } from "react/compiler-runtime";
+import { ChevronRight as ChevronRightIcon } from "@carbon/icons-react";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChevronRightIcon } from "lucide-react";
-function CrumbLabel({ crumb, last, Link, }) {
-    if (last) {
-        return (_jsx("span", { "aria-current": "page", className: "truncate font-medium", children: crumb.label }));
+function CrumbLabel(t0) {
+  const $ = _c(8);
+  const {
+    crumb,
+    last,
+    Link
+  } = t0;
+  if (last) {
+    let t1;
+    if ($[0] !== crumb.label) {
+      t1 = /*#__PURE__*/_jsx("span", {
+        "aria-current": "page",
+        className: "truncate font-medium",
+        children: crumb.label
+      });
+      $[0] = crumb.label;
+      $[1] = t1;
+    } else {
+      t1 = $[1];
     }
-    if (crumb.href === undefined) {
-        return _jsx("span", { className: "truncate text-soft", children: crumb.label });
+    return t1;
+  }
+  if (crumb.href === undefined) {
+    let t1;
+    if ($[2] !== crumb.label) {
+      t1 = /*#__PURE__*/_jsx("span", {
+        className: "truncate text-soft",
+        children: crumb.label
+      });
+      $[2] = crumb.label;
+      $[3] = t1;
+    } else {
+      t1 = $[3];
     }
-    return (_jsx(Link, { href: crumb.href, className: "truncate text-soft transition-colors hover:text-foreground", children: crumb.label }));
+    return t1;
+  }
+  let t1;
+  if ($[4] !== Link || $[5] !== crumb.href || $[6] !== crumb.label) {
+    t1 = /*#__PURE__*/_jsx(Link, {
+      href: crumb.href,
+      className: "truncate text-soft transition-colors hover:text-foreground",
+      children: crumb.label
+    });
+    $[4] = Link;
+    $[5] = crumb.href;
+    $[6] = crumb.label;
+    $[7] = t1;
+  } else {
+    t1 = $[7];
+  }
+  return t1;
 }
-function Breadcrumbs({ items, linkComponent = "a" }) {
-    return (_jsx("nav", { "aria-label": "Breadcrumb", className: "flex min-w-0 items-center gap-1.5 text-sm", children: items.map((crumb, index) => {
-            const last = index === items.length - 1;
-            return (_jsxs("span", { className: last ? "flex min-w-0 items-center gap-1.5" : "hidden items-center gap-1.5 sm:flex", children: [_jsx(CrumbLabel, { crumb: crumb, last: last, Link: linkComponent }), last ? null : (_jsx(ChevronRightIcon, { className: "size-3.5 shrink-0 text-faint", "aria-hidden": true }))] }, crumb.href ?? index));
-        }) }));
+function Breadcrumbs(t0) {
+  const $ = _c(8);
+  const {
+    items,
+    linkComponent: t1
+  } = t0;
+  const linkComponent = t1 === undefined ? "a" : t1;
+  let t2;
+  if ($[0] !== items || $[1] !== linkComponent) {
+    let t3;
+    if ($[3] !== items.length || $[4] !== linkComponent) {
+      t3 = (crumb, index) => {
+        const last = index === items.length - 1;
+        return /*#__PURE__*/_jsxs("span", {
+          className: last ? "flex min-w-0 items-center gap-1.5" : "hidden items-center gap-1.5 sm:flex",
+          children: [/*#__PURE__*/_jsx(CrumbLabel, {
+            crumb: crumb,
+            last: last,
+            Link: linkComponent
+          }), last ? null : /*#__PURE__*/_jsx(ChevronRightIcon, {
+            className: "size-3.5 shrink-0 text-faint",
+            "aria-hidden": true
+          })]
+        }, crumb.href ?? index);
+      };
+      $[3] = items.length;
+      $[4] = linkComponent;
+      $[5] = t3;
+    } else {
+      t3 = $[5];
+    }
+    t2 = items.map(t3);
+    $[0] = items;
+    $[1] = linkComponent;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  if ($[6] !== t2) {
+    t3 = /*#__PURE__*/_jsx("nav", {
+      "aria-label": "Breadcrumb",
+      className: "flex min-w-0 items-center gap-1.5 text-sm",
+      children: t2
+    });
+    $[6] = t2;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  return t3;
 }
 export { Breadcrumbs };

package/dist/shell/docs/docs-header.js

@@ -1,20 +1,220 @@
 "use client";
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
+import { c as _c } from "react/compiler-runtime";
+import { Menu as MenuIcon } from "@carbon/icons-react";
 import { cn } from "cn";
-import { MenuIcon } from "lucide-react";
 import { useState } from "react";
 import { Button } from "../../action/button.js";
 import { Sheet, SheetContent, SheetTitle } from "../../overlay/sheet.js";
-function MobileNavSheet({ children }) {
-    const [open, setOpen] = useState(false);
-    const closeOnLinkClick = (event) => {
-        if (event.target.closest("a")) {
-            setOpen(false);
-        }
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+function MobileNavSheet(t0) {
+  const $ = _c(8);
+  const {
+    children
+  } = t0;
+  const [open, setOpen] = useState(false);
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = event => {
+      if (event.target.closest("a")) {
+        setOpen(false);
+      }
     };
-    return (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "ghost", size: "icon-sm", className: "lg:hidden", "aria-label": "Open menu", onClick: () => setOpen(true), children: _jsx(MenuIcon, {}) }), _jsx(Sheet, { open: open, onOpenChange: setOpen, children: _jsxs(SheetContent, { side: "left", className: "w-72 overflow-y-auto p-4", children: [_jsx(SheetTitle, { className: "sr-only", children: "Menu" }), _jsx("div", { onClickCapture: closeOnLinkClick, children: children })] }) })] }));
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const closeOnLinkClick = t1;
+  let t2;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /*#__PURE__*/_jsx(Button, {
+      variant: "ghost",
+      size: "icon-sm",
+      className: "lg:hidden",
+      "aria-label": "Open menu",
+      onClick: () => setOpen(true),
+      children: /*#__PURE__*/_jsx(MenuIcon, {})
+    });
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  let t3;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /*#__PURE__*/_jsx(SheetTitle, {
+      className: "sr-only",
+      children: "Menu"
+    });
+    $[2] = t3;
+  } else {
+    t3 = $[2];
+  }
+  let t4;
+  if ($[3] !== children) {
+    t4 = /*#__PURE__*/_jsxs(SheetContent, {
+      side: "left",
+      className: "w-72 overflow-y-auto p-4",
+      children: [t3, /*#__PURE__*/_jsx("div", {
+        onClickCapture: closeOnLinkClick,
+        children: children
+      })]
+    });
+    $[3] = children;
+    $[4] = t4;
+  } else {
+    t4 = $[4];
+  }
+  let t5;
+  if ($[5] !== open || $[6] !== t4) {
+    t5 = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [t2, /*#__PURE__*/_jsx(Sheet, {
+        open: open,
+        onOpenChange: setOpen,
+        children: t4
+      })]
+    });
+    $[5] = open;
+    $[6] = t4;
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  return t5;
 }
-function DocsHeader({ brand, links, activeHref, mobileNav, linkComponent: Link = "a", children, }) {
-    return (_jsx("header", { "data-slot": "docs-header", className: "sticky top-0 z-50 w-full bg-background/95 backdrop-blur", children: _jsxs("div", { className: "mx-auto flex h-(--docs-header-height) w-full max-w-[1536px] items-center gap-4 px-6 **:data-[slot=separator]:h-4!", children: [_jsx(MobileNavSheet, { children: mobileNav }), _jsxs(Link, { href: brand.href, className: "flex items-center gap-2 font-brand text-base tracking-tight", children: [brand.icon, _jsxs("span", { children: [_jsx("span", { className: "font-bold", children: brand.name }), brand.product && _jsx("span", { className: "font-light", children: brand.product })] })] }), _jsx("nav", { "aria-label": "Main", className: "hidden items-center gap-0.5 lg:flex", children: links.map((link) => (_jsx(Link, { href: link.href, "aria-current": link.href === activeHref ? "page" : undefined, className: cn("rounded-md px-2.5 py-1.5 text-sm font-medium text-foreground/80 transition-colors hover:text-foreground", link.href === activeHref && "text-foreground"), children: link.title }, link.href))) }), _jsx("div", { className: "ml-auto flex items-center gap-2", children: children })] }) }));
+function DocsHeader(t0) {
+  const $ = _c(30);
+  const {
+    brand,
+    links,
+    activeHref,
+    mobileNav,
+    linkComponent: t1,
+    children
+  } = t0;
+  const Link = t1 === undefined ? "a" : t1;
+  let t2;
+  if ($[0] !== mobileNav) {
+    t2 = /*#__PURE__*/_jsx(MobileNavSheet, {
+      children: mobileNav
+    });
+    $[0] = mobileNav;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  let t3;
+  if ($[2] !== brand.name) {
+    t3 = /*#__PURE__*/_jsx("span", {
+      className: "font-bold",
+      children: brand.name
+    });
+    $[2] = brand.name;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  let t4;
+  if ($[4] !== brand.product) {
+    t4 = brand.product && /*#__PURE__*/_jsx("span", {
+      className: "font-light",
+      children: brand.product
+    });
+    $[4] = brand.product;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  let t5;
+  if ($[6] !== t3 || $[7] !== t4) {
+    t5 = /*#__PURE__*/_jsxs("span", {
+      children: [t3, t4]
+    });
+    $[6] = t3;
+    $[7] = t4;
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  let t6;
+  if ($[9] !== Link || $[10] !== brand.href || $[11] !== brand.icon || $[12] !== t5) {
+    t6 = /*#__PURE__*/_jsxs(Link, {
+      href: brand.href,
+      className: "flex items-center gap-2 font-brand text-base tracking-tight",
+      children: [brand.icon, t5]
+    });
+    $[9] = Link;
+    $[10] = brand.href;
+    $[11] = brand.icon;
+    $[12] = t5;
+    $[13] = t6;
+  } else {
+    t6 = $[13];
+  }
+  let t7;
+  if ($[14] !== Link || $[15] !== activeHref || $[16] !== links) {
+    let t8;
+    if ($[18] !== Link || $[19] !== activeHref) {
+      t8 = link => /*#__PURE__*/_jsx(Link, {
+        href: link.href,
+        "aria-current": link.href === activeHref ? "page" : undefined,
+        className: cn("rounded-md px-2.5 py-1.5 text-sm font-medium text-foreground/80 transition-colors hover:text-foreground", link.href === activeHref && "text-foreground"),
+        children: link.title
+      }, link.href);
+      $[18] = Link;
+      $[19] = activeHref;
+      $[20] = t8;
+    } else {
+      t8 = $[20];
+    }
+    t7 = links.map(t8);
+    $[14] = Link;
+    $[15] = activeHref;
+    $[16] = links;
+    $[17] = t7;
+  } else {
+    t7 = $[17];
+  }
+  let t8;
+  if ($[21] !== t7) {
+    t8 = /*#__PURE__*/_jsx("nav", {
+      "aria-label": "Main",
+      className: "hidden items-center gap-0.5 lg:flex",
+      children: t7
+    });
+    $[21] = t7;
+    $[22] = t8;
+  } else {
+    t8 = $[22];
+  }
+  let t9;
+  if ($[23] !== children) {
+    t9 = /*#__PURE__*/_jsx("div", {
+      className: "ml-auto flex items-center gap-2",
+      children: children
+    });
+    $[23] = children;
+    $[24] = t9;
+  } else {
+    t9 = $[24];
+  }
+  let t10;
+  if ($[25] !== t2 || $[26] !== t6 || $[27] !== t8 || $[28] !== t9) {
+    t10 = /*#__PURE__*/_jsx("header", {
+      "data-slot": "docs-header",
+      className: "sticky top-0 z-50 w-full bg-background/95 backdrop-blur",
+      children: /*#__PURE__*/_jsxs("div", {
+        className: "mx-auto flex h-(--docs-header-height) w-full max-w-[1536px] items-center gap-4 px-6 **:data-[slot=separator]:h-4!",
+        children: [t2, t6, t8, t9]
+      })
+    });
+    $[25] = t2;
+    $[26] = t6;
+    $[27] = t8;
+    $[28] = t9;
+    $[29] = t10;
+  } else {
+    t10 = $[29];
+  }
+  return t10;
 }
 export { DocsHeader };

package/dist/shell/docs/docs-shell.js

@@ -1,7 +1,104 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { cn } from "cn";
 import { TooltipProvider } from "../../overlay/tooltip.js";
-function DocsShell({ header, sidebar, aside, children }) {
-    return (_jsx(TooltipProvider, { delayDuration: 0, children: _jsxs("div", { "data-slot": "docs-shell", className: "flex min-h-svh flex-col bg-background [--docs-header-height:3.5rem] lg:[--docs-header-height:4rem]", children: [header, _jsxs("div", { className: cn("mx-auto w-full max-w-[1536px] flex-1 items-start px-2", sidebar && "lg:grid lg:grid-cols-[18rem_minmax(0,1fr)]"), children: [sidebar && (_jsx("aside", { "data-slot": "docs-sidebar", className: "sticky top-[calc(var(--docs-header-height)+0.6rem)] hidden h-[calc(100svh-10rem)] lg:block", children: sidebar })), _jsxs("div", { className: "flex min-w-0 items-stretch", children: [_jsx("main", { "data-slot": "docs-body", className: "min-w-0 flex-1 px-4 pt-6 pb-16 md:px-6 lg:pt-10", children: children }), aside && (_jsx("aside", { "data-slot": "docs-aside", className: "sticky top-[calc(var(--docs-header-height)+1px)] hidden h-[90svh] w-72 shrink-0 flex-col gap-8 overflow-hidden pt-10 xl:flex", children: _jsx("div", { className: "no-scrollbar flex flex-col gap-8 overflow-y-auto px-8", children: aside }) }))] })] })] }) }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function DocsShell(t0) {
+  const $ = _c(18);
+  const {
+    header,
+    sidebar,
+    aside,
+    children
+  } = t0;
+  const t1 = sidebar && "lg:grid lg:grid-cols-[18rem_minmax(0,1fr)]";
+  let t2;
+  if ($[0] !== t1) {
+    t2 = cn("mx-auto w-full max-w-[1536px] flex-1 items-start px-2", t1);
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  let t3;
+  if ($[2] !== sidebar) {
+    t3 = sidebar && /*#__PURE__*/_jsx("aside", {
+      "data-slot": "docs-sidebar",
+      className: "sticky top-[calc(var(--docs-header-height)+0.6rem)] hidden h-[calc(100svh-10rem)] lg:block",
+      children: sidebar
+    });
+    $[2] = sidebar;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  let t4;
+  if ($[4] !== children) {
+    t4 = /*#__PURE__*/_jsx("main", {
+      "data-slot": "docs-body",
+      className: "min-w-0 flex-1 px-4 pt-6 pb-16 md:px-6 lg:pt-10",
+      children: children
+    });
+    $[4] = children;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  let t5;
+  if ($[6] !== aside) {
+    t5 = aside && /*#__PURE__*/_jsx("aside", {
+      "data-slot": "docs-aside",
+      className: "sticky top-[calc(var(--docs-header-height)+1px)] hidden h-[90svh] w-72 shrink-0 flex-col gap-8 overflow-hidden pt-10 xl:flex",
+      children: /*#__PURE__*/_jsx("div", {
+        className: "no-scrollbar flex flex-col gap-8 overflow-y-auto px-8",
+        children: aside
+      })
+    });
+    $[6] = aside;
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  let t6;
+  if ($[8] !== t4 || $[9] !== t5) {
+    t6 = /*#__PURE__*/_jsxs("div", {
+      className: "flex min-w-0 items-stretch",
+      children: [t4, t5]
+    });
+    $[8] = t4;
+    $[9] = t5;
+    $[10] = t6;
+  } else {
+    t6 = $[10];
+  }
+  let t7;
+  if ($[11] !== t2 || $[12] !== t3 || $[13] !== t6) {
+    t7 = /*#__PURE__*/_jsxs("div", {
+      className: t2,
+      children: [t3, t6]
+    });
+    $[11] = t2;
+    $[12] = t3;
+    $[13] = t6;
+    $[14] = t7;
+  } else {
+    t7 = $[14];
+  }
+  let t8;
+  if ($[15] !== header || $[16] !== t7) {
+    t8 = /*#__PURE__*/_jsx(TooltipProvider, {
+      delayDuration: 0,
+      children: /*#__PURE__*/_jsxs("div", {
+        "data-slot": "docs-shell",
+        className: "flex min-h-svh flex-col bg-background [--docs-header-height:3.5rem] lg:[--docs-header-height:4rem]",
+        children: [header, t7]
+      })
+    });
+    $[15] = header;
+    $[16] = t7;
+    $[17] = t8;
+  } else {
+    t8 = $[17];
+  }
+  return t8;
 }
 export { DocsShell };

package/dist/shell/docs/docs-sidebar.js

@@ -1,12 +1,93 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { cn } from "cn";
-function DocsNavList({ groups, activeHref, linkComponent: Link = "a" }) {
-    return (_jsx("div", { className: "flex flex-col gap-4", children: groups.map((group) => (_jsxs("div", { className: "flex flex-col", children: [_jsx("p", { className: "flex h-8 items-center px-2 text-xs font-medium text-muted-foreground", children: group.label }), _jsx("ul", { className: "flex flex-col gap-0.5", children: group.items.map((item) => {
-                        const active = item.href === activeHref;
-                        return (_jsx("li", { children: _jsx(Link, { href: item.href, "aria-current": active ? "page" : undefined, className: cn("flex h-[30px] w-fit items-center rounded-md border border-transparent px-2 text-[0.8rem] font-medium transition-colors hover:bg-accent", active && "border-accent bg-accent"), children: item.title }) }, item.href));
-                    }) })] }, group.label))) }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function DocsNavList(t0) {
+  const $ = _c(9);
+  const {
+    groups,
+    activeHref,
+    linkComponent: t1
+  } = t0;
+  const Link = t1 === undefined ? "a" : t1;
+  let t2;
+  if ($[0] !== Link || $[1] !== activeHref || $[2] !== groups) {
+    let t3;
+    if ($[4] !== Link || $[5] !== activeHref) {
+      t3 = group => /*#__PURE__*/_jsxs("div", {
+        className: "flex flex-col",
+        children: [/*#__PURE__*/_jsx("p", {
+          className: "eyebrow flex h-8 items-center px-2",
+          children: group.label
+        }), /*#__PURE__*/_jsx("ul", {
+          className: "flex flex-col gap-0.5",
+          children: group.items.map(item => {
+            const active = item.href === activeHref;
+            return /*#__PURE__*/_jsx("li", {
+              children: /*#__PURE__*/_jsx(Link, {
+                href: item.href,
+                "aria-current": active ? "page" : undefined,
+                className: cn("flex h-[30px] w-fit items-center rounded-md border border-transparent px-2 text-sm font-medium transition-colors hover:bg-accent", active && "border-accent bg-accent"),
+                children: item.title
+              })
+            }, item.href);
+          })
+        })]
+      }, group.label);
+      $[4] = Link;
+      $[5] = activeHref;
+      $[6] = t3;
+    } else {
+      t3 = $[6];
+    }
+    t2 = groups.map(t3);
+    $[0] = Link;
+    $[1] = activeHref;
+    $[2] = groups;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[7] !== t2) {
+    t3 = /*#__PURE__*/_jsx("div", {
+      className: "flex flex-col gap-4",
+      children: t2
+    });
+    $[7] = t2;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  return t3;
 }
 function DocsSidebar(props) {
-    return (_jsxs("div", { className: "relative h-full", children: [_jsx("div", { className: "absolute top-12 right-2 bottom-0 w-px bg-[linear-gradient(to_bottom,transparent_0%,var(--border)_10%,var(--border)_90%,transparent_100%)]" }), _jsx("nav", { "aria-label": "Documentation", className: "no-scrollbar h-full w-56 overflow-y-auto pt-10 pb-12 pl-2.5 [mask-image:linear-gradient(to_bottom,transparent,black_2rem,black_calc(100%-3rem),transparent)]", children: _jsx(DocsNavList, { ...props }) })] }));
+  const $ = _c(3);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /*#__PURE__*/_jsx("div", {
+      className: "absolute top-12 right-2 bottom-0 w-px bg-[linear-gradient(to_bottom,transparent_0%,var(--border)_10%,var(--border)_90%,transparent_100%)]"
+    });
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  let t1;
+  if ($[1] !== props) {
+    t1 = /*#__PURE__*/_jsxs("div", {
+      className: "relative h-full",
+      children: [t0, /*#__PURE__*/_jsx("nav", {
+        "aria-label": "Documentation",
+        className: "no-scrollbar h-full w-56 overflow-y-auto pt-10 pb-12 pl-2.5 [mask-image:linear-gradient(to_bottom,transparent,black_2rem,black_calc(100%-3rem),transparent)]",
+        children: /*#__PURE__*/_jsx(DocsNavList, {
+          ...props
+        })
+      })]
+    });
+    $[1] = props;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
 }
 export { DocsNavList, DocsSidebar };