@vizel/svelte 0.0.1-alpha.1

package/dist/components/VizelSlashMenuEmpty.svelte

@@ -0,0 +1,22 @@
+<script lang="ts" module>
+import type { Snippet } from "svelte";
+
+export interface VizelSlashMenuEmptyProps {
+  /** Custom class name */
+  class?: string;
+  /** Custom content */
+  children?: Snippet;
+}
+</script>
+
+<script lang="ts">
+let { class: className, children }: VizelSlashMenuEmptyProps = $props();
+</script>
+
+<div class="vizel-slash-menu-empty {className ?? ''}" data-vizel-slash-menu-empty="">
+  {#if children}
+    {@render children()}
+  {:else}
+    No results
+  {/if}
+</div>

package/dist/components/VizelSlashMenuEmpty.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { Snippet } from "svelte";
+export interface VizelSlashMenuEmptyProps {
+    /** Custom class name */
+    class?: string;
+    /** Custom content */
+    children?: Snippet;
+}
+declare const VizelSlashMenuEmpty: import("svelte").Component<VizelSlashMenuEmptyProps, {}, "">;
+type VizelSlashMenuEmpty = ReturnType<typeof VizelSlashMenuEmpty>;
+export default VizelSlashMenuEmpty;
+//# sourceMappingURL=VizelSlashMenuEmpty.svelte.d.ts.map

package/dist/components/VizelSlashMenuEmpty.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VizelSlashMenuEmpty.svelte.d.ts","sourceRoot":"","sources":["../../src/components/VizelSlashMenuEmpty.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,MAAM,WAAW,wBAAwB;IACvC,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAgBD,QAAA,MAAM,mBAAmB,8DAAwC,CAAC;AAClE,KAAK,mBAAmB,GAAG,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAClE,eAAe,mBAAmB,CAAC"}

package/dist/components/VizelSlashMenuItem.svelte

@@ -0,0 +1,57 @@
+<script lang="ts" module>
+import type { VizelSlashCommandItem } from "@vizel/core";
+
+export interface VizelSlashMenuItemProps {
+  /** The slash command item to display */
+  item: VizelSlashCommandItem;
+  /** Whether the item is selected */
+  isSelected?: boolean;
+  /** Custom class name */
+  class?: string;
+  /** Click handler */
+  onclick?: () => void;
+  /** Match indices for highlighting (from fuzzy search) */
+  titleMatches?: [number, number][];
+}
+</script>
+
+<script lang="ts">
+import { splitVizelTextByMatches } from "@vizel/core";
+import VizelIcon from "./VizelIcon.svelte";
+
+let {
+  item,
+  isSelected = false,
+  class: className,
+  onclick,
+  titleMatches,
+}: VizelSlashMenuItemProps = $props();
+
+const parts = $derived(splitVizelTextByMatches(item.title, titleMatches));
+</script>
+
+<button
+  type="button"
+  class="vizel-slash-menu-item {isSelected ? 'is-selected' : ''} {className ?? ''}"
+  data-selected={isSelected || undefined}
+  {onclick}
+>
+  <span class="vizel-slash-menu-icon">
+    <VizelIcon name={item.icon} />
+  </span>
+  <div class="vizel-slash-menu-text">
+    <span class="vizel-slash-menu-title">
+      {#each parts as part}
+        {#if part.highlight}
+          <mark class="vizel-slash-menu-highlight">{part.text}</mark>
+        {:else}
+          {part.text}
+        {/if}
+      {/each}
+    </span>
+    <span class="vizel-slash-menu-description">{item.description}</span>
+  </div>
+  {#if item.shortcut}
+    <span class="vizel-slash-menu-shortcut">{item.shortcut}</span>
+  {/if}
+</button>

package/dist/components/VizelSlashMenuItem.svelte.d.ts

@@ -0,0 +1,17 @@
+import type { VizelSlashCommandItem } from "@vizel/core";
+export interface VizelSlashMenuItemProps {
+    /** The slash command item to display */
+    item: VizelSlashCommandItem;
+    /** Whether the item is selected */
+    isSelected?: boolean;
+    /** Custom class name */
+    class?: string;
+    /** Click handler */
+    onclick?: () => void;
+    /** Match indices for highlighting (from fuzzy search) */
+    titleMatches?: [number, number][];
+}
+declare const VizelSlashMenuItem: import("svelte").Component<VizelSlashMenuItemProps, {}, "">;
+type VizelSlashMenuItem = ReturnType<typeof VizelSlashMenuItem>;
+export default VizelSlashMenuItem;
+//# sourceMappingURL=VizelSlashMenuItem.svelte.d.ts.map

package/dist/components/VizelSlashMenuItem.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VizelSlashMenuItem.svelte.d.ts","sourceRoot":"","sources":["../../src/components/VizelSlashMenuItem.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAEzD,MAAM,WAAW,uBAAuB;IACtC,wCAAwC;IACxC,IAAI,EAAE,qBAAqB,CAAC;IAC5B,mCAAmC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,yDAAyD;IACzD,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC;CACnC;AA8CD,QAAA,MAAM,kBAAkB,6DAAwC,CAAC;AACjE,KAAK,kBAAkB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAChE,eAAe,kBAAkB,CAAC"}

package/dist/components/VizelThemeProvider.svelte

@@ -0,0 +1,79 @@
+<script lang="ts" module>
+import type { VizelThemeProviderOptions, VizelThemeState } from "@vizel/core";
+import type { Snippet } from "svelte";
+
+export const VIZEL_THEME_CONTEXT_KEY = Symbol("VizelThemeContext");
+
+export interface VizelThemeProviderProps extends VizelThemeProviderOptions {
+  /** Children to render */
+  children: Snippet;
+}
+</script>
+
+<script lang="ts">
+  import {
+    applyVizelTheme,
+    createVizelSystemThemeListener,
+    VIZEL_DEFAULT_THEME,
+    VIZEL_DEFAULT_THEME_STORAGE_KEY,
+    getStoredVizelTheme,
+    getVizelSystemTheme,
+    resolveVizelTheme,
+    storeVizelTheme,
+    type VizelResolvedTheme,
+    type VizelTheme,
+  } from "@vizel/core";
+  import { setContext } from "svelte";
+
+  let {
+    children,
+    defaultTheme = VIZEL_DEFAULT_THEME,
+    storageKey = VIZEL_DEFAULT_THEME_STORAGE_KEY,
+    targetSelector,
+    disableTransitionOnChange = false,
+  }: VizelThemeProviderProps = $props();
+
+  // Intentionally capture initial values only - theme state should persist
+  // regardless of prop changes after mount
+  // svelte-ignore state_referenced_locally
+  let theme = $state<VizelTheme>(getStoredVizelTheme(storageKey) ?? defaultTheme);
+  let systemTheme = $state<VizelResolvedTheme>(getVizelSystemTheme());
+
+  const resolvedTheme = $derived(resolveVizelTheme(theme, systemTheme));
+
+  function setTheme(newTheme: VizelTheme) {
+    theme = newTheme;
+    storeVizelTheme(storageKey, newTheme);
+  }
+
+  const themeState: VizelThemeState = {
+    get theme() {
+      return theme;
+    },
+    get resolvedTheme() {
+      return resolvedTheme;
+    },
+    get systemTheme() {
+      return systemTheme;
+    },
+    setTheme,
+  };
+
+  setContext(VIZEL_THEME_CONTEXT_KEY, themeState);
+
+  // Apply theme when resolved theme changes
+  $effect(() => {
+    applyVizelTheme(resolvedTheme, targetSelector, disableTransitionOnChange);
+  });
+
+  $effect(() => {
+    // Listen for system theme changes
+    const cleanup = createVizelSystemThemeListener((newSystemTheme: VizelResolvedTheme) => {
+      systemTheme = newSystemTheme;
+    });
+
+    return cleanup;
+  });
+</script>
+
+{@render children()}

package/dist/components/VizelThemeProvider.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { VizelThemeProviderOptions } from "@vizel/core";
+import type { Snippet } from "svelte";
+export declare const VIZEL_THEME_CONTEXT_KEY: unique symbol;
+export interface VizelThemeProviderProps extends VizelThemeProviderOptions {
+    /** Children to render */
+    children: Snippet;
+}
+declare const VizelThemeProvider: import("svelte").Component<VizelThemeProviderProps, {}, "">;
+type VizelThemeProvider = ReturnType<typeof VizelThemeProvider>;
+export default VizelThemeProvider;
+//# sourceMappingURL=VizelThemeProvider.svelte.d.ts.map

package/dist/components/VizelThemeProvider.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VizelThemeProvider.svelte.d.ts","sourceRoot":"","sources":["../../src/components/VizelThemeProvider.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,yBAAyB,EAAmB,MAAM,aAAa,CAAC;AAC9E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,eAAO,MAAM,uBAAuB,eAA8B,CAAC;AAEnE,MAAM,WAAW,uBAAwB,SAAQ,yBAAyB;IACxE,yBAAyB;IACzB,QAAQ,EAAE,OAAO,CAAC;CACnB;AA8ED,QAAA,MAAM,kBAAkB,6DAAwC,CAAC;AACjE,KAAK,kBAAkB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAChE,eAAe,kBAAkB,CAAC"}

package/dist/components/index.d.ts

@@ -0,0 +1,23 @@
+export { default as Vizel, type VizelProps, type VizelRef } from "./Vizel.svelte";
+export { default as VizelBubbleMenu, type VizelBubbleMenuProps, } from "./VizelBubbleMenu.svelte";
+export { default as VizelBubbleMenuButton, type VizelBubbleMenuButtonProps, } from "./VizelBubbleMenuButton.svelte";
+export { default as VizelBubbleMenuColorPicker, type VizelBubbleMenuColorPickerProps, } from "./VizelBubbleMenuColorPicker.svelte";
+export { default as VizelBubbleMenuDefault, type VizelBubbleMenuDefaultProps, } from "./VizelBubbleMenuDefault.svelte";
+export { default as VizelBubbleMenuDivider, type VizelBubbleMenuDividerProps, } from "./VizelBubbleMenuDivider.svelte";
+export { default as VizelColorPicker, type VizelColorPickerProps, } from "./VizelColorPicker.svelte";
+export { getVizelContext, getVizelContextSafe } from "./VizelContext.ts";
+export { default as VizelEditor, type VizelEditorProps, type VizelExposed, } from "./VizelEditor.svelte";
+export { default as VizelEmbedView, type VizelEmbedViewProps, } from "./VizelEmbedView.svelte";
+export { default as VizelIcon, type VizelIconProps } from "./VizelIcon.svelte";
+export { getVizelIconContext, setVizelIcons } from "./VizelIconContext.ts";
+export { default as VizelIconProvider, type VizelIconProviderProps, } from "./VizelIconProvider.svelte";
+export { default as VizelLinkEditor, type VizelLinkEditorProps, } from "./VizelLinkEditor.svelte";
+export { default as VizelNodeSelector, type VizelNodeSelectorProps, } from "./VizelNodeSelector.svelte";
+export { default as VizelPortal, type VizelPortalProps, } from "./VizelPortal.svelte";
+export { default as VizelProvider, type VizelProviderProps, } from "./VizelProvider.svelte";
+export { default as VizelSaveIndicator, type VizelSaveIndicatorProps, } from "./VizelSaveIndicator.svelte";
+export { default as VizelSlashMenu, type VizelSlashMenuProps, type VizelSlashMenuRef, } from "./VizelSlashMenu.svelte";
+export { default as VizelSlashMenuEmpty, type VizelSlashMenuEmptyProps, } from "./VizelSlashMenuEmpty.svelte";
+export { default as VizelSlashMenuItem, type VizelSlashMenuItemProps, } from "./VizelSlashMenuItem.svelte";
+export { default as VizelThemeProvider, type VizelThemeProviderProps, } from "./VizelThemeProvider.svelte";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,KAAK,UAAU,EAAE,KAAK,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAIlF,OAAO,EACL,OAAO,IAAI,eAAe,EAC1B,KAAK,oBAAoB,GAC1B,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,OAAO,IAAI,qBAAqB,EAChC,KAAK,0BAA0B,GAChC,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,OAAO,IAAI,0BAA0B,EACrC,KAAK,+BAA+B,GACrC,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EACL,OAAO,IAAI,sBAAsB,EACjC,KAAK,2BAA2B,GACjC,MAAM,iCAAiC,CAAC;AACzC,OAAO,EACL,OAAO,IAAI,sBAAsB,EACjC,KAAK,2BAA2B,GACjC,MAAM,iCAAiC,CAAC;AAIzC,OAAO,EACL,OAAO,IAAI,gBAAgB,EAC3B,KAAK,qBAAqB,GAC3B,MAAM,2BAA2B,CAAC;AAInC,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAIzE,OAAO,EACL,OAAO,IAAI,WAAW,EACtB,KAAK,gBAAgB,EACrB,KAAK,YAAY,GAClB,MAAM,sBAAsB,CAAC;AAI9B,OAAO,EACL,OAAO,IAAI,cAAc,EACzB,KAAK,mBAAmB,GACzB,MAAM,yBAAyB,CAAC;AAIjC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/E,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3E,OAAO,EACL,OAAO,IAAI,iBAAiB,EAC5B,KAAK,sBAAsB,GAC5B,MAAM,4BAA4B,CAAC;AAIpC,OAAO,EACL,OAAO,IAAI,eAAe,EAC1B,KAAK,oBAAoB,GAC1B,MAAM,0BAA0B,CAAC;AAIlC,OAAO,EACL,OAAO,IAAI,iBAAiB,EAC5B,KAAK,sBAAsB,GAC5B,MAAM,4BAA4B,CAAC;AAIpC,OAAO,EACL,OAAO,IAAI,WAAW,EACtB,KAAK,gBAAgB,GACtB,MAAM,sBAAsB,CAAC;AAI9B,OAAO,EACL,OAAO,IAAI,aAAa,EACxB,KAAK,kBAAkB,GACxB,MAAM,wBAAwB,CAAC;AAIhC,OAAO,EACL,OAAO,IAAI,kBAAkB,EAC7B,KAAK,uBAAuB,GAC7B,MAAM,6BAA6B,CAAC;AAIrC,OAAO,EACL,OAAO,IAAI,cAAc,EACzB,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,GACvB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,OAAO,IAAI,mBAAmB,EAC9B,KAAK,wBAAwB,GAC9B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,OAAO,IAAI,kBAAkB,EAC7B,KAAK,uBAAuB,GAC7B,MAAM,6BAA6B,CAAC;AAIrC,OAAO,EACL,OAAO,IAAI,kBAAkB,EAC7B,KAAK,uBAAuB,GAC7B,MAAM,6BAA6B,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,64 @@
+// ============================================================================
+// Vizel all-in-one component
+// ============================================================================
+export { default as Vizel } from "./Vizel.svelte";
+// ============================================================================
+// Vizel BubbleMenu components
+// ============================================================================
+export { default as VizelBubbleMenu, } from "./VizelBubbleMenu.svelte";
+export { default as VizelBubbleMenuButton, } from "./VizelBubbleMenuButton.svelte";
+export { default as VizelBubbleMenuColorPicker, } from "./VizelBubbleMenuColorPicker.svelte";
+export { default as VizelBubbleMenuDefault, } from "./VizelBubbleMenuDefault.svelte";
+export { default as VizelBubbleMenuDivider, } from "./VizelBubbleMenuDivider.svelte";
+// ============================================================================
+// Vizel ColorPicker component
+// ============================================================================
+export { default as VizelColorPicker, } from "./VizelColorPicker.svelte";
+// ============================================================================
+// Vizel Context
+// ============================================================================
+export { getVizelContext, getVizelContextSafe } from "./VizelContext.ts";
+// ============================================================================
+// Vizel Editor components
+// ============================================================================
+export { default as VizelEditor, } from "./VizelEditor.svelte";
+// ============================================================================
+// Vizel EmbedView component
+// ============================================================================
+export { default as VizelEmbedView, } from "./VizelEmbedView.svelte";
+// ============================================================================
+// Vizel Icon component
+// ============================================================================
+export { default as VizelIcon } from "./VizelIcon.svelte";
+export { getVizelIconContext, setVizelIcons } from "./VizelIconContext.ts";
+export { default as VizelIconProvider, } from "./VizelIconProvider.svelte";
+// ============================================================================
+// Vizel LinkEditor component
+// ============================================================================
+export { default as VizelLinkEditor, } from "./VizelLinkEditor.svelte";
+// ============================================================================
+// Vizel NodeSelector component
+// ============================================================================
+export { default as VizelNodeSelector, } from "./VizelNodeSelector.svelte";
+// ============================================================================
+// Vizel Portal component
+// ============================================================================
+export { default as VizelPortal, } from "./VizelPortal.svelte";
+// ============================================================================
+// Vizel Provider component
+// ============================================================================
+export { default as VizelProvider, } from "./VizelProvider.svelte";
+// ============================================================================
+// Vizel SaveIndicator component
+// ============================================================================
+export { default as VizelSaveIndicator, } from "./VizelSaveIndicator.svelte";
+// ============================================================================
+// Vizel SlashMenu components
+// ============================================================================
+export { default as VizelSlashMenu, } from "./VizelSlashMenu.svelte";
+export { default as VizelSlashMenuEmpty, } from "./VizelSlashMenuEmpty.svelte";
+export { default as VizelSlashMenuItem, } from "./VizelSlashMenuItem.svelte";
+// ============================================================================
+// Vizel ThemeProvider component
+// ============================================================================
+export { default as VizelThemeProvider, } from "./VizelThemeProvider.svelte";

package/dist/iconRenderer.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Icon renderer initialization for Svelte package.
+ * Uses the shared implementation from @vizel/core.
+ */
+export {};
+//# sourceMappingURL=iconRenderer.d.ts.map

package/dist/iconRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconRenderer.d.ts","sourceRoot":"","sources":["../src/iconRenderer.ts"],"names":[],"mappings":"AAAA;;;GAGG"}

package/dist/iconRenderer.js

@@ -0,0 +1,7 @@
+/**
+ * Icon renderer initialization for Svelte package.
+ * Uses the shared implementation from @vizel/core.
+ */
+import { initVizelIconRenderer } from "@vizel/core";
+// Auto-initialize when this module is imported
+initVizelIconRenderer();

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @vizel/svelte
+ *
+ * Svelte 5 components and runes for the Vizel visual editor.
+ */
+import "./iconRenderer.ts";
+export { getVizelContext, getVizelContextSafe, getVizelIconContext, setVizelIcons, Vizel, VizelBubbleMenu, VizelBubbleMenuButton, type VizelBubbleMenuButtonProps, VizelBubbleMenuColorPicker, type VizelBubbleMenuColorPickerProps, VizelBubbleMenuDefault, type VizelBubbleMenuDefaultProps, VizelBubbleMenuDivider, type VizelBubbleMenuDividerProps, type VizelBubbleMenuProps, VizelColorPicker, type VizelColorPickerProps, VizelEditor, type VizelEditorProps, VizelEmbedView, type VizelEmbedViewProps, type VizelExposed, VizelIcon, type VizelIconProps, VizelIconProvider, type VizelIconProviderProps, VizelLinkEditor, type VizelLinkEditorProps, VizelNodeSelector, type VizelNodeSelectorProps, VizelPortal, type VizelPortalProps, type VizelProps, VizelProvider, type VizelProviderProps, type VizelRef, VizelSaveIndicator, type VizelSaveIndicatorProps, VizelSlashMenu, VizelSlashMenuEmpty, type VizelSlashMenuEmptyProps, VizelSlashMenuItem, type VizelSlashMenuItemProps, type VizelSlashMenuProps, type VizelSlashMenuRef, VizelThemeProvider, type VizelThemeProviderProps, } from "./components/index.ts";
+export { type CreateVizelAutoSaveResult, type CreateVizelEditorOptions, type CreateVizelMarkdownOptions, type CreateVizelMarkdownResult, createVizelAutoSave, createVizelEditor, createVizelEditorState, createVizelMarkdown, createVizelSlashMenuRenderer, createVizelState, getVizelTheme, getVizelThemeSafe, type VizelSlashMenuRendererOptions, } from "./runes/index.ts";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,mBAAmB,CAAC;AAG3B,OAAO,EACL,eAAe,EACf,mBAAmB,EACnB,mBAAmB,EACnB,aAAa,EAEb,KAAK,EAEL,eAAe,EACf,qBAAqB,EACrB,KAAK,0BAA0B,EAC/B,0BAA0B,EAC1B,KAAK,+BAA+B,EACpC,sBAAsB,EACtB,KAAK,2BAA2B,EAChC,sBAAsB,EACtB,KAAK,2BAA2B,EAChC,KAAK,oBAAoB,EAEzB,gBAAgB,EAChB,KAAK,qBAAqB,EAE1B,WAAW,EACX,KAAK,gBAAgB,EAErB,cAAc,EACd,KAAK,mBAAmB,EACxB,KAAK,YAAY,EAEjB,SAAS,EACT,KAAK,cAAc,EACnB,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,eAAe,EACf,KAAK,oBAAoB,EAEzB,iBAAiB,EACjB,KAAK,sBAAsB,EAE3B,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,UAAU,EACf,aAAa,EACb,KAAK,kBAAkB,EACvB,KAAK,QAAQ,EAEb,kBAAkB,EAClB,KAAK,uBAAuB,EAE5B,cAAc,EACd,mBAAmB,EACnB,KAAK,wBAAwB,EAC7B,kBAAkB,EAClB,KAAK,uBAAuB,EAC5B,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EACtB,kBAAkB,EAClB,KAAK,uBAAuB,GAC7B,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EACL,KAAK,yBAAyB,EAC9B,KAAK,wBAAwB,EAC7B,KAAK,0BAA0B,EAC/B,KAAK,yBAAyB,EAC9B,mBAAmB,EACnB,iBAAiB,EACjB,sBAAsB,EACtB,mBAAmB,EACnB,4BAA4B,EAC5B,gBAAgB,EAChB,aAAa,EACb,iBAAiB,EACjB,KAAK,6BAA6B,GACnC,MAAM,kBAAkB,CAAC"}

package/dist/index.js

@@ -0,0 +1,31 @@
+/**
+ * @vizel/svelte
+ *
+ * Svelte 5 components and runes for the Vizel visual editor.
+ */
+// Initialize icon renderer (auto-registers with core)
+import "./iconRenderer.ts";
+// Components
+export { getVizelContext, getVizelContextSafe, getVizelIconContext, setVizelIcons, 
+// Vizel all-in-one
+Vizel, 
+// BubbleMenu
+VizelBubbleMenu, VizelBubbleMenuButton, VizelBubbleMenuColorPicker, VizelBubbleMenuDefault, VizelBubbleMenuDivider, 
+// ColorPicker
+VizelColorPicker, 
+// Editor components
+VizelEditor, 
+// EmbedView
+VizelEmbedView, 
+// Icon
+VizelIcon, VizelIconProvider, VizelLinkEditor, 
+// NodeSelector
+VizelNodeSelector, 
+// Portal
+VizelPortal, VizelProvider, 
+// SaveIndicator
+VizelSaveIndicator, 
+// SlashMenu
+VizelSlashMenu, VizelSlashMenuEmpty, VizelSlashMenuItem, VizelThemeProvider, } from "./components/index.ts";
+// Runes (Svelte 5 reactive state)
+export { createVizelAutoSave, createVizelEditor, createVizelEditorState, createVizelMarkdown, createVizelSlashMenuRenderer, createVizelState, getVizelTheme, getVizelThemeSafe, } from "./runes/index.ts";

package/dist/runes/createVizelAutoSave.svelte.d.ts

@@ -0,0 +1,44 @@
+import { type Editor, type JSONContent, type VizelAutoSaveOptions, type VizelSaveStatus } from "@vizel/core";
+/**
+ * Auto-save rune result
+ */
+export interface CreateVizelAutoSaveResult {
+    /** Current save status */
+    readonly status: VizelSaveStatus;
+    /** Whether there are unsaved changes */
+    readonly hasUnsavedChanges: boolean;
+    /** Timestamp of last successful save */
+    readonly lastSaved: Date | null;
+    /** Last error that occurred */
+    readonly error: Error | null;
+    /** Manually trigger save */
+    save: () => Promise<void>;
+    /** Restore content from storage */
+    restore: () => Promise<JSONContent | null>;
+}
+/**
+ * Svelte 5 rune for auto-saving editor content with debouncing.
+ *
+ * @param getEditor - Function that returns the editor instance
+ * @param options - Auto-save configuration options
+ * @returns Auto-save state and controls
+ *
+ * @example
+ * ```svelte
+ * <script lang="ts">
+ * import { createVizelEditor, createVizelAutoSave, VizelEditor, VizelSaveIndicator } from '@vizel/svelte';
+ *
+ * const editor = createVizelEditor({ ... });
+ * const autoSave = createVizelAutoSave(() => editor.current, {
+ *   debounceMs: 2000,
+ *   storage: 'localStorage',
+ *   key: 'my-document',
+ * });
+ * </script>
+ *
+ * <VizelEditor editor={editor.current} />
+ * <VizelSaveIndicator status={autoSave.status} lastSaved={autoSave.lastSaved} />
+ * ```
+ */
+export declare function createVizelAutoSave(getEditor: () => Editor | null | undefined, options?: VizelAutoSaveOptions): CreateVizelAutoSaveResult;
+//# sourceMappingURL=createVizelAutoSave.svelte.d.ts.map

package/dist/runes/createVizelAutoSave.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createVizelAutoSave.svelte.d.ts","sourceRoot":"","sources":["../../src/runes/createVizelAutoSave.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,MAAM,EACX,KAAK,WAAW,EAEhB,KAAK,oBAAoB,EAEzB,KAAK,eAAe,EACrB,MAAM,aAAa,CAAC;AAErB;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC,0BAA0B;IAC1B,QAAQ,CAAC,MAAM,EAAE,eAAe,CAAC;IACjC,wCAAwC;IACxC,QAAQ,CAAC,iBAAiB,EAAE,OAAO,CAAC;IACpC,wCAAwC;IACxC,QAAQ,CAAC,SAAS,EAAE,IAAI,GAAG,IAAI,CAAC;IAChC,+BAA+B;IAC/B,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IAC7B,4BAA4B;IAC5B,IAAI,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B,mCAAmC;IACnC,OAAO,EAAE,MAAM,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CAC5C;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,mBAAmB,CACjC,SAAS,EAAE,MAAM,MAAM,GAAG,IAAI,GAAG,SAAS,EAC1C,OAAO,GAAE,oBAAyB,GACjC,yBAAyB,CA0E3B"}

package/dist/runes/createVizelAutoSave.svelte.js

@@ -0,0 +1,91 @@
+import { createVizelAutoSaveHandlers, VIZEL_DEFAULT_AUTO_SAVE_OPTIONS, } from "@vizel/core";
+/**
+ * Svelte 5 rune for auto-saving editor content with debouncing.
+ *
+ * @param getEditor - Function that returns the editor instance
+ * @param options - Auto-save configuration options
+ * @returns Auto-save state and controls
+ *
+ * @example
+ * ```svelte
+ * <script lang="ts">
+ * import { createVizelEditor, createVizelAutoSave, VizelEditor, VizelSaveIndicator } from '@vizel/svelte';
+ *
+ * const editor = createVizelEditor({ ... });
+ * const autoSave = createVizelAutoSave(() => editor.current, {
+ *   debounceMs: 2000,
+ *   storage: 'localStorage',
+ *   key: 'my-document',
+ * });
+ * </script>
+ *
+ * <VizelEditor editor={editor.current} />
+ * <VizelSaveIndicator status={autoSave.status} lastSaved={autoSave.lastSaved} />
+ * ```
+ */
+export function createVizelAutoSave(getEditor, options = {}) {
+    const opts = { ...VIZEL_DEFAULT_AUTO_SAVE_OPTIONS, ...options };
+    let status = $state("saved");
+    let hasUnsavedChanges = $state(false);
+    let lastSaved = $state(null);
+    let error = $state(null);
+    let currentEditor = null;
+    let handlers = null;
+    function handleStateChange(partial) {
+        if (partial.status !== undefined)
+            status = partial.status;
+        if (partial.hasUnsavedChanges !== undefined)
+            hasUnsavedChanges = partial.hasUnsavedChanges;
+        if (partial.lastSaved !== undefined)
+            lastSaved = partial.lastSaved;
+        if (partial.error !== undefined)
+            error = partial.error;
+    }
+    function subscribe(editor) {
+        // Unsubscribe from previous editor
+        if (currentEditor && handlers) {
+            currentEditor.off("update", handlers.handleUpdate);
+            handlers.cancel();
+        }
+        currentEditor = editor ?? null;
+        if (!(currentEditor && opts.enabled)) {
+            handlers = null;
+            return;
+        }
+        handlers = createVizelAutoSaveHandlers(() => currentEditor, opts, handleStateChange);
+        currentEditor.on("update", handlers.handleUpdate);
+    }
+    // Watch for editor changes - $effect cleanup handles unmount
+    $effect(() => {
+        const editor = getEditor();
+        subscribe(editor);
+        return () => {
+            if (currentEditor && handlers) {
+                currentEditor.off("update", handlers.handleUpdate);
+                handlers.cancel();
+            }
+        };
+    });
+    async function save() {
+        await handlers?.saveNow();
+    }
+    async function restore() {
+        return (await handlers?.restore()) ?? null;
+    }
+    return {
+        get status() {
+            return status;
+        },
+        get hasUnsavedChanges() {
+            return hasUnsavedChanges;
+        },
+        get lastSaved() {
+            return lastSaved;
+        },
+        get error() {
+            return error;
+        },
+        save,
+        restore,
+    };
+}

package/dist/runes/createVizelEditor.svelte.d.ts

@@ -0,0 +1,43 @@
+import { type Editor, type VizelCreateEditorOptions } from "@vizel/core";
+/**
+ * Options for createVizelEditor rune.
+ * @see VizelCreateEditorOptions for available options.
+ */
+export type CreateVizelEditorOptions = VizelCreateEditorOptions;
+/**
+ * Svelte 5 rune to create and manage a Vizel editor instance.
+ * Returns a reactive editor state that works with EditorContent component.
+ *
+ * @example
+ * ```svelte
+ * <script lang="ts">
+ * import { createVizelEditor, EditorContent, BubbleMenu } from '@vizel/svelte';
+ *
+ * const editor = createVizelEditor({
+ *   placeholder: "Start typing...",
+ *   onUpdate: ({ editor }) => {
+ *     console.log(editor.getJSON());
+ *   },
+ * });
+ * </script>
+ *
+ * <EditorContent editor={editor.current} />
+ * {#if editor.current}
+ *   <BubbleMenu editor={editor.current} />
+ * {/if}
+ * ```
+ *
+ * @example
+ * ```svelte
+ * <script lang="ts">
+ * // With initial markdown content
+ * const editor = createVizelEditor({
+ *   initialMarkdown: "# Hello World\n\nThis is **bold** text.",
+ * });
+ * </script>
+ * ```
+ */
+export declare function createVizelEditor(options?: CreateVizelEditorOptions): {
+    readonly current: Editor | null;
+};
+//# sourceMappingURL=createVizelEditor.svelte.d.ts.map

package/dist/runes/createVizelEditor.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createVizelEditor.svelte.d.ts","sourceRoot":"","sources":["../../src/runes/createVizelEditor.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,MAAM,EAEX,KAAK,wBAAwB,EAC9B,MAAM,aAAa,CAAC;AAGrB;;;GAGG;AACH,MAAM,MAAM,wBAAwB,GAAG,wBAAwB,CAAC;AAEhE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,GAAE,wBAA6B;;EAoCvE"}

package/dist/runes/createVizelEditor.svelte.js

@@ -0,0 +1,65 @@
+import { createVizelEditorInstance, registerVizelUploadEventHandler, } from "@vizel/core";
+import { createVizelSlashMenuRenderer } from "./createVizelSlashMenuRenderer.ts";
+/**
+ * Svelte 5 rune to create and manage a Vizel editor instance.
+ * Returns a reactive editor state that works with EditorContent component.
+ *
+ * @example
+ * ```svelte
+ * <script lang="ts">
+ * import { createVizelEditor, EditorContent, BubbleMenu } from '@vizel/svelte';
+ *
+ * const editor = createVizelEditor({
+ *   placeholder: "Start typing...",
+ *   onUpdate: ({ editor }) => {
+ *     console.log(editor.getJSON());
+ *   },
+ * });
+ * </script>
+ *
+ * <EditorContent editor={editor.current} />
+ * {#if editor.current}
+ *   <BubbleMenu editor={editor.current} />
+ * {/if}
+ * ```
+ *
+ * @example
+ * ```svelte
+ * <script lang="ts">
+ * // With initial markdown content
+ * const editor = createVizelEditor({
+ *   initialMarkdown: "# Hello World\n\nThis is **bold** text.",
+ * });
+ * </script>
+ * ```
+ */
+export function createVizelEditor(options = {}) {
+    const { features, extensions: additionalExtensions = [], ...editorOptions } = options;
+    // Store image upload options for event handler
+    const imageOptions = typeof features?.image === "object" ? features.image : {};
+    let editor = $state(null);
+    // Create editor on mount and cleanup on destroy
+    $effect(() => {
+        const { editor: instance } = createVizelEditorInstance({
+            ...editorOptions,
+            ...(features !== undefined && { features }),
+            extensions: additionalExtensions,
+            createSlashMenuRenderer: createVizelSlashMenuRenderer,
+        });
+        editor = instance;
+        // Handle vizel:upload-image custom event from slash command
+        const cleanupHandler = registerVizelUploadEventHandler({
+            getEditor: () => editor,
+            getImageOptions: () => imageOptions,
+        });
+        return () => {
+            cleanupHandler();
+            editor?.destroy();
+        };
+    });
+    return {
+        get current() {
+            return editor;
+        },
+    };
+}