@silicajs/components 0.1.0

package/dist/backlinks.d.ts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Graph, Manifest } from '@silicajs/core/runtime';
+
+type BacklinksProps = {
+    graph: Graph;
+    slug: string;
+    manifest: Manifest;
+    className?: string;
+};
+declare function Backlinks({ graph, slug, manifest, className, }: BacklinksProps): react_jsx_runtime.JSX.Element | null;
+
+export { Backlinks, type BacklinksProps };

package/dist/backlinks.js

@@ -0,0 +1,36 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle
+} from "@silicajs/ui/components/card";
+import { SilicaLink } from "./routing.js";
+import { slugToHref } from "./slug.js";
+function Backlinks({
+  graph,
+  slug,
+  manifest,
+  className
+}) {
+  const backlinks = graph.backlinks[slug] ?? [];
+  if (backlinks.length === 0) return null;
+  return /* @__PURE__ */ jsxs(Card, { size: "sm", className, "data-slot": "backlinks", children: [
+    /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Backlinks" }) }),
+    /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-1.5 text-sm", children: backlinks.map((source) => {
+      const entry = manifest.bySlug[source];
+      return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+        SilicaLink,
+        {
+          href: slugToHref(source),
+          className: "text-primary hover:underline",
+          children: entry?.title ?? source
+        }
+      ) }, source);
+    }) }) })
+  ] });
+}
+export {
+  Backlinks
+};
+//# sourceMappingURL=backlinks.js.map

package/dist/backlinks.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/backlinks.tsx"],"sourcesContent":["import type { Graph, Manifest } from \"@silicajs/core/runtime\";\n\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n} from \"@silicajs/ui/components/card\";\n\nimport { SilicaLink } from \"./routing.js\";\nimport { slugToHref } from \"./slug.js\";\n\nexport type BacklinksProps = {\n  graph: Graph;\n  slug: string;\n  manifest: Manifest;\n  className?: string;\n};\n\nexport function Backlinks({\n  graph,\n  slug,\n  manifest,\n  className,\n}: BacklinksProps) {\n  const backlinks = graph.backlinks[slug] ?? [];\n  if (backlinks.length === 0) return null;\n  return (\n    <Card size=\"sm\" className={className} data-slot=\"backlinks\">\n      <CardHeader>\n        <CardTitle>Backlinks</CardTitle>\n      </CardHeader>\n      <CardContent>\n        <ul className=\"flex flex-col gap-1.5 text-sm\">\n          {backlinks.map((source) => {\n            const entry = manifest.bySlug[source];\n            return (\n              <li key={source}>\n                <SilicaLink\n                  href={slugToHref(source)}\n                  className=\"text-primary hover:underline\"\n                >\n                  {entry?.title ?? source}\n                </SilicaLink>\n              </li>\n            );\n          })}\n        </ul>\n      </CardContent>\n    </Card>\n  );\n}\n"],"mappings":"AA4BI,SAEI,KAFJ;AA1BJ;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AASpB,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAmB;AACjB,QAAM,YAAY,MAAM,UAAU,IAAI,KAAK,CAAC;AAC5C,MAAI,UAAU,WAAW,EAAG,QAAO;AACnC,SACE,qBAAC,QAAK,MAAK,MAAK,WAAsB,aAAU,aAC9C;AAAA,wBAAC,cACC,8BAAC,aAAU,uBAAS,GACtB;AAAA,IACA,oBAAC,eACC,8BAAC,QAAG,WAAU,iCACX,oBAAU,IAAI,CAAC,WAAW;AACzB,YAAM,QAAQ,SAAS,OAAO,MAAM;AACpC,aACE,oBAAC,QACC;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,WAAW,MAAM;AAAA,UACvB,WAAU;AAAA,UAET,iBAAO,SAAS;AAAA;AAAA,MACnB,KANO,MAOT;AAAA,IAEJ,CAAC,GACH,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/breadcrumbs.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type BreadcrumbsProps = {
+    slug: string;
+    allSlugs: readonly string[];
+    className?: string;
+};
+declare function Breadcrumbs({ slug, allSlugs, className }: BreadcrumbsProps): react_jsx_runtime.JSX.Element;
+
+export { Breadcrumbs, type BreadcrumbsProps };

package/dist/breadcrumbs.js

@@ -0,0 +1,37 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import {
+  Breadcrumb,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator
+} from "@silicajs/ui/components/breadcrumb";
+import { SilicaLink } from "./routing.js";
+import { breadcrumbSegmentHref, prettySegment } from "./slug.js";
+function Breadcrumbs({ slug, allSlugs, className }) {
+  const segments = slug === "index" ? [] : slug.split("/").slice(0, -1);
+  let acc = "";
+  return /* @__PURE__ */ jsx(Breadcrumb, { className, children: /* @__PURE__ */ jsxs(BreadcrumbList, { children: [
+    /* @__PURE__ */ jsx(BreadcrumbItem, { children: segments.length === 0 ? /* @__PURE__ */ jsx(BreadcrumbPage, { children: "Home" }) : /* @__PURE__ */ jsx(BreadcrumbLink, { render: /* @__PURE__ */ jsx(SilicaLink, { href: "/", children: "Home" }) }) }),
+    segments.map((segment) => {
+      acc = acc ? `${acc}/${segment}` : segment;
+      const label = prettySegment(segment);
+      const href = breadcrumbSegmentHref(acc, allSlugs);
+      return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+        /* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
+        /* @__PURE__ */ jsx(BreadcrumbItem, { children: href ? /* @__PURE__ */ jsx(
+          BreadcrumbLink,
+          {
+            render: /* @__PURE__ */ jsx(SilicaLink, { href, children: label })
+          }
+        ) : /* @__PURE__ */ jsx(BreadcrumbPage, { children: label }) })
+      ] }, acc);
+    })
+  ] }) });
+}
+export {
+  Breadcrumbs
+};
+//# sourceMappingURL=breadcrumbs.js.map

package/dist/breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/breadcrumbs.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from \"@silicajs/ui/components/breadcrumb\";\n\nimport { SilicaLink } from \"./routing.js\";\nimport { breadcrumbSegmentHref, prettySegment } from \"./slug.js\";\n\nexport type BreadcrumbsProps = {\n  slug: string;\n  allSlugs: readonly string[];\n  className?: string;\n};\n\nexport function Breadcrumbs({ slug, allSlugs, className }: BreadcrumbsProps) {\n  const segments = slug === \"index\" ? [] : slug.split(\"/\").slice(0, -1);\n  let acc = \"\";\n  return (\n    <Breadcrumb className={className}>\n      <BreadcrumbList>\n        <BreadcrumbItem>\n          {segments.length === 0 ? (\n            <BreadcrumbPage>Home</BreadcrumbPage>\n          ) : (\n            <BreadcrumbLink render={<SilicaLink href=\"/\">Home</SilicaLink>} />\n          )}\n        </BreadcrumbItem>\n        {segments.map((segment) => {\n          acc = acc ? `${acc}/${segment}` : segment;\n          const label = prettySegment(segment);\n          const href = breadcrumbSegmentHref(acc, allSlugs);\n          return (\n            <React.Fragment key={acc}>\n              <BreadcrumbSeparator />\n              <BreadcrumbItem>\n                {href ? (\n                  <BreadcrumbLink\n                    render={<SilicaLink href={href}>{label}</SilicaLink>}\n                  />\n                ) : (\n                  <BreadcrumbPage>{label}</BreadcrumbPage>\n                )}\n              </BreadcrumbItem>\n            </React.Fragment>\n          );\n        })}\n      </BreadcrumbList>\n    </Breadcrumb>\n  );\n}\n"],"mappings":"AA4BY,cAUA,YAVA;AA5BZ,YAAY,WAAW;AAEvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,kBAAkB;AAC3B,SAAS,uBAAuB,qBAAqB;AAQ9C,SAAS,YAAY,EAAE,MAAM,UAAU,UAAU,GAAqB;AAC3E,QAAM,WAAW,SAAS,UAAU,CAAC,IAAI,KAAK,MAAM,GAAG,EAAE,MAAM,GAAG,EAAE;AACpE,MAAI,MAAM;AACV,SACE,oBAAC,cAAW,WACV,+BAAC,kBACC;AAAA,wBAAC,kBACE,mBAAS,WAAW,IACnB,oBAAC,kBAAe,kBAAI,IAEpB,oBAAC,kBAAe,QAAQ,oBAAC,cAAW,MAAK,KAAI,kBAAI,GAAe,GAEpE;AAAA,IACC,SAAS,IAAI,CAAC,YAAY;AACzB,YAAM,MAAM,GAAG,GAAG,IAAI,OAAO,KAAK;AAClC,YAAM,QAAQ,cAAc,OAAO;AACnC,YAAM,OAAO,sBAAsB,KAAK,QAAQ;AAChD,aACE,qBAAC,MAAM,UAAN,EACC;AAAA,4BAAC,uBAAoB;AAAA,QACrB,oBAAC,kBACE,iBACC;AAAA,UAAC;AAAA;AAAA,YACC,QAAQ,oBAAC,cAAW,MAAa,iBAAM;AAAA;AAAA,QACzC,IAEA,oBAAC,kBAAgB,iBAAM,GAE3B;AAAA,WAVmB,GAWrB;AAAA,IAEJ,CAAC;AAAA,KACH,GACF;AAEJ;","names":[]}

package/dist/dark-mode-toggle.d.ts

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

package/dist/dark-mode-toggle.js

@@ -0,0 +1,107 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { MoonIcon, SunIcon } from "lucide-react";
+const STORAGE_KEY = "silica-theme";
+const SYSTEM_THEME_QUERY = "(prefers-color-scheme: dark)";
+function readStoredTheme() {
+  try {
+    const stored = window.localStorage.getItem(STORAGE_KEY);
+    return stored === "dark" || stored === "light" ? stored : null;
+  } catch {
+    return null;
+  }
+}
+function readSystemTheme() {
+  if (!window.matchMedia) return "light";
+  return window.matchMedia(SYSTEM_THEME_QUERY).matches ? "dark" : "light";
+}
+function resolveTheme() {
+  return readStoredTheme() ?? readSystemTheme();
+}
+function applyTheme(theme) {
+  if (typeof document === "undefined") return;
+  const root = document.documentElement;
+  root.classList.remove("dark", "light");
+  root.classList.add(theme);
+}
+function watchThemeChanges(onThemeChange) {
+  const media = window.matchMedia(SYSTEM_THEME_QUERY);
+  const syncTheme = () => {
+    const next = resolveTheme();
+    applyTheme(next);
+    onThemeChange(next);
+  };
+  const handleSystemThemeChange = () => {
+    if (!readStoredTheme()) syncTheme();
+  };
+  const handleStorageChange = (event) => {
+    if (event.key === STORAGE_KEY || event.key === null) syncTheme();
+  };
+  media.addEventListener("change", handleSystemThemeChange);
+  window.addEventListener("storage", handleStorageChange);
+  syncTheme();
+  return () => {
+    media.removeEventListener("change", handleSystemThemeChange);
+    window.removeEventListener("storage", handleStorageChange);
+  };
+}
+function persistTheme(theme) {
+  try {
+    const stored = window.localStorage.getItem(STORAGE_KEY);
+    if (stored !== theme) {
+      window.localStorage.setItem(STORAGE_KEY, theme);
+    }
+  } catch {
+  }
+  applyTheme(theme);
+}
+function DarkModeToggle({ className }) {
+  const [theme, setTheme] = React.useState("light");
+  const [mounted, setMounted] = React.useState(false);
+  React.useEffect(() => {
+    const unwatchThemeChanges = watchThemeChanges(setTheme);
+    setMounted(true);
+    return unwatchThemeChanges;
+  }, []);
+  const setAndPersist = (next) => {
+    setTheme(next);
+    persistTheme(next);
+  };
+  const isLight = mounted && theme === "light";
+  const isDark = mounted && theme === "dark";
+  const nextTheme = theme === "dark" ? "light" : "dark";
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      role: "switch",
+      "aria-checked": isDark,
+      "aria-label": `Switch to ${nextTheme} mode`,
+      onClick: () => setAndPersist(nextTheme),
+      className: `inline-flex items-center rounded-full border border-border bg-muted/50 p-0.5 transition-colors hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ${className ?? ""}`,
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: `inline-flex size-6 items-center justify-center rounded-full transition-colors ${isLight ? "bg-background text-foreground shadow-sm" : "text-muted-foreground"}`,
+            children: /* @__PURE__ */ jsx(SunIcon, { className: "size-3.5", "aria-hidden": "true" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: `inline-flex size-6 items-center justify-center rounded-full transition-colors ${isDark ? "bg-background text-foreground shadow-sm" : "text-muted-foreground"}`,
+            children: /* @__PURE__ */ jsx(MoonIcon, { className: "size-3.5", "aria-hidden": "true" })
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  DarkModeToggle
+};
+//# sourceMappingURL=dark-mode-toggle.js.map

package/dist/dark-mode-toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dark-mode-toggle.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { MoonIcon, SunIcon } from \"lucide-react\";\n\nconst STORAGE_KEY = \"silica-theme\";\nconst SYSTEM_THEME_QUERY = \"(prefers-color-scheme: dark)\";\n\ntype Theme = \"light\" | \"dark\";\n\nfunction readStoredTheme(): Theme | null {\n  try {\n    const stored = window.localStorage.getItem(STORAGE_KEY);\n    return stored === \"dark\" || stored === \"light\" ? stored : null;\n  } catch {\n    return null;\n  }\n}\n\nfunction readSystemTheme(): Theme {\n  if (!window.matchMedia) return \"light\";\n  return window.matchMedia(SYSTEM_THEME_QUERY).matches ? \"dark\" : \"light\";\n}\n\nfunction resolveTheme(): Theme {\n  return readStoredTheme() ?? readSystemTheme();\n}\n\nfunction applyTheme(theme: Theme) {\n  if (typeof document === \"undefined\") return;\n  const root = document.documentElement;\n  root.classList.remove(\"dark\", \"light\");\n  root.classList.add(theme);\n}\n\nfunction watchThemeChanges(onThemeChange: (theme: Theme) => void) {\n  const media = window.matchMedia(SYSTEM_THEME_QUERY);\n  const syncTheme = () => {\n    const next = resolveTheme();\n    applyTheme(next);\n    onThemeChange(next);\n  };\n\n  const handleSystemThemeChange = () => {\n    if (!readStoredTheme()) syncTheme();\n  };\n\n  const handleStorageChange = (event: StorageEvent) => {\n    if (event.key === STORAGE_KEY || event.key === null) syncTheme();\n  };\n\n  media.addEventListener(\"change\", handleSystemThemeChange);\n  window.addEventListener(\"storage\", handleStorageChange);\n\n  syncTheme();\n\n  return () => {\n    media.removeEventListener(\"change\", handleSystemThemeChange);\n    window.removeEventListener(\"storage\", handleStorageChange);\n  };\n}\n\nfunction persistTheme(theme: Theme) {\n  try {\n    const stored = window.localStorage.getItem(STORAGE_KEY);\n    if (stored !== theme) {\n      window.localStorage.setItem(STORAGE_KEY, theme);\n    }\n  } catch {\n    // The visual theme can still update when storage is unavailable.\n  }\n  applyTheme(theme);\n}\n\nexport type DarkModeToggleProps = {\n  className?: string;\n};\n\nexport function DarkModeToggle({ className }: DarkModeToggleProps) {\n  const [theme, setTheme] = React.useState<Theme>(\"light\");\n  const [mounted, setMounted] = React.useState(false);\n\n  React.useEffect(() => {\n    const unwatchThemeChanges = watchThemeChanges(setTheme);\n    setMounted(true);\n    return unwatchThemeChanges;\n  }, []);\n\n  const setAndPersist = (next: Theme) => {\n    setTheme(next);\n    persistTheme(next);\n  };\n\n  const isLight = mounted && theme === \"light\";\n  const isDark = mounted && theme === \"dark\";\n  const nextTheme: Theme = theme === \"dark\" ? \"light\" : \"dark\";\n\n  return (\n    <button\n      type=\"button\"\n      role=\"switch\"\n      aria-checked={isDark}\n      aria-label={`Switch to ${nextTheme} mode`}\n      onClick={() => setAndPersist(nextTheme)}\n      className={`inline-flex items-center rounded-full border border-border bg-muted/50 p-0.5 transition-colors hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ${className ?? \"\"}`}\n    >\n      <span\n        aria-hidden=\"true\"\n        className={`inline-flex size-6 items-center justify-center rounded-full transition-colors ${\n          isLight\n            ? \"bg-background text-foreground shadow-sm\"\n            : \"text-muted-foreground\"\n        }`}\n      >\n        <SunIcon className=\"size-3.5\" aria-hidden=\"true\" />\n      </span>\n      <span\n        aria-hidden=\"true\"\n        className={`inline-flex size-6 items-center justify-center rounded-full transition-colors ${\n          isDark\n            ? \"bg-background text-foreground shadow-sm\"\n            : \"text-muted-foreground\"\n        }`}\n      >\n        <MoonIcon className=\"size-3.5\" aria-hidden=\"true\" />\n      </span>\n    </button>\n  );\n}\n"],"mappings":";AAkGI,SAgBI,KAhBJ;AAhGJ,YAAY,WAAW;AACvB,SAAS,UAAU,eAAe;AAElC,MAAM,cAAc;AACpB,MAAM,qBAAqB;AAI3B,SAAS,kBAAgC;AACvC,MAAI;AACF,UAAM,SAAS,OAAO,aAAa,QAAQ,WAAW;AACtD,WAAO,WAAW,UAAU,WAAW,UAAU,SAAS;AAAA,EAC5D,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAEA,SAAS,kBAAyB;AAChC,MAAI,CAAC,OAAO,WAAY,QAAO;AAC/B,SAAO,OAAO,WAAW,kBAAkB,EAAE,UAAU,SAAS;AAClE;AAEA,SAAS,eAAsB;AAC7B,SAAO,gBAAgB,KAAK,gBAAgB;AAC9C;AAEA,SAAS,WAAW,OAAc;AAChC,MAAI,OAAO,aAAa,YAAa;AACrC,QAAM,OAAO,SAAS;AACtB,OAAK,UAAU,OAAO,QAAQ,OAAO;AACrC,OAAK,UAAU,IAAI,KAAK;AAC1B;AAEA,SAAS,kBAAkB,eAAuC;AAChE,QAAM,QAAQ,OAAO,WAAW,kBAAkB;AAClD,QAAM,YAAY,MAAM;AACtB,UAAM,OAAO,aAAa;AAC1B,eAAW,IAAI;AACf,kBAAc,IAAI;AAAA,EACpB;AAEA,QAAM,0BAA0B,MAAM;AACpC,QAAI,CAAC,gBAAgB,EAAG,WAAU;AAAA,EACpC;AAEA,QAAM,sBAAsB,CAAC,UAAwB;AACnD,QAAI,MAAM,QAAQ,eAAe,MAAM,QAAQ,KAAM,WAAU;AAAA,EACjE;AAEA,QAAM,iBAAiB,UAAU,uBAAuB;AACxD,SAAO,iBAAiB,WAAW,mBAAmB;AAEtD,YAAU;AAEV,SAAO,MAAM;AACX,UAAM,oBAAoB,UAAU,uBAAuB;AAC3D,WAAO,oBAAoB,WAAW,mBAAmB;AAAA,EAC3D;AACF;AAEA,SAAS,aAAa,OAAc;AAClC,MAAI;AACF,UAAM,SAAS,OAAO,aAAa,QAAQ,WAAW;AACtD,QAAI,WAAW,OAAO;AACpB,aAAO,aAAa,QAAQ,aAAa,KAAK;AAAA,IAChD;AAAA,EACF,QAAQ;AAAA,EAER;AACA,aAAW,KAAK;AAClB;AAMO,SAAS,eAAe,EAAE,UAAU,GAAwB;AACjE,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAgB,OAAO;AACvD,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,KAAK;AAElD,QAAM,UAAU,MAAM;AACpB,UAAM,sBAAsB,kBAAkB,QAAQ;AACtD,eAAW,IAAI;AACf,WAAO;AAAA,EACT,GAAG,CAAC,CAAC;AAEL,QAAM,gBAAgB,CAAC,SAAgB;AACrC,aAAS,IAAI;AACb,iBAAa,IAAI;AAAA,EACnB;AAEA,QAAM,UAAU,WAAW,UAAU;AACrC,QAAM,SAAS,WAAW,UAAU;AACpC,QAAM,YAAmB,UAAU,SAAS,UAAU;AAEtD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,MAAK;AAAA,MACL,gBAAc;AAAA,MACd,cAAY,aAAa,SAAS;AAAA,MAClC,SAAS,MAAM,cAAc,SAAS;AAAA,MACtC,WAAW,qNAAqN,aAAa,EAAE;AAAA,MAE/O;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,eAAY;AAAA,YACZ,WAAW,iFACT,UACI,4CACA,uBACN;AAAA,YAEA,8BAAC,WAAQ,WAAU,YAAW,eAAY,QAAO;AAAA;AAAA,QACnD;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,eAAY;AAAA,YACZ,WAAW,iFACT,SACI,4CACA,uBACN;AAAA,YAEA,8BAAC,YAAS,WAAU,YAAW,eAAY,QAAO;AAAA;AAAA,QACpD;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/index.d.ts

@@ -0,0 +1,16 @@
+export { Backlinks, BacklinksProps } from './backlinks.js';
+export { Breadcrumbs, BreadcrumbsProps } from './breadcrumbs.js';
+export { DarkModeToggle, DarkModeToggleProps } from './dark-mode-toggle.js';
+export { NotAllowed, NotAllowedProps } from './not-allowed.js';
+export { NotFound, NotFoundProps } from './not-found.js';
+export { PageProperties, PagePropertiesProps } from './page-properties.js';
+export { SearchPalette, SearchPaletteProps, SearchTrigger, SearchTriggerProps } from './search.js';
+export { SilicaLink, SilicaLinkComponent, SilicaLinkProps, SilicaRoutingContextValue, SilicaRoutingProvider, SilicaRoutingProviderProps, useSilicaRouting } from './routing.js';
+export { TableOfContents, TableOfContentsProps } from './table-of-contents.js';
+export { TagsList, TagsListProps } from './tags-list.js';
+export { UserMenu, UserMenuProps } from './user-menu.js';
+export { VaultTree, VaultTreeProps } from './vault-tree.js';
+export { breadcrumbSegmentHref, prettySegment, slugToHref } from './slug.js';
+import 'react/jsx-runtime';
+import '@silicajs/core/runtime';
+import 'react';

package/dist/index.js

@@ -0,0 +1,45 @@
+import { Backlinks } from "./backlinks.js";
+import { Breadcrumbs } from "./breadcrumbs.js";
+import {
+  DarkModeToggle
+} from "./dark-mode-toggle.js";
+import { NotAllowed } from "./not-allowed.js";
+import { NotFound } from "./not-found.js";
+import { PageProperties } from "./page-properties.js";
+import {
+  SearchPalette,
+  SearchTrigger
+} from "./search.js";
+import {
+  SilicaLink,
+  SilicaRoutingProvider,
+  useSilicaRouting
+} from "./routing.js";
+import {
+  TableOfContents
+} from "./table-of-contents.js";
+import { TagsList } from "./tags-list.js";
+import { UserMenu } from "./user-menu.js";
+import { VaultTree } from "./vault-tree.js";
+import { breadcrumbSegmentHref, prettySegment, slugToHref } from "./slug.js";
+export {
+  Backlinks,
+  Breadcrumbs,
+  DarkModeToggle,
+  NotAllowed,
+  NotFound,
+  PageProperties,
+  SearchPalette,
+  SearchTrigger,
+  SilicaLink,
+  SilicaRoutingProvider,
+  TableOfContents,
+  TagsList,
+  UserMenu,
+  VaultTree,
+  breadcrumbSegmentHref,
+  prettySegment,
+  slugToHref,
+  useSilicaRouting
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export { Backlinks, type BacklinksProps } from \"./backlinks.js\";\nexport { Breadcrumbs, type BreadcrumbsProps } from \"./breadcrumbs.js\";\nexport {\n  DarkModeToggle,\n  type DarkModeToggleProps,\n} from \"./dark-mode-toggle.js\";\nexport { NotAllowed, type NotAllowedProps } from \"./not-allowed.js\";\nexport { NotFound, type NotFoundProps } from \"./not-found.js\";\nexport { PageProperties, type PagePropertiesProps } from \"./page-properties.js\";\nexport {\n  SearchPalette,\n  SearchTrigger,\n  type SearchPaletteProps,\n  type SearchTriggerProps,\n} from \"./search.js\";\nexport {\n  SilicaLink,\n  SilicaRoutingProvider,\n  useSilicaRouting,\n  type SilicaLinkComponent,\n  type SilicaLinkProps,\n  type SilicaRoutingContextValue,\n  type SilicaRoutingProviderProps,\n} from \"./routing.js\";\nexport {\n  TableOfContents,\n  type TableOfContentsProps,\n} from \"./table-of-contents.js\";\nexport { TagsList, type TagsListProps } from \"./tags-list.js\";\nexport { UserMenu, type UserMenuProps } from \"./user-menu.js\";\nexport { VaultTree, type VaultTreeProps } from \"./vault-tree.js\";\nexport { breadcrumbSegmentHref, prettySegment, slugToHref } from \"./slug.js\";\n"],"mappings":"AAAA,SAAS,iBAAsC;AAC/C,SAAS,mBAA0C;AACnD;AAAA,EACE;AAAA,OAEK;AACP,SAAS,kBAAwC;AACjD,SAAS,gBAAoC;AAC7C,SAAS,sBAAgD;AACzD;AAAA,EACE;AAAA,EACA;AAAA,OAGK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAKK;AACP;AAAA,EACE;AAAA,OAEK;AACP,SAAS,gBAAoC;AAC7C,SAAS,gBAAoC;AAC7C,SAAS,iBAAsC;AAC/C,SAAS,uBAAuB,eAAe,kBAAkB;","names":[]}

package/dist/not-allowed.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type NotAllowedProps = {
+    title?: string;
+    description?: string;
+    cta?: {
+        href: string;
+        label: string;
+    };
+    className?: string;
+};
+declare function NotAllowed({ title, description, cta, className, }: NotAllowedProps): react_jsx_runtime.JSX.Element;
+
+export { NotAllowed, type NotAllowedProps };

package/dist/not-allowed.js

@@ -0,0 +1,27 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "@silicajs/ui/components/button";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle
+} from "@silicajs/ui/components/card";
+function NotAllowed({
+  title = "Not allowed",
+  description = "Your email is not on this site's allowlist.",
+  cta = { href: "/sign-in", label: "Try a different account" },
+  className
+}) {
+  return /* @__PURE__ */ jsx("main", { className, "data-slot": "not-allowed", children: /* @__PURE__ */ jsxs(Card, { className: "mx-auto max-w-md", children: [
+    /* @__PURE__ */ jsxs(CardHeader, { children: [
+      /* @__PURE__ */ jsx(CardTitle, { className: "text-lg", children: title }),
+      /* @__PURE__ */ jsx(CardDescription, { children: description })
+    ] }),
+    /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(Button, { render: /* @__PURE__ */ jsx("a", { href: cta.href, children: cta.label }) }) })
+  ] }) });
+}
+export {
+  NotAllowed
+};
+//# sourceMappingURL=not-allowed.js.map

package/dist/not-allowed.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/not-allowed.tsx"],"sourcesContent":["import { Button } from \"@silicajs/ui/components/button\";\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"@silicajs/ui/components/card\";\n\nexport type NotAllowedProps = {\n  title?: string;\n  description?: string;\n  cta?: { href: string; label: string };\n  className?: string;\n};\n\nexport function NotAllowed({\n  title = \"Not allowed\",\n  description = \"Your email is not on this site's allowlist.\",\n  cta = { href: \"/sign-in\", label: \"Try a different account\" },\n  className,\n}: NotAllowedProps) {\n  return (\n    <main className={className} data-slot=\"not-allowed\">\n      <Card className=\"mx-auto max-w-md\">\n        <CardHeader>\n          <CardTitle className=\"text-lg\">{title}</CardTitle>\n          <CardDescription>{description}</CardDescription>\n        </CardHeader>\n        <CardContent>\n          <Button render={<a href={cta.href}>{cta.label}</a>} />\n        </CardContent>\n      </Card>\n    </main>\n  );\n}\n"],"mappings":"AAyBQ,SACE,KADF;AAzBR,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AASA,SAAS,WAAW;AAAA,EACzB,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,MAAM,EAAE,MAAM,YAAY,OAAO,0BAA0B;AAAA,EAC3D;AACF,GAAoB;AAClB,SACE,oBAAC,UAAK,WAAsB,aAAU,eACpC,+BAAC,QAAK,WAAU,oBACd;AAAA,yBAAC,cACC;AAAA,0BAAC,aAAU,WAAU,WAAW,iBAAM;AAAA,MACtC,oBAAC,mBAAiB,uBAAY;AAAA,OAChC;AAAA,IACA,oBAAC,eACC,8BAAC,UAAO,QAAQ,oBAAC,OAAE,MAAM,IAAI,MAAO,cAAI,OAAM,GAAM,GACtD;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/not-found.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type NotFoundProps = {
+    title?: string;
+    description?: string;
+    cta?: {
+        href: string;
+        label: string;
+    };
+    className?: string;
+};
+declare function NotFound({ title, description, cta, className, }: NotFoundProps): react_jsx_runtime.JSX.Element;
+
+export { NotFound, type NotFoundProps };

package/dist/not-found.js

@@ -0,0 +1,27 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "@silicajs/ui/components/button";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle
+} from "@silicajs/ui/components/card";
+function NotFound({
+  title = "Page not found",
+  description = "The requested note does not exist or is not published.",
+  cta = { href: "/", label: "Return home" },
+  className
+}) {
+  return /* @__PURE__ */ jsx("main", { className, "data-slot": "not-found", children: /* @__PURE__ */ jsxs(Card, { className: "mx-auto max-w-md", children: [
+    /* @__PURE__ */ jsxs(CardHeader, { children: [
+      /* @__PURE__ */ jsx(CardTitle, { className: "text-lg", children: title }),
+      /* @__PURE__ */ jsx(CardDescription, { children: description })
+    ] }),
+    /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(Button, { variant: "outline", render: /* @__PURE__ */ jsx("a", { href: cta.href, children: cta.label }) }) })
+  ] }) });
+}
+export {
+  NotFound
+};
+//# sourceMappingURL=not-found.js.map

package/dist/not-found.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/not-found.tsx"],"sourcesContent":["import { Button } from \"@silicajs/ui/components/button\";\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"@silicajs/ui/components/card\";\n\nexport type NotFoundProps = {\n  title?: string;\n  description?: string;\n  cta?: { href: string; label: string };\n  className?: string;\n};\n\nexport function NotFound({\n  title = \"Page not found\",\n  description = \"The requested note does not exist or is not published.\",\n  cta = { href: \"/\", label: \"Return home\" },\n  className,\n}: NotFoundProps) {\n  return (\n    <main className={className} data-slot=\"not-found\">\n      <Card className=\"mx-auto max-w-md\">\n        <CardHeader>\n          <CardTitle className=\"text-lg\">{title}</CardTitle>\n          <CardDescription>{description}</CardDescription>\n        </CardHeader>\n        <CardContent>\n          <Button variant=\"outline\" render={<a href={cta.href}>{cta.label}</a>} />\n        </CardContent>\n      </Card>\n    </main>\n  );\n}\n"],"mappings":"AAyBQ,SACE,KADF;AAzBR,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AASA,SAAS,SAAS;AAAA,EACvB,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,MAAM,EAAE,MAAM,KAAK,OAAO,cAAc;AAAA,EACxC;AACF,GAAkB;AAChB,SACE,oBAAC,UAAK,WAAsB,aAAU,aACpC,+BAAC,QAAK,WAAU,oBACd;AAAA,yBAAC,cACC;AAAA,0BAAC,aAAU,WAAU,WAAW,iBAAM;AAAA,MACtC,oBAAC,mBAAiB,uBAAY;AAAA,OAChC;AAAA,IACA,oBAAC,eACC,8BAAC,UAAO,SAAQ,WAAU,QAAQ,oBAAC,OAAE,MAAM,IAAI,MAAO,cAAI,OAAM,GAAM,GACxE;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/page-properties.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type PagePropertiesProps = {
+    frontmatter: Record<string, unknown>;
+    className?: string;
+    defaultOpen?: boolean;
+};
+declare function PageProperties({ frontmatter, className, defaultOpen, }: PagePropertiesProps): react_jsx_runtime.JSX.Element | null;
+
+export { PageProperties, type PagePropertiesProps };

package/dist/page-properties.js

@@ -0,0 +1,80 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronRight } from "lucide-react";
+import { useEffect, useState } from "react";
+import { cn } from "@silicajs/ui/lib/utils";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger
+} from "@silicajs/ui/components/collapsible";
+import { getPageProperties } from "@silicajs/core/runtime";
+const STORAGE_KEY = "silica:page-properties:open";
+function PageProperties({
+  frontmatter,
+  className,
+  defaultOpen = false
+}) {
+  const properties = getPageProperties(frontmatter);
+  const [open, setOpen] = useState(defaultOpen);
+  useEffect(() => {
+    try {
+      const stored = window.localStorage.getItem(STORAGE_KEY);
+      if (stored === "true" || stored === "false") {
+        setOpen(stored === "true");
+      }
+    } catch {
+    }
+  }, []);
+  function handleOpenChange(next) {
+    setOpen(next);
+    try {
+      window.localStorage.setItem(STORAGE_KEY, String(next));
+    } catch {
+    }
+  }
+  if (properties.length === 0) return null;
+  return /* @__PURE__ */ jsxs(
+    Collapsible,
+    {
+      "data-slot": "page-properties",
+      open,
+      onOpenChange: handleOpenChange,
+      className: cn(
+        "rounded-lg border border-border bg-card text-sm",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs(CollapsibleTrigger, { className: "flex w-full cursor-pointer items-center gap-2 px-4 py-2.5 text-left font-medium", children: [
+          /* @__PURE__ */ jsx(
+            ChevronRight,
+            {
+              className: cn(
+                "size-4 shrink-0 text-muted-foreground transition-transform",
+                open && "rotate-90"
+              ),
+              "aria-hidden": true
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "text-foreground", children: "Page Properties" }),
+          /* @__PURE__ */ jsx("span", { className: "ml-auto text-xs tabular-nums text-muted-foreground", children: properties.length })
+        ] }),
+        /* @__PURE__ */ jsx(CollapsibleContent, { className: "h-[var(--collapsible-panel-height)] overflow-hidden transition-[height] duration-200 ease-out data-[ending-style]:h-0 data-[starting-style]:h-0 motion-reduce:transition-none", children: /* @__PURE__ */ jsx("dl", { className: "border-t border-border", children: properties.map((property) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "grid grid-cols-[10rem_1fr] gap-x-4 border-t border-border first:border-t-0",
+            children: [
+              /* @__PURE__ */ jsx("dt", { className: "px-4 py-2 text-muted-foreground", children: property.label }),
+              /* @__PURE__ */ jsx("dd", { className: "px-4 py-2 text-foreground", children: property.value })
+            ]
+          },
+          property.key
+        )) }) })
+      ]
+    }
+  );
+}
+export {
+  PageProperties
+};
+//# sourceMappingURL=page-properties.js.map

package/dist/page-properties.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/page-properties.tsx"],"sourcesContent":["\"use client\";\n\nimport { ChevronRight } from \"lucide-react\";\nimport { useEffect, useState } from \"react\";\n\nimport { cn } from \"@silicajs/ui/lib/utils\";\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@silicajs/ui/components/collapsible\";\nimport { getPageProperties } from \"@silicajs/core/runtime\";\n\nconst STORAGE_KEY = \"silica:page-properties:open\";\n\nexport type PagePropertiesProps = {\n  frontmatter: Record<string, unknown>;\n  className?: string;\n  defaultOpen?: boolean;\n};\n\nexport function PageProperties({\n  frontmatter,\n  className,\n  defaultOpen = false,\n}: PagePropertiesProps) {\n  const properties = getPageProperties(frontmatter);\n  const [open, setOpen] = useState<boolean>(defaultOpen);\n\n  useEffect(() => {\n    try {\n      const stored = window.localStorage.getItem(STORAGE_KEY);\n      if (stored === \"true\" || stored === \"false\") {\n        setOpen(stored === \"true\");\n      }\n    } catch {\n      // ignore (private mode, disabled storage, etc.)\n    }\n  }, []);\n\n  function handleOpenChange(next: boolean) {\n    setOpen(next);\n    try {\n      window.localStorage.setItem(STORAGE_KEY, String(next));\n    } catch {\n      // ignore\n    }\n  }\n\n  if (properties.length === 0) return null;\n\n  return (\n    <Collapsible\n      data-slot=\"page-properties\"\n      open={open}\n      onOpenChange={handleOpenChange}\n      className={cn(\n        \"rounded-lg border border-border bg-card text-sm\",\n        className,\n      )}\n    >\n      <CollapsibleTrigger className=\"flex w-full cursor-pointer items-center gap-2 px-4 py-2.5 text-left font-medium\">\n        <ChevronRight\n          className={cn(\n            \"size-4 shrink-0 text-muted-foreground transition-transform\",\n            open && \"rotate-90\",\n          )}\n          aria-hidden\n        />\n        <span className=\"text-foreground\">Page Properties</span>\n        <span className=\"ml-auto text-xs tabular-nums text-muted-foreground\">\n          {properties.length}\n        </span>\n      </CollapsibleTrigger>\n      <CollapsibleContent className=\"h-[var(--collapsible-panel-height)] overflow-hidden transition-[height] duration-200 ease-out data-[ending-style]:h-0 data-[starting-style]:h-0 motion-reduce:transition-none\">\n        <dl className=\"border-t border-border\">\n          {properties.map((property) => (\n            <div\n              key={property.key}\n              className=\"grid grid-cols-[10rem_1fr] gap-x-4 border-t border-border first:border-t-0\"\n            >\n              <dt className=\"px-4 py-2 text-muted-foreground\">\n                {property.label}\n              </dt>\n              <dd className=\"px-4 py-2 text-foreground\">{property.value}</dd>\n            </div>\n          ))}\n        </dl>\n      </CollapsibleContent>\n    </Collapsible>\n  );\n}\n"],"mappings":";AA6DM,SACE,KADF;AA3DN,SAAS,oBAAoB;AAC7B,SAAS,WAAW,gBAAgB;AAEpC,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,yBAAyB;AAElC,MAAM,cAAc;AAQb,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA,cAAc;AAChB,GAAwB;AACtB,QAAM,aAAa,kBAAkB,WAAW;AAChD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAkB,WAAW;AAErD,YAAU,MAAM;AACd,QAAI;AACF,YAAM,SAAS,OAAO,aAAa,QAAQ,WAAW;AACtD,UAAI,WAAW,UAAU,WAAW,SAAS;AAC3C,gBAAQ,WAAW,MAAM;AAAA,MAC3B;AAAA,IACF,QAAQ;AAAA,IAER;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,WAAS,iBAAiB,MAAe;AACvC,YAAQ,IAAI;AACZ,QAAI;AACF,aAAO,aAAa,QAAQ,aAAa,OAAO,IAAI,CAAC;AAAA,IACvD,QAAQ;AAAA,IAER;AAAA,EACF;AAEA,MAAI,WAAW,WAAW,EAAG,QAAO;AAEpC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV;AAAA,MACA,cAAc;AAAA,MACd,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEA;AAAA,6BAAC,sBAAmB,WAAU,mFAC5B;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA,QAAQ;AAAA,cACV;AAAA,cACA,eAAW;AAAA;AAAA,UACb;AAAA,UACA,oBAAC,UAAK,WAAU,mBAAkB,6BAAe;AAAA,UACjD,oBAAC,UAAK,WAAU,sDACb,qBAAW,QACd;AAAA,WACF;AAAA,QACA,oBAAC,sBAAmB,WAAU,iLAC5B,8BAAC,QAAG,WAAU,0BACX,qBAAW,IAAI,CAAC,aACf;AAAA,UAAC;AAAA;AAAA,YAEC,WAAU;AAAA,YAEV;AAAA,kCAAC,QAAG,WAAU,mCACX,mBAAS,OACZ;AAAA,cACA,oBAAC,QAAG,WAAU,6BAA6B,mBAAS,OAAM;AAAA;AAAA;AAAA,UANrD,SAAS;AAAA,QAOhB,CACD,GACH,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/routing.d.ts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+type SilicaLinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    href: string;
+};
+type SilicaLinkComponent = React.ForwardRefExoticComponent<SilicaLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+type SilicaRoutingContextValue = {
+    Link: SilicaLinkComponent;
+    currentSlug?: string;
+    navigate: (href: string) => void;
+};
+type SilicaRoutingProviderProps = Partial<SilicaRoutingContextValue> & {
+    children: React.ReactNode;
+};
+declare function SilicaRoutingProvider({ children, Link, currentSlug, navigate, }: SilicaRoutingProviderProps): react_jsx_runtime.JSX.Element;
+declare function useSilicaRouting(): SilicaRoutingContextValue;
+declare const SilicaLink: React.ForwardRefExoticComponent<React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    href: string;
+} & React.RefAttributes<HTMLAnchorElement>>;
+
+export { SilicaLink, type SilicaLinkComponent, type SilicaLinkProps, type SilicaRoutingContextValue, SilicaRoutingProvider, type SilicaRoutingProviderProps, useSilicaRouting };

package/dist/routing.js

@@ -0,0 +1,42 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+const DefaultLink = React.forwardRef(
+  function DefaultLink2({ href, ...props }, ref) {
+    return /* @__PURE__ */ jsx("a", { ref, href, ...props });
+  }
+);
+const defaultRouting = {
+  Link: DefaultLink,
+  navigate: (href) => {
+    window.location.href = href;
+  }
+};
+const SilicaRoutingContext = React.createContext(defaultRouting);
+function SilicaRoutingProvider({
+  children,
+  Link = DefaultLink,
+  currentSlug,
+  navigate = defaultRouting.navigate
+}) {
+  const value = React.useMemo(
+    () => ({ Link, currentSlug, navigate }),
+    [Link, currentSlug, navigate]
+  );
+  return /* @__PURE__ */ jsx(SilicaRoutingContext.Provider, { value, children });
+}
+function useSilicaRouting() {
+  return React.useContext(SilicaRoutingContext);
+}
+const SilicaLink = React.forwardRef(
+  function SilicaLink2(props, ref) {
+    const { Link } = useSilicaRouting();
+    return /* @__PURE__ */ jsx(Link, { ref, ...props });
+  }
+);
+export {
+  SilicaLink,
+  SilicaRoutingProvider,
+  useSilicaRouting
+};
+//# sourceMappingURL=routing.js.map

package/dist/routing.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/routing.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nexport type SilicaLinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n  href: string;\n};\n\nexport type SilicaLinkComponent = React.ForwardRefExoticComponent<\n  SilicaLinkProps & React.RefAttributes<HTMLAnchorElement>\n>;\n\nexport type SilicaRoutingContextValue = {\n  Link: SilicaLinkComponent;\n  currentSlug?: string;\n  navigate: (href: string) => void;\n};\n\nconst DefaultLink = React.forwardRef<HTMLAnchorElement, SilicaLinkProps>(\n  function DefaultLink({ href, ...props }, ref) {\n    return <a ref={ref} href={href} {...props} />;\n  },\n);\n\nconst defaultRouting: SilicaRoutingContextValue = {\n  Link: DefaultLink,\n  navigate: (href) => {\n    window.location.href = href;\n  },\n};\n\nconst SilicaRoutingContext =\n  React.createContext<SilicaRoutingContextValue>(defaultRouting);\n\nexport type SilicaRoutingProviderProps = Partial<SilicaRoutingContextValue> & {\n  children: React.ReactNode;\n};\n\nexport function SilicaRoutingProvider({\n  children,\n  Link = DefaultLink,\n  currentSlug,\n  navigate = defaultRouting.navigate,\n}: SilicaRoutingProviderProps) {\n  const value = React.useMemo(\n    () => ({ Link, currentSlug, navigate }),\n    [Link, currentSlug, navigate],\n  );\n\n  return (\n    <SilicaRoutingContext.Provider value={value}>\n      {children}\n    </SilicaRoutingContext.Provider>\n  );\n}\n\nexport function useSilicaRouting(): SilicaRoutingContextValue {\n  return React.useContext(SilicaRoutingContext);\n}\n\nexport const SilicaLink = React.forwardRef<HTMLAnchorElement, SilicaLinkProps>(\n  function SilicaLink(props, ref) {\n    const { Link } = useSilicaRouting();\n    return <Link ref={ref} {...props} />;\n  },\n);\n"],"mappings":";AAoBW;AAlBX,YAAY,WAAW;AAgBvB,MAAM,cAAc,MAAM;AAAA,EACxB,SAASA,aAAY,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK;AAC5C,WAAO,oBAAC,OAAE,KAAU,MAAa,GAAG,OAAO;AAAA,EAC7C;AACF;AAEA,MAAM,iBAA4C;AAAA,EAChD,MAAM;AAAA,EACN,UAAU,CAAC,SAAS;AAClB,WAAO,SAAS,OAAO;AAAA,EACzB;AACF;AAEA,MAAM,uBACJ,MAAM,cAAyC,cAAc;AAMxD,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,WAAW,eAAe;AAC5B,GAA+B;AAC7B,QAAM,QAAQ,MAAM;AAAA,IAClB,OAAO,EAAE,MAAM,aAAa,SAAS;AAAA,IACrC,CAAC,MAAM,aAAa,QAAQ;AAAA,EAC9B;AAEA,SACE,oBAAC,qBAAqB,UAArB,EAA8B,OAC5B,UACH;AAEJ;AAEO,SAAS,mBAA8C;AAC5D,SAAO,MAAM,WAAW,oBAAoB;AAC9C;AAEO,MAAM,aAAa,MAAM;AAAA,EAC9B,SAASC,YAAW,OAAO,KAAK;AAC9B,UAAM,EAAE,KAAK,IAAI,iBAAiB;AAClC,WAAO,oBAAC,QAAK,KAAW,GAAG,OAAO;AAAA,EACpC;AACF;","names":["DefaultLink","SilicaLink"]}

package/dist/search.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type SearchTriggerProps = {
+    placeholder?: string;
+    className?: string;
+};
+declare function SearchTrigger({ placeholder, className, }: SearchTriggerProps): react_jsx_runtime.JSX.Element;
+type SearchPaletteProps = {
+    open: boolean;
+    onOpenChange: (next: boolean) => void;
+};
+declare function SearchPalette({ open, onOpenChange }: SearchPaletteProps): react_jsx_runtime.JSX.Element;
+
+export { SearchPalette, type SearchPaletteProps, SearchTrigger, type SearchTriggerProps };