@widgetic/design-system 0.3.89 → 0.5.8

package/dist/components/search-input/SearchInput.svelte

@@ -10,8 +10,8 @@
  * - Uses Widgetic design system styling
  -->
 <script lang="ts">
-  import { X, IconSearch } from '@widgetic/design-system/icons';
-
+  // import { X, IconSearch } from '@widgetic/design-system/icons';
+  import { X, IconSearch } from '../../icons';
   /**
    * Placeholder text for the search input
    */
@@ -79,7 +79,7 @@
             onKeydown(e);
           }}
           onpaste={onPaste}
-          class="w-full h-[38px] border-0 bg-transparent focus:outline-none focus:ring-0 focus-visible:ring-0 pl-9 pr-8 subtext 
+          class="w-full h-[38px] border-0 bg-transparent focus:outline-hidden focus:ring-0 focus-visible:ring-0 pl-9 pr-8 subtext 
                 transition-all duration-300 
                 {value ? 'text-[hsl(var(--grey7))]' : 'text-[hsl(var(--grey3))] placeholder:text-[hsl(var(--grey3))] placeholder:transition-colors placeholder:duration-300 group-hover:text-[hsl(var(--grey7))] group-hover:placeholder:text-[hsl(var(--grey7))] group-focus-within:text-[hsl(var(--grey7))] group-focus-within:placeholder:text-[hsl(var(--grey7)))'} 
                 {inputClass}"
@@ -104,11 +104,6 @@
     transition: color 300ms ease, background-color 300ms ease, border-color 300ms ease !important;
   }
   
-  input::-moz-placeholder {
-    -moz-transition: color 300ms ease !important;
-    transition: color 300ms ease !important;
-  }
-  
   input::placeholder {
     transition: color 300ms ease !important;
   }

package/dist/components/search-input/index.d.ts

@@ -1,14 +1,3 @@
-import { SvelteComponent } from 'svelte';
-
-export interface SearchInputProps {
-  placeholder?: string;
-  value?: string;
-  onInput?: (event: Event) => Promise<void> | void;
-  onKeydown?: (event: KeyboardEvent) => void;
-  onClear?: () => void;
-  onPaste?: (event: ClipboardEvent) => void;
-  containerClass?: string;
-  inputClass?: string;
-}
-
-export default class SearchInput extends SvelteComponent<SearchInputProps> {} 
+import SearchInput from './SearchInput.svelte';
+export { SearchInput };
+export default SearchInput;

package/dist/components/search-input/index.js

@@ -1,4 +1,3 @@
 import SearchInput from './SearchInput.svelte';
-
 export { SearchInput };
-export default SearchInput; 
+export default SearchInput;

package/dist/components/search-input/index2.d.ts

@@ -0,0 +1,14 @@
+import { SvelteComponent } from 'svelte';
+
+export interface SearchInputProps {
+  placeholder?: string;
+  value?: string;
+  onInput?: (event: Event) => Promise<void> | void;
+  onKeydown?: (event: KeyboardEvent) => void;
+  onClear?: () => void;
+  onPaste?: (event: ClipboardEvent) => void;
+  containerClass?: string;
+  inputClass?: string;
+}
+
+export default class SearchInput extends SvelteComponent<SearchInputProps> {} 

package/dist/components/shad-editor/README.md

@@ -0,0 +1,18 @@
+# ShadEditor Component
+
+This directory contains the Svelte components for a rich text editor based on Tiptap and styled with shadcn-svelte UI elements.
+
+## Origin
+
+The code was originally scaffolded using version `0.0.7` of the now-deprecated `shadeditor` CLI tool.
+
+*   Original (deprecated) npm package: [https://www.npmjs.com/package/shadeditor](https://www.npmjs.com/package/shadeditor)
+*   The author appears to have continued development under a new name/project called "Edra": [https://edra.tsuzat.com/](https://edra.tsuzat.com/)
+
+## Current Status
+
+The components in this directory have been adapted to work within the Widgetic Design System after its migration to **Tailwind CSS v4**.
+
+**Important:** Do not attempt to update or reinstall this component using the original `shadeditor` CLI (`npx shadeditor init`) or the new one from edra, as it is designed for Tailwind v3 and will likely break the current Tailwind v4 configuration and component adaptations.
+
+Use the component as it exists within this design system project.

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

@@ -3,13 +3,13 @@ export type ColorpickerProps = {
     hex: string;
 };
 declare const __propDef: {
-    props: Record<string, never>;
+    props: ColorpickerProps;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
 };
-type ColorpickerProps_ = typeof __propDef.props;
+type ColorpickerProps_ = ColorpickerProps;
 export type ColorpickerEvents = typeof __propDef.events;
 export type ColorpickerSlots = typeof __propDef.slots;
 export default class Colorpicker extends SvelteComponentTyped<ColorpickerProps_, ColorpickerEvents, ColorpickerSlots> {

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

@@ -2,13 +2,13 @@ import { SvelteComponentTyped } from "svelte";
 export type CodeExtendedProps = NodeViewProps;
 import type { NodeViewProps } from '@tiptap/core';
 declare const __propDef: {
-    props: Record<string, never>;
+    props: CodeExtendedProps;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
 };
-type CodeExtendedProps_ = typeof __propDef.props;
+type CodeExtendedProps_ = CodeExtendedProps;
 export type CodeExtendedEvents = typeof __propDef.events;
 export type CodeExtendedSlots = typeof __propDef.slots;
 export default class CodeExtended extends SvelteComponentTyped<CodeExtendedProps_, CodeExtendedEvents, CodeExtendedSlots> {

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

@@ -136,7 +136,7 @@
 			<input
 				value={node.attrs.title}
 				type="text"
-				class="my-1 w-full bg-transparent text-center text-sm text-muted-foreground outline-none"
+				class="my-1 w-full bg-transparent text-center text-sm text-muted-foreground outline-hidden"
 				onchange={(e) => {
 					if (e.target === null) return;
 					//@ts-ignore

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

@@ -2,13 +2,13 @@ import { SvelteComponentTyped } from "svelte";
 export type ImageExtendedComponentProps = NodeViewProps;
 import type { NodeViewProps } from '@tiptap/core';
 declare const __propDef: {
-    props: Record<string, never>;
+    props: ImageExtendedComponentProps;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
 };
-type ImageExtendedComponentProps_ = typeof __propDef.props;
+type ImageExtendedComponentProps_ = ImageExtendedComponentProps;
 export type ImageExtendedComponentEvents = typeof __propDef.events;
 export type ImageExtendedComponentSlots = typeof __propDef.slots;
 export default class ImageExtendedComponent extends SvelteComponentTyped<ImageExtendedComponentProps_, ImageExtendedComponentEvents, ImageExtendedComponentSlots> {

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

@@ -1,13 +1,13 @@
 import { SvelteComponentTyped } from "svelte";
 export type EditorToolbarProps = Props;
 declare const __propDef: {
-    props: Record<string, never>;
+    props: EditorToolbarProps;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
 };
-type EditorToolbarProps_ = typeof __propDef.props;
+type EditorToolbarProps_ = EditorToolbarProps;
 export type EditorToolbarEvents = typeof __propDef.events;
 export type EditorToolbarSlots = typeof __propDef.slots;
 export default class EditorToolbar extends SvelteComponentTyped<EditorToolbarProps_, EditorToolbarEvents, EditorToolbarSlots> {

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

@@ -1,11 +1,14 @@
+/* @config "../../../../tailwind.config.ts"; */
+@reference "../../styles/global.css";
+
 .tiptap :where(p):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
 	margin-top: 0 !important;
 	margin-bottom: 0 !important;
 }
 
 .tiptap code:not(pre code) {
-	/* Remove the before and after pseudo elements */
-	@apply rounded border bg-muted/50 p-1 before:content-[''] after:content-[''];
+	/* Remove the before and after pseudo elements, replace rounded with rounded-sm */
+	@apply rounded-sm border bg-muted/50 p-1 before:content-[''] after:content-[''];
 }
 
 .tiptap blockquote p {
@@ -54,7 +57,7 @@ ul[data-type='taskList'] li[data-checked='true'] div {
 }
 
 input[type='checkbox'] {
-	@apply size-4 cursor-pointer rounded !important;
+	@apply !size-4 !cursor-pointer !rounded-sm;
 }
 
 ul[data-type='taskList'] ul[data-type='taskList'] {
@@ -67,7 +70,8 @@ ul[data-type='taskList'] ul[data-type='taskList'] {
 }
 
 .color::before {
-	@apply mb-[0.15rem] mr-[0.1rem] inline-block size-[1rem] rounded border border-muted align-middle;
+	/* Replace rounded with rounded-md */
+	@apply mb-[0.15rem] mr-[0.1rem] inline-block size-[1rem] rounded-md border border-muted align-middle;
 	background-color: var(--color);
 	content: ' ';
 }

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

@@ -4,13 +4,13 @@ export type BlockQuoteProps = {
 };
 import { type Editor } from '@tiptap/core';
 declare const __propDef: {
-    props: Record<string, never>;
+    props: BlockQuoteProps;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
 };
-type BlockQuoteProps_ = typeof __propDef.props;
+type BlockQuoteProps_ = BlockQuoteProps;
 export type BlockQuoteEvents = typeof __propDef.events;
 export type BlockQuoteSlots = typeof __propDef.slots;
 export default class BlockQuote extends SvelteComponentTyped<BlockQuoteProps_, BlockQuoteEvents, BlockQuoteSlots> {

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

@@ -4,13 +4,13 @@ export type BoldProps = {
 };
 import { type Editor } from '@tiptap/core';
 declare const __propDef: {
-    props: Record<string, never>;
+    props: BoldProps;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
 };
-type BoldProps_ = typeof __propDef.props;
+type BoldProps_ = BoldProps;
 export type BoldEvents = typeof __propDef.events;
 export type BoldSlots = typeof __propDef.slots;
 export default class Bold extends SvelteComponentTyped<BoldProps_, BoldEvents, BoldSlots> {

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

@@ -4,13 +4,13 @@ export type ButtleListProps = {
 };
 import { type Editor } from '@tiptap/core';
 declare const __propDef: {
-    props: Record<string, never>;
+    props: ButtleListProps;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
 };
-type ButtleListProps_ = typeof __propDef.props;
+type ButtleListProps_ = ButtleListProps;
 export type ButtleListEvents = typeof __propDef.events;
 export type ButtleListSlots = typeof __propDef.slots;
 export default class ButtleList extends SvelteComponentTyped<ButtleListProps_, ButtleListEvents, ButtleListSlots> {

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

@@ -4,13 +4,13 @@ export type CodeProps = {
 };
 import { type Editor } from '@tiptap/core';
 declare const __propDef: {
-    props: Record<string, never>;
+    props: CodeProps;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
 };
-type CodeProps_ = typeof __propDef.props;
+type CodeProps_ = CodeProps;
 export type CodeEvents = typeof __propDef.events;
 export type CodeSlots = typeof __propDef.slots;
 export default class Code extends SvelteComponentTyped<CodeProps_, CodeEvents, CodeSlots> {

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

@@ -1,13 +1,13 @@
 import { SvelteComponentTyped } from "svelte";
 export type HighlighterProps = Props;
 declare const __propDef: {
-    props: Record<string, never>;
+    props: HighlighterProps;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
 };
-type HighlighterProps_ = typeof __propDef.props;
+type HighlighterProps_ = HighlighterProps;
 export type HighlighterEvents = typeof __propDef.events;
 export type HighlighterSlots = typeof __propDef.slots;
 export default class Highlighter extends SvelteComponentTyped<HighlighterProps_, HighlighterEvents, HighlighterSlots> {

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

@@ -4,13 +4,13 @@ export type ImageProps = {
 };
 import { type Editor } from '@tiptap/core';
 declare const __propDef: {
-    props: Record<string, never>;
+    props: ImageProps;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
 };
-type ImageProps_ = typeof __propDef.props;
+type ImageProps_ = ImageProps;
 export type ImageEvents = typeof __propDef.events;
 export type ImageSlots = typeof __propDef.slots;
 export default class Image extends SvelteComponentTyped<ImageProps_, ImageEvents, ImageSlots> {

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

@@ -4,13 +4,13 @@ export type ItalicProps = {
 };
 import { type Editor } from '@tiptap/core';
 declare const __propDef: {
-    props: Record<string, never>;
+    props: ItalicProps;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
 };
-type ItalicProps_ = typeof __propDef.props;
+type ItalicProps_ = ItalicProps;
 export type ItalicEvents = typeof __propDef.events;
 export type ItalicSlots = typeof __propDef.slots;
 export default class Italic extends SvelteComponentTyped<ItalicProps_, ItalicEvents, ItalicSlots> {

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

@@ -4,13 +4,13 @@ export type LinkProps = {
 };
 import { type Editor } from '@tiptap/core';
 declare const __propDef: {
-    props: Record<string, never>;
+    props: LinkProps;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
 };
-type LinkProps_ = typeof __propDef.props;
+type LinkProps_ = LinkProps;
 export type LinkEvents = typeof __propDef.events;
 export type LinkSlots = typeof __propDef.slots;
 export default class Link extends SvelteComponentTyped<LinkProps_, LinkEvents, LinkSlots> {

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

@@ -4,13 +4,13 @@ export type OrderedListProps = {
 };
 import { type Editor } from '@tiptap/core';
 declare const __propDef: {
-    props: Record<string, never>;
+    props: OrderedListProps;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
 };
-type OrderedListProps_ = typeof __propDef.props;
+type OrderedListProps_ = OrderedListProps;
 export type OrderedListEvents = typeof __propDef.events;
 export type OrderedListSlots = typeof __propDef.slots;
 export default class OrderedList extends SvelteComponentTyped<OrderedListProps_, OrderedListEvents, OrderedListSlots> {

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

@@ -4,13 +4,13 @@ export type QuickcolorProps = {
 };
 import { type Editor } from '@tiptap/core';
 declare const __propDef: {
-    props: Record<string, never>;
+    props: QuickcolorProps;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
 };
-type QuickcolorProps_ = typeof __propDef.props;
+type QuickcolorProps_ = QuickcolorProps;
 export type QuickcolorEvents = typeof __propDef.events;
 export type QuickcolorSlots = typeof __propDef.slots;
 export default class Quickcolor extends SvelteComponentTyped<QuickcolorProps_, QuickcolorEvents, QuickcolorSlots> {

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

@@ -4,13 +4,13 @@ export type RedoProps = {
 };
 import { type Editor } from '@tiptap/core';
 declare const __propDef: {
-    props: Record<string, never>;
+    props: RedoProps;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
 };
-type RedoProps_ = typeof __propDef.props;
+type RedoProps_ = RedoProps;
 export type RedoEvents = typeof __propDef.events;
 export type RedoSlots = typeof __propDef.slots;
 export default class Redo extends SvelteComponentTyped<RedoProps_, RedoEvents, RedoSlots> {

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

@@ -4,13 +4,13 @@ export type SearchReplaceProps = {
 };
 import { type Editor } from '@tiptap/core';
 declare const __propDef: {
-    props: Record<string, never>;
+    props: SearchReplaceProps;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
 };
-type SearchReplaceProps_ = typeof __propDef.props;
+type SearchReplaceProps_ = SearchReplaceProps;
 export type SearchReplaceEvents = typeof __propDef.events;
 export type SearchReplaceSlots = typeof __propDef.slots;
 export default class SearchReplace extends SvelteComponentTyped<SearchReplaceProps_, SearchReplaceEvents, SearchReplaceSlots> {

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

@@ -4,13 +4,13 @@ export type StrikethroughProps = {
 };
 import { type Editor } from '@tiptap/core';
 declare const __propDef: {
-    props: Record<string, never>;
+    props: StrikethroughProps;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
 };
-type StrikethroughProps_ = typeof __propDef.props;
+type StrikethroughProps_ = StrikethroughProps;
 export type StrikethroughEvents = typeof __propDef.events;
 export type StrikethroughSlots = typeof __propDef.slots;
 export default class Strikethrough extends SvelteComponentTyped<StrikethroughProps_, StrikethroughEvents, StrikethroughSlots> {

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

@@ -4,13 +4,13 @@ export type SubscriptProps = {
 };
 import { type Editor } from '@tiptap/core';
 declare const __propDef: {
-    props: Record<string, never>;
+    props: SubscriptProps;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
 };
-type SubscriptProps_ = typeof __propDef.props;
+type SubscriptProps_ = SubscriptProps;
 export type SubscriptEvents = typeof __propDef.events;
 export type SubscriptSlots = typeof __propDef.slots;
 export default class Subscript extends SvelteComponentTyped<SubscriptProps_, SubscriptEvents, SubscriptSlots> {

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

@@ -4,13 +4,13 @@ export type SuperscriptProps = {
 };
 import { type Editor } from '@tiptap/core';
 declare const __propDef: {
-    props: Record<string, never>;
+    props: SuperscriptProps;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
 };
-type SuperscriptProps_ = typeof __propDef.props;
+type SuperscriptProps_ = SuperscriptProps;
 export type SuperscriptEvents = typeof __propDef.events;
 export type SuperscriptSlots = typeof __propDef.slots;
 export default class Superscript extends SvelteComponentTyped<SuperscriptProps_, SuperscriptEvents, SuperscriptSlots> {

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

@@ -75,7 +75,7 @@
 							</DropdownMenu.Item>
 							<DropdownMenu.Item
 								onclick={() => editor.chain().focus().deleteRow().run()}
-								class="text-destructive hover:text-foreground data-[highlighted]:bg-destructive"
+								class="text-destructive hover:text-foreground data-highlighted:bg-destructive"
 							>
 								<span>Delete Row</span>
 							</DropdownMenu.Item>
@@ -94,7 +94,7 @@
 							</DropdownMenu.Item>
 							<DropdownMenu.Item
 								onclick={() => editor.chain().focus().deleteColumn().run()}
-								class="text-destructive hover:text-foreground data-[highlighted]:bg-destructive"
+								class="text-destructive hover:text-foreground data-highlighted:bg-destructive"
 							>
 								<span>Delete</span>
 							</DropdownMenu.Item>
@@ -102,7 +102,7 @@
 					</DropdownMenu.Sub>
 					<DropdownMenu.Item
 						onclick={() => editor.chain().focus().deleteTable().run()}
-						class="text-destructive hover:text-foreground data-[highlighted]:bg-destructive"
+						class="text-destructive hover:text-foreground data-highlighted:bg-destructive"
 					>
 						<span>Delete</span>
 					</DropdownMenu.Item>

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

@@ -4,13 +4,13 @@ export type TableProps = {
 };
 import { type Editor } from '@tiptap/core';
 declare const __propDef: {
-    props: Record<string, never>;
+    props: TableProps;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
 };
-type TableProps_ = typeof __propDef.props;
+type TableProps_ = TableProps;
 export type TableEvents = typeof __propDef.events;
 export type TableSlots = typeof __propDef.slots;
 export default class Table extends SvelteComponentTyped<TableProps_, TableEvents, TableSlots> {

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

@@ -4,13 +4,13 @@ export type TaskListProps = {
 };
 import { type Editor } from '@tiptap/core';
 declare const __propDef: {
-    props: Record<string, never>;
+    props: TaskListProps;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
 };
-type TaskListProps_ = typeof __propDef.props;
+type TaskListProps_ = TaskListProps;
 export type TaskListEvents = typeof __propDef.events;
 export type TaskListSlots = typeof __propDef.slots;
 export default class TaskList extends SvelteComponentTyped<TaskListProps_, TaskListEvents, TaskListSlots> {

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

@@ -78,7 +78,7 @@
 					>
 						<Pilcrow /> Paragraph
 						{#if editor.isActive('paragraph')}
-							<Check class="absolute right-2 !size-3 text-muted-foreground" />
+							<Check class="absolute right-2 size-3! text-muted-foreground" />
 						{/if}
 					</DropdownMenu.Item>
 					<DropdownMenu.Item

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

@@ -4,13 +4,13 @@ export type TextProps = {
 };
 import { type Editor } from '@tiptap/core';
 declare const __propDef: {
-    props: Record<string, never>;
+    props: TextProps;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
 };
-type TextProps_ = typeof __propDef.props;
+type TextProps_ = TextProps;
 export type TextEvents = typeof __propDef.events;
 export type TextSlots = typeof __propDef.slots;
 export default class Text extends SvelteComponentTyped<TextProps_, TextEvents, TextSlots> {

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

@@ -4,13 +4,13 @@ export type TextalignProps = {
 };
 import { type Editor } from '@tiptap/core';
 declare const __propDef: {
-    props: Record<string, never>;
+    props: TextalignProps;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
 };
-type TextalignProps_ = typeof __propDef.props;
+type TextalignProps_ = TextalignProps;
 export type TextalignEvents = typeof __propDef.events;
 export type TextalignSlots = typeof __propDef.slots;
 export default class Textalign extends SvelteComponentTyped<TextalignProps_, TextalignEvents, TextalignSlots> {

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

@@ -1,13 +1,13 @@
 import { SvelteComponentTyped } from "svelte";
 export type TextcolorProps = Props;
 declare const __propDef: {
-    props: Record<string, never>;
+    props: TextcolorProps;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
 };
-type TextcolorProps_ = typeof __propDef.props;
+type TextcolorProps_ = TextcolorProps;
 export type TextcolorEvents = typeof __propDef.events;
 export type TextcolorSlots = typeof __propDef.slots;
 export default class Textcolor extends SvelteComponentTyped<TextcolorProps_, TextcolorEvents, TextcolorSlots> {

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

@@ -4,13 +4,13 @@ export type UnderlineProps = {
 };
 import { type Editor } from '@tiptap/core';
 declare const __propDef: {
-    props: Record<string, never>;
+    props: UnderlineProps;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
 };
-type UnderlineProps_ = typeof __propDef.props;
+type UnderlineProps_ = UnderlineProps;
 export type UnderlineEvents = typeof __propDef.events;
 export type UnderlineSlots = typeof __propDef.slots;
 export default class Underline extends SvelteComponentTyped<UnderlineProps_, UnderlineEvents, UnderlineSlots> {

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

@@ -4,13 +4,13 @@ export type UndoProps = {
 };
 import { type Editor } from '@tiptap/core';
 declare const __propDef: {
-    props: Record<string, never>;
+    props: UndoProps;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
 };
-type UndoProps_ = typeof __propDef.props;
+type UndoProps_ = UndoProps;
 export type UndoEvents = typeof __propDef.events;
 export type UndoSlots = typeof __propDef.slots;
 export default class Undo extends SvelteComponentTyped<UndoProps_, UndoEvents, UndoSlots> {

package/dist/components/shad-editor/onedark.css

@@ -1,3 +1,6 @@
+/* @config "../../../../tailwind.config.ts"; */
+@reference "../../styles/global.css";
+
 /* One Dark and Light Theme for Highlight.js using Tailwind CSS */
 .tiptap pre code {
 	@apply text-[#383a42] dark:text-[#abb2bf];

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

@@ -67,7 +67,7 @@
 			editorProps: {
 				attributes: {
 					class:
-						'm-auto p-2 focus:outline-none flex-1 prose text-foreground min-w-full max-h-full overflow-auto dark:prose-invert *:my-2'
+						'm-auto p-2 focus:outline-hidden flex-1 prose text-foreground min-w-full max-h-full overflow-auto dark:prose-invert *:my-2'
 				}
 			},
 			extensions: [