@silicajs/components 0.2.3 → 0.3.0

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/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.3",
+  "version": "0.3.0",
   "description": "Silica-aware, framework-agnostic React composables built on @silicajs/ui.",
   "type": "module",
   "types": "./dist/index.d.ts",
@@ -28,7 +28,7 @@
     "test": "vitest run --passWithNoTests"
   },
   "dependencies": {
-    "@silicajs/core": "^0.5.0",
+    "@silicajs/core": "^0.7.0",
     "@silicajs/remark-obsidian": "^0.1.0",
     "@silicajs/ui": "^0.1.2",
     "lucide-react": "^1.17.0"
@@ -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",