@silicajs/components 0.1.0

package/dist/search.js

@@ -0,0 +1,158 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import {
+  Command,
+  CommandEmpty,
+  CommandInput,
+  CommandItem,
+  CommandList
+} from "@silicajs/ui/components/command";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle
+} from "@silicajs/ui/components/dialog";
+import { Button } from "@silicajs/ui/components/button";
+import { SearchIcon } from "lucide-react";
+import { useSilicaRouting } from "./routing.js";
+import { slugToHref } from "./slug.js";
+function SearchTrigger({
+  placeholder = "Search\u2026",
+  className
+}) {
+  const [open, setOpen] = React.useState(false);
+  React.useEffect(() => {
+    const onKeyDown = (event) => {
+      if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === "k") {
+        event.preventDefault();
+        setOpen((value) => !value);
+      }
+    };
+    window.addEventListener("keydown", onKeyDown);
+    return () => window.removeEventListener("keydown", onKeyDown);
+  }, []);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        type: "button",
+        variant: "outline",
+        size: "sm",
+        onClick: () => setOpen(true),
+        className,
+        children: [
+          /* @__PURE__ */ jsx(
+            SearchIcon,
+            {
+              "data-icon": "inline-start",
+              className: "text-muted-foreground"
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "flex-1 text-left text-muted-foreground", children: placeholder }),
+          /* @__PURE__ */ jsxs(
+            "kbd",
+            {
+              "data-icon": "inline-end",
+              className: "pointer-events-none ml-2 inline-flex h-5 select-none items-center gap-1 rounded border border-border bg-muted px-1.5 font-mono text-[10px] font-medium text-muted-foreground",
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "text-xs", children: "\u2318" }),
+                "K"
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(SearchPalette, { open, onOpenChange: setOpen })
+  ] });
+}
+function SearchPalette({ open, onOpenChange }) {
+  const { navigate } = useSilicaRouting();
+  const [query, setQuery] = React.useState("");
+  const [results, setResults] = React.useState([]);
+  const [isLoading, setIsLoading] = React.useState(false);
+  React.useEffect(() => {
+    if (!open) {
+      setQuery("");
+      setResults([]);
+      setIsLoading(false);
+    }
+  }, [open]);
+  React.useEffect(() => {
+    const controller = new AbortController();
+    const trimmed = query.trim();
+    if (!trimmed) {
+      setResults([]);
+      setIsLoading(false);
+      return () => controller.abort();
+    }
+    setIsLoading(true);
+    const timeout = window.setTimeout(() => {
+      fetch(`/api/search?q=${encodeURIComponent(trimmed)}`, {
+        signal: controller.signal
+      }).then((response) => response.ok ? response.json() : { results: [] }).then((payload) => {
+        setResults(payload.results ?? []);
+      }).catch((error) => {
+        if (error instanceof DOMException && error.name === "AbortError")
+          return;
+        setResults([]);
+      }).finally(() => setIsLoading(false));
+    }, 120);
+    return () => {
+      window.clearTimeout(timeout);
+      controller.abort();
+    };
+  }, [query]);
+  const close = () => onOpenChange(false);
+  return /* @__PURE__ */ jsxs(Dialog, { open, onOpenChange, children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { className: "sr-only", children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: "Search" }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: "Search your vault." })
+    ] }),
+    /* @__PURE__ */ jsx(
+      DialogContent,
+      {
+        className: "top-1/3 translate-y-0 overflow-hidden rounded-xl! p-0",
+        showCloseButton: false,
+        children: /* @__PURE__ */ jsxs(Command, { shouldFilter: false, children: [
+          /* @__PURE__ */ jsx(
+            CommandInput,
+            {
+              autoFocus: true,
+              placeholder: "Search your vault\u2026",
+              value: query,
+              onValueChange: setQuery
+            }
+          ),
+          /* @__PURE__ */ jsxs(CommandList, { children: [
+            isLoading ? /* @__PURE__ */ jsx("div", { className: "px-4 py-6 text-center text-sm text-muted-foreground", children: "Searching\u2026" }) : null,
+            !isLoading && query.trim() && results.length === 0 ? /* @__PURE__ */ jsx(CommandEmpty, { children: "No results" }) : null,
+            results.map((result) => /* @__PURE__ */ jsx(
+              CommandItem,
+              {
+                value: `${result.title} ${result.slug}`,
+                onSelect: () => {
+                  navigate(slugToHref(result.slug));
+                  close();
+                },
+                children: /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-0.5", children: [
+                  /* @__PURE__ */ jsx("span", { className: "truncate font-medium text-foreground", children: result.title }),
+                  result.excerpt ? /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-muted-foreground", children: result.excerpt }) : null
+                ] })
+              },
+              result.slug
+            ))
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+export {
+  SearchPalette,
+  SearchTrigger
+};
+//# sourceMappingURL=search.js.map

package/dist/search.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/search.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport {\n  Command,\n  CommandEmpty,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from \"@silicajs/ui/components/command\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from \"@silicajs/ui/components/dialog\";\nimport { Button } from \"@silicajs/ui/components/button\";\nimport { SearchIcon } from \"lucide-react\";\n\nimport { useSilicaRouting } from \"./routing.js\";\nimport { slugToHref } from \"./slug.js\";\n\ntype SearchResult = {\n  slug: string;\n  title: string;\n  excerpt: string;\n};\n\nexport type SearchTriggerProps = {\n  placeholder?: string;\n  className?: string;\n};\n\nexport function SearchTrigger({\n  placeholder = \"Search…\",\n  className,\n}: SearchTriggerProps) {\n  const [open, setOpen] = React.useState(false);\n\n  React.useEffect(() => {\n    const onKeyDown = (event: KeyboardEvent) => {\n      if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === \"k\") {\n        event.preventDefault();\n        setOpen((value) => !value);\n      }\n    };\n    window.addEventListener(\"keydown\", onKeyDown);\n    return () => window.removeEventListener(\"keydown\", onKeyDown);\n  }, []);\n\n  return (\n    <>\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        size=\"sm\"\n        onClick={() => setOpen(true)}\n        className={className}\n      >\n        <SearchIcon\n          data-icon=\"inline-start\"\n          className=\"text-muted-foreground\"\n        />\n        <span className=\"flex-1 text-left text-muted-foreground\">\n          {placeholder}\n        </span>\n        <kbd\n          data-icon=\"inline-end\"\n          className=\"pointer-events-none ml-2 inline-flex h-5 select-none items-center gap-1 rounded border border-border bg-muted px-1.5 font-mono text-[10px] font-medium text-muted-foreground\"\n        >\n          <span className=\"text-xs\">⌘</span>K\n        </kbd>\n      </Button>\n      <SearchPalette open={open} onOpenChange={setOpen} />\n    </>\n  );\n}\n\nexport type SearchPaletteProps = {\n  open: boolean;\n  onOpenChange: (next: boolean) => void;\n};\n\nexport function SearchPalette({ open, onOpenChange }: SearchPaletteProps) {\n  const { navigate } = useSilicaRouting();\n  const [query, setQuery] = React.useState(\"\");\n  const [results, setResults] = React.useState<SearchResult[]>([]);\n  const [isLoading, setIsLoading] = React.useState(false);\n\n  React.useEffect(() => {\n    if (!open) {\n      setQuery(\"\");\n      setResults([]);\n      setIsLoading(false);\n    }\n  }, [open]);\n\n  React.useEffect(() => {\n    const controller = new AbortController();\n    const trimmed = query.trim();\n    if (!trimmed) {\n      setResults([]);\n      setIsLoading(false);\n      return () => controller.abort();\n    }\n\n    setIsLoading(true);\n    const timeout = window.setTimeout(() => {\n      fetch(`/api/search?q=${encodeURIComponent(trimmed)}`, {\n        signal: controller.signal,\n      })\n        .then((response) => (response.ok ? response.json() : { results: [] }))\n        .then((payload: { results?: SearchResult[] }) => {\n          setResults(payload.results ?? []);\n        })\n        .catch((error: unknown) => {\n          if (error instanceof DOMException && error.name === \"AbortError\")\n            return;\n          setResults([]);\n        })\n        .finally(() => setIsLoading(false));\n    }, 120);\n\n    return () => {\n      window.clearTimeout(timeout);\n      controller.abort();\n    };\n  }, [query]);\n\n  const close = () => onOpenChange(false);\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogHeader className=\"sr-only\">\n        <DialogTitle>Search</DialogTitle>\n        <DialogDescription>Search your vault.</DialogDescription>\n      </DialogHeader>\n      <DialogContent\n        className=\"top-1/3 translate-y-0 overflow-hidden rounded-xl! p-0\"\n        showCloseButton={false}\n      >\n        <Command shouldFilter={false}>\n          <CommandInput\n            autoFocus\n            placeholder=\"Search your vault…\"\n            value={query}\n            onValueChange={setQuery}\n          />\n          <CommandList>\n            {isLoading ? (\n              <div className=\"px-4 py-6 text-center text-sm text-muted-foreground\">\n                Searching…\n              </div>\n            ) : null}\n            {!isLoading && query.trim() && results.length === 0 ? (\n              <CommandEmpty>No results</CommandEmpty>\n            ) : null}\n            {results.map((result) => (\n              <CommandItem\n                key={result.slug}\n                value={`${result.title} ${result.slug}`}\n                onSelect={() => {\n                  navigate(slugToHref(result.slug));\n                  close();\n                }}\n              >\n                <div className=\"flex min-w-0 flex-col gap-0.5\">\n                  <span className=\"truncate font-medium text-foreground\">\n                    {result.title}\n                  </span>\n                  {result.excerpt ? (\n                    <span className=\"truncate text-xs text-muted-foreground\">\n                      {result.excerpt}\n                    </span>\n                  ) : null}\n                </div>\n              </CommandItem>\n            ))}\n          </CommandList>\n        </Command>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";AAqDI,mBAQI,KAOA,YAfJ;AAnDJ,YAAY,WAAW;AAEvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAE3B,SAAS,wBAAwB;AACjC,SAAS,kBAAkB;AAapB,SAAS,cAAc;AAAA,EAC5B,cAAc;AAAA,EACd;AACF,GAAuB;AACrB,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAE5C,QAAM,UAAU,MAAM;AACpB,UAAM,YAAY,CAAC,UAAyB;AAC1C,WAAK,MAAM,WAAW,MAAM,YAAY,MAAM,IAAI,YAAY,MAAM,KAAK;AACvE,cAAM,eAAe;AACrB,gBAAQ,CAAC,UAAU,CAAC,KAAK;AAAA,MAC3B;AAAA,IACF;AACA,WAAO,iBAAiB,WAAW,SAAS;AAC5C,WAAO,MAAM,OAAO,oBAAoB,WAAW,SAAS;AAAA,EAC9D,GAAG,CAAC,CAAC;AAEL,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,SAAS,MAAM,QAAQ,IAAI;AAAA,QAC3B;AAAA,QAEA;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,aAAU;AAAA,cACV,WAAU;AAAA;AAAA,UACZ;AAAA,UACA,oBAAC,UAAK,WAAU,0CACb,uBACH;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,aAAU;AAAA,cACV,WAAU;AAAA,cAEV;AAAA,oCAAC,UAAK,WAAU,WAAU,oBAAC;AAAA,gBAAO;AAAA;AAAA;AAAA,UACpC;AAAA;AAAA;AAAA,IACF;AAAA,IACA,oBAAC,iBAAc,MAAY,cAAc,SAAS;AAAA,KACpD;AAEJ;AAOO,SAAS,cAAc,EAAE,MAAM,aAAa,GAAuB;AACxE,QAAM,EAAE,SAAS,IAAI,iBAAiB;AACtC,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAS,EAAE;AAC3C,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAyB,CAAC,CAAC;AAC/D,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAS,KAAK;AAEtD,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,MAAM;AACT,eAAS,EAAE;AACX,iBAAW,CAAC,CAAC;AACb,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,IAAI,CAAC;AAET,QAAM,UAAU,MAAM;AACpB,UAAM,aAAa,IAAI,gBAAgB;AACvC,UAAM,UAAU,MAAM,KAAK;AAC3B,QAAI,CAAC,SAAS;AACZ,iBAAW,CAAC,CAAC;AACb,mBAAa,KAAK;AAClB,aAAO,MAAM,WAAW,MAAM;AAAA,IAChC;AAEA,iBAAa,IAAI;AACjB,UAAM,UAAU,OAAO,WAAW,MAAM;AACtC,YAAM,iBAAiB,mBAAmB,OAAO,CAAC,IAAI;AAAA,QACpD,QAAQ,WAAW;AAAA,MACrB,CAAC,EACE,KAAK,CAAC,aAAc,SAAS,KAAK,SAAS,KAAK,IAAI,EAAE,SAAS,CAAC,EAAE,CAAE,EACpE,KAAK,CAAC,YAA0C;AAC/C,mBAAW,QAAQ,WAAW,CAAC,CAAC;AAAA,MAClC,CAAC,EACA,MAAM,CAAC,UAAmB;AACzB,YAAI,iBAAiB,gBAAgB,MAAM,SAAS;AAClD;AACF,mBAAW,CAAC,CAAC;AAAA,MACf,CAAC,EACA,QAAQ,MAAM,aAAa,KAAK,CAAC;AAAA,IACtC,GAAG,GAAG;AAEN,WAAO,MAAM;AACX,aAAO,aAAa,OAAO;AAC3B,iBAAW,MAAM;AAAA,IACnB;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,QAAQ,MAAM,aAAa,KAAK;AAEtC,SACE,qBAAC,UAAO,MAAY,cAClB;AAAA,yBAAC,gBAAa,WAAU,WACtB;AAAA,0BAAC,eAAY,oBAAM;AAAA,MACnB,oBAAC,qBAAkB,gCAAkB;AAAA,OACvC;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,iBAAiB;AAAA,QAEjB,+BAAC,WAAQ,cAAc,OACrB;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,WAAS;AAAA,cACT,aAAY;AAAA,cACZ,OAAO;AAAA,cACP,eAAe;AAAA;AAAA,UACjB;AAAA,UACA,qBAAC,eACE;AAAA,wBACC,oBAAC,SAAI,WAAU,uDAAsD,6BAErE,IACE;AAAA,YACH,CAAC,aAAa,MAAM,KAAK,KAAK,QAAQ,WAAW,IAChD,oBAAC,gBAAa,wBAAU,IACtB;AAAA,YACH,QAAQ,IAAI,CAAC,WACZ;AAAA,cAAC;AAAA;AAAA,gBAEC,OAAO,GAAG,OAAO,KAAK,IAAI,OAAO,IAAI;AAAA,gBACrC,UAAU,MAAM;AACd,2BAAS,WAAW,OAAO,IAAI,CAAC;AAChC,wBAAM;AAAA,gBACR;AAAA,gBAEA,+BAAC,SAAI,WAAU,iCACb;AAAA,sCAAC,UAAK,WAAU,wCACb,iBAAO,OACV;AAAA,kBACC,OAAO,UACN,oBAAC,UAAK,WAAU,0CACb,iBAAO,SACV,IACE;AAAA,mBACN;AAAA;AAAA,cAhBK,OAAO;AAAA,YAiBd,CACD;AAAA,aACH;AAAA,WACF;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/slug.d.ts

@@ -0,0 +1,6 @@
+declare function slugToHref(slug: string): string;
+/** Returns an href when `segmentPath` maps to a real page; otherwise undefined. */
+declare function breadcrumbSegmentHref(segmentPath: string, allSlugs: readonly string[]): string | undefined;
+declare function prettySegment(segment: string): string;
+
+export { breadcrumbSegmentHref, prettySegment, slugToHref };

package/dist/slug.js

@@ -0,0 +1,20 @@
+function slugToHref(slug) {
+  if (slug === "index") return "/";
+  return `/${slug.replace(/\/index$/, "")}`;
+}
+function breadcrumbSegmentHref(segmentPath, allSlugs) {
+  const slugs = new Set(allSlugs);
+  if (slugs.has(segmentPath)) return slugToHref(segmentPath);
+  const indexSlug = `${segmentPath}/index`;
+  if (slugs.has(indexSlug)) return slugToHref(indexSlug);
+  return void 0;
+}
+function prettySegment(segment) {
+  return segment.replace(/[-_]/g, " ").replace(/\b\w/g, (letter) => letter.toUpperCase());
+}
+export {
+  breadcrumbSegmentHref,
+  prettySegment,
+  slugToHref
+};
+//# sourceMappingURL=slug.js.map

package/dist/slug.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/slug.ts"],"sourcesContent":["export function slugToHref(slug: string): string {\n  if (slug === \"index\") return \"/\";\n  return `/${slug.replace(/\\/index$/, \"\")}`;\n}\n\n/** Returns an href when `segmentPath` maps to a real page; otherwise undefined. */\nexport function breadcrumbSegmentHref(\n  segmentPath: string,\n  allSlugs: readonly string[],\n): string | undefined {\n  const slugs = new Set(allSlugs);\n  if (slugs.has(segmentPath)) return slugToHref(segmentPath);\n  const indexSlug = `${segmentPath}/index`;\n  if (slugs.has(indexSlug)) return slugToHref(indexSlug);\n  return undefined;\n}\n\nexport function prettySegment(segment: string): string {\n  return segment\n    .replace(/[-_]/g, \" \")\n    .replace(/\\b\\w/g, (letter) => letter.toUpperCase());\n}\n"],"mappings":"AAAO,SAAS,WAAW,MAAsB;AAC/C,MAAI,SAAS,QAAS,QAAO;AAC7B,SAAO,IAAI,KAAK,QAAQ,YAAY,EAAE,CAAC;AACzC;AAGO,SAAS,sBACd,aACA,UACoB;AACpB,QAAM,QAAQ,IAAI,IAAI,QAAQ;AAC9B,MAAI,MAAM,IAAI,WAAW,EAAG,QAAO,WAAW,WAAW;AACzD,QAAM,YAAY,GAAG,WAAW;AAChC,MAAI,MAAM,IAAI,SAAS,EAAG,QAAO,WAAW,SAAS;AACrD,SAAO;AACT;AAEO,SAAS,cAAc,SAAyB;AACrD,SAAO,QACJ,QAAQ,SAAS,GAAG,EACpB,QAAQ,SAAS,CAAC,WAAW,OAAO,YAAY,CAAC;AACtD;","names":[]}

package/dist/table-of-contents.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { TocItem } from '@silicajs/core/runtime';
+
+type TableOfContentsProps = {
+    toc: TocItem[];
+    activeId?: string;
+    heading?: React.ReactNode;
+    className?: string;
+};
+declare function TableOfContents({ toc, activeId, heading, className, }: TableOfContentsProps): react_jsx_runtime.JSX.Element | null;
+
+export { TableOfContents, type TableOfContentsProps };

package/dist/table-of-contents.js

@@ -0,0 +1,25 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { TocList } from "@silicajs/ui/components/toc-list";
+function TableOfContents({
+  toc,
+  activeId,
+  heading = "On this page",
+  className
+}) {
+  if (toc.length === 0) return null;
+  const minDepth = Math.min(...toc.map((item) => item.depth));
+  const items = toc.map((item) => ({
+    id: item.id,
+    label: item.text,
+    href: `#${item.id}`,
+    depth: Math.max(0, item.depth - minDepth)
+  }));
+  return /* @__PURE__ */ jsxs("nav", { "aria-label": "Table of contents", className, children: [
+    heading ? /* @__PURE__ */ jsx("p", { className: "mb-2 text-xs font-medium tracking-wider text-muted-foreground uppercase", children: heading }) : null,
+    /* @__PURE__ */ jsx(TocList, { items, activeId })
+  ] });
+}
+export {
+  TableOfContents
+};
+//# sourceMappingURL=table-of-contents.js.map

package/dist/table-of-contents.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/table-of-contents.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { TocItem } from \"@silicajs/core/runtime\";\n\nimport { TocList, type TocListItem } from \"@silicajs/ui/components/toc-list\";\n\nexport type TableOfContentsProps = {\n  toc: TocItem[];\n  activeId?: string;\n  heading?: React.ReactNode;\n  className?: string;\n};\n\nexport function TableOfContents({\n  toc,\n  activeId,\n  heading = \"On this page\",\n  className,\n}: TableOfContentsProps) {\n  if (toc.length === 0) return null;\n\n  const minDepth = Math.min(...toc.map((item) => item.depth));\n  const items: TocListItem[] = toc.map((item) => ({\n    id: item.id,\n    label: item.text,\n    href: `#${item.id}`,\n    depth: Math.max(0, item.depth - minDepth),\n  }));\n\n  return (\n    <nav aria-label=\"Table of contents\" className={className}>\n      {heading ? (\n        <p className=\"mb-2 text-xs font-medium tracking-wider text-muted-foreground uppercase\">\n          {heading}\n        </p>\n      ) : null}\n      <TocList items={items} activeId={activeId} />\n    </nav>\n  );\n}\n"],"mappings":"AA6BI,SAEI,KAFJ;AA1BJ,SAAS,eAAiC;AASnC,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AACF,GAAyB;AACvB,MAAI,IAAI,WAAW,EAAG,QAAO;AAE7B,QAAM,WAAW,KAAK,IAAI,GAAG,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,CAAC;AAC1D,QAAM,QAAuB,IAAI,IAAI,CAAC,UAAU;AAAA,IAC9C,IAAI,KAAK;AAAA,IACT,OAAO,KAAK;AAAA,IACZ,MAAM,IAAI,KAAK,EAAE;AAAA,IACjB,OAAO,KAAK,IAAI,GAAG,KAAK,QAAQ,QAAQ;AAAA,EAC1C,EAAE;AAEF,SACE,qBAAC,SAAI,cAAW,qBAAoB,WACjC;AAAA,cACC,oBAAC,OAAE,WAAU,2EACV,mBACH,IACE;AAAA,IACJ,oBAAC,WAAQ,OAAc,UAAoB;AAAA,KAC7C;AAEJ;","names":[]}

package/dist/tags-list.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Manifest } from '@silicajs/core/runtime';
+
+type TagsListProps = {
+    manifest: Manifest;
+    tag: string;
+    className?: string;
+};
+declare function TagsList({ manifest, tag, className }: TagsListProps): react_jsx_runtime.JSX.Element;
+
+export { TagsList, type TagsListProps };

package/dist/tags-list.js

@@ -0,0 +1,68 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { tagMatches } from "@silicajs/remark-obsidian";
+import { tagToHref } from "@silicajs/core/runtime";
+import { TagBadge } from "@silicajs/ui/components/tag-badge";
+import { SilicaLink } from "./routing.js";
+import { slugToHref } from "./slug.js";
+function TagsList({ manifest, tag, className }) {
+  const entries = React.useMemo(
+    () => manifest.entries.filter(
+      (entry) => entry.tags.some((entryTag) => tagMatches(entryTag, tag))
+    ).sort((a, b) => a.title.localeCompare(b.title)),
+    [manifest.entries, tag]
+  );
+  const relatedTags = React.useMemo(() => {
+    const counts = /* @__PURE__ */ new Map();
+    for (const entry of entries) {
+      for (const t of entry.tags) {
+        if (tagMatches(t, tag) && tagMatches(tag, t)) continue;
+        counts.set(t, (counts.get(t) ?? 0) + 1);
+      }
+    }
+    return [...counts.entries()].sort((a, b) => b[1] - a[1]).slice(0, 12).map(([t]) => t);
+  }, [entries, tag]);
+  return /* @__PURE__ */ jsxs("section", { className, "data-slot": "tags-list", children: [
+    /* @__PURE__ */ jsxs("header", { className: "mb-6 flex items-baseline gap-3", children: [
+      /* @__PURE__ */ jsxs("h1", { className: "text-2xl font-semibold tracking-tight", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "#" }),
+        tag
+      ] }),
+      /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground", children: [
+        entries.length,
+        " ",
+        entries.length === 1 ? "page" : "pages"
+      ] })
+    ] }),
+    relatedTags.length > 0 ? /* @__PURE__ */ jsx("div", { className: "mb-6 flex flex-wrap gap-2", children: relatedTags.map((t) => /* @__PURE__ */ jsx(
+      TagBadge,
+      {
+        tag: t,
+        href: tagToHref(t),
+        render: /* @__PURE__ */ jsx(
+          SilicaLink,
+          {
+            href: tagToHref(t),
+            className: "cursor-pointer text-foreground/80 no-underline transition-colors hover:text-foreground"
+          }
+        )
+      },
+      t
+    )) }) : null,
+    /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-2", children: entries.map((entry) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+      SilicaLink,
+      {
+        href: slugToHref(entry.slug),
+        className: "block rounded-md px-3 py-2 transition-colors hover:bg-muted",
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "font-medium text-foreground", children: entry.title }),
+          entry.description ? /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: entry.description }) : null
+        ]
+      }
+    ) }, entry.slug)) })
+  ] });
+}
+export {
+  TagsList
+};
+//# sourceMappingURL=tags-list.js.map

package/dist/tags-list.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tags-list.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { tagMatches } from \"@silicajs/remark-obsidian\";\nimport { tagToHref, type Manifest } from \"@silicajs/core/runtime\";\n\nimport { TagBadge } from \"@silicajs/ui/components/tag-badge\";\n\nimport { SilicaLink } from \"./routing.js\";\nimport { slugToHref } from \"./slug.js\";\n\nexport type TagsListProps = {\n  manifest: Manifest;\n  tag: string;\n  className?: string;\n};\n\nexport function TagsList({ manifest, tag, className }: TagsListProps) {\n  const entries = React.useMemo(\n    () =>\n      manifest.entries\n        .filter((entry) =>\n          entry.tags.some((entryTag) => tagMatches(entryTag, tag)),\n        )\n        .sort((a, b) => a.title.localeCompare(b.title)),\n    [manifest.entries, tag],\n  );\n  const relatedTags = React.useMemo(() => {\n    const counts = new Map<string, number>();\n    for (const entry of entries) {\n      for (const t of entry.tags) {\n        if (tagMatches(t, tag) && tagMatches(tag, t)) continue;\n        counts.set(t, (counts.get(t) ?? 0) + 1);\n      }\n    }\n    return [...counts.entries()]\n      .sort((a, b) => b[1] - a[1])\n      .slice(0, 12)\n      .map(([t]) => t);\n  }, [entries, tag]);\n\n  return (\n    <section className={className} data-slot=\"tags-list\">\n      <header className=\"mb-6 flex items-baseline gap-3\">\n        <h1 className=\"text-2xl font-semibold tracking-tight\">\n          <span className=\"text-muted-foreground\">#</span>\n          {tag}\n        </h1>\n        <span className=\"text-sm text-muted-foreground\">\n          {entries.length} {entries.length === 1 ? \"page\" : \"pages\"}\n        </span>\n      </header>\n      {relatedTags.length > 0 ? (\n        <div className=\"mb-6 flex flex-wrap gap-2\">\n          {relatedTags.map((t) => (\n            <TagBadge\n              key={t}\n              tag={t}\n              href={tagToHref(t)}\n              render={\n                <SilicaLink\n                  href={tagToHref(t)}\n                  className=\"cursor-pointer text-foreground/80 no-underline transition-colors hover:text-foreground\"\n                />\n              }\n            />\n          ))}\n        </div>\n      ) : null}\n      <ul className=\"flex flex-col gap-2\">\n        {entries.map((entry) => (\n          <li key={entry.slug}>\n            <SilicaLink\n              href={slugToHref(entry.slug)}\n              className=\"block rounded-md px-3 py-2 transition-colors hover:bg-muted\"\n            >\n              <div className=\"font-medium text-foreground\">{entry.title}</div>\n              {entry.description ? (\n                <div className=\"text-sm text-muted-foreground\">\n                  {entry.description}\n                </div>\n              ) : null}\n            </SilicaLink>\n          </li>\n        ))}\n      </ul>\n    </section>\n  );\n}\n"],"mappings":"AA0CQ,SACE,KADF;AA1CR,YAAY,WAAW;AACvB,SAAS,kBAAkB;AAC3B,SAAS,iBAAgC;AAEzC,SAAS,gBAAgB;AAEzB,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAQpB,SAAS,SAAS,EAAE,UAAU,KAAK,UAAU,GAAkB;AACpE,QAAM,UAAU,MAAM;AAAA,IACpB,MACE,SAAS,QACN;AAAA,MAAO,CAAC,UACP,MAAM,KAAK,KAAK,CAAC,aAAa,WAAW,UAAU,GAAG,CAAC;AAAA,IACzD,EACC,KAAK,CAAC,GAAG,MAAM,EAAE,MAAM,cAAc,EAAE,KAAK,CAAC;AAAA,IAClD,CAAC,SAAS,SAAS,GAAG;AAAA,EACxB;AACA,QAAM,cAAc,MAAM,QAAQ,MAAM;AACtC,UAAM,SAAS,oBAAI,IAAoB;AACvC,eAAW,SAAS,SAAS;AAC3B,iBAAW,KAAK,MAAM,MAAM;AAC1B,YAAI,WAAW,GAAG,GAAG,KAAK,WAAW,KAAK,CAAC,EAAG;AAC9C,eAAO,IAAI,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,CAAC;AAAA,MACxC;AAAA,IACF;AACA,WAAO,CAAC,GAAG,OAAO,QAAQ,CAAC,EACxB,KAAK,CAAC,GAAG,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC,EAC1B,MAAM,GAAG,EAAE,EACX,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;AAAA,EACnB,GAAG,CAAC,SAAS,GAAG,CAAC;AAEjB,SACE,qBAAC,aAAQ,WAAsB,aAAU,aACvC;AAAA,yBAAC,YAAO,WAAU,kCAChB;AAAA,2BAAC,QAAG,WAAU,yCACZ;AAAA,4BAAC,UAAK,WAAU,yBAAwB,eAAC;AAAA,QACxC;AAAA,SACH;AAAA,MACA,qBAAC,UAAK,WAAU,iCACb;AAAA,gBAAQ;AAAA,QAAO;AAAA,QAAE,QAAQ,WAAW,IAAI,SAAS;AAAA,SACpD;AAAA,OACF;AAAA,IACC,YAAY,SAAS,IACpB,oBAAC,SAAI,WAAU,6BACZ,sBAAY,IAAI,CAAC,MAChB;AAAA,MAAC;AAAA;AAAA,QAEC,KAAK;AAAA,QACL,MAAM,UAAU,CAAC;AAAA,QACjB,QACE;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,UAAU,CAAC;AAAA,YACjB,WAAU;AAAA;AAAA,QACZ;AAAA;AAAA,MAPG;AAAA,IASP,CACD,GACH,IACE;AAAA,IACJ,oBAAC,QAAG,WAAU,uBACX,kBAAQ,IAAI,CAAC,UACZ,oBAAC,QACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,WAAW,MAAM,IAAI;AAAA,QAC3B,WAAU;AAAA,QAEV;AAAA,8BAAC,SAAI,WAAU,+BAA+B,gBAAM,OAAM;AAAA,UACzD,MAAM,cACL,oBAAC,SAAI,WAAU,iCACZ,gBAAM,aACT,IACE;AAAA;AAAA;AAAA,IACN,KAXO,MAAM,IAYf,CACD,GACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/user-menu.d.ts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type UserMenuProps = {
+    label?: string;
+    className?: string;
+};
+declare function UserMenu({ label, className }: UserMenuProps): react_jsx_runtime.JSX.Element;
+
+export { UserMenu, type UserMenuProps };

package/dist/user-menu.js

@@ -0,0 +1,41 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { UserIcon } from "lucide-react";
+import { Button } from "@silicajs/ui/components/button";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger
+} from "@silicajs/ui/components/dropdown-menu";
+function UserMenu({ label = "Signed in", className }) {
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(
+      DropdownMenuTrigger,
+      {
+        render: /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "icon-sm",
+            "aria-label": "User menu",
+            className,
+            children: /* @__PURE__ */ jsx(UserIcon, { "aria-hidden": "true" })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", sideOffset: 6, className: "min-w-44", children: [
+      /* @__PURE__ */ jsx(DropdownMenuLabel, { children: label }),
+      /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ jsx(DropdownMenuItem, { render: /* @__PURE__ */ jsx("a", { href: "/api/auth/sign-out", children: "Sign out" }) })
+    ] })
+  ] });
+}
+export {
+  UserMenu
+};
+//# sourceMappingURL=user-menu.js.map

package/dist/user-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/user-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport { UserIcon } from \"lucide-react\";\n\nimport { Button } from \"@silicajs/ui/components/button\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@silicajs/ui/components/dropdown-menu\";\n\nexport type UserMenuProps = {\n  label?: string;\n  className?: string;\n};\n\nexport function UserMenu({ label = \"Signed in\", className }: UserMenuProps) {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger\n        render={\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            aria-label=\"User menu\"\n            className={className}\n          >\n            <UserIcon aria-hidden=\"true\" />\n          </Button>\n        }\n      />\n      <DropdownMenuContent align=\"end\" sideOffset={6} className=\"min-w-44\">\n        <DropdownMenuLabel>{label}</DropdownMenuLabel>\n        <DropdownMenuSeparator />\n        <DropdownMenuItem render={<a href=\"/api/auth/sign-out\">Sign out</a>} />\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n"],"mappings":";AA+BY,cAIN,YAJM;AA7BZ,SAAS,gBAAgB;AAEzB,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAOA,SAAS,SAAS,EAAE,QAAQ,aAAa,UAAU,GAAkB;AAC1E,SACE,qBAAC,gBACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,QACE;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,cAAW;AAAA,YACX;AAAA,YAEA,8BAAC,YAAS,eAAY,QAAO;AAAA;AAAA,QAC/B;AAAA;AAAA,IAEJ;AAAA,IACA,qBAAC,uBAAoB,OAAM,OAAM,YAAY,GAAG,WAAU,YACxD;AAAA,0BAAC,qBAAmB,iBAAM;AAAA,MAC1B,oBAAC,yBAAsB;AAAA,MACvB,oBAAC,oBAAiB,QAAQ,oBAAC,OAAE,MAAK,sBAAqB,sBAAQ,GAAM;AAAA,OACvE;AAAA,KACF;AAEJ;","names":[]}

package/dist/vault-tree.d.ts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type VaultTreeEntry = {
+    slug: string;
+    title: string;
+    sortKey?: string;
+};
+type VaultTreeProps = {
+    entries: VaultTreeEntry[];
+    currentSlug?: string;
+    showHomeLink?: boolean;
+};
+declare function VaultTree({ entries, currentSlug: currentSlugProp, showHomeLink, }: VaultTreeProps): react_jsx_runtime.JSX.Element;
+
+export { VaultTree, type VaultTreeEntry, type VaultTreeProps };