@locusgraph/components 0.2.1 → 0.2.2

package/dist/shell/breadcrumbs.js

@@ -1,108 +1,50 @@
-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";
-function CrumbLabel(t0) {
-  const $ = _c(8);
-  const {
-    crumb,
-    last,
-    Link
-  } = t0;
+function CrumbLabel({
+  crumb,
+  last,
+  Link
+}) {
   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];
-    }
-    return t1;
+    return /*#__PURE__*/_jsx("span", {
+      "aria-current": "page",
+      className: "truncate font-medium",
+      children: crumb.label
+    });
   }
   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 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",
+    return /*#__PURE__*/_jsx("span", {
+      className: "truncate text-soft",
       children: crumb.label
     });
-    $[4] = Link;
-    $[5] = crumb.href;
-    $[6] = crumb.label;
-    $[7] = t1;
-  } else {
-    t1 = $[7];
   }
-  return t1;
+  return /*#__PURE__*/_jsx(Link, {
+    href: crumb.href,
+    className: "truncate text-soft transition-colors hover:text-foreground",
+    children: crumb.label
+  });
 }
-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;
+function Breadcrumbs({
+  items,
+  linkComponent = "a"
+}) {
+  return /*#__PURE__*/_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 /*#__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);
+    })
+  });
 }
 export { Breadcrumbs };

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

@@ -1,104 +1,40 @@
-import { c as _c } from "react/compiler-runtime";
 import { cn } from "cn";
 import { TooltipProvider } from "../../overlay/tooltip.js";
 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;
+function DocsShell({
+  header,
+  sidebar,
+  aside,
+  children
+}) {
+  return /*#__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, /*#__PURE__*/_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 && /*#__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
+        }), /*#__PURE__*/_jsxs("div", {
+          className: "flex min-w-0 items-stretch",
+          children: [/*#__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
+          }), 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
+            })
+          })]
+        })]
+      })]
+    })
+  });
 }
 export { DocsShell };

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

@@ -1,93 +1,46 @@
-import { c as _c } from "react/compiler-runtime";
 import { cn } from "cn";
 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 DocsNavList({
+  groups,
+  activeHref,
+  linkComponent: Link = "a"
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    className: "flex flex-col gap-4",
+    children: groups.map(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))
+  });
 }
 function DocsSidebar(props) {
-  const $ = _c(3);
-  let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = /*#__PURE__*/_jsx("div", {
+  return /*#__PURE__*/_jsxs("div", {
+    className: "relative h-full",
+    children: [/*#__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;
+    }), /*#__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
+      })
+    })]
+  });
 }
 export { DocsNavList, DocsSidebar };

package/dist/shell/docs/use-active-section.js

@@ -1,4 +1,3 @@
-import { c as _c } from "react/compiler-runtime";
 import { useCallback, useEffect, useRef, useState } from "react";
 const SMOOTH_SCROLL_MS = 800;
 function isWindowScrolledToBottom() {
@@ -18,83 +17,40 @@ function lastSectionAboveLine(ids) {
   return current;
 }
 function useActiveSection(sectionIds) {
-  const $ = _c(9);
   const [activeId, setActiveId] = useState(sectionIds[0] ?? "");
   const pinnedUntil = useRef(0);
-  let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = id => {
-      if (Date.now() > pinnedUntil.current) {
-        setActiveId(id);
-      }
-    };
-    $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  const followScroll = t0;
-  let t1;
-  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = id_0 => {
-      pinnedUntil.current = Date.now() + SMOOTH_SCROLL_MS;
-      setActiveId(id_0);
-    };
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const pinSection = t1;
-  let t2;
-  if ($[2] !== sectionIds) {
-    t2 = sectionIds.join(" ");
-    $[2] = sectionIds;
-    $[3] = t2;
-  } else {
-    t2 = $[3];
-  }
-  const idsKey = t2;
-  let t3;
-  let t4;
-  if ($[4] !== idsKey) {
-    t3 = () => {
-      const ids = idsKey.split(" ").filter(Boolean);
-      let frame = 0;
-      const updateActiveSection = () => {
-        cancelAnimationFrame(frame);
-        frame = requestAnimationFrame(() => {
-          const lastId = ids.at(-1);
-          const current = isWindowScrolledToBottom() && lastId ? lastId : lastSectionAboveLine(ids);
-          if (current) {
-            followScroll(current);
-          }
-        });
-      };
-      updateActiveSection();
-      window.addEventListener("scroll", updateActiveSection, {
-        passive: true
+  const followScroll = useCallback(id => {
+    if (Date.now() > pinnedUntil.current) {
+      setActiveId(id);
+    }
+  }, []);
+  const pinSection = useCallback(id => {
+    pinnedUntil.current = Date.now() + SMOOTH_SCROLL_MS;
+    setActiveId(id);
+  }, []);
+  const idsKey = sectionIds.join(" ");
+  useEffect(() => {
+    const ids = idsKey.split(" ").filter(Boolean);
+    let frame = 0;
+    const updateActiveSection = () => {
+      cancelAnimationFrame(frame);
+      frame = requestAnimationFrame(() => {
+        const lastId = ids.at(-1);
+        const current = isWindowScrolledToBottom() && lastId ? lastId : lastSectionAboveLine(ids);
+        if (current) {
+          followScroll(current);
+        }
       });
-      return () => {
-        cancelAnimationFrame(frame);
-        window.removeEventListener("scroll", updateActiveSection);
-      };
     };
-    t4 = [idsKey, followScroll];
-    $[4] = idsKey;
-    $[5] = t3;
-    $[6] = t4;
-  } else {
-    t3 = $[5];
-    t4 = $[6];
-  }
-  useEffect(t3, t4);
-  let t5;
-  if ($[7] !== activeId) {
-    t5 = [activeId, pinSection];
-    $[7] = activeId;
-    $[8] = t5;
-  } else {
-    t5 = $[8];
-  }
-  return t5;
+    updateActiveSection();
+    window.addEventListener("scroll", updateActiveSection, {
+      passive: true
+    });
+    return () => {
+      cancelAnimationFrame(frame);
+      window.removeEventListener("scroll", updateActiveSection);
+    };
+  }, [idsKey, followScroll]);
+  return [activeId, pinSection];
 }
 export { useActiveSection };