svedocs 0.1.0-beta.10

package/dist/theme/MobileNav.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+  import type { SvedocsTreeItem } from '../core/types.js';
+  import { fallbackTranslate } from './headless.js';
+  import SidebarTree from './SidebarTree.svelte';
+  import type { SvedocsThemeComponentMap, SvedocsThemeContext } from './types.js';
+
+  export let items: SvedocsTreeItem[] = [];
+  export let currentPath = '';
+  export let context: SvedocsThemeContext | undefined = undefined;
+  export let themeComponents: Partial<SvedocsThemeComponentMap> = {};
+
+  $: Sidebar = themeComponents.Sidebar ?? SidebarTree;
+  $: t = context?.t ?? fallbackTranslate;
+</script>
+
+{#if items.length > 0}
+  <nav class="sd-mobile-docnav" aria-label={t('nav.documentation')} data-theme-component="mobile-nav">
+    <svelte:component this={Sidebar} {items} {currentPath} />
+  </nav>
+{/if}

package/dist/theme/MobileNav.svelte.d.ts

@@ -0,0 +1,26 @@
+import type { SvedocsTreeItem } from '../core/types.js';
+import type { SvedocsThemeComponentMap, SvedocsThemeContext } from './types.js';
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const MobileNav: $$__sveltets_2_IsomorphicComponent<{
+    items?: SvedocsTreeItem[];
+    currentPath?: string;
+    context?: SvedocsThemeContext | undefined;
+    themeComponents?: Partial<SvedocsThemeComponentMap>;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type MobileNav = InstanceType<typeof MobileNav>;
+export default MobileNav;
+//# sourceMappingURL=MobileNav.svelte.d.ts.map

package/dist/theme/MobileNav.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileNav.svelte.d.ts","sourceRoot":"","sources":["../../src/theme/MobileNav.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAGxD,OAAO,KAAK,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAyBhF,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,SAAS;YAV6G,eAAe,EAAE;;cAA8C,mBAAmB,GAAG,SAAS;sBAAoB,OAAO,CAAC,wBAAwB,CAAC;;;kBAUjL,CAAC;AAC7E,KAAK,SAAS,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,CAAC;AAClD,eAAe,SAAS,CAAC"}

package/dist/theme/Navbar.svelte

@@ -0,0 +1,69 @@
+<script lang="ts">
+  import Brand from './Brand.svelte';
+  import MobileNav from './MobileNav.svelte';
+  import ScopeSwitcher from './ScopeSwitcher.svelte';
+  import SearchDialog from './SearchDialog.svelte';
+  import SocialNav from './SocialNav.svelte';
+  import ThemeToggle from './ThemeToggle.svelte';
+  import TopNav from './TopNav.svelte';
+  import type { SvedocsThemeComponentMap, SvedocsThemeContext } from './types.js';
+  import type { SvedocsTreeItem } from '../core/types.js';
+
+  export let context: SvedocsThemeContext;
+  export let mobileTree: SvedocsTreeItem[] = [];
+  export let mobileCurrentPath = '';
+  export let mobileMenuId = 'sd-mobile-menu-site';
+  export let mobileMenuOpen = false;
+  export let themeComponents: Partial<SvedocsThemeComponentMap> = {};
+  export let onToggleMobileMenu: () => void = () => undefined;
+
+  $: BrandComponent = themeComponents.Brand ?? Brand;
+  $: TopNavComponent = themeComponents.TopNav ?? TopNav;
+  $: Search = themeComponents.Search ?? SearchDialog;
+  $: Toggle = themeComponents.ThemeToggle ?? ThemeToggle;
+  $: Mobile = themeComponents.MobileNav ?? MobileNav;
+  $: Social = themeComponents.SocialNav ?? SocialNav;
+</script>
+
+<header class:sd-mobile-menu-open={mobileMenuOpen} class="sd-topbar" data-theme-component="navbar">
+  <svelte:component this={BrandComponent} {context} />
+  <div id={mobileMenuId} class="sd-topbar-menu" class:sd-open={mobileMenuOpen}>
+    <svelte:component this={TopNavComponent} {context} />
+    <div class="sd-topbar-spacer" aria-hidden="true"></div>
+    <div class="sd-topbar-tools">
+      {#if context.config.search.enabled}
+        <svelte:component
+          this={Search}
+          records={context.search}
+          loadRecords={context.loadSearch}
+          scope={context.searchScope}
+          provider={context.config.search.provider}
+          buildMode={context.config.build.mode}
+          {context}
+        />
+      {/if}
+      <ScopeSwitcher page={context.page} pages={context.pages} locales={context.config.i18n.locales} {context} />
+    </div>
+    <svelte:component this={Social} {context} />
+    {#if context.config.theme.defaultMode === 'system'}
+      <svelte:component this={Toggle} defaultMode={context.config.theme.defaultMode} {context} />
+    {/if}
+    <svelte:component this={Mobile} items={mobileTree} currentPath={mobileCurrentPath} {themeComponents} {context} />
+  </div>
+  <button
+    class="sd-menu-button"
+    type="button"
+    aria-label={mobileMenuOpen ? context.t('nav.mobile.close') : context.t('nav.mobile.open')}
+    aria-expanded={mobileMenuOpen}
+    aria-controls={mobileMenuId}
+    on:click={onToggleMobileMenu}
+  >
+    <svg aria-hidden="true" viewBox="0 0 24 24">
+      {#if mobileMenuOpen}
+        <path d="M6 6l12 12M18 6 6 18" />
+      {:else}
+        <path d="M4 7h16M4 12h16M4 17h16" />
+      {/if}
+    </svg>
+  </button>
+</header>

package/dist/theme/Navbar.svelte.d.ts

@@ -0,0 +1,29 @@
+import type { SvedocsThemeComponentMap, SvedocsThemeContext } from './types.js';
+import type { SvedocsTreeItem } from '../core/types.js';
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Navbar: $$__sveltets_2_IsomorphicComponent<{
+    context: SvedocsThemeContext;
+    mobileTree?: SvedocsTreeItem[];
+    mobileCurrentPath?: string;
+    mobileMenuId?: string;
+    mobileMenuOpen?: boolean;
+    themeComponents?: Partial<SvedocsThemeComponentMap>;
+    onToggleMobileMenu?: () => void;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Navbar = InstanceType<typeof Navbar>;
+export default Navbar;
+//# sourceMappingURL=Navbar.svelte.d.ts.map

package/dist/theme/Navbar.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navbar.svelte.d.ts","sourceRoot":"","sources":["../../src/theme/Navbar.svelte.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAChF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AA2DxD,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,MAAM;aAV8O,mBAAmB;iBAAe,eAAe,EAAE;;;;sBAA8I,OAAO,CAAC,wBAAwB,CAAC;yBAAuB,MAAM,IAAI;;;kBAUla,CAAC;AAC1E,KAAK,MAAM,GAAG,YAAY,CAAC,OAAO,MAAM,CAAC,CAAC;AAC5C,eAAe,MAAM,CAAC"}

package/dist/theme/PageLayout.svelte

@@ -0,0 +1,49 @@
+<script lang="ts">
+  import type { Component } from 'svelte';
+  import type { SvedocsPage, SvedocsResolvedConfig, SvedocsSearchRecord, SvedocsTreeItem } from '../core/types.js';
+  import { createThemeContext } from './headless.js';
+  import PageShell from './PageShell.svelte';
+  import RootLayout from './RootLayout.svelte';
+  import ThemeInit from './ThemeInit.svelte';
+  import type { SvedocsThemeComponentMap } from './types.js';
+
+  export let page: SvedocsPage;
+  export let pages: SvedocsPage[] = [];
+  export let tree: SvedocsTreeItem[] = [];
+  export let search: SvedocsSearchRecord[] = [];
+  export let config: SvedocsResolvedConfig;
+  export let loadSearch: (() => Promise<SvedocsSearchRecord[]>) | undefined = undefined;
+  export let content: Component | undefined = undefined;
+  export let hasBackgroundSlot: boolean | undefined = undefined;
+  export let themeComponents: Partial<SvedocsThemeComponentMap> = {};
+
+  $: showBackgroundSlot = hasBackgroundSlot ?? Boolean($$slots.background);
+  $: Root = themeComponents.Root ?? RootLayout;
+  $: Shell = themeComponents.PageShell ?? PageShell;
+  $: context = createThemeContext({ config, page, pages, tree, search, ...(loadSearch ? { loadSearch } : {}) });
+</script>
+
+{#if Root !== RootLayout}
+  <ThemeInit
+    defaultMode={config.theme.defaultMode}
+    languageTag={context.languageTag}
+    dir={context.locale?.dir ?? 'ltr'}
+  />
+{/if}
+
+<svelte:component this={Root} {config} {page} {pages} {tree} {search} {loadSearch} hasBackgroundSlot={showBackgroundSlot} {themeComponents}>
+  <svelte:fragment slot="background">
+    <slot name="background" />
+  </svelte:fragment>
+  <svelte:component
+    this={Shell}
+    {page}
+    {content}
+    title={page.title}
+    description={page.description}
+    kicker={config.site.name}
+    html={page.html}
+    {context}
+    {themeComponents}
+  />
+</svelte:component>

package/dist/theme/PageLayout.svelte.d.ts

@@ -0,0 +1,34 @@
+import type { Component } from 'svelte';
+import type { SvedocsPage, SvedocsResolvedConfig, SvedocsSearchRecord, SvedocsTreeItem } from '../core/types.js';
+import type { SvedocsThemeComponentMap } from './types.js';
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const PageLayout: $$__sveltets_2_IsomorphicComponent<{
+    page: SvedocsPage;
+    pages?: SvedocsPage[];
+    tree?: SvedocsTreeItem[];
+    search?: SvedocsSearchRecord[];
+    config: SvedocsResolvedConfig;
+    loadSearch?: (() => Promise<SvedocsSearchRecord[]>) | undefined;
+    content?: Component | undefined;
+    hasBackgroundSlot?: boolean | undefined;
+    themeComponents?: Partial<SvedocsThemeComponentMap>;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    background: {};
+}, {}, string>;
+type PageLayout = InstanceType<typeof PageLayout>;
+export default PageLayout;
+//# sourceMappingURL=PageLayout.svelte.d.ts.map

package/dist/theme/PageLayout.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageLayout.svelte.d.ts","sourceRoot":"","sources":["../../src/theme/PageLayout.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,KAAK,EAAE,WAAW,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAKjH,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAC;AAwC3D,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAUD,QAAA,MAAM,UAAU;UAf2M,WAAW;YAAU,WAAW,EAAE;WAAS,eAAe,EAAE;aAAW,mBAAmB,EAAE;YAAU,qBAAqB;iBAAe,CAAC,MAAM,OAAO,CAAC,mBAAmB,EAAE,CAAC,CAAC,GAAG,SAAS;cAAY,SAAS,GAAG,SAAS;wBAAsB,OAAO,GAAG,SAAS;sBAAoB,OAAO,CAAC,wBAAwB,CAAC;;;;;cAejb,CAAC;AACpF,KAAK,UAAU,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC;AACpD,eAAe,UAAU,CAAC"}

package/dist/theme/PageShell.svelte

@@ -0,0 +1,98 @@
+<script lang="ts">
+  import type { SvedocsPage } from '../core/types.js';
+  import { fallbackTranslate } from './headless.js';
+  import type { SvedocsContentComponent, SvedocsPageShellAction, SvedocsPageShellVariant } from './types.js';
+  import SafeRenderError from './SafeRenderError.svelte';
+  import type { SvedocsThemeComponentMap, SvedocsThemeContext } from './types.js';
+
+  export let page: SvedocsPage | undefined = undefined;
+  export let variant: SvedocsPageShellVariant = 'page';
+  export let title = '';
+  export let description = '';
+  export let kicker = '';
+  export let content: SvedocsContentComponent = undefined;
+  export let html = '';
+  export let status: number | undefined = undefined;
+  export let path = '';
+  export let actions: SvedocsPageShellAction[] = [];
+  export let context: SvedocsThemeContext | undefined = undefined;
+  export let themeComponents: Partial<SvedocsThemeComponentMap> = {};
+
+  $: resolvedTitle = title || page?.title || '';
+  $: resolvedDescription = description || page?.description || '';
+  $: resolvedKicker = kicker;
+  $: ErrorComponent = SafeRenderError;
+  $: t = context?.t ?? fallbackTranslate;
+</script>
+
+{#if variant === 'error'}
+  <main id="content" class="sd-error-page" data-theme-component="page-shell" data-variant="error">
+    <section class="sd-error-panel">
+      {#if status}
+        <p class="sd-kicker">
+          <span class="sd-kicker-mark" aria-hidden="true"></span>
+          {t('error.status', { status: status ?? '' })}
+        </p>
+      {/if}
+      <h1>{resolvedTitle}</h1>
+      {#if resolvedDescription}
+        <p>{resolvedDescription}</p>
+      {/if}
+      {#if path}
+        <code>{path}</code>
+      {/if}
+      {#if actions.length > 0}
+        <div class="sd-error-actions">
+          {#each actions as action}
+            <a
+              class:sd-button-primary={action.primary}
+              class="sd-button"
+              href={action.href}
+              target={action.external ? '_blank' : undefined}
+              rel={action.external ? 'noreferrer' : undefined}
+            >
+              <span>{action.label}</span>
+              {#if action.primary}
+                <span class="sd-button-arrow" aria-hidden="true"></span>
+              {/if}
+            </a>
+          {/each}
+        </div>
+      {/if}
+    </section>
+  </main>
+{:else}
+  <main id="content" class="sd-page" data-theme-component="page-shell" data-variant="page">
+    <section class="sd-page-hero">
+      {#if resolvedKicker}
+        <p class="sd-kicker">{resolvedKicker}</p>
+      {/if}
+      <h1>{resolvedTitle}</h1>
+      {#if resolvedDescription}
+        <p>{resolvedDescription}</p>
+      {/if}
+    </section>
+    <section class="sd-prose">
+      <svelte:boundary>
+        {#if content}
+          <svelte:component this={content} />
+        {:else}
+          {@html html}
+        {/if}
+        {#snippet failed(error, reset)}
+          <svelte:component
+            this={ErrorComponent} component={themeComponents.RenderError}
+            {error}
+            {reset}
+            {page}
+            {context}
+            variant="content"
+            label={t('render.page.label')}
+            title={t('render.page.title')}
+            message={t('render.page.message')}
+          />
+        {/snippet}
+      </svelte:boundary>
+    </section>
+  </main>
+{/if}

package/dist/theme/PageShell.svelte.d.ts

@@ -0,0 +1,35 @@
+import type { SvedocsPage } from '../core/types.js';
+import type { SvedocsContentComponent, SvedocsPageShellAction, SvedocsPageShellVariant } from './types.js';
+import type { SvedocsThemeComponentMap, SvedocsThemeContext } from './types.js';
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const PageShell: $$__sveltets_2_IsomorphicComponent<{
+    page?: SvedocsPage | undefined;
+    variant?: SvedocsPageShellVariant;
+    title?: string;
+    description?: string;
+    kicker?: string;
+    content?: SvedocsContentComponent;
+    html?: string;
+    status?: number | undefined;
+    path?: string;
+    actions?: SvedocsPageShellAction[];
+    context?: SvedocsThemeContext | undefined;
+    themeComponents?: Partial<SvedocsThemeComponentMap>;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type PageShell = InstanceType<typeof PageShell>;
+export default PageShell;
+//# sourceMappingURL=PageShell.svelte.d.ts.map

package/dist/theme/PageShell.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageShell.svelte.d.ts","sourceRoot":"","sources":["../../src/theme/PageShell.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,OAAO,KAAK,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAE3G,OAAO,KAAK,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAsFhF,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,SAAS;WAV8O,WAAW,GAAG,SAAS;cAAY,uBAAuB;;;;cAA4F,uBAAuB;;aAA+B,MAAM,GAAG,SAAS;;cAAgC,sBAAsB,EAAE;cAAY,mBAAmB,GAAG,SAAS;sBAAoB,OAAO,CAAC,wBAAwB,CAAC;;;kBAUrhB,CAAC;AAC7E,KAAK,SAAS,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,CAAC;AAClD,eAAe,SAAS,CAAC"}

package/dist/theme/PageTools.svelte

@@ -0,0 +1,87 @@
+<script lang="ts">
+  import { onDestroy, onMount } from 'svelte';
+  import type { SvedocsResolvedConfig } from '../core/types.js';
+  import { createPageToolsController, fallbackTranslate } from './headless.js';
+  import type { SvedocsPageToolsController, SvedocsThemeContext } from './types.js';
+
+  export let config: SvedocsResolvedConfig;
+  export let controller: SvedocsPageToolsController | undefined = undefined;
+  export let context: SvedocsThemeContext | undefined = undefined;
+
+  const internalController = createPageToolsController(config);
+  let activeController: SvedocsPageToolsController = internalController;
+  let visible = false;
+  let scrolled = false;
+  let mode: 'pill' | 'solo' = config.ai.enabled ? 'pill' : 'solo';
+  let aiCollapsed = false;
+  let boundController: SvedocsPageToolsController | undefined;
+  let unsubscribeController: (() => void) | undefined;
+
+  $: activeController = controller ?? internalController;
+  $: aiEnabled = config.ai.enabled;
+  $: t = context?.t ?? fallbackTranslate;
+  $: askLabel = context ? t('ask.label') : config.ai.label;
+  $: bindController(activeController);
+
+  onMount(() => activeController.mount());
+
+  onDestroy(() => {
+    unsubscribeController?.();
+  });
+
+  function bindController(nextController: SvedocsPageToolsController): void {
+    if (boundController === nextController) return;
+    unsubscribeController?.();
+    boundController = nextController;
+    const unsubscribers = [
+      nextController.visible.subscribe((value) => (visible = value)),
+      nextController.scrolled.subscribe((value) => (scrolled = value)),
+      nextController.mode.subscribe((value) => (mode = value)),
+      nextController.aiCollapsed.subscribe((value) => (aiCollapsed = value))
+    ];
+    unsubscribeController = () => {
+      for (const unsubscribe of unsubscribers) unsubscribe();
+    };
+  }
+</script>
+
+{#if visible}
+  <div
+    class="sd-floating-toolbar"
+    role="toolbar"
+    aria-label={t('tools.label')}
+    data-mode={mode}
+    data-scrolled={scrolled}
+    data-theme-component="page-tools"
+  >
+    {#if aiEnabled}
+      <button
+        class="sd-floating-tool sd-floating-tool-ai"
+        type="button"
+        aria-label={askLabel}
+        title={askLabel}
+        data-collapsed={aiCollapsed}
+        on:click={activeController.openAskAi}
+      >
+        <svg class="sd-floating-tool-glyph" aria-hidden="true" viewBox="0 0 24 24">
+          <path d="M5 5h14v10H9l-4 4V5Z" />
+          <path d="M8 9h8M8 12h5" />
+        </svg>
+        <span class="sd-floating-tool-label">{askLabel}</span>
+      </button>
+    {/if}
+    {#if scrolled}
+      <button
+        class="sd-floating-tool sd-floating-tool-icon sd-floating-tool-back"
+        type="button"
+        aria-label={t('tools.backToTop')}
+        title={t('tools.backToTop')}
+        on:click={activeController.backToTop}
+      >
+        <svg aria-hidden="true" viewBox="0 0 24 24">
+          <path d="M12 5l-7 7m7-7 7 7M12 6v13" />
+        </svg>
+      </button>
+    {/if}
+  </div>
+{/if}

package/dist/theme/PageTools.svelte.d.ts

@@ -0,0 +1,25 @@
+import type { SvedocsResolvedConfig } from '../core/types.js';
+import type { SvedocsPageToolsController, SvedocsThemeContext } from './types.js';
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const PageTools: $$__sveltets_2_IsomorphicComponent<{
+    config: SvedocsResolvedConfig;
+    controller?: SvedocsPageToolsController | undefined;
+    context?: SvedocsThemeContext | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type PageTools = InstanceType<typeof PageTools>;
+export default PageTools;
+//# sourceMappingURL=PageTools.svelte.d.ts.map

package/dist/theme/PageTools.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageTools.svelte.d.ts","sourceRoot":"","sources":["../../src/theme/PageTools.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAE9D,OAAO,KAAK,EAAE,0BAA0B,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAwElF,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,SAAS;YAV0E,qBAAqB;iBAAe,0BAA0B,GAAG,SAAS;cAAY,mBAAmB,GAAG,SAAS;;;kBAUhH,CAAC;AAC7E,KAAK,SAAS,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,CAAC;AAClD,eAAe,SAAS,CAAC"}

package/dist/theme/RenderError.svelte

@@ -0,0 +1,62 @@
+<script lang="ts">
+  import type { SvedocsPage, SvedocsTreeItem } from '../core/types.js';
+  import { fallbackTranslate } from './headless.js';
+  import type { SvedocsThemeContext } from './types.js';
+
+  export let error: unknown = undefined;
+  export let reset: (() => void) | undefined = undefined;
+  export let title: string | undefined = undefined;
+  export let message: string | undefined = undefined;
+  export let label: string | undefined = undefined;
+  export let variant = 'section';
+  export let page: SvedocsPage | undefined = undefined;
+  export let context: SvedocsThemeContext | undefined = undefined;
+  export let tree: SvedocsTreeItem[] = [];
+
+  $: t = context?.t ?? fallbackTranslate;
+  $: resolvedLabel = label ?? t('render.label');
+  $: resolvedTitle = title ?? t('render.title');
+  $: resolvedMessage = message ?? t('render.message');
+  $: detail = getErrorMessage(error);
+  $: pageHref = page?.routePath ?? context?.page?.routePath;
+  $: homeHref = tree.find((item) => item.path)?.path ?? context?.tree.find((item) => item.path)?.path ?? '/docs';
+
+  function getErrorMessage(value: unknown): string {
+    if (value instanceof Error) return value.message || value.name;
+    if (typeof value === 'string') return value;
+    if (value && typeof value === 'object' && 'message' in value) {
+      const message = (value as { message?: unknown }).message;
+      if (typeof message === 'string') return message;
+    }
+    return '';
+  }
+</script>
+
+<section class="sd-render-error" data-theme-component="render-error" data-variant={variant} role="alert">
+  <div class="sd-render-error-mark" aria-hidden="true"></div>
+  <div class="sd-render-error-body">
+    <p class="sd-render-error-kicker">{resolvedLabel}</p>
+    <strong>{resolvedTitle}</strong>
+    <p>{resolvedMessage}</p>
+    {#if detail}
+      <details>
+        <summary>{t('render.details')}</summary>
+        <code>{detail}</code>
+      </details>
+    {/if}
+    <div class="sd-render-error-actions">
+      {#if reset}
+        <button class="sd-button sd-button-primary" type="button" on:click={reset}>
+          <span>{t('render.tryAgain')}</span>
+          <span class="sd-button-arrow" aria-hidden="true"></span>
+        </button>
+      {/if}
+      {#if pageHref}
+        <a class="sd-button" href={pageHref}>{t('render.reload')}</a>
+      {/if}
+      {#if homeHref}
+        <a class="sd-button" href={homeHref}>{t('render.docsHome')}</a>
+      {/if}
+    </div>
+  </div>
+</section>

package/dist/theme/RenderError.svelte.d.ts

@@ -0,0 +1,31 @@
+import type { SvedocsPage, SvedocsTreeItem } from '../core/types.js';
+import type { SvedocsThemeContext } from './types.js';
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const RenderError: $$__sveltets_2_IsomorphicComponent<{
+    error?: unknown;
+    reset?: (() => void) | undefined;
+    title?: string | undefined;
+    message?: string | undefined;
+    label?: string | undefined;
+    variant?: string;
+    page?: SvedocsPage | undefined;
+    context?: SvedocsThemeContext | undefined;
+    tree?: SvedocsTreeItem[];
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type RenderError = InstanceType<typeof RenderError>;
+export default RenderError;
+//# sourceMappingURL=RenderError.svelte.d.ts.map

package/dist/theme/RenderError.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderError.svelte.d.ts","sourceRoot":"","sources":["../../src/theme/RenderError.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAErE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAmEtD,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,WAAW;YAV0J,OAAO;YAAU,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS;YAAU,MAAM,GAAG,SAAS;cAAY,MAAM,GAAG,SAAS;YAAU,MAAM,GAAG,SAAS;;WAAmC,WAAW,GAAG,SAAS;cAAY,mBAAmB,GAAG,SAAS;WAAS,eAAe,EAAE;;;kBAUzU,CAAC;AAC/E,KAAK,WAAW,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AACtD,eAAe,WAAW,CAAC"}