svedocs 0.1.0-beta.2

package/dist/theme/AskAiPanel.svelte

@@ -0,0 +1,433 @@
+<script lang="ts">
+  import { onMount, tick } from 'svelte';
+  import type { SvedocsResolvedConfig, SvedocsSearchRecord } from '../core/types.js';
+  import { searchRecords } from '../search/local.js';
+  import type { SearchScope } from '../search/types.js';
+  import { portal } from './portal.js';
+
+  type Citation = { title: string; url: string; section?: string };
+  type ChatRole = 'user' | 'assistant';
+  type ChatMessage = {
+    id: number;
+    role: ChatRole;
+    content: string;
+    citations?: Citation[];
+    error?: string;
+    welcome?: boolean;
+  };
+
+  export let config: SvedocsResolvedConfig;
+  export let records: SvedocsSearchRecord[] = [];
+  export let loadRecords: (() => Promise<SvedocsSearchRecord[]>) | undefined = undefined;
+  export let scope: SearchScope = {};
+  export let buildMode: SvedocsResolvedConfig['build']['mode'] = 'edge';
+
+  let open = false;
+  let input = '';
+  let messages: ChatMessage[] = [];
+  let loading = false;
+  let panel: HTMLDivElement | undefined;
+  let textarea: HTMLTextAreaElement | undefined;
+  let scrollEl: HTMLDivElement | undefined;
+  let previousFocus: HTMLElement | undefined;
+  let messageId = 0;
+  let loadedRecords: SvedocsSearchRecord[] = records;
+  let recordsRequest: Promise<SvedocsSearchRecord[]> | undefined;
+
+  $: if (records.length > 0 && loadedRecords !== records) {
+    loadedRecords = records;
+  }
+  $: enabled = config.ai.enabled;
+  $: label = config.ai.label ?? 'Ask AI';
+  $: placeholder = config.ai.placeholder ?? 'Ask about the docs';
+  $: suggestions = config.ai.suggestions ?? [];
+  $: welcomeMessage = config.ai.welcomeMessage;
+  $: showSuggestions = suggestions.length > 0
+    && !loading
+    && messages.filter((m) => !m.welcome).length === 0;
+
+  function nextId() {
+    return ++messageId;
+  }
+
+  function show() {
+    if (!enabled) return;
+    if (open) return;
+    previousFocus = document.activeElement instanceof HTMLElement ? document.activeElement : undefined;
+    open = true;
+    if (messages.length === 0 && welcomeMessage) {
+      messages = [{ id: nextId(), role: 'assistant', content: welcomeMessage, welcome: true }];
+    }
+    tick().then(() => {
+      textarea?.focus();
+      scrollToBottom();
+    });
+  }
+
+  function hide() {
+    open = false;
+    tick().then(() => previousFocus?.focus());
+  }
+
+  function reset() {
+    messages = welcomeMessage
+      ? [{ id: nextId(), role: 'assistant', content: welcomeMessage, welcome: true }]
+      : [];
+    input = '';
+  }
+
+  function scrollToBottom() {
+    if (!scrollEl) return;
+    scrollEl.scrollTop = scrollEl.scrollHeight;
+  }
+
+  async function send(text: string) {
+    const value = text.trim();
+    if (!value || loading) return;
+    input = '';
+    const userMsg: ChatMessage = { id: nextId(), role: 'user', content: value };
+    const assistantMsg: ChatMessage = { id: nextId(), role: 'assistant', content: '', citations: [] };
+    messages = [...messages, userMsg, assistantMsg];
+    loading = true;
+    await tick();
+    scrollToBottom();
+
+    const transcript = messages
+      .filter((m) => !m.welcome && !(m.role === 'assistant' && m.id === assistantMsg.id))
+      .map((m) => ({ role: m.role, content: m.content }));
+
+    if (buildMode !== 'edge') {
+      const sourceRecords = await ensureRecords();
+      updateAssistant(assistantMsg.id, createLocalAskDraft(value, sourceRecords));
+      loading = false;
+      await tick();
+      scrollToBottom();
+      return;
+    }
+
+    try {
+      const response = await fetch('/api/ask', {
+        method: 'POST',
+        headers: {
+          'content-type': 'application/json',
+          accept: 'text/event-stream'
+        },
+        body: JSON.stringify({
+          question: value,
+          messages: transcript,
+          ...scope
+        })
+      });
+
+      if (response.headers.get('content-type')?.includes('text/event-stream')) {
+        await readAskStream(response, assistantMsg.id);
+        if (!response.ok && !findMessage(assistantMsg.id)?.error) {
+          throw new Error(`Ask AI returned ${response.status}.`);
+        }
+        return;
+      }
+      if (!response.ok) {
+        const failure = await response.json().catch(() => ({})) as { error?: string };
+        throw new Error(failure.error ?? `Ask AI returned ${response.status}.`);
+      }
+      const result = await response.json() as {
+        answer?: string;
+        citations?: Citation[];
+      };
+      updateAssistant(assistantMsg.id, {
+        content: result.answer ?? '',
+        citations: result.citations ?? []
+      });
+    } catch (requestError) {
+      const sourceRecords = await ensureRecords();
+      const fallbackCitations = rankRecords(sourceRecords, value.toLowerCase(), scope).slice(0, 3).map((result) => ({
+        title: result.title,
+        url: result.url,
+        ...(result.section ? { section: result.section } : {})
+      }));
+      const fallback = fallbackCitations.length > 0
+        ? `I found ${fallbackCitations.length} relevant source${fallbackCitations.length === 1 ? '' : 's'}. Connect the ${config.ai.provider} provider to replace this local draft with a hosted Ask AI response.`
+        : `Ask AI is ready. Connect ${config.ai.provider} and index your docs to answer this question with citations.`;
+      updateAssistant(assistantMsg.id, {
+        content: fallback,
+        citations: fallbackCitations,
+        error: requestError instanceof Error ? requestError.message : 'Ask AI failed.'
+      });
+    } finally {
+      loading = false;
+      await tick();
+      scrollToBottom();
+    }
+  }
+
+  async function ensureRecords(): Promise<SvedocsSearchRecord[]> {
+    if (loadedRecords.length > 0 || !loadRecords) return loadedRecords;
+    if (!recordsRequest) {
+      recordsRequest = loadRecords()
+        .then((nextRecords) => {
+          loadedRecords = nextRecords;
+          return nextRecords;
+        })
+        .catch((error) => {
+          recordsRequest = undefined;
+          throw error;
+        });
+    }
+    try {
+      return await recordsRequest;
+    } catch {
+      return loadedRecords;
+    }
+  }
+
+  function createLocalAskDraft(question: string, records: SvedocsSearchRecord[]): Partial<ChatMessage> {
+    const citations = rankRecords(records, question.toLowerCase(), scope).slice(0, 3).map((result) => ({
+      title: result.title,
+      url: result.url,
+      ...(result.section ? { section: result.section } : {})
+    }));
+    return {
+      content: citations.length > 0
+        ? `I found ${citations.length} relevant source${citations.length === 1 ? '' : 's'} in this documentation.`
+        : 'I could not find a matching local source for that question.',
+      citations
+    };
+  }
+
+  function findMessage(id: number): ChatMessage | undefined {
+    return messages.find((m) => m.id === id);
+  }
+
+  function updateAssistant(id: number, patch: Partial<ChatMessage>) {
+    messages = messages.map((m) => (m.id === id ? { ...m, ...patch } : m));
+  }
+
+  function appendDelta(id: number, delta: string) {
+    if (!delta) return;
+    messages = messages.map((m) => (m.id === id ? { ...m, content: m.content + delta } : m));
+    scrollToBottom();
+  }
+
+  function setCitations(id: number, citations: Citation[]) {
+    messages = messages.map((m) => (m.id === id ? { ...m, citations } : m));
+  }
+
+  function setError(id: number, error: string) {
+    messages = messages.map((m) => (m.id === id ? { ...m, error } : m));
+  }
+
+  function rankRecords(records: SvedocsSearchRecord[], query: string, scope: SearchScope) {
+    return searchRecords(records, { query, limit: 5, ...scope });
+  }
+
+  async function readAskStream(response: Response, assistantId: number) {
+    const reader = response.body?.getReader();
+    if (!reader) return;
+    const decoder = new TextDecoder();
+    let buffer = '';
+    while (true) {
+      const { done, value } = await reader.read();
+      if (done) break;
+      buffer += decoder.decode(value, { stream: true });
+      let boundary = buffer.indexOf('\n\n');
+      while (boundary >= 0) {
+        readAskEvent(buffer.slice(0, boundary), assistantId);
+        buffer = buffer.slice(boundary + 2);
+        boundary = buffer.indexOf('\n\n');
+      }
+    }
+    if (buffer.trim()) readAskEvent(buffer, assistantId);
+  }
+
+  function readAskEvent(block: string, assistantId: number) {
+    const event = /^event:\s*(.+)$/m.exec(block)?.[1] ?? 'message';
+    const data = block.split('\n').filter((line) => line.startsWith('data:')).map((line) => line.slice(5).trim()).join('\n');
+    if (!data || data === '[DONE]') return;
+    const payload = JSON.parse(data) as {
+      answer?: string;
+      delta?: string;
+      content?: string;
+      citations?: Citation[];
+      chunks?: Array<{ title?: string; url?: string; metadata?: Record<string, unknown>; item?: { title?: string; metadata?: Record<string, unknown> } }>;
+      choices?: Array<{ delta?: { content?: string }; message?: { content?: string }; text?: string }>;
+      error?: string;
+    };
+    if (event === 'answer') updateAssistant(assistantId, { content: payload.answer ?? '' });
+    if (event === 'delta') appendDelta(assistantId, payload.delta ?? payload.content ?? '');
+    if (event === 'message') {
+      appendDelta(
+        assistantId,
+        payload.choices?.[0]?.delta?.content
+          ?? payload.choices?.[0]?.message?.content
+          ?? payload.choices?.[0]?.text
+          ?? payload.content
+          ?? ''
+      );
+    }
+    if (event === 'chunks') setCitations(assistantId, normalizeChunkCitations(payload.chunks ?? []));
+    if (event === 'citations') setCitations(assistantId, payload.citations ?? []);
+    if (event === 'error') setError(assistantId, payload.error ?? 'Ask AI failed.');
+  }
+
+  function normalizeChunkCitations(chunks: Array<{ title?: string; url?: string; metadata?: Record<string, unknown>; item?: { title?: string; metadata?: Record<string, unknown> } }>): Citation[] {
+    return chunks.slice(0, 5).map((chunk, index) => {
+      const metadata = normalizeSvedocsMetadata({ ...(chunk.item?.metadata ?? {}), ...(chunk.metadata ?? {}) });
+      const section = stringValue(metadata.section);
+      return {
+        title: stringValue(chunk.title) ?? stringValue(chunk.item?.title) ?? stringValue(metadata.title) ?? `Source ${index + 1}`,
+        url: stringValue(chunk.url) ?? stringValue(metadata.url) ?? stringValue(metadata.source_url) ?? '#',
+        ...(section ? { section } : {})
+      };
+    });
+  }
+
+  function normalizeSvedocsMetadata(metadata: Record<string, unknown>) {
+    const embedded = stringValue(metadata.svedocs);
+    if (!embedded) return metadata;
+    try {
+      const parsed = JSON.parse(embedded) as Record<string, unknown>;
+      if (!parsed || typeof parsed !== 'object' || Array.isArray(parsed)) return metadata;
+      return { ...metadata, ...parsed };
+    } catch {
+      return metadata;
+    }
+  }
+
+  function stringValue(value: unknown): string | undefined {
+    return typeof value === 'string' && value.trim() ? value : undefined;
+  }
+
+  function handleKeydown(event: KeyboardEvent) {
+    if (event.key === 'Escape') {
+      event.preventDefault();
+      hide();
+    }
+    if (event.key === 'Tab') trapFocus(event, panel);
+  }
+
+  function handleComposerKeydown(event: KeyboardEvent) {
+    if (event.key === 'Enter' && !event.shiftKey) {
+      event.preventDefault();
+      send(input);
+    }
+  }
+
+  function trapFocus(event: KeyboardEvent, root: HTMLElement | undefined) {
+    if (!root) return;
+    const focusable = Array.from(
+      root.querySelectorAll<HTMLElement>('a[href], button:not([disabled]), input:not([disabled]), textarea:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])')
+    ).filter((element) => !element.hasAttribute('disabled') && element.offsetParent !== null);
+    const first = focusable[0];
+    const last = focusable.at(-1);
+    if (!first || !last) return;
+    if (event.shiftKey && document.activeElement === first) {
+      event.preventDefault();
+      last.focus();
+    } else if (!event.shiftKey && document.activeElement === last) {
+      event.preventDefault();
+      first.focus();
+    }
+  }
+
+  onMount(() => {
+    window.addEventListener('svedocs:open-ai', show);
+    return () => window.removeEventListener('svedocs:open-ai', show);
+  });
+</script>
+
+{#if open}
+  <div class="sd-chat-portal" use:portal>
+    <div
+      bind:this={panel}
+      class="sd-chat-panel"
+      role="dialog"
+      aria-modal="true"
+      aria-label={label}
+      tabindex="-1"
+      on:keydown={handleKeydown}
+    >
+      <header class="sd-chat-header">
+        <div class="sd-chat-title">
+          <span class="sd-chat-mark" aria-hidden="true"></span>
+          <strong>{label}</strong>
+        </div>
+        <div class="sd-chat-actions">
+          {#if messages.filter((m) => !m.welcome).length > 0}
+            <button type="button" class="sd-chat-icon-button" aria-label="New chat" title="New chat" on:click={reset}>
+              <svg aria-hidden="true" viewBox="0 0 24 24">
+                <path d="M4 12h8m4 0h4M12 4v8m0 4v4" />
+              </svg>
+            </button>
+          {/if}
+          <button type="button" class="sd-chat-icon-button" aria-label="Close" title="Close" on:click={hide}>
+            <svg aria-hidden="true" viewBox="0 0 24 24">
+              <path d="M6 6l12 12M18 6L6 18" />
+            </svg>
+          </button>
+        </div>
+      </header>
+
+      <div bind:this={scrollEl} class="sd-chat-messages" role="log" aria-live="polite">
+        {#if messages.length === 0}
+          <div class="sd-chat-empty">
+            <p>Ask anything about these docs.</p>
+          </div>
+        {/if}
+        {#each messages as message (message.id)}
+          <div class="sd-chat-bubble" data-role={message.role}>
+            <div class="sd-chat-bubble-body">
+              {#if message.role === 'assistant' && !message.content && loading && message.id === messages[messages.length - 1]?.id}
+                <span class="sd-chat-typing" aria-label="Thinking">
+                  <span></span><span></span><span></span>
+                </span>
+              {:else}
+                {message.content}
+              {/if}
+            </div>
+            {#if message.citations && message.citations.length > 0}
+              <div class="sd-chat-citations">
+                {#each message.citations as citation}
+                  <a href={citation.url} on:click={hide}>
+                    {citation.section ?? citation.title}
+                  </a>
+                {/each}
+              </div>
+            {/if}
+            {#if message.error}
+              <p class="sd-chat-error">{message.error}</p>
+            {/if}
+          </div>
+        {/each}
+      </div>
+
+      {#if showSuggestions}
+        <div class="sd-chat-suggestions">
+          {#each suggestions as suggestion}
+            <button type="button" on:click={() => send(suggestion)}>{suggestion}</button>
+          {/each}
+        </div>
+      {/if}
+
+      <form class="sd-chat-composer" on:submit|preventDefault={() => send(input)}>
+        <textarea
+          bind:this={textarea}
+          bind:value={input}
+          rows="1"
+          placeholder={placeholder}
+          on:keydown={handleComposerKeydown}
+        ></textarea>
+        <button
+          class="sd-chat-send"
+          type="submit"
+          aria-label="Send"
+          title="Send"
+          disabled={!input.trim() || loading}
+        >
+          <svg aria-hidden="true" viewBox="0 0 24 24">
+            <path d="M4 12l16-8-6 16-2-7-8-1Z" />
+          </svg>
+        </button>
+      </form>
+    </div>
+  </div>
+{/if}

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

@@ -0,0 +1,27 @@
+import type { SvedocsResolvedConfig, SvedocsSearchRecord } from '../core/types.js';
+import type { SearchScope } from '../search/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 AskAiPanel: $$__sveltets_2_IsomorphicComponent<{
+    config: SvedocsResolvedConfig;
+    records?: SvedocsSearchRecord[];
+    loadRecords?: (() => Promise<SvedocsSearchRecord[]>) | undefined;
+    scope?: SearchScope;
+    buildMode?: SvedocsResolvedConfig["build"]["mode"];
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type AskAiPanel = InstanceType<typeof AskAiPanel>;
+export default AskAiPanel;
+//# sourceMappingURL=AskAiPanel.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AskAiPanel.svelte.d.ts","sourceRoot":"","sources":["../../src/theme/AskAiPanel.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEnF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAmatD,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,UAAU;YAViH,qBAAqB;cAAY,mBAAmB,EAAE;kBAAgB,CAAC,MAAM,OAAO,CAAC,mBAAmB,EAAE,CAAC,CAAC,GAAG,SAAS;YAAU,WAAW;gBAAc,qBAAqB,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC;;;kBAUnO,CAAC;AAC9E,KAAK,UAAU,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC;AACpD,eAAe,UAAU,CAAC"}

package/dist/theme/Button.svelte

@@ -0,0 +1,34 @@
+<script lang="ts">
+  import type { HTMLButtonAttributes } from 'svelte/elements';
+  import { classNames, type SvedocsButtonVariant, type SvedocsControlDensity } from './forms.js';
+
+  interface $$Props extends Omit<HTMLButtonAttributes, 'class' | 'type'> {
+    class?: string;
+    density?: SvedocsControlDensity;
+    type?: HTMLButtonAttributes['type'];
+    variant?: SvedocsButtonVariant;
+  }
+
+  export let type: HTMLButtonAttributes['type'] = 'button';
+  export let variant: SvedocsButtonVariant = 'default';
+  export let density: SvedocsControlDensity = 'md';
+
+  let className = '';
+
+  export { className as class };
+</script>
+
+<button
+  {...$$restProps}
+  class={classNames('sd-control-button', className)}
+  data-variant={variant}
+  data-density={density}
+  {type}
+  on:blur
+  on:click
+  on:focus
+  on:keydown
+  on:keyup
+>
+  <slot />
+</button>

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

@@ -0,0 +1,41 @@
+import type { HTMLButtonAttributes } from 'svelte/elements';
+import { type SvedocsButtonVariant, 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;
+}
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const Button: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<Omit<HTMLButtonAttributes, "type" | "class"> & {
+    class?: string;
+    density?: SvedocsControlDensity;
+    type?: HTMLButtonAttributes["type"];
+    variant?: SvedocsButtonVariant;
+}, {
+    default: {};
+}>, {
+    blur: FocusEvent;
+    click: PointerEvent;
+    focus: FocusEvent;
+    keydown: KeyboardEvent;
+    keyup: KeyboardEvent;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type Button = InstanceType<typeof Button>;
+export default Button;
+//# sourceMappingURL=Button.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.svelte.d.ts","sourceRoot":"","sources":["../../src/theme/Button.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EAAc,KAAK,oBAAoB,EAAE,KAAK,qBAAqB,EAAE,MAAM,YAAY,CAAC;AA4B/F,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,MAAM;YAnCA,MAAM;cACJ,qBAAqB;WACxB,oBAAoB,CAAC,MAAM,CAAC;cACzB,oBAAoB;;;;;;;;;;;;;cAgC+D,CAAC;AAChF,KAAK,MAAM,GAAG,YAAY,CAAC,OAAO,MAAM,CAAC,CAAC;AAC5C,eAAe,MAAM,CAAC"}

package/dist/theme/Checkbox.svelte

@@ -0,0 +1,63 @@
+<script lang="ts">
+  import type { HTMLInputAttributes } from 'svelte/elements';
+  import { classNames, type SvedocsControlDensity } from './forms.js';
+
+  interface $$Props extends Omit<HTMLInputAttributes, 'checked' | 'class' | 'type'> {
+    checked?: boolean;
+    class?: string;
+    density?: SvedocsControlDensity;
+    description?: string;
+    indeterminate?: boolean;
+    invalid?: boolean;
+    label?: string;
+  }
+
+  export let checked = false;
+  export let indeterminate = false;
+  export let invalid = false;
+  export let label = '';
+  export let description = '';
+  export let density: SvedocsControlDensity = 'md';
+
+  let className = '';
+  let input: HTMLInputElement | undefined;
+
+  export { className as class };
+
+  $: if (input) input.indeterminate = indeterminate;
+</script>
+
+<label class={classNames('sd-checkbox', className)} data-density={density} data-invalid={invalid ? 'true' : undefined}>
+  <input
+    {...$$restProps}
+    bind:this={input}
+    type="checkbox"
+    aria-invalid={invalid ? 'true' : undefined}
+    bind:checked
+    on:blur
+    on:change
+    on:focus
+    on:input
+    on:keydown
+    on:keyup
+  />
+  <span class="sd-checkbox-box" aria-hidden="true">
+    <svg class="sd-checkbox-check" viewBox="0 0 16 16">
+      <path d="M3.2 8.2 6.4 11 12.8 4.5" />
+    </svg>
+    <svg class="sd-checkbox-minus" viewBox="0 0 16 16">
+      <path d="M3.5 8h9" />
+    </svg>
+  </span>
+  {#if label || description || $$slots.default}
+    <span class="sd-checkbox-copy">
+      {#if label}
+        <span class="sd-checkbox-label">{label}</span>
+      {/if}
+      <slot />
+      {#if description}
+        <span class="sd-checkbox-description">{description}</span>
+      {/if}
+    </span>
+  {/if}
+</label>

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

@@ -0,0 +1,45 @@
+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;
+}
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const Checkbox: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<Omit<HTMLInputAttributes, "type" | "class" | "checked"> & {
+    checked?: boolean;
+    class?: string;
+    density?: SvedocsControlDensity;
+    description?: string;
+    indeterminate?: boolean;
+    invalid?: boolean;
+    label?: string;
+}, {
+    default: {};
+}>, {
+    blur: FocusEvent;
+    change: Event;
+    focus: FocusEvent;
+    input: InputEvent;
+    keydown: KeyboardEvent;
+    keyup: KeyboardEvent;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type Checkbox = InstanceType<typeof Checkbox>;
+export default Checkbox;
+//# sourceMappingURL=Checkbox.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.svelte.d.ts","sourceRoot":"","sources":["../../src/theme/Checkbox.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAc,KAAK,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAwDpE,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,QAAQ;cA/DA,OAAO;YACT,MAAM;cACJ,qBAAqB;kBACjB,MAAM;oBACJ,OAAO;cACb,OAAO;YACT,MAAM;;;;;;;;;;;;;;cAyDiF,CAAC;AAClF,KAAK,QAAQ,GAAG,YAAY,CAAC,OAAO,QAAQ,CAAC,CAAC;AAChD,eAAe,QAAQ,CAAC"}

package/dist/theme/CodeBlock.svelte

@@ -0,0 +1,6 @@
+<script lang="ts">
+  export let code = '';
+  export let language = 'text';
+</script>
+
+<pre class="sd-code" data-language={language}><code>{code}</code></pre>