@silicajs/components 0.2.4 → 0.3.1

package/dist/backlinks.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
 
 type BacklinkItem = {
     slug: string;
@@ -8,6 +8,6 @@ type BacklinksProps = {
     backlinks: BacklinkItem[];
     className?: string;
 };
-declare function Backlinks({ backlinks, className }: BacklinksProps): react_jsx_runtime.JSX.Element | null;
+declare function Backlinks({ backlinks, className }: BacklinksProps): React.JSX.Element | null;
 
 export { type BacklinkItem, Backlinks, type BacklinksProps };

package/dist/breadcrumbs.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
 
 type BreadcrumbLinkItem = {
     label: string;
@@ -8,6 +8,6 @@ type BreadcrumbsProps = {
     items: BreadcrumbLinkItem[];
     className?: string;
 };
-declare function Breadcrumbs({ items, className }: BreadcrumbsProps): react_jsx_runtime.JSX.Element | null;
+declare function Breadcrumbs({ items, className }: BreadcrumbsProps): React.JSX.Element | null;
 
 export { type BreadcrumbLinkItem, Breadcrumbs, type BreadcrumbsProps };

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

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

package/dist/google-icon.d.ts

@@ -1,7 +1,7 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
 
 declare function GoogleIcon({ className }: {
     className?: string;
-}): react_jsx_runtime.JSX.Element;
+}): React.JSX.Element;
 
 export { GoogleIcon };

package/dist/index.d.ts

@@ -13,6 +13,5 @@ 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 'react';
 import '@silicajs/core/runtime';

package/dist/not-allowed.d.ts

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

package/dist/not-found.d.ts

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

package/dist/page-properties.d.ts

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

package/dist/page-properties.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ChevronRight } from "lucide-react";
 import { useEffect, useState } from "react";
 import { cn } from "@silicajs/ui/lib/utils";
@@ -8,14 +8,18 @@ import {
   CollapsibleContent,
   CollapsibleTrigger
 } from "@silicajs/ui/components/collapsible";
-import { getPageProperties } from "@silicajs/core/runtime";
+import {
+  getPageProperties
+} from "@silicajs/core/runtime";
+import { SilicaLink } from "./routing.js";
 const STORAGE_KEY = "silica:page-properties:open";
 function PageProperties({
   frontmatter,
+  properties: resolvedProperties,
   className,
   defaultOpen = false
 }) {
-  const properties = getPageProperties(frontmatter);
+  const properties = resolvedProperties ?? getPageProperties(frontmatter ?? {});
   const [open, setOpen] = useState(defaultOpen);
   useEffect(() => {
     try {
@@ -65,7 +69,7 @@ function PageProperties({
             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 })
+              /* @__PURE__ */ jsx("dd", { className: "px-4 py-2 text-foreground", children: /* @__PURE__ */ jsx(PagePropertyValue, { property }) })
             ]
           },
           property.key
@@ -74,6 +78,26 @@ function PageProperties({
     }
   );
 }
+function PagePropertyValue({ property }) {
+  if (!property.parts) return /* @__PURE__ */ jsx(Fragment, { children: property.value });
+  return /* @__PURE__ */ jsx(Fragment, { children: property.parts.map((part, index) => /* @__PURE__ */ jsx(PagePropertyPartView, { part }, `${part.type}-${index}`)) });
+}
+function PagePropertyPartView({ part }) {
+  if (part.type === "link") {
+    return /* @__PURE__ */ jsx(
+      SilicaLink,
+      {
+        href: part.href,
+        className: "text-primary underline underline-offset-2",
+        children: part.value
+      }
+    );
+  }
+  if (part.type === "broken-link") {
+    return /* @__PURE__ */ jsx("span", { className: "silica-broken-link", children: part.value });
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children: part.value });
+}
 export {
   PageProperties
 };

package/dist/page-properties.js.map

@@ -1 +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":[]}
+{"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 {\n  getPageProperties,\n  type PageProperty,\n  type PagePropertyPart,\n} from \"@silicajs/core/runtime\";\nimport { SilicaLink } from \"./routing.js\";\n\nconst STORAGE_KEY = \"silica:page-properties:open\";\n\nexport type PagePropertiesProps = {\n  frontmatter?: Record<string, unknown>;\n  properties?: PageProperty[];\n  className?: string;\n  defaultOpen?: boolean;\n};\n\nexport function PageProperties({\n  frontmatter,\n  properties: resolvedProperties,\n  className,\n  defaultOpen = false,\n}: PagePropertiesProps) {\n  const properties = resolvedProperties ?? 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\">\n                <PagePropertyValue property={property} />\n              </dd>\n            </div>\n          ))}\n        </dl>\n      </CollapsibleContent>\n    </Collapsible>\n  );\n}\n\nfunction PagePropertyValue({ property }: { property: PageProperty }) {\n  if (!property.parts) return <>{property.value}</>;\n\n  return (\n    <>\n      {property.parts.map((part, index) => (\n        <PagePropertyPartView key={`${part.type}-${index}`} part={part} />\n      ))}\n    </>\n  );\n}\n\nfunction PagePropertyPartView({ part }: { part: PagePropertyPart }) {\n  if (part.type === \"link\") {\n    return (\n      <SilicaLink\n        href={part.href}\n        className=\"text-primary underline underline-offset-2\"\n      >\n        {part.value}\n      </SilicaLink>\n    );\n  }\n\n  if (part.type === \"broken-link\") {\n    return <span className=\"silica-broken-link\">{part.value}</span>;\n  }\n\n  return <>{part.value}</>;\n}\n"],"mappings":";AAoEM,SAmCwB,UAlCtB,KADF;AAlEN,SAAS,oBAAoB;AAC7B,SAAS,WAAW,gBAAgB;AAEpC,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,OAGK;AACP,SAAS,kBAAkB;AAE3B,MAAM,cAAc;AASb,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,cAAc;AAChB,GAAwB;AACtB,QAAM,aAAa,sBAAsB,kBAAkB,eAAe,CAAC,CAAC;AAC5E,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,6BACZ,8BAAC,qBAAkB,UAAoB,GACzC;AAAA;AAAA;AAAA,UARK,SAAS;AAAA,QAShB,CACD,GACH,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,SAAS,kBAAkB,EAAE,SAAS,GAA+B;AACnE,MAAI,CAAC,SAAS,MAAO,QAAO,gCAAG,mBAAS,OAAM;AAE9C,SACE,gCACG,mBAAS,MAAM,IAAI,CAAC,MAAM,UACzB,oBAAC,wBAAmD,QAAzB,GAAG,KAAK,IAAI,IAAI,KAAK,EAAgB,CACjE,GACH;AAEJ;AAEA,SAAS,qBAAqB,EAAE,KAAK,GAA+B;AAClE,MAAI,KAAK,SAAS,QAAQ;AACxB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,KAAK;AAAA,QACX,WAAU;AAAA,QAET,eAAK;AAAA;AAAA,IACR;AAAA,EAEJ;AAEA,MAAI,KAAK,SAAS,eAAe;AAC/B,WAAO,oBAAC,UAAK,WAAU,sBAAsB,eAAK,OAAM;AAAA,EAC1D;AAEA,SAAO,gCAAG,eAAK,OAAM;AACvB;","names":[]}

package/dist/routing.d.ts

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

package/dist/search.d.ts

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

package/dist/search.js

@@ -115,21 +115,21 @@ function SearchPalette({ open, onOpenChange }) {
     /* @__PURE__ */ jsx(
       DialogContent,
       {
-        className: "top-1/3 translate-y-0 overflow-hidden rounded-xl! p-0",
+        className: "top-[12vh] translate-y-0 overflow-hidden rounded-xl! p-0 sm:max-w-xl",
         showCloseButton: false,
         children: /* @__PURE__ */ jsxs(Command, { shouldFilter: false, children: [
           /* @__PURE__ */ jsx(
             CommandInput,
             {
               autoFocus: true,
-              placeholder: "Search your vault\u2026",
+              placeholder: "Type to search\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,
+          query.trim() ? /* @__PURE__ */ jsxs(CommandList, { children: [
+            isLoading ? /* @__PURE__ */ jsx("div", { className: "py-12 text-center text-sm text-muted-foreground", children: "Searching\u2026" }) : null,
+            !isLoading && results.length === 0 ? /* @__PURE__ */ jsx(CommandEmpty, { children: "No results found" }) : null,
             results.map((result) => /* @__PURE__ */ jsx(
               CommandItem,
               {
@@ -138,14 +138,29 @@ function SearchPalette({ open, onOpenChange }) {
                   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: /* @__PURE__ */ jsx(HighlightedText, { parts: result.titleParts }) }),
-                  result.excerptParts.length > 0 ? /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-muted-foreground", children: /* @__PURE__ */ jsx(HighlightedText, { parts: result.excerptParts }) }) : null
+                children: /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-1", children: [
+                  /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-medium text-foreground", children: /* @__PURE__ */ jsx(HighlightedText, { parts: result.titleParts }) }),
+                  result.excerptParts.length > 0 ? /* @__PURE__ */ jsx("span", { className: "truncate text-xs leading-relaxed text-muted-foreground", children: /* @__PURE__ */ jsx(HighlightedText, { parts: result.excerptParts }) }) : null
                 ] })
               },
               result.slug
             ))
-          ] })
+          ] }) : null,
+          results.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 border-t border-border px-4 py-2.5 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
+              /* @__PURE__ */ jsx("kbd", { className: "inline-flex h-5 min-w-5 items-center justify-center rounded border border-border bg-muted px-1 font-sans", children: "\u21B5" }),
+              "to select"
+            ] }),
+            /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
+              /* @__PURE__ */ jsx("kbd", { className: "inline-flex h-5 min-w-5 items-center justify-center rounded border border-border bg-muted px-1 font-sans", children: "\u2191" }),
+              /* @__PURE__ */ jsx("kbd", { className: "inline-flex h-5 min-w-5 items-center justify-center rounded border border-border bg-muted px-1 font-sans", children: "\u2193" }),
+              "to navigate"
+            ] }),
+            /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
+              /* @__PURE__ */ jsx("kbd", { className: "inline-flex h-5 items-center justify-center rounded border border-border bg-muted px-1.5 font-sans", children: "esc" }),
+              "to close"
+            ] })
+          ] }) : null
         ] })
       }
     )

package/dist/search.js.map

@@ -1 +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 SearchHighlightPart = {\n  text: string;\n  highlighted: boolean;\n};\n\ntype SearchResult = {\n  slug: string;\n  title: string;\n  titleParts: SearchHighlightPart[];\n  excerptParts: SearchHighlightPart[];\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                    <HighlightedText parts={result.titleParts} />\n                  </span>\n                  {result.excerptParts.length > 0 ? (\n                    <span className=\"truncate text-xs text-muted-foreground\">\n                      <HighlightedText parts={result.excerptParts} />\n                    </span>\n                  ) : null}\n                </div>\n              </CommandItem>\n            ))}\n          </CommandList>\n        </Command>\n      </DialogContent>\n    </Dialog>\n  );\n}\n\nfunction HighlightedText({ parts }: { parts: SearchHighlightPart[] }) {\n  return (\n    <>\n      {parts.map((part, index) =>\n        part.highlighted ? (\n          <mark\n            key={index}\n            className=\"bg-transparent p-0 font-medium text-primary\"\n          >\n            {part.text}\n          </mark>\n        ) : (\n          <React.Fragment key={index}>{part.text}</React.Fragment>\n        ),\n      )}\n    </>\n  );\n}\n"],"mappings":"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","names":[]}
+{"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 SearchHighlightPart = {\n  text: string;\n  highlighted: boolean;\n};\n\ntype SearchResult = {\n  slug: string;\n  title: string;\n  titleParts: SearchHighlightPart[];\n  excerptParts: SearchHighlightPart[];\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-[12vh] translate-y-0 overflow-hidden rounded-xl! p-0 sm:max-w-xl\"\n        showCloseButton={false}\n      >\n        <Command shouldFilter={false}>\n          <CommandInput\n            autoFocus\n            placeholder=\"Type to search…\"\n            value={query}\n            onValueChange={setQuery}\n          />\n          {query.trim() ? (\n            <CommandList>\n              {isLoading ? (\n                <div className=\"py-12 text-center text-sm text-muted-foreground\">\n                  Searching…\n                </div>\n              ) : null}\n              {!isLoading && results.length === 0 ? (\n                <CommandEmpty>No results found</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-1\">\n                    <span className=\"truncate text-sm font-medium text-foreground\">\n                      <HighlightedText parts={result.titleParts} />\n                    </span>\n                    {result.excerptParts.length > 0 ? (\n                      <span className=\"truncate text-xs leading-relaxed text-muted-foreground\">\n                        <HighlightedText parts={result.excerptParts} />\n                      </span>\n                    ) : null}\n                  </div>\n                </CommandItem>\n              ))}\n            </CommandList>\n          ) : null}\n          {results.length > 0 ? (\n            <div className=\"flex items-center gap-4 border-t border-border px-4 py-2.5 text-xs text-muted-foreground\">\n              <span className=\"flex items-center gap-1.5\">\n                <kbd className=\"inline-flex h-5 min-w-5 items-center justify-center rounded border border-border bg-muted px-1 font-sans\">\n                  ↵\n                </kbd>\n                to select\n              </span>\n              <span className=\"flex items-center gap-1.5\">\n                <kbd className=\"inline-flex h-5 min-w-5 items-center justify-center rounded border border-border bg-muted px-1 font-sans\">\n                  ↑\n                </kbd>\n                <kbd className=\"inline-flex h-5 min-w-5 items-center justify-center rounded border border-border bg-muted px-1 font-sans\">\n                  ↓\n                </kbd>\n                to navigate\n              </span>\n              <span className=\"flex items-center gap-1.5\">\n                <kbd className=\"inline-flex h-5 items-center justify-center rounded border border-border bg-muted px-1.5 font-sans\">\n                  esc\n                </kbd>\n                to close\n              </span>\n            </div>\n          ) : null}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  );\n}\n\nfunction HighlightedText({ parts }: { parts: SearchHighlightPart[] }) {\n  return (\n    <>\n      {parts.map((part, index) =>\n        part.highlighted ? (\n          <mark\n            key={index}\n            className=\"bg-transparent p-0 font-medium text-primary\"\n          >\n            {part.text}\n          </mark>\n        ) : (\n          <React.Fragment key={index}>{part.text}</React.Fragment>\n        ),\n      )}\n    </>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/sign-in-shell.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
 import { ReactNode } from 'react';
 
 type SignInShellProps = {
@@ -9,6 +9,6 @@ type SignInShellProps = {
     subheadline?: string;
     children: ReactNode;
 };
-declare function SignInShell({ title, description, logo, headline, subheadline, children, }: SignInShellProps): react_jsx_runtime.JSX.Element;
+declare function SignInShell({ title, description, logo, headline, subheadline, children, }: SignInShellProps): React.JSX.Element;
 
 export { SignInShell, type SignInShellProps };

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

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

package/dist/tags-list.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
 import { ManifestEntry } from '@silicajs/core/runtime';
 
 type TagsListProps = {
@@ -6,6 +6,6 @@ type TagsListProps = {
     tag: string;
     className?: string;
 };
-declare function TagsList({ entries: allEntries, tag, className, }: TagsListProps): react_jsx_runtime.JSX.Element;
+declare function TagsList({ entries: allEntries, tag, className, }: TagsListProps): React.JSX.Element;
 
 export { TagsList, type TagsListProps };

package/dist/user-menu.d.ts

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

package/dist/vault-tree.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
 
 type VaultTreeEntry = {
     slug: string;
@@ -10,7 +10,7 @@ type VaultTreeProps = {
     currentSlug?: string;
     showHomeLink?: boolean;
 };
-declare function VaultTree({ navigationEndpoint, currentSlug: currentSlugProp, showHomeLink, }: VaultTreeProps): react_jsx_runtime.JSX.Element;
+declare function VaultTree({ navigationEndpoint, currentSlug: currentSlugProp, showHomeLink, }: VaultTreeProps): React.JSX.Element;
 declare function loadNavigationEntries(endpoint: string): Promise<VaultTreeEntry[]>;
 
 export { VaultTree, type VaultTreeEntry, type VaultTreeProps, loadNavigationEntries };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@silicajs/components",
-  "version": "0.2.4",
+  "version": "0.3.1",
   "description": "Silica-aware, framework-agnostic React composables built on @silicajs/ui.",
   "type": "module",
   "types": "./dist/index.d.ts",
@@ -28,9 +28,9 @@
     "test": "vitest run --passWithNoTests"
   },
   "dependencies": {
-    "@silicajs/core": "^0.6.0",
+    "@silicajs/core": "^0.7.1",
     "@silicajs/remark-obsidian": "^0.1.0",
-    "@silicajs/ui": "^0.1.2",
+    "@silicajs/ui": "^0.1.3",
     "lucide-react": "^1.17.0"
   },
   "peerDependencies": {
@@ -38,7 +38,7 @@
     "react-dom": "^19.2.0"
   },
   "devDependencies": {
-    "@types/react": "^19.2.10",
+    "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
     "react": "^19.2.6",
     "react-dom": "^19.2.7",