@widgetic/design-system 0.3.84 → 0.3.86

package/dist/components/shad-editor/colorpicker.svelte

@@ -1,6 +1,11 @@
+<script lang="ts" module>
+
+	export type ColorpickerProps = { hex: string };
+</script>
+
 <script lang="ts">
 	import { mode } from 'mode-watcher';
-	let { hex = $bindable() }: { hex: string } = $props();
+	let { hex = $bindable() }: ColorpickerProps = $props();
 	import ColorPicker from 'svelte-awesome-color-picker';
 </script>
 

package/dist/components/shad-editor/colorpicker.svelte.d.ts

@@ -1,4 +1,7 @@
 import { SvelteComponentTyped } from "svelte";
+export type ColorpickerProps = {
+    hex: string;
+};
 declare const __propDef: {
     props: Record<string, never>;
     events: {
@@ -6,9 +9,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export type ColorpickerProps = typeof __propDef.props;
+type ColorpickerProps_ = typeof __propDef.props;
 export type ColorpickerEvents = typeof __propDef.events;
 export type ColorpickerSlots = typeof __propDef.slots;
-export default class Colorpicker extends SvelteComponentTyped<ColorpickerProps, ColorpickerEvents, ColorpickerSlots> {
+export default class Colorpicker extends SvelteComponentTyped<ColorpickerProps_, ColorpickerEvents, ColorpickerSlots> {
 }
 export {};

package/dist/components/shad-editor/custom/code-extended.svelte

@@ -1,10 +1,14 @@
+<script lang="ts" module>
+
+	export type CodeExtendedProps = NodeViewProps;
+</script>
+
 <script lang="ts">
 	import { NodeViewWrapper, NodeViewContent } from 'svelte-tiptap';
 	import type { NodeViewProps } from '@tiptap/core';
 	import { Button, buttonVariants } from '../../ui/button/index.js';
 	import { onMount } from 'svelte';
-	const { node, editor, selected, deleteNode, updateAttributes, extension }: NodeViewProps =
-		$props();
+	const { node, editor, selected, deleteNode, updateAttributes, extension }: CodeExtendedProps = $props();
 	import { Copy, Check, ChevronDown } from 'lucide-svelte';
 	import * as DropdownMenu from '../../ui/dropdown-menu/index.js';
 

package/dist/components/shad-editor/custom/code-extended.svelte.d.ts

@@ -1,4 +1,6 @@
 import { SvelteComponentTyped } from "svelte";
+export type CodeExtendedProps = NodeViewProps;
+import type { NodeViewProps } from '@tiptap/core';
 declare const __propDef: {
     props: Record<string, never>;
     events: {
@@ -6,9 +8,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export type CodeExtendedProps = typeof __propDef.props;
+type CodeExtendedProps_ = typeof __propDef.props;
 export type CodeExtendedEvents = typeof __propDef.events;
 export type CodeExtendedSlots = typeof __propDef.slots;
-export default class CodeExtended extends SvelteComponentTyped<CodeExtendedProps, CodeExtendedEvents, CodeExtendedSlots> {
+export default class CodeExtended extends SvelteComponentTyped<CodeExtendedProps_, CodeExtendedEvents, CodeExtendedSlots> {
 }
 export {};

package/dist/components/shad-editor/custom/image-extended-component.svelte

@@ -1,3 +1,8 @@
+<script lang="ts" module>
+
+	export type ImageExtendedComponentProps = NodeViewProps;
+</script>
+
 <script lang="ts">
 	import { onDestroy, onMount } from 'svelte';
 	import { NodeViewWrapper } from 'svelte-tiptap';
@@ -17,7 +22,7 @@
 	import * as DropdownMenu from '../../ui/dropdown-menu/index.js';
 	import { duplicateContent } from './utils.js';
 
-	const { node, editor, selected, deleteNode, updateAttributes }: NodeViewProps = $props();
+	const { node, editor, selected, deleteNode, updateAttributes }: ImageExtendedComponentProps = $props();
 
 	const minWidth = 150;
 

package/dist/components/shad-editor/custom/image-extended-component.svelte.d.ts

@@ -1,4 +1,6 @@
 import { SvelteComponentTyped } from "svelte";
+export type ImageExtendedComponentProps = NodeViewProps;
+import type { NodeViewProps } from '@tiptap/core';
 declare const __propDef: {
     props: Record<string, never>;
     events: {
@@ -6,9 +8,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export type ImageExtendedComponentProps = typeof __propDef.props;
+type ImageExtendedComponentProps_ = typeof __propDef.props;
 export type ImageExtendedComponentEvents = typeof __propDef.events;
 export type ImageExtendedComponentSlots = typeof __propDef.slots;
-export default class ImageExtendedComponent extends SvelteComponentTyped<ImageExtendedComponentProps, ImageExtendedComponentEvents, ImageExtendedComponentSlots> {
+export default class ImageExtendedComponent extends SvelteComponentTyped<ImageExtendedComponentProps_, ImageExtendedComponentEvents, ImageExtendedComponentSlots> {
 }
 export {};

package/dist/components/shad-editor/editor-toolbar.svelte

@@ -1,3 +1,8 @@
+<script lang="ts" module>
+
+	export type EditorToolbarProps = Props;
+</script>
+
 <script lang="ts">
 	import { type Editor } from '@tiptap/core';
 	import Undo from './icons/undo.svelte';
@@ -29,7 +34,7 @@
 		class?: string;
 	}
 
-	let { class: className = '', editor }: Props = $props();
+	let { class: className = '', editor }: EditorToolbarProps = $props();
 </script>
 
 <div class="{className ? className + ' ' : ''} shad-editor-toolbar flex w-full items-center overflow-auto border-b p-1 *:mx-1">

package/dist/components/shad-editor/editor-toolbar.svelte.d.ts

@@ -1,4 +1,5 @@
 import { SvelteComponentTyped } from "svelte";
+export type EditorToolbarProps = Props;
 declare const __propDef: {
     props: Record<string, never>;
     events: {
@@ -6,9 +7,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export type EditorToolbarProps = typeof __propDef.props;
+type EditorToolbarProps_ = typeof __propDef.props;
 export type EditorToolbarEvents = typeof __propDef.events;
 export type EditorToolbarSlots = typeof __propDef.slots;
-export default class EditorToolbar extends SvelteComponentTyped<EditorToolbarProps, EditorToolbarEvents, EditorToolbarSlots> {
+export default class EditorToolbar extends SvelteComponentTyped<EditorToolbarProps_, EditorToolbarEvents, EditorToolbarSlots> {
 }
 export {};

package/dist/components/shad-editor/icons/block-quote.svelte

@@ -1,3 +1,8 @@
+<script lang="ts" module>
+
+	export type BlockQuoteProps = { editor: Editor };
+</script>
+
 <script lang="ts">
 	import { Quote } from 'lucide-svelte';
 	import { type Editor } from '@tiptap/core';
@@ -5,7 +10,7 @@
 	import { Button } from '../../ui/button/index.js';
 	import { cn } from '../../../utils.js';
 
-	let { editor }: { editor: Editor } = $props();
+	let { editor }: BlockQuoteProps = $props();
 </script>
 
 <Tooltip.Provider>

package/dist/components/shad-editor/icons/block-quote.svelte.d.ts

@@ -1,4 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
+export type BlockQuoteProps = {
+    editor: Editor;
+};
+import { type Editor } from '@tiptap/core';
 declare const __propDef: {
     props: Record<string, never>;
     events: {
@@ -6,9 +10,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export type BlockQuoteProps = typeof __propDef.props;
+type BlockQuoteProps_ = typeof __propDef.props;
 export type BlockQuoteEvents = typeof __propDef.events;
 export type BlockQuoteSlots = typeof __propDef.slots;
-export default class BlockQuote extends SvelteComponentTyped<BlockQuoteProps, BlockQuoteEvents, BlockQuoteSlots> {
+export default class BlockQuote extends SvelteComponentTyped<BlockQuoteProps_, BlockQuoteEvents, BlockQuoteSlots> {
 }
 export {};

package/dist/components/shad-editor/icons/bold.svelte

@@ -1,3 +1,8 @@
+<script lang="ts" module>
+
+	export type BoldProps = { editor: Editor };
+</script>
+
 <script lang="ts">
 	import { Bold } from 'lucide-svelte';
 	import { type Editor } from '@tiptap/core';
@@ -5,7 +10,7 @@
 	import { Button } from '../../ui/button/index.js';
 	import { cn } from '../../../utils.js';
 
-	let { editor }: { editor: Editor } = $props();
+	let { editor }: BoldProps = $props();
 </script>
 
 <Tooltip.Provider>

package/dist/components/shad-editor/icons/bold.svelte.d.ts

@@ -1,4 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
+export type BoldProps = {
+    editor: Editor;
+};
+import { type Editor } from '@tiptap/core';
 declare const __propDef: {
     props: Record<string, never>;
     events: {
@@ -6,9 +10,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export type BoldProps = typeof __propDef.props;
+type BoldProps_ = typeof __propDef.props;
 export type BoldEvents = typeof __propDef.events;
 export type BoldSlots = typeof __propDef.slots;
-export default class Bold extends SvelteComponentTyped<BoldProps, BoldEvents, BoldSlots> {
+export default class Bold extends SvelteComponentTyped<BoldProps_, BoldEvents, BoldSlots> {
 }
 export {};

package/dist/components/shad-editor/icons/buttle-list.svelte

@@ -1,3 +1,8 @@
+<script lang="ts" module>
+
+	export type ButtleListProps = { editor: Editor };
+</script>
+
 <script lang="ts">
 	import { List } from 'lucide-svelte';
 	import { type Editor } from '@tiptap/core';
@@ -5,7 +10,7 @@
 	import { Button } from '../../ui/button/index.js';
 	import { cn } from '../../../utils.js';
 
-	let { editor }: { editor: Editor } = $props();
+	let { editor }: ButtleListProps = $props();
 </script>
 
 <Tooltip.Provider>

package/dist/components/shad-editor/icons/buttle-list.svelte.d.ts

@@ -1,4 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
+export type ButtleListProps = {
+    editor: Editor;
+};
+import { type Editor } from '@tiptap/core';
 declare const __propDef: {
     props: Record<string, never>;
     events: {
@@ -6,9 +10,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export type ButtleListProps = typeof __propDef.props;
+type ButtleListProps_ = typeof __propDef.props;
 export type ButtleListEvents = typeof __propDef.events;
 export type ButtleListSlots = typeof __propDef.slots;
-export default class ButtleList extends SvelteComponentTyped<ButtleListProps, ButtleListEvents, ButtleListSlots> {
+export default class ButtleList extends SvelteComponentTyped<ButtleListProps_, ButtleListEvents, ButtleListSlots> {
 }
 export {};

package/dist/components/shad-editor/icons/code.svelte

@@ -1,3 +1,8 @@
+<script lang="ts" module>
+
+	export type CodeProps = { editor: Editor };
+</script>
+
 <script lang="ts">
 	import { Code } from 'lucide-svelte';
 	import { type Editor } from '@tiptap/core';
@@ -5,7 +10,7 @@
 	import { Button } from '../../ui/button/index.js';
 	import { cn } from '../../../utils.js';
 
-	let { editor }: { editor: Editor } = $props();
+	let { editor }: CodeProps = $props();
 </script>
 
 <Tooltip.Provider>

package/dist/components/shad-editor/icons/code.svelte.d.ts

@@ -1,4 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
+export type CodeProps = {
+    editor: Editor;
+};
+import { type Editor } from '@tiptap/core';
 declare const __propDef: {
     props: Record<string, never>;
     events: {
@@ -6,9 +10,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export type CodeProps = typeof __propDef.props;
+type CodeProps_ = typeof __propDef.props;
 export type CodeEvents = typeof __propDef.events;
 export type CodeSlots = typeof __propDef.slots;
-export default class Code extends SvelteComponentTyped<CodeProps, CodeEvents, CodeSlots> {
+export default class Code extends SvelteComponentTyped<CodeProps_, CodeEvents, CodeSlots> {
 }
 export {};

package/dist/components/shad-editor/icons/highlighter.svelte

@@ -1,3 +1,8 @@
+<script lang="ts" module>
+
+	export type HighlighterProps = Props;
+</script>
+
 <script lang="ts">
 	import { Highlighter } from 'lucide-svelte';
 	import { X } from 'lucide-svelte';
@@ -15,7 +20,7 @@
 		color?: string;
 	}
 
-	let { editor, color = $bindable('') }: Props = $props();
+	let { editor, color = $bindable('') }: HighlighterProps = $props();
 </script>
 
 <Tooltip.Provider>

package/dist/components/shad-editor/icons/highlighter.svelte.d.ts

@@ -1,4 +1,5 @@
 import { SvelteComponentTyped } from "svelte";
+export type HighlighterProps = Props;
 declare const __propDef: {
     props: Record<string, never>;
     events: {
@@ -6,9 +7,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export type HighlighterProps = typeof __propDef.props;
+type HighlighterProps_ = typeof __propDef.props;
 export type HighlighterEvents = typeof __propDef.events;
 export type HighlighterSlots = typeof __propDef.slots;
-export default class Highlighter extends SvelteComponentTyped<HighlighterProps, HighlighterEvents, HighlighterSlots> {
+export default class Highlighter extends SvelteComponentTyped<HighlighterProps_, HighlighterEvents, HighlighterSlots> {
 }
 export {};

package/dist/components/shad-editor/icons/image.svelte

@@ -1,3 +1,8 @@
+<script lang="ts" module>
+
+	export type ImageProps = { editor: Editor };
+</script>
+
 <script lang="ts">
 	import { Image } from 'lucide-svelte';
 	import { ChevronDown } from 'lucide-svelte';
@@ -8,7 +13,7 @@
 	import * as Popover from '../../ui/popover/index.js';
 	import { Input } from '../../ui/input/index.js';
 
-	let { editor }: { editor: Editor } = $props();
+	let { editor }: ImageProps = $props();
 </script>
 
 <Tooltip.Provider>

package/dist/components/shad-editor/icons/image.svelte.d.ts

@@ -1,4 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
+export type ImageProps = {
+    editor: Editor;
+};
+import { type Editor } from '@tiptap/core';
 declare const __propDef: {
     props: Record<string, never>;
     events: {
@@ -6,9 +10,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export type ImageProps = typeof __propDef.props;
+type ImageProps_ = typeof __propDef.props;
 export type ImageEvents = typeof __propDef.events;
 export type ImageSlots = typeof __propDef.slots;
-export default class Image extends SvelteComponentTyped<ImageProps, ImageEvents, ImageSlots> {
+export default class Image extends SvelteComponentTyped<ImageProps_, ImageEvents, ImageSlots> {
 }
 export {};

package/dist/components/shad-editor/icons/italic.svelte

@@ -1,3 +1,8 @@
+<script lang="ts" module>
+
+	export type ItalicProps = { editor: Editor };
+</script>
+
 <script lang="ts">
 	import { Italic } from 'lucide-svelte';
 	import { type Editor } from '@tiptap/core';
@@ -5,7 +10,7 @@
 	import { Button } from '../../ui/button/index.js';
 	import { cn } from '../../../utils.js';
 
-	let { editor }: { editor: Editor } = $props();
+	let { editor }: ItalicProps = $props();
 </script>
 
 <Tooltip.Provider>

package/dist/components/shad-editor/icons/italic.svelte.d.ts

@@ -1,4 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
+export type ItalicProps = {
+    editor: Editor;
+};
+import { type Editor } from '@tiptap/core';
 declare const __propDef: {
     props: Record<string, never>;
     events: {
@@ -6,9 +10,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export type ItalicProps = typeof __propDef.props;
+type ItalicProps_ = typeof __propDef.props;
 export type ItalicEvents = typeof __propDef.events;
 export type ItalicSlots = typeof __propDef.slots;
-export default class Italic extends SvelteComponentTyped<ItalicProps, ItalicEvents, ItalicSlots> {
+export default class Italic extends SvelteComponentTyped<ItalicProps_, ItalicEvents, ItalicSlots> {
 }
 export {};

package/dist/components/shad-editor/icons/link.svelte

@@ -1,3 +1,8 @@
+<script lang="ts" module>
+
+	export type LinkProps = { editor: Editor };
+</script>
+
 <script lang="ts">
 	import { Link } from 'lucide-svelte';
 	import { ChevronDown } from 'lucide-svelte';
@@ -9,7 +14,7 @@
 	import * as Popover from '../../ui/popover/index.js';
 	import { Input } from '../../ui/input/index.js';
 
-	let { editor }: { editor: Editor } = $props();
+	let { editor }: LinkProps = $props();
 
 	function setLink(url: string) {
 		if (url.trim() === '') {

package/dist/components/shad-editor/icons/link.svelte.d.ts

@@ -1,4 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
+export type LinkProps = {
+    editor: Editor;
+};
+import { type Editor } from '@tiptap/core';
 declare const __propDef: {
     props: Record<string, never>;
     events: {
@@ -6,9 +10,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export type LinkProps = typeof __propDef.props;
+type LinkProps_ = typeof __propDef.props;
 export type LinkEvents = typeof __propDef.events;
 export type LinkSlots = typeof __propDef.slots;
-export default class Link extends SvelteComponentTyped<LinkProps, LinkEvents, LinkSlots> {
+export default class Link extends SvelteComponentTyped<LinkProps_, LinkEvents, LinkSlots> {
 }
 export {};

package/dist/components/shad-editor/icons/ordered-list.svelte

@@ -1,3 +1,8 @@
+<script lang="ts" module>
+
+	export type OrderedListProps = { editor: Editor };
+</script>
+
 <script lang="ts">
 	import { ListOrdered } from 'lucide-svelte';
 	import { type Editor } from '@tiptap/core';
@@ -5,7 +10,7 @@
 	import { Button } from '../../ui/button/index.js';
 	import { cn } from '../../../utils.js';
 
-	let { editor }: { editor: Editor } = $props();
+	let { editor }: OrderedListProps = $props();
 </script>
 
 <Tooltip.Provider>

package/dist/components/shad-editor/icons/ordered-list.svelte.d.ts

@@ -1,4 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
+export type OrderedListProps = {
+    editor: Editor;
+};
+import { type Editor } from '@tiptap/core';
 declare const __propDef: {
     props: Record<string, never>;
     events: {
@@ -6,9 +10,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export type OrderedListProps = typeof __propDef.props;
+type OrderedListProps_ = typeof __propDef.props;
 export type OrderedListEvents = typeof __propDef.events;
 export type OrderedListSlots = typeof __propDef.slots;
-export default class OrderedList extends SvelteComponentTyped<OrderedListProps, OrderedListEvents, OrderedListSlots> {
+export default class OrderedList extends SvelteComponentTyped<OrderedListProps_, OrderedListEvents, OrderedListSlots> {
 }
 export {};

package/dist/components/shad-editor/icons/quickcolor.svelte

@@ -1,3 +1,8 @@
+<script lang="ts" module>
+
+	export type QuickcolorProps = { editor: Editor };
+</script>
+
 <script lang="ts">
 	import { Button } from '../../ui/button/index.js';
 	import * as DropdownMenu from '../../ui/dropdown-menu/index.js';
@@ -5,7 +10,7 @@
 	import { type Editor } from '@tiptap/core';
 	import { Check, ChevronDown } from 'lucide-svelte';
 
-	let { editor }: { editor: Editor } = $props();
+	let { editor }: QuickcolorProps = $props();
 
 	const colors = [
 		{ label: 'Default', value: '' },

package/dist/components/shad-editor/icons/quickcolor.svelte.d.ts

@@ -1,4 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
+export type QuickcolorProps = {
+    editor: Editor;
+};
+import { type Editor } from '@tiptap/core';
 declare const __propDef: {
     props: Record<string, never>;
     events: {
@@ -6,9 +10,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export type QuickcolorProps = typeof __propDef.props;
+type QuickcolorProps_ = typeof __propDef.props;
 export type QuickcolorEvents = typeof __propDef.events;
 export type QuickcolorSlots = typeof __propDef.slots;
-export default class Quickcolor extends SvelteComponentTyped<QuickcolorProps, QuickcolorEvents, QuickcolorSlots> {
+export default class Quickcolor extends SvelteComponentTyped<QuickcolorProps_, QuickcolorEvents, QuickcolorSlots> {
 }
 export {};

package/dist/components/shad-editor/icons/redo.svelte

@@ -1,10 +1,15 @@
+<script lang="ts" module>
+
+	export type RedoProps = { editor: Editor };
+</script>
+
 <script lang="ts">
 	import { Redo } from 'lucide-svelte';
 	import { type Editor } from '@tiptap/core';
 	import * as Tooltip from '../../ui/tooltip/index.js';
 	import { Button } from '../../ui/button/index.js';
 
-	let { editor }: { editor: Editor } = $props();
+	let { editor }: RedoProps = $props();
 </script>
 
 <Tooltip.Provider>

package/dist/components/shad-editor/icons/redo.svelte.d.ts

@@ -1,4 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
+export type RedoProps = {
+    editor: Editor;
+};
+import { type Editor } from '@tiptap/core';
 declare const __propDef: {
     props: Record<string, never>;
     events: {
@@ -6,9 +10,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export type RedoProps = typeof __propDef.props;
+type RedoProps_ = typeof __propDef.props;
 export type RedoEvents = typeof __propDef.events;
 export type RedoSlots = typeof __propDef.slots;
-export default class Redo extends SvelteComponentTyped<RedoProps, RedoEvents, RedoSlots> {
+export default class Redo extends SvelteComponentTyped<RedoProps_, RedoEvents, RedoSlots> {
 }
 export {};

package/dist/components/shad-editor/icons/search-replace.svelte

@@ -1,3 +1,8 @@
+<script lang="ts" module>
+
+	export type SearchReplaceProps = { editor: Editor };
+</script>
+
 <script lang="ts">
 	import { Button } from '../../ui/button/index.js';
 	import { Input } from '../../ui/input/index.js';
@@ -14,7 +19,7 @@
 		ChevronDown
 	} from 'lucide-svelte';
 
-	let { editor }: { editor: Editor } = $props();
+	let { editor }: SearchReplaceProps = $props();
 
 	let searchText = $state('');
 	let replaceText = $state('');

package/dist/components/shad-editor/icons/search-replace.svelte.d.ts

@@ -1,4 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
+export type SearchReplaceProps = {
+    editor: Editor;
+};
+import { type Editor } from '@tiptap/core';
 declare const __propDef: {
     props: Record<string, never>;
     events: {
@@ -6,9 +10,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export type SearchReplaceProps = typeof __propDef.props;
+type SearchReplaceProps_ = typeof __propDef.props;
 export type SearchReplaceEvents = typeof __propDef.events;
 export type SearchReplaceSlots = typeof __propDef.slots;
-export default class SearchReplace extends SvelteComponentTyped<SearchReplaceProps, SearchReplaceEvents, SearchReplaceSlots> {
+export default class SearchReplace extends SvelteComponentTyped<SearchReplaceProps_, SearchReplaceEvents, SearchReplaceSlots> {
 }
 export {};

package/dist/components/shad-editor/icons/strikethrough.svelte

@@ -1,3 +1,8 @@
+<script lang="ts" module>
+
+	export type StrikethroughProps = { editor: Editor };
+</script>
+
 <script lang="ts">
 	import { Strikethrough } from 'lucide-svelte';
 	import { type Editor } from '@tiptap/core';
@@ -5,7 +10,7 @@
 	import { Button } from '../../ui/button/index.js';
 	import { cn } from '../../../utils.js';
 
-	let { editor }: { editor: Editor } = $props();
+	let { editor }: StrikethroughProps = $props();
 </script>
 
 <Tooltip.Provider>