svedocs 0.1.0-beta.10

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.svelte.d.ts","sourceRoot":"","sources":["../../src/theme/FormField.svelte.ts"],"names":[],"mappings":"AAiDA,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;AACD,KAAK,gCAAgC,CAAC,KAAK,EAAE,KAAK,IAAI,KAAK,GACvD,CAAC,KAAK,SAAS;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,GACzB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACnC,GAAG,GACH;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,GAClB,EAAE,CAAC,CAAC;AAId,QAAA,MAAM,SAAS;YAtDH,MAAM;kBACA,MAAM;YACZ,MAAM;UACR,MAAM;YACJ,MAAM;eACH,OAAO;;;;;;;cAiD8E,CAAC;AACnF,KAAK,SAAS,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,CAAC;AAClD,eAAe,SAAS,CAAC"}

package/dist/theme/HomePage.svelte

@@ -0,0 +1,284 @@
+<script lang="ts">
+  import type { Component } from 'svelte';
+  import type { SvedocsMessageKey, SvedocsPage, SvedocsResolvedConfig, SvedocsSearchRecord, SvedocsTreeItem } from '../core/types.js';
+  import { createThemeContext, resolveLocalizedHref, resolveLocalizedText } from './headless.js';
+  import SafeRenderError from './SafeRenderError.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 hasLandingSlot: boolean | undefined = undefined;
+  export let hasHomeHeroVisualSlot: boolean | undefined = undefined;
+  export let hasHomeFeaturesSlot: boolean | undefined = undefined;
+  export let themeComponents: Partial<SvedocsThemeComponentMap> = {};
+
+  interface PixelCell {
+    index: number;
+    hot: boolean;
+    accent: boolean;
+    style: string;
+  }
+
+  interface HomeCard {
+    label: string;
+    title: string;
+    description: string;
+    href: string;
+    glyph: string;
+  }
+
+  type HomePillarKey = 'start' | 'install' | 'write' | 'integrate';
+
+  const homePillars = [
+    {
+      key: 'start',
+      glyph: '1011\n1101\n0110\n1011',
+      match: /quick\s*start|getting-started|index/i,
+      fallback: '/docs'
+    },
+    {
+      key: 'install',
+      glyph: '0110\n1111\n1001\n0110',
+      match: /installation/i,
+      fallback: '/docs/installation'
+    },
+    {
+      key: 'write',
+      glyph: '1010\n0101\n1010\n0101',
+      match: /writing|content|components/i,
+      fallback: '/docs/writing'
+    },
+    {
+      key: 'integrate',
+      glyph: '1111\n1001\n1001\n1111',
+      match: /integrations|search|ai|cloudflare|seo|og/i,
+      fallback: '/docs/integrations'
+    }
+  ] satisfies Array<{
+    key: HomePillarKey;
+    glyph: string;
+    match: RegExp;
+    fallback: string;
+  }>;
+
+  // Hand-tuned bitmap (14 cols × 9 rows) — pixel-art glyph forming a soft "S" mark
+  // with scattered ambient cells. 1 = on, 2 = accent-2 hot, 0 = ambient.
+  const heroBitmap = [
+    '00011112221100',
+    '00111111111110',
+    '01110000000110',
+    '01111000000000',
+    '00111122100000',
+    '00000022111100',
+    '00000000001110',
+    '01100000001110',
+    '01111122211100'
+  ];
+
+  const cells: PixelCell[] = (() => {
+    const result: PixelCell[] = [];
+    heroBitmap.forEach((row, y) => {
+      const chars = row.split('');
+      chars.forEach((ch, x) => {
+        const lit = ch !== '0';
+        const accent = ch === '2';
+        const distance = Math.hypot(x - 6.5, y - 4) / 7;
+        const mix = lit ? 78 - Math.floor(distance * 32) : 14 + ((x + y) % 5) * 3;
+        const delay = ((x * 73 + y * 41) % 9) * -260;
+        result.push({
+          index: y * chars.length + x,
+          hot: lit,
+          accent,
+          style: `--mix:${mix}%; --wave-delay:${delay}ms;`
+        });
+      });
+    });
+    return result;
+  })();
+  $: context = createThemeContext({ config, page, pages, tree, search, ...(loadSearch ? { loadSearch } : {}) });
+  $: docPages = pages.filter((item) => item.kind === 'doc' && isCurrentLocalePage(item));
+  $: homeCards = createHomeCards(docPages);
+  $: primaryDoc = docPages[0];
+  $: secondaryDoc = docPages.find((doc) => /configuration|config/i.test(doc.routePath)) ?? docPages[1];
+  $: primaryAction = resolveHomeAction(config.theme.home.primaryAction ?? (
+    primaryDoc
+      ? { label: context.t('home.primaryAction'), href: primaryDoc.routePath }
+      : { label: context.t('home.primaryAction'), href: page.routePath }
+  ));
+  $: secondaryAction = resolveHomeAction(config.theme.home.secondaryAction ?? (
+    secondaryDoc ? { label: secondaryDoc.title, href: secondaryDoc.routePath } : undefined
+  ));
+  $: kicker = resolveLocalizedText(
+    config.theme.home.kicker,
+    config.theme.home.kickerKey ?? (config.theme.home.kicker === 'SvelteKit-native docs' ? 'home.kicker' : undefined),
+    context
+  );
+  $: visualAlt = resolveLocalizedText(config.theme.home.visual.alt, config.theme.home.visual.altKey, context);
+  $: showBackgroundSlot = hasBackgroundSlot ?? Boolean($$slots.background);
+  $: showLandingSlot = hasLandingSlot ?? Boolean($$slots.landing);
+  $: showHomeHeroVisualSlot = hasHomeHeroVisualSlot ?? Boolean($$slots['home-hero-visual']);
+  $: showHomeFeaturesSlot = hasHomeFeaturesSlot ?? Boolean($$slots['home-features']);
+  $: Root = themeComponents.Root ?? RootLayout;
+  $: ErrorComponent = SafeRenderError;
+
+  function createHomeCards(docs: SvedocsPage[]): HomeCard[] {
+    const fallbackDoc = docs[0];
+
+    return homePillars.map((pillar) => {
+      const target = docs.find((candidate) => pillar.match.test(`${candidate.title} ${candidate.scopePath}`));
+      const fallbackTarget = docs.find((candidate) => candidate.scopePath === pillar.fallback);
+
+      return {
+        label: context.t(homeMessageKey(pillar.key, 'label')),
+        title: context.t(homeMessageKey(pillar.key, 'title')),
+        description: context.t(homeMessageKey(pillar.key, 'description')),
+        glyph: pillar.glyph,
+        href: target?.routePath ?? fallbackTarget?.routePath ?? fallbackDoc?.routePath ?? page.routePath
+      };
+    });
+  }
+
+  function homeMessageKey(key: HomePillarKey, field: 'label' | 'title' | 'description'): SvedocsMessageKey {
+    return `home.card.${key}.${field}` as SvedocsMessageKey;
+  }
+
+  function resolveHomeAction(action: { label: string; labelKey?: string; href: string } | undefined) {
+    if (!action) return undefined;
+    return {
+      label: resolveLocalizedText(action.label, action.labelKey, context),
+      href: resolveLocalizedHref(action.href, context)
+    };
+  }
+
+  function isCurrentLocalePage(candidate: SvedocsPage): boolean {
+    const candidateLocale = candidate.locale ?? config.i18n.defaultLocale ?? 'en';
+    return candidateLocale === context.localeCode;
+  }
+
+  function glyphRows(glyph: string): string[][] {
+    return glyph.split('\n').map((row) => row.split(''));
+  }
+</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>
+  {#if showLandingSlot}
+    <main id="content" class="sd-home">
+      <slot name="landing" {page} {pages} {tree} {search} {config} {content} {context} />
+    </main>
+  {:else}
+    <main id="content" class="sd-home">
+      <section class="sd-home-hero">
+        <span class="sd-home-hero-tape" aria-hidden="true"></span>
+        <div class="sd-home-copy">
+          {#if kicker}
+            <p class="sd-kicker">
+              <span class="sd-kicker-mark" aria-hidden="true"></span>
+              {kicker}
+            </p>
+          {/if}
+          <h1>{page.title}</h1>
+          {#if page.description}
+            <p>{page.description}</p>
+          {/if}
+          <div class="sd-actions">
+            <a class="sd-button sd-button-primary" href={primaryAction.href}>
+              <span>{primaryAction.label}</span>
+              <span class="sd-button-arrow" aria-hidden="true"></span>
+            </a>
+            {#if secondaryAction}
+              <a class="sd-button" href={secondaryAction.href}>{secondaryAction.label}</a>
+            {/if}
+          </div>
+        </div>
+        {#if showHomeHeroVisualSlot}
+          <slot name="home-hero-visual" {page} {pages} {config} {context} />
+        {:else if config.theme.home.visual.type === 'image' && config.theme.home.visual.src}
+          <img class="sd-home-visual" src={config.theme.home.visual.src} alt={visualAlt} draggable="false" />
+        {:else}
+          <div class="sd-pixel-stage" aria-hidden="true">
+            <span class="sd-pixel-frame" data-corner="tl"></span>
+            <span class="sd-pixel-frame" data-corner="tr"></span>
+            <span class="sd-pixel-frame" data-corner="bl"></span>
+            <span class="sd-pixel-frame" data-corner="br"></span>
+            <div class="sd-pixel-grid">
+              {#each cells as cell}
+                <span
+                  class:sd-pixel-hot={cell.hot}
+                  class:sd-pixel-accent={cell.accent}
+                  style={cell.style}
+                ></span>
+              {/each}
+            </div>
+          </div>
+        {/if}
+      </section>
+      {#if showHomeFeaturesSlot}
+        <slot name="home-features" {page} {pages} {config} cards={homeCards} {context} />
+      {:else}
+        <section class="sd-home-grid" aria-label={context.t('home.features')}>
+          {#each homeCards as card, i}
+            <a href={card.href} style={`--card-index:${i};`}>
+              <span class="sd-home-card-tag">
+                <i aria-hidden="true"></i>
+                {card.label}
+              </span>
+              <div class="sd-home-card-glyph" aria-hidden="true">
+                {#each glyphRows(card.glyph) as row}
+                  <div>
+                    {#each row as cell}
+                      <i data-on={cell === '1' ? 'true' : 'false'}></i>
+                    {/each}
+                  </div>
+                {/each}
+              </div>
+              <strong>{card.title}</strong>
+              <small>{card.description}</small>
+              <span class="sd-home-card-arrow" aria-hidden="true">→</span>
+            </a>
+          {/each}
+        </section>
+      {/if}
+      <section class="sd-prose sd-home-body">
+        <svelte:boundary>
+          {#if content}
+            <svelte:component this={content} />
+          {:else}
+            {@html page.html}
+          {/if}
+          {#snippet failed(error, reset)}
+            <svelte:component
+              this={ErrorComponent} component={themeComponents.RenderError}
+              {error}
+              {reset}
+              {page}
+              {context}
+              variant="content"
+              label={context.t('render.home.label')}
+              title={context.t('render.home.title')}
+              message={context.t('render.home.message')}
+            />
+          {/snippet}
+        </svelte:boundary>
+      </section>
+    </main>
+  {/if}
+</svelte:component>

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

@@ -0,0 +1,65 @@
+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 HomePage: $$__sveltets_2_IsomorphicComponent<{
+    page: SvedocsPage;
+    pages?: SvedocsPage[];
+    tree?: SvedocsTreeItem[];
+    search?: SvedocsSearchRecord[];
+    config: SvedocsResolvedConfig;
+    loadSearch?: (() => Promise<SvedocsSearchRecord[]>) | undefined;
+    content?: Component | undefined;
+    hasBackgroundSlot?: boolean | undefined;
+    hasLandingSlot?: boolean | undefined;
+    hasHomeHeroVisualSlot?: boolean | undefined;
+    hasHomeFeaturesSlot?: boolean | undefined;
+    themeComponents?: Partial<SvedocsThemeComponentMap>;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    background: {};
+    landing: {
+        page: SvedocsPage;
+        pages: SvedocsPage[];
+        tree: SvedocsTreeItem[];
+        search: SvedocsSearchRecord[];
+        config: SvedocsResolvedConfig;
+        content: Component<{}, {}, string> | undefined;
+        context: import("./types.js").SvedocsThemeContext;
+    };
+    'home-hero-visual': {
+        page: SvedocsPage;
+        pages: SvedocsPage[];
+        config: SvedocsResolvedConfig;
+        context: import("./types.js").SvedocsThemeContext;
+    };
+    'home-features': {
+        page: SvedocsPage;
+        pages: SvedocsPage[];
+        config: SvedocsResolvedConfig;
+        cards: {
+            label: string;
+            title: string;
+            description: string;
+            href: string;
+            glyph: string;
+        }[];
+        context: import("./types.js").SvedocsThemeContext;
+    };
+}, {}, string>;
+type HomePage = InstanceType<typeof HomePage>;
+export default HomePage;
+//# sourceMappingURL=HomePage.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HomePage.svelte.d.ts","sourceRoot":"","sources":["../../src/theme/HomePage.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,KAAK,EAAqB,WAAW,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAKpI,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAC;AA8Q3D,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,QAAQ;UAfwU,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;qBAAmB,OAAO,GAAG,SAAS;4BAA0B,OAAO,GAAG,SAAS;0BAAwB,OAAO,GAAG,SAAS;sBAAoB,OAAO,CAAC,wBAAwB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;mBA7OpwB,MAAM;mBACN,MAAM;yBACA,MAAM;kBACb,MAAM;mBACL,MAAM;;;;cAwPkF,CAAC;AAClF,KAAK,QAAQ,GAAG,YAAY,CAAC,OAAO,QAAQ,CAAC,CAAC;AAChD,eAAe,QAAQ,CAAC"}

package/dist/theme/Input.svelte

@@ -0,0 +1,36 @@
+<script lang="ts">
+  import type { HTMLInputAttributes } from 'svelte/elements';
+  import { classNames, type SvedocsControlDensity } from './forms.js';
+
+  interface $$Props extends Omit<HTMLInputAttributes, 'class' | 'type' | 'value'> {
+    class?: string;
+    density?: SvedocsControlDensity;
+    invalid?: boolean;
+    type?: HTMLInputAttributes['type'];
+    value?: HTMLInputAttributes['value'];
+  }
+
+  export let value: HTMLInputAttributes['value'] = '';
+  export let type: HTMLInputAttributes['type'] = 'text';
+  export let invalid = false;
+  export let density: SvedocsControlDensity = 'md';
+
+  let className = '';
+
+  export { className as class };
+</script>
+
+<input
+  {...$$restProps}
+  class={classNames('sd-input', className)}
+  data-density={density}
+  aria-invalid={invalid ? 'true' : undefined}
+  {type}
+  bind:value
+  on:blur
+  on:change
+  on:focus
+  on:input
+  on:keydown
+  on:keyup
+/>

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

@@ -0,0 +1,34 @@
+import type { HTMLInputAttributes } from 'svelte/elements';
+import { type SvedocsControlDensity } from './forms.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 Input: $$__sveltets_2_IsomorphicComponent<Omit<HTMLInputAttributes, "type" | "value" | "class"> & {
+    class?: string;
+    density?: SvedocsControlDensity;
+    invalid?: boolean;
+    type?: HTMLInputAttributes["type"];
+    value?: HTMLInputAttributes["value"];
+}, {
+    blur: FocusEvent;
+    change: Event;
+    focus: FocusEvent;
+    input: InputEvent;
+    keydown: KeyboardEvent;
+    keyup: KeyboardEvent;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Input = InstanceType<typeof Input>;
+export default Input;
+//# sourceMappingURL=Input.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.svelte.d.ts","sourceRoot":"","sources":["../../src/theme/Input.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAc,KAAK,qBAAqB,EAAE,MAAM,YAAY,CAAC;AA4BpE,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,KAAK;YA9BC,MAAM;cACJ,qBAAqB;cACrB,OAAO;WACV,mBAAmB,CAAC,MAAM,CAAC;YAC1B,mBAAmB,CAAC,OAAO,CAAC;;;;;;;;;;kBA0BkD,CAAC;AACzE,KAAK,KAAK,GAAG,YAAY,CAAC,OAAO,KAAK,CAAC,CAAC;AAC1C,eAAe,KAAK,CAAC"}

package/dist/theme/LayoutShell.svelte

@@ -0,0 +1,120 @@
+<script lang="ts">
+  import type { SvedocsTreeItem } from '../core/types.js';
+  import AskAiPanel from './AskAiPanel.svelte';
+  import Footer from './Footer.svelte';
+  import Navbar from './Navbar.svelte';
+  import PageTools from './PageTools.svelte';
+  import SafeRenderError from './SafeRenderError.svelte';
+  import type { SvedocsThemeComponentMap, SvedocsThemeContext } from './types.js';
+
+  export let context: SvedocsThemeContext;
+  export let themeStyle = '';
+  export let mobileTree: SvedocsTreeItem[] = [];
+  export let mobileCurrentPath = '';
+  export let mobileMenuId = 'sd-mobile-menu-site';
+  export let mobileMenuOpen = false;
+  export let hasBackgroundSlot = false;
+  export let themeComponents: Partial<SvedocsThemeComponentMap> = {};
+  export let onToggleMobileMenu: () => void = () => undefined;
+  export let onCloseMobileMenu: () => void = () => undefined;
+
+  $: NavbarComponent = themeComponents.Header ?? themeComponents.Navbar ?? Navbar;
+  $: AskAiComponent = themeComponents.AskAi ?? AskAiPanel;
+  $: FooterComponent = themeComponents.Footer ?? Footer;
+  $: PageToolsComponent = themeComponents.PageTools ?? PageTools;
+  $: ErrorComponent = SafeRenderError;
+  $: fixedTheme = context.config.theme.defaultMode === 'system' ? undefined : context.config.theme.defaultMode;
+</script>
+
+<div class:sd-has-background-slot={hasBackgroundSlot} class="sd-root" data-surface={context.surface} data-theme={fixedTheme} style={themeStyle} data-theme-component="layout">
+  <a class="sd-skip" href="#content">{context.t('nav.skipToContent')}</a>
+  {#if hasBackgroundSlot}
+    <div class="sd-background-slot" aria-hidden="true">
+      <slot name="background" />
+    </div>
+  {/if}
+  <svelte:boundary>
+    <svelte:component
+      this={NavbarComponent}
+      {context}
+      {mobileTree}
+      mobileCurrentPath={mobileCurrentPath}
+      {mobileMenuId}
+      {mobileMenuOpen}
+      {themeComponents}
+      {onToggleMobileMenu}
+      {onCloseMobileMenu}
+    />
+    {#snippet failed(error, reset)}
+      <svelte:component
+        this={ErrorComponent} component={themeComponents.RenderError}
+        {error}
+        {reset}
+        {context}
+        tree={context.tree}
+        variant="layout"
+        label={context.t('render.header.label')}
+        title={context.t('render.header.title')}
+        message={context.t('render.header.message')}
+      />
+    {/snippet}
+  </svelte:boundary>
+  <slot />
+  {#if context.isDocsPage}
+    {#if context.config.ai.enabled}
+      <svelte:boundary>
+        <svelte:component
+          this={AskAiComponent}
+          config={context.config}
+          records={context.search}
+          loadRecords={context.loadSearch}
+          scope={context.aiScope}
+          buildMode={context.config.build.mode}
+          {context}
+        />
+        {#snippet failed(error, reset)}
+          <svelte:component
+            this={ErrorComponent} component={themeComponents.RenderError}
+            {error}
+            {reset}
+            {context}
+            variant="tools"
+            label={context.t('render.ask.label')}
+            title={context.t('render.ask.title')}
+            message={context.t('render.ask.message')}
+          />
+        {/snippet}
+      </svelte:boundary>
+    {/if}
+    <svelte:boundary>
+      <svelte:component this={PageToolsComponent} config={context.config} {context} />
+      {#snippet failed(error, reset)}
+        <svelte:component
+          this={ErrorComponent} component={themeComponents.RenderError}
+          {error}
+          {reset}
+          {context}
+          variant="tools"
+          label={context.t('render.tools.label')}
+          title={context.t('render.tools.title')}
+          message={context.t('render.tools.message')}
+        />
+      {/snippet}
+    </svelte:boundary>
+  {/if}
+  <svelte:boundary>
+    <svelte:component this={FooterComponent} {context} {themeComponents} />
+    {#snippet failed(error, reset)}
+      <svelte:component
+        this={ErrorComponent} component={themeComponents.RenderError}
+        {error}
+        {reset}
+        {context}
+        variant="layout"
+        label={context.t('render.footer.label')}
+        title={context.t('render.footer.title')}
+        message={context.t('render.footer.message')}
+      />
+    {/snippet}
+  </svelte:boundary>
+</div>

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

@@ -0,0 +1,43 @@
+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;
+}
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const LayoutShell: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    context: SvedocsThemeContext;
+    themeStyle?: string;
+    mobileTree?: SvedocsTreeItem[];
+    mobileCurrentPath?: string;
+    mobileMenuId?: string;
+    mobileMenuOpen?: boolean;
+    hasBackgroundSlot?: boolean;
+    themeComponents?: Partial<SvedocsThemeComponentMap>;
+    onToggleMobileMenu?: () => void;
+    onCloseMobileMenu?: () => void;
+}, {
+    background: {};
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    background: {};
+    default: {};
+}, {}, string>;
+type LayoutShell = InstanceType<typeof LayoutShell>;
+export default LayoutShell;
+//# sourceMappingURL=LayoutShell.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutShell.svelte.d.ts","sourceRoot":"","sources":["../../src/theme/LayoutShell.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAMxD,OAAO,KAAK,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAkEhF,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;AACD,KAAK,gCAAgC,CAAC,KAAK,EAAE,KAAK,IAAI,KAAK,GACvD,CAAC,KAAK,SAAS;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,GACzB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACnC,GAAG,GACH;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,GAClB,EAAE,CAAC,CAAC;AAId,QAAA,MAAM,WAAW;aAfgV,mBAAmB;;iBAA+C,eAAe,EAAE;;;;;sBAA4L,OAAO,CAAC,wBAAwB,CAAC;yBAAuB,MAAM,IAAI;wBAAsB,MAAM,IAAI;;;;;;;;;cAe5mB,CAAC;AACrF,KAAK,WAAW,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AACtD,eAAe,WAAW,CAAC"}

package/dist/theme/LocalizedLink.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">
+  import type { HTMLAnchorAttributes } from 'svelte/elements';
+  import { resolveLocalizedHref } from './headless.js';
+  import type { SvedocsThemeContext } from './types.js';
+
+  interface $$Props extends Omit<HTMLAnchorAttributes, 'href'> {
+    context: SvedocsThemeContext;
+    href: string;
+    external?: boolean;
+  }
+
+  export let context: SvedocsThemeContext;
+  export let href: string;
+  export let external = false;
+
+  $: resolvedHref = external ? href : resolveLocalizedHref(href, context);
+</script>
+
+<a {...$$restProps} href={resolvedHref} on:click on:focus on:blur>
+  <slot />
+</a>

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

@@ -0,0 +1,38 @@
+import type { HTMLAnchorAttributes } from 'svelte/elements';
+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;
+}
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const LocalizedLink: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<Omit<HTMLAnchorAttributes, "href"> & {
+    context: SvedocsThemeContext;
+    href: string;
+    external?: boolean;
+}, {
+    default: {};
+}>, {
+    click: PointerEvent;
+    focus: FocusEvent;
+    blur: FocusEvent;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type LocalizedLink = InstanceType<typeof LocalizedLink>;
+export default LocalizedLink;
+//# sourceMappingURL=LocalizedLink.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LocalizedLink.svelte.d.ts","sourceRoot":"","sources":["../../src/theme/LocalizedLink.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAE5D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AA0BtD,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;AACD,KAAK,gCAAgC,CAAC,KAAK,EAAE,KAAK,IAAI,KAAK,GACvD,CAAC,KAAK,SAAS;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,GACzB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACnC,GAAG,GACH;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,GAClB,EAAE,CAAC,CAAC;AAId,QAAA,MAAM,aAAa;aAhCN,mBAAmB;UACtB,MAAM;eACD,OAAO;;;;;;;;;;;cA8BkF,CAAC;AACvF,KAAK,aAAa,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAC1D,eAAe,aAAa,CAAC"}