@svadmin/editor 0.7.20 → 0.7.21

package/dist/components/BubbleMenu.svelte

@@ -11,9 +11,9 @@
 
   const bubbleMenuKey = new PluginKey('svadminBubbleMenu');
 
-  let { editor } = $props<{
+  let { editor }: {
     editor: Editor;
-  }>();
+  } = $props();
 
   let menuElement: HTMLDivElement | undefined = $state();
 

package/dist/components/ColorPicker.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
-  let { onselect, onclose } = $props<{
+  let { onselect, onclose }: {
     onselect: (color: string) => void;
     onclose?: () => void;
-  }>();
+  } = $props();
 
   const colors = [
     // Row 1: Reds

package/dist/components/FloatingMenu.svelte

@@ -12,9 +12,9 @@
 
   const floatingMenuKey = new PluginKey('svadminFloatingMenu');
 
-  let { editor } = $props<{
+  let { editor }: {
     editor: Editor;
-  }>();
+  } = $props();
 
   let menuElement: HTMLDivElement | undefined = $state();
 

package/dist/components/ImageUpload.svelte

@@ -3,11 +3,11 @@
   import { ImageIcon, Upload, Link as LinkIcon, RotateCw } from '@lucide/svelte';
   import { t } from '@svadmin/core';
 
-  let { editor, onUpload, onclose } = $props<{
+  let { editor, onUpload, onclose }: {
     editor: Editor;
-    onUpload?: (file: File) => Promise<string>;
-    onclose?: () => void;
-  }>();
+    onUpload?: ((file: File) => Promise<string>) | undefined;
+    onclose?: (() => void) | undefined;
+  } = $props();
 
   let mode: 'url' | 'upload' = $state('url');
   let url = $state('');
@@ -61,7 +61,7 @@
   function insertByUrl() {
     if (!url.trim()) return;
     if (disposed || editor.isDestroyed || !editor.isEditable) return;
-    editor.chain().focus().setImage({ src: url, alt: alt || undefined }).run();
+    editor.chain().focus().setImage({ src: url, ...(alt ? { alt } : {}) }).run();
     url = '';
     alt = '';
     close();

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

@@ -1,8 +1,8 @@
 import type { Editor } from '@tiptap/core';
 type $$ComponentProps = {
     editor: Editor;
-    onUpload?: (file: File) => Promise<string>;
-    onclose?: () => void;
+    onUpload?: ((file: File) => Promise<string>) | undefined;
+    onclose?: (() => void) | undefined;
 };
 declare const ImageUpload: import("svelte").Component<$$ComponentProps, {}, "">;
 type ImageUpload = ReturnType<typeof ImageUpload>;

package/dist/components/LinkPopover.svelte

@@ -3,10 +3,10 @@
   import { ExternalLink, Unlink, Check } from '@lucide/svelte';
   import { t } from '@svadmin/core';
 
-  let { editor, onclose } = $props<{
+  let { editor, onclose }: {
     editor: Editor;
     onclose?: () => void;
-  }>();
+  } = $props();
 
   let url = $state('');
   let openInNewTab = $state(true);
@@ -14,8 +14,8 @@
   // Initialize from current link
   $effect(() => {
     const attrs = editor.getAttributes('link');
-    url = (attrs.href as string) ?? '';
-    openInNewTab = attrs.target === '_blank';
+    url = (attrs['href'] as string) ?? '';
+    openInNewTab = attrs['target'] === '_blank';
   });
 
   function applyLink() {

package/dist/components/TableMenu.svelte

@@ -8,10 +8,10 @@
   import ToolbarButton from './ToolbarButton.svelte';
   import { t } from '@svadmin/core';
 
-  let { editor, onclose } = $props<{
+  let { editor, onclose }: {
     editor: Editor;
     onclose?: () => void;
-  }>();
+  } = $props();
 
   const isInTable = $derived(editor.isActive('table'));
 

package/dist/components/Toolbar.svelte

@@ -19,11 +19,11 @@
   } from '@lucide/svelte';
   import { t } from '@svadmin/core';
 
-  let { editor, onUpload, preset = 'full' } = $props<{
+  let { editor, onUpload, preset = 'full' }: {
     editor: Editor;
     onUpload?: (file: File) => Promise<string>;
     preset?: 'full' | 'minimal' | 'prose';
-  }>();
+  } = $props();
 
   // ─── Reactive state: re-read on every transaction ────────────
   let txn = $state(0);

package/dist/components/ToolbarButton.svelte

@@ -1,13 +1,13 @@
 <script lang="ts">
   import type { Snippet } from 'svelte';
 
-  let { active = false, disabled = false, title = '', onclick, children } = $props<{
+  let { active = false, disabled = false, title = '', onclick, children }: {
     active?: boolean;
     disabled?: boolean;
     title?: string;
     onclick?: () => void;
     children: Snippet;
-  }>();
+  } = $props();
 </script>
 
 <button

package/dist/components/ToolbarGroup.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
   import type { Snippet } from 'svelte';
 
-  let { children } = $props<{
+  let { children }: {
     children: Snippet;
-  }>();
+  } = $props();
 </script>
 
 <div class="svadmin-toolbar-group">

package/dist/components/ToolbarSelect.svelte

@@ -1,10 +1,10 @@
 <script lang="ts">
-  let { value = '', options = [], title = '', onchange } = $props<{
+  let { value = '', options = [], title = '', onchange }: {
     value?: string;
     options: Array<{ value: string; label: string }>;
     title?: string;
     onchange?: (value: string) => void;
-  }>();
+  } = $props();
 </script>
 
 <select

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@svadmin/editor",
-  "version": "0.7.20",
+  "version": "0.7.21",
   "description": "Modern Tiptap-based rich text editor for Svelte 5 — headless, modular, production-ready",
   "type": "module",
   "sideEffects": [
@@ -37,35 +37,35 @@
   },
   "peerDependencies": {
     "svelte": "^5.56.10",
-    "@svadmin/core": "^0.79.0"
+    "@svadmin/core": "^0.80.0"
   },
   "dependencies": {
-    "@lucide/svelte": "^1.35.0",
-    "@tiptap/core": "^3.30.5",
-    "@tiptap/extension-bubble-menu": "^3.30.5",
-    "@tiptap/extension-character-count": "^3.30.5",
-    "@tiptap/extension-code-block-lowlight": "^3.30.5",
-    "@tiptap/extension-color": "^3.30.5",
-    "@tiptap/extension-floating-menu": "^3.30.5",
-    "@tiptap/extension-highlight": "^3.30.5",
-    "@tiptap/extension-image": "^3.30.5",
-    "@tiptap/extension-link": "^3.30.5",
-    "@tiptap/extension-placeholder": "^3.30.5",
-    "@tiptap/extension-subscript": "^3.30.5",
-    "@tiptap/extension-superscript": "^3.30.5",
-    "@tiptap/extension-table": "^3.30.5",
-    "@tiptap/extension-table-cell": "^3.30.5",
-    "@tiptap/extension-table-header": "^3.30.5",
-    "@tiptap/extension-table-row": "^3.30.5",
-    "@tiptap/extension-task-item": "^3.30.5",
-    "@tiptap/extension-task-list": "^3.30.5",
-    "@tiptap/extension-text-align": "^3.30.5",
-    "@tiptap/extension-text-style": "^3.30.5",
-    "@tiptap/extension-typography": "^3.30.5",
-    "@tiptap/extension-underline": "^3.30.5",
-    "@tiptap/pm": "^3.30.5",
-    "@tiptap/starter-kit": "^3.30.5",
-    "@tiptap/suggestion": "^3.30.5",
+    "@lucide/svelte": "^1.71.0",
+    "@tiptap/core": "^3.33.0",
+    "@tiptap/extension-bubble-menu": "^3.33.0",
+    "@tiptap/extension-character-count": "^3.33.0",
+    "@tiptap/extension-code-block-lowlight": "^3.33.0",
+    "@tiptap/extension-color": "^3.33.0",
+    "@tiptap/extension-floating-menu": "^3.33.0",
+    "@tiptap/extension-highlight": "^3.33.0",
+    "@tiptap/extension-image": "^3.33.0",
+    "@tiptap/extension-link": "^3.33.0",
+    "@tiptap/extension-placeholder": "^3.33.0",
+    "@tiptap/extension-subscript": "^3.33.0",
+    "@tiptap/extension-superscript": "^3.33.0",
+    "@tiptap/extension-table": "^3.33.0",
+    "@tiptap/extension-table-cell": "^3.33.0",
+    "@tiptap/extension-table-header": "^3.33.0",
+    "@tiptap/extension-table-row": "^3.33.0",
+    "@tiptap/extension-task-item": "^3.33.0",
+    "@tiptap/extension-task-list": "^3.33.0",
+    "@tiptap/extension-text-align": "^3.33.0",
+    "@tiptap/extension-text-style": "^3.33.0",
+    "@tiptap/extension-typography": "^3.33.0",
+    "@tiptap/extension-underline": "^3.33.0",
+    "@tiptap/pm": "^3.33.0",
+    "@tiptap/starter-kit": "^3.33.0",
+    "@tiptap/suggestion": "^3.33.0",
     "lowlight": "^3.3.0"
   },
   "scripts": {