@widgetic/design-system 0.5.10 → 0.5.12

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

@@ -1,15 +1,8 @@
-import { SvelteComponentTyped } from "svelte";
-export type EditorToolbarProps = Props;
-declare const __propDef: {
-    props: EditorToolbarProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-type EditorToolbarProps_ = EditorToolbarProps;
-export type EditorToolbarEvents = typeof __propDef.events;
-export type EditorToolbarSlots = typeof __propDef.slots;
-export default class EditorToolbar extends SvelteComponentTyped<EditorToolbarProps_, EditorToolbarEvents, EditorToolbarSlots> {
+import type { Editor } from '@tiptap/core';
+export interface EditorToolbarProps {
+    editor: Editor;
+    class?: string;
 }
-export {};
+declare const EditorToolbar: import("svelte").Component<EditorToolbarProps, {}, "">;
+type EditorToolbar = ReturnType<typeof EditorToolbar>;
+export default EditorToolbar;

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

@@ -1,18 +1,7 @@
-import { SvelteComponentTyped } from "svelte";
 export type BlockQuoteProps = {
     editor: Editor;
 };
 import { type Editor } from '@tiptap/core';
-declare const __propDef: {
-    props: BlockQuoteProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-type BlockQuoteProps_ = BlockQuoteProps;
-export type BlockQuoteEvents = typeof __propDef.events;
-export type BlockQuoteSlots = typeof __propDef.slots;
-export default class BlockQuote extends SvelteComponentTyped<BlockQuoteProps_, BlockQuoteEvents, BlockQuoteSlots> {
-}
-export {};
+declare const BlockQuote: import("svelte").Component<BlockQuoteProps, {}, "">;
+type BlockQuote = ReturnType<typeof BlockQuote>;
+export default BlockQuote;

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

@@ -1,18 +1,8 @@
-import { SvelteComponentTyped } from "svelte";
 export type BoldProps = {
     editor: Editor;
 };
+import { Bold } from 'lucide-svelte';
 import { type Editor } from '@tiptap/core';
-declare const __propDef: {
-    props: BoldProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-type BoldProps_ = BoldProps;
-export type BoldEvents = typeof __propDef.events;
-export type BoldSlots = typeof __propDef.slots;
-export default class Bold extends SvelteComponentTyped<BoldProps_, BoldEvents, BoldSlots> {
-}
-export {};
+declare const Bold: import("svelte").Component<BoldProps, {}, "">;
+type Bold = ReturnType<typeof Bold>;
+export default Bold;

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

@@ -1,18 +1,7 @@
-import { SvelteComponentTyped } from "svelte";
 export type ButtleListProps = {
     editor: Editor;
 };
 import { type Editor } from '@tiptap/core';
-declare const __propDef: {
-    props: ButtleListProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-type ButtleListProps_ = ButtleListProps;
-export type ButtleListEvents = typeof __propDef.events;
-export type ButtleListSlots = typeof __propDef.slots;
-export default class ButtleList extends SvelteComponentTyped<ButtleListProps_, ButtleListEvents, ButtleListSlots> {
-}
-export {};
+declare const ButtleList: import("svelte").Component<ButtleListProps, {}, "">;
+type ButtleList = ReturnType<typeof ButtleList>;
+export default ButtleList;

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

@@ -1,18 +1,8 @@
-import { SvelteComponentTyped } from "svelte";
 export type CodeProps = {
     editor: Editor;
 };
+import { Code } from 'lucide-svelte';
 import { type Editor } from '@tiptap/core';
-declare const __propDef: {
-    props: CodeProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-type CodeProps_ = CodeProps;
-export type CodeEvents = typeof __propDef.events;
-export type CodeSlots = typeof __propDef.slots;
-export default class Code extends SvelteComponentTyped<CodeProps_, CodeEvents, CodeSlots> {
-}
-export {};
+declare const Code: import("svelte").Component<CodeProps, {}, "">;
+type Code = ReturnType<typeof Code>;
+export default Code;

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

@@ -1,13 +1,16 @@
 <script lang="ts" module>
+	import type { Editor } from '@tiptap/core';
 
-	export type HighlighterProps = Props;
+	export interface HighlighterProps {
+		editor: Editor;
+		color?: string;
+	}
 </script>
 
 <script lang="ts">
 	import { Highlighter } from 'lucide-svelte';
 	import { X } from 'lucide-svelte';
 	import { ChevronDown } from 'lucide-svelte';
-	import { type Editor } from '@tiptap/core';
 	import * as Tooltip from '../../ui/tooltip/index.js';
 	import { Button } from '../../ui/button/index.js';
 	import { cn } from '../../../utils.js';
@@ -15,11 +18,6 @@
 	import { mode } from 'mode-watcher';
 	import ColorPicker from 'svelte-awesome-color-picker';
 
-	interface Props {
-		editor: Editor;
-		color?: string;
-	}
-
 	let { editor, color = $bindable('') }: HighlighterProps = $props();
 </script>
 

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

@@ -1,15 +1,9 @@
-import { SvelteComponentTyped } from "svelte";
-export type HighlighterProps = Props;
-declare const __propDef: {
-    props: HighlighterProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-type HighlighterProps_ = HighlighterProps;
-export type HighlighterEvents = typeof __propDef.events;
-export type HighlighterSlots = typeof __propDef.slots;
-export default class Highlighter extends SvelteComponentTyped<HighlighterProps_, HighlighterEvents, HighlighterSlots> {
+import type { Editor } from '@tiptap/core';
+export interface HighlighterProps {
+    editor: Editor;
+    color?: string;
 }
-export {};
+import { Highlighter } from 'lucide-svelte';
+declare const Highlighter: import("svelte").Component<HighlighterProps, {}, "color">;
+type Highlighter = ReturnType<typeof Highlighter>;
+export default Highlighter;

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

@@ -1,18 +1,8 @@
-import { SvelteComponentTyped } from "svelte";
 export type ImageProps = {
     editor: Editor;
 };
+import { Image } from 'lucide-svelte';
 import { type Editor } from '@tiptap/core';
-declare const __propDef: {
-    props: ImageProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-type ImageProps_ = ImageProps;
-export type ImageEvents = typeof __propDef.events;
-export type ImageSlots = typeof __propDef.slots;
-export default class Image extends SvelteComponentTyped<ImageProps_, ImageEvents, ImageSlots> {
-}
-export {};
+declare const Image: import("svelte").Component<ImageProps, {}, "">;
+type Image = ReturnType<typeof Image>;
+export default Image;

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

@@ -1,18 +1,8 @@
-import { SvelteComponentTyped } from "svelte";
 export type ItalicProps = {
     editor: Editor;
 };
+import { Italic } from 'lucide-svelte';
 import { type Editor } from '@tiptap/core';
-declare const __propDef: {
-    props: ItalicProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-type ItalicProps_ = ItalicProps;
-export type ItalicEvents = typeof __propDef.events;
-export type ItalicSlots = typeof __propDef.slots;
-export default class Italic extends SvelteComponentTyped<ItalicProps_, ItalicEvents, ItalicSlots> {
-}
-export {};
+declare const Italic: import("svelte").Component<ItalicProps, {}, "">;
+type Italic = ReturnType<typeof Italic>;
+export default Italic;

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

@@ -1,18 +1,8 @@
-import { SvelteComponentTyped } from "svelte";
 export type LinkProps = {
     editor: Editor;
 };
+import { Link } from 'lucide-svelte';
 import { type Editor } from '@tiptap/core';
-declare const __propDef: {
-    props: LinkProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-type LinkProps_ = LinkProps;
-export type LinkEvents = typeof __propDef.events;
-export type LinkSlots = typeof __propDef.slots;
-export default class Link extends SvelteComponentTyped<LinkProps_, LinkEvents, LinkSlots> {
-}
-export {};
+declare const Link: import("svelte").Component<LinkProps, {}, "">;
+type Link = ReturnType<typeof Link>;
+export default Link;

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

@@ -1,18 +1,7 @@
-import { SvelteComponentTyped } from "svelte";
 export type OrderedListProps = {
     editor: Editor;
 };
 import { type Editor } from '@tiptap/core';
-declare const __propDef: {
-    props: OrderedListProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-type OrderedListProps_ = OrderedListProps;
-export type OrderedListEvents = typeof __propDef.events;
-export type OrderedListSlots = typeof __propDef.slots;
-export default class OrderedList extends SvelteComponentTyped<OrderedListProps_, OrderedListEvents, OrderedListSlots> {
-}
-export {};
+declare const OrderedList: import("svelte").Component<OrderedListProps, {}, "">;
+type OrderedList = ReturnType<typeof OrderedList>;
+export default OrderedList;

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

@@ -1,18 +1,7 @@
-import { SvelteComponentTyped } from "svelte";
 export type QuickcolorProps = {
     editor: Editor;
 };
 import { type Editor } from '@tiptap/core';
-declare const __propDef: {
-    props: QuickcolorProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-type QuickcolorProps_ = QuickcolorProps;
-export type QuickcolorEvents = typeof __propDef.events;
-export type QuickcolorSlots = typeof __propDef.slots;
-export default class Quickcolor extends SvelteComponentTyped<QuickcolorProps_, QuickcolorEvents, QuickcolorSlots> {
-}
-export {};
+declare const Quickcolor: import("svelte").Component<QuickcolorProps, {}, "">;
+type Quickcolor = ReturnType<typeof Quickcolor>;
+export default Quickcolor;

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

@@ -1,18 +1,8 @@
-import { SvelteComponentTyped } from "svelte";
 export type RedoProps = {
     editor: Editor;
 };
+import { Redo } from 'lucide-svelte';
 import { type Editor } from '@tiptap/core';
-declare const __propDef: {
-    props: RedoProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-type RedoProps_ = RedoProps;
-export type RedoEvents = typeof __propDef.events;
-export type RedoSlots = typeof __propDef.slots;
-export default class Redo extends SvelteComponentTyped<RedoProps_, RedoEvents, RedoSlots> {
-}
-export {};
+declare const Redo: import("svelte").Component<RedoProps, {}, "">;
+type Redo = ReturnType<typeof Redo>;
+export default Redo;

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

@@ -1,18 +1,7 @@
-import { SvelteComponentTyped } from "svelte";
 export type SearchReplaceProps = {
     editor: Editor;
 };
 import { type Editor } from '@tiptap/core';
-declare const __propDef: {
-    props: SearchReplaceProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-type SearchReplaceProps_ = SearchReplaceProps;
-export type SearchReplaceEvents = typeof __propDef.events;
-export type SearchReplaceSlots = typeof __propDef.slots;
-export default class SearchReplace extends SvelteComponentTyped<SearchReplaceProps_, SearchReplaceEvents, SearchReplaceSlots> {
-}
-export {};
+declare const SearchReplace: import("svelte").Component<SearchReplaceProps, {}, "">;
+type SearchReplace = ReturnType<typeof SearchReplace>;
+export default SearchReplace;

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

@@ -1,18 +1,8 @@
-import { SvelteComponentTyped } from "svelte";
 export type StrikethroughProps = {
     editor: Editor;
 };
+import { Strikethrough } from 'lucide-svelte';
 import { type Editor } from '@tiptap/core';
-declare const __propDef: {
-    props: StrikethroughProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-type StrikethroughProps_ = StrikethroughProps;
-export type StrikethroughEvents = typeof __propDef.events;
-export type StrikethroughSlots = typeof __propDef.slots;
-export default class Strikethrough extends SvelteComponentTyped<StrikethroughProps_, StrikethroughEvents, StrikethroughSlots> {
-}
-export {};
+declare const Strikethrough: import("svelte").Component<StrikethroughProps, {}, "">;
+type Strikethrough = ReturnType<typeof Strikethrough>;
+export default Strikethrough;

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

@@ -1,18 +1,8 @@
-import { SvelteComponentTyped } from "svelte";
 export type SubscriptProps = {
     editor: Editor;
 };
+import { Subscript } from 'lucide-svelte';
 import { type Editor } from '@tiptap/core';
-declare const __propDef: {
-    props: SubscriptProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-type SubscriptProps_ = SubscriptProps;
-export type SubscriptEvents = typeof __propDef.events;
-export type SubscriptSlots = typeof __propDef.slots;
-export default class Subscript extends SvelteComponentTyped<SubscriptProps_, SubscriptEvents, SubscriptSlots> {
-}
-export {};
+declare const Subscript: import("svelte").Component<SubscriptProps, {}, "">;
+type Subscript = ReturnType<typeof Subscript>;
+export default Subscript;

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

@@ -1,18 +1,8 @@
-import { SvelteComponentTyped } from "svelte";
 export type SuperscriptProps = {
     editor: Editor;
 };
+import { Superscript } from 'lucide-svelte';
 import { type Editor } from '@tiptap/core';
-declare const __propDef: {
-    props: SuperscriptProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-type SuperscriptProps_ = SuperscriptProps;
-export type SuperscriptEvents = typeof __propDef.events;
-export type SuperscriptSlots = typeof __propDef.slots;
-export default class Superscript extends SvelteComponentTyped<SuperscriptProps_, SuperscriptEvents, SuperscriptSlots> {
-}
-export {};
+declare const Superscript: import("svelte").Component<SuperscriptProps, {}, "">;
+type Superscript = ReturnType<typeof Superscript>;
+export default Superscript;

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

@@ -1,18 +1,8 @@
-import { SvelteComponentTyped } from "svelte";
 export type TableProps = {
     editor: Editor;
 };
 import { type Editor } from '@tiptap/core';
-declare const __propDef: {
-    props: TableProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-type TableProps_ = TableProps;
-export type TableEvents = typeof __propDef.events;
-export type TableSlots = typeof __propDef.slots;
-export default class Table extends SvelteComponentTyped<TableProps_, TableEvents, TableSlots> {
-}
-export {};
+import { Table } from 'lucide-svelte';
+declare const Table: import("svelte").Component<TableProps, {}, "">;
+type Table = ReturnType<typeof Table>;
+export default Table;

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

@@ -1,18 +1,7 @@
-import { SvelteComponentTyped } from "svelte";
 export type TaskListProps = {
     editor: Editor;
 };
 import { type Editor } from '@tiptap/core';
-declare const __propDef: {
-    props: TaskListProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-type TaskListProps_ = TaskListProps;
-export type TaskListEvents = typeof __propDef.events;
-export type TaskListSlots = typeof __propDef.slots;
-export default class TaskList extends SvelteComponentTyped<TaskListProps_, TaskListEvents, TaskListSlots> {
-}
-export {};
+declare const TaskList: import("svelte").Component<TaskListProps, {}, "">;
+type TaskList = ReturnType<typeof TaskList>;
+export default TaskList;

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

@@ -1,18 +1,7 @@
-import { SvelteComponentTyped } from "svelte";
 export type TextProps = {
     editor: Editor;
 };
 import { type Editor } from '@tiptap/core';
-declare const __propDef: {
-    props: TextProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-type TextProps_ = TextProps;
-export type TextEvents = typeof __propDef.events;
-export type TextSlots = typeof __propDef.slots;
-export default class Text extends SvelteComponentTyped<TextProps_, TextEvents, TextSlots> {
-}
-export {};
+declare const Text: import("svelte").Component<TextProps, {}, "">;
+type Text = ReturnType<typeof Text>;
+export default Text;

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

@@ -1,18 +1,7 @@
-import { SvelteComponentTyped } from "svelte";
 export type TextalignProps = {
     editor: Editor;
 };
 import { type Editor } from '@tiptap/core';
-declare const __propDef: {
-    props: TextalignProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-type TextalignProps_ = TextalignProps;
-export type TextalignEvents = typeof __propDef.events;
-export type TextalignSlots = typeof __propDef.slots;
-export default class Textalign extends SvelteComponentTyped<TextalignProps_, TextalignEvents, TextalignSlots> {
-}
-export {};
+declare const Textalign: import("svelte").Component<TextalignProps, {}, "">;
+type Textalign = ReturnType<typeof Textalign>;
+export default Textalign;

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

@@ -1,13 +1,16 @@
 <script lang="ts" module>
+	import type { Editor } from '@tiptap/core';
 
-	export type TextcolorProps = Props;
+	export interface TextcolorProps {
+		editor: Editor;
+		color?: string;
+	}
 </script>
 
 <script lang="ts">
 	import { Baseline } from 'lucide-svelte';
 	import { X } from 'lucide-svelte';
 	import { ChevronDown } from 'lucide-svelte';
-	import { type Editor } from '@tiptap/core';
 	import * as Tooltip from '../../ui/tooltip/index.js';
 	import { Button } from '../../ui/button/index.js';
 	import { cn } from '../../../utils.js';
@@ -15,11 +18,6 @@
 	import { mode } from 'mode-watcher';
 	import ColorPicker from 'svelte-awesome-color-picker';
 
-	interface Props {
-		editor: Editor;
-		color?: string;
-	}
-
 	let { editor, color = $bindable('') }: TextcolorProps = $props();
 </script>
 

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

@@ -1,15 +1,8 @@
-import { SvelteComponentTyped } from "svelte";
-export type TextcolorProps = Props;
-declare const __propDef: {
-    props: TextcolorProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-type TextcolorProps_ = TextcolorProps;
-export type TextcolorEvents = typeof __propDef.events;
-export type TextcolorSlots = typeof __propDef.slots;
-export default class Textcolor extends SvelteComponentTyped<TextcolorProps_, TextcolorEvents, TextcolorSlots> {
+import type { Editor } from '@tiptap/core';
+export interface TextcolorProps {
+    editor: Editor;
+    color?: string;
 }
-export {};
+declare const Textcolor: import("svelte").Component<TextcolorProps, {}, "color">;
+type Textcolor = ReturnType<typeof Textcolor>;
+export default Textcolor;

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

@@ -1,18 +1,8 @@
-import { SvelteComponentTyped } from "svelte";
 export type UnderlineProps = {
     editor: Editor;
 };
+import { Underline } from 'lucide-svelte';
 import { type Editor } from '@tiptap/core';
-declare const __propDef: {
-    props: UnderlineProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-type UnderlineProps_ = UnderlineProps;
-export type UnderlineEvents = typeof __propDef.events;
-export type UnderlineSlots = typeof __propDef.slots;
-export default class Underline extends SvelteComponentTyped<UnderlineProps_, UnderlineEvents, UnderlineSlots> {
-}
-export {};
+declare const Underline: import("svelte").Component<UnderlineProps, {}, "">;
+type Underline = ReturnType<typeof Underline>;
+export default Underline;

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

@@ -1,18 +1,8 @@
-import { SvelteComponentTyped } from "svelte";
 export type UndoProps = {
     editor: Editor;
 };
+import { Undo } from 'lucide-svelte';
 import { type Editor } from '@tiptap/core';
-declare const __propDef: {
-    props: UndoProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-type UndoProps_ = UndoProps;
-export type UndoEvents = typeof __propDef.events;
-export type UndoSlots = typeof __propDef.slots;
-export default class Undo extends SvelteComponentTyped<UndoProps_, UndoEvents, UndoSlots> {
-}
-export {};
+declare const Undo: import("svelte").Component<UndoProps, {}, "">;
+type Undo = ReturnType<typeof Undo>;
+export default Undo;

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

@@ -1,12 +1,18 @@
 <script lang="ts" module>
+	import type { Content } from '@tiptap/core';
 
-	export type ShadEditorProps = Props;
+	export interface ShadEditorProps {
+		class?: string;
+		style?: string;
+		content?: Content;
+		showToolbar?: boolean;
+	}
 </script>
 
 <script lang="ts">
 	import './editor.css';
 
-	import { Editor, type Content } from '@tiptap/core';
+	import { Editor } from '@tiptap/core';
 	import StarterKit from '@tiptap/starter-kit';
 	import { onDestroy, onMount } from 'svelte';
 	import EditorToolbar from './editor-toolbar.svelte';
@@ -36,7 +42,7 @@
 
 	// Lowlight
 	import { CodeBlockLowlight } from '@tiptap/extension-code-block-lowlight';
-	import { all, createLowlight } from 'lowlight';
+	import { common, createLowlight } from 'lowlight';
 	import './onedark.css';
 	import SearchAndReplace from './custom/Extentions/SearchAndReplace.js';
 	import { createEventDispatcher } from 'svelte';
@@ -46,16 +52,9 @@
 		update: { html: string };
 	}>();
 
-	interface Props {
-		class?: string;
-		style?: string;
-		content?: Content;
-		showToolbar?: boolean;
-	}
-
 	let { class: className = '', style = '', content = $bindable(null), showToolbar = true }: ShadEditorProps = $props();
 
-	const lowlight = createLowlight(all);
+	const lowlight = createLowlight(common);
 
 	let editor: Editor | undefined = $state();
 	let element: HTMLElement | undefined = $state();