@x33025/sveltely 0.1.17 → 0.1.18

package/dist/components/Library/ArticleEditor/ArticleEditor.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
 	import VStack from '../VStack';
 	import TextEditor from '../TextEditor';
-	import ArticleBlockFAQ from './ArticleBlockFAQ.svelte';
 	import ArticleEditorBody from './ArticleEditorBody.svelte';
 	import ArticleEditorHeader from './ArticleEditorHeader.svelte';
+	import FAQ from './Blocks/FAQ.svelte';
 	import type { BlockInsertKind, BlockTextFormat } from './articleEditor.svelte.js';
 	import type { ArticleEditorArticle, BlockDraft } from './types.js';
 
@@ -172,7 +172,7 @@
 						className="text-2xl leading-tight font-semibold tracking-[-0.025em] text-zinc-950 placeholder:text-zinc-300"
 						placeholder="FAQ title"
 					/>
-					<ArticleBlockFAQ {block} onUpdateItem={onUpdateFAQItem} />
+					<FAQ {block} onUpdateItem={onUpdateFAQItem} />
 				{/each}
 			</VStack>
 		</section>

package/dist/components/Library/ArticleEditor/ArticleEditorBody.svelte

@@ -2,14 +2,13 @@
 	import VStack from '../VStack';
 	import type { BlockInsertKind, BlockTextFormat } from './articleEditor.svelte.js';
 	import type { BlockDraft } from './types.js';
-	import ArticleBlockCode from './ArticleBlockCode.svelte';
-	import ArticleBlockFallback from './ArticleBlockFallback.svelte';
-	import ArticleBlockHeading from './ArticleBlockHeading.svelte';
-	import ArticleBlockImage from './ArticleBlockImage.svelte';
-	import ArticleBlockList from './ArticleBlockList.svelte';
-	import ArticleBlockParagraph from './ArticleBlockParagraph.svelte';
+	import Code from './Blocks/Code.svelte';
+	import Heading from './Blocks/Heading.svelte';
+	import Image from './Blocks/Image.svelte';
+	import List from './Blocks/List.svelte';
+	import Paragraph from './Blocks/Paragraph.svelte';
+	import Table from './Blocks/Table.svelte';
 	import ArticleBlockShell from './ArticleBlockShell.svelte';
-	import ArticleBlockTable from './ArticleBlockTable.svelte';
 
 	let {
 		draftTitle,
@@ -237,7 +236,7 @@
 	});
 </script>
 
-<VStack gap={5} paddingX={0} paddingY={0}>
+<VStack gap={5}>
 	{#each articleBlocks as block (block.id)}
 		{@const dropPlacement = dropPlacementFor(block.id)}
 		{@const textFormat = blockTextFormat(block)}
@@ -257,72 +256,58 @@
 			onDragStart={handleBlockDragStart}
 			onDragEnd={handleBlockDragEnd}
 		>
-			{#snippet children()}
-				{#if block.type === 'heading'}
-					<ArticleBlockHeading
-						{block}
-						onUpdate={onUpdateBlock}
-						{onCreateParagraphAfter}
-						{onMergeBlockWithPrevious}
-						{onRemoveBlock}
-						shouldFocus={focusTarget === block.id}
-						focusPosition={focusTarget === block.id ? focusPosition : null}
-						onFocused={onFocusHandled}
-					/>
-				{:else if block.type === 'paragraph'}
-					<ArticleBlockParagraph
-						{block}
-						onUpdate={onUpdateBlock}
-						{onCreateParagraphAfter}
-						{onMergeBlockWithPrevious}
-						{onRemoveBlock}
-						{onConvertToList}
-						shouldFocus={focusTarget === block.id}
-						focusPosition={focusTarget === block.id ? focusPosition : null}
-						onFocused={onFocusHandled}
-					/>
-				{:else if block.type === 'bullet_list' || block.type === 'list' || block.type === 'numbered_list'}
-					<ArticleBlockList
-						{block}
-						onUpdateItem={onUpdateListItem}
-						onInsertItemAfter={onInsertListItemAfter}
-						{onMergeListItemWithPrevious}
-						{onCreateParagraphAfter}
-						{onRemoveListItem}
-						focusItemIndex={focusTarget?.startsWith(`${block.id}:`)
-							? Number(focusTarget.split(':')[1])
-							: null}
-						focusPosition={focusTarget?.startsWith(`${block.id}:`) ? focusPosition : null}
-						onFocused={onFocusHandled}
-					/>
-				{:else if block.type === 'image'}
-					<ArticleBlockImage {block} titleFallback={draftTitle} onUpdate={onUpdateBlock} />
-				{:else if block.type === 'table'}
-					<ArticleBlockTable
-						{block}
-						onUpdateHeader={onUpdateTableHeader}
-						onUpdateCell={onUpdateTableCell}
-						onAddColumn={onAddTableColumn}
-						onAddRow={onAddTableRow}
-						onRemoveColumn={onRemoveTableColumn}
-						onRemoveRow={onRemoveTableRow}
-					/>
-				{:else if block.type === 'code'}
-					<ArticleBlockCode {block} onUpdate={onUpdateBlock} />
-				{:else}
-					<ArticleBlockFallback
-						{block}
-						onUpdate={onUpdateBlock}
-						{onCreateParagraphAfter}
-						{onMergeBlockWithPrevious}
-						{onRemoveBlock}
-						{onConvertToList}
-						shouldFocus={focusTarget === block.id}
-						focusPosition={focusTarget === block.id ? focusPosition : null}
-						onFocused={onFocusHandled}
-					/>
-				{/if}
-			{/snippet}
+			{#if block.type === 'heading'}
+				<Heading
+					{block}
+					onUpdate={onUpdateBlock}
+					{onCreateParagraphAfter}
+					{onMergeBlockWithPrevious}
+					{onRemoveBlock}
+					shouldFocus={focusTarget === block.id}
+					focusPosition={focusTarget === block.id ? focusPosition : null}
+					onFocused={onFocusHandled}
+				/>
+			{:else if block.type === 'paragraph'}
+				<Paragraph
+					{block}
+					onUpdate={onUpdateBlock}
+					{onCreateParagraphAfter}
+					{onMergeBlockWithPrevious}
+					{onRemoveBlock}
+					{onConvertToList}
+					shouldFocus={focusTarget === block.id}
+					focusPosition={focusTarget === block.id ? focusPosition : null}
+					onFocused={onFocusHandled}
+				/>
+			{:else if block.type === 'bullet_list' || block.type === 'list' || block.type === 'numbered_list'}
+				<List
+					{block}
+					onUpdateItem={onUpdateListItem}
+					onInsertItemAfter={onInsertListItemAfter}
+					{onMergeListItemWithPrevious}
+					{onCreateParagraphAfter}
+					{onRemoveListItem}
+					focusItemIndex={focusTarget?.startsWith(`${block.id}:`)
+						? Number(focusTarget.split(':')[1])
+						: null}
+					focusPosition={focusTarget?.startsWith(`${block.id}:`) ? focusPosition : null}
+					onFocused={onFocusHandled}
+				/>
+			{:else if block.type === 'image'}
+				<Image {block} titleFallback={draftTitle} onUpdate={onUpdateBlock} />
+			{:else if block.type === 'table'}
+				<Table
+					{block}
+					onUpdateHeader={onUpdateTableHeader}
+					onUpdateCell={onUpdateTableCell}
+					onAddColumn={onAddTableColumn}
+					onAddRow={onAddTableRow}
+					onRemoveColumn={onRemoveTableColumn}
+					onRemoveRow={onRemoveTableRow}
+				/>
+			{:else if block.type === 'code'}
+				<Code {block} onUpdate={onUpdateBlock} />
+			{/if}
 		</ArticleBlockShell>
 	{/each}
 </VStack>

package/dist/components/Library/ArticleEditor/ArticleEditorHeader.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import VStack from '../VStack';
-	import ArticleImagePreview from './ArticleImagePreview.svelte';
 	import TextEditor from '../TextEditor';
+	import ImagePreview from './Blocks/ImagePreview.svelte';
 	import type { ArticleEditorArticle } from './types.js';
 
 	let { article, draftTitle, draftImageAltText, onTitleChange, onImageAltTextChange } = $props<{
@@ -13,7 +13,7 @@
 	}>();
 </script>
 
-<VStack gap={20} paddingX={0} paddingY={20}>
+<VStack gap={10}>
 	<TextEditor
 		autosize
 		value={draftTitle}
@@ -25,7 +25,7 @@
 	/>
 
 	{#if article.imageURL}
-		<ArticleImagePreview
+		<ImagePreview
 			src={article.imageURL}
 			alt={draftImageAltText || article.title}
 			aspectRatio="4 / 3"

package/dist/components/Library/ArticleEditor/{ArticleBlockCode.svelte → Blocks/Code.svelte}

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import TextEditor from '../TextEditor';
-	import type { BlockDraft } from './types.js';
+	import TextEditor from '../../TextEditor';
+	import type { BlockDraft } from '../types.js';
 
 	let { block, onUpdate } = $props<{
 		block: BlockDraft;

package/dist/components/Library/ArticleEditor/Blocks/Code.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { BlockDraft } from '../types.js';
+type $$ComponentProps = {
+    block: BlockDraft;
+    onUpdate: (id: string, patch: Partial<BlockDraft>) => void;
+};
+declare const Code: import("svelte").Component<$$ComponentProps, {}, "">;
+type Code = ReturnType<typeof Code>;
+export default Code;

package/dist/components/Library/ArticleEditor/{ArticleBlockFAQ.svelte → Blocks/FAQ.svelte}

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import TextEditor from '../TextEditor';
-	import type { BlockDraft } from './types.js';
+	import TextEditor from '../../TextEditor';
+	import type { BlockDraft } from '../types.js';
 
 	let { block, onUpdateItem } = $props<{
 		block: BlockDraft;

package/dist/components/Library/ArticleEditor/Blocks/FAQ.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { BlockDraft } from '../types.js';
+type $$ComponentProps = {
+    block: BlockDraft;
+    onUpdateItem: (blockID: string, index: number, field: 'question' | 'answer', value: string) => void;
+};
+declare const FAQ: import("svelte").Component<$$ComponentProps, {}, "">;
+type FAQ = ReturnType<typeof FAQ>;
+export default FAQ;

package/dist/components/Library/ArticleEditor/{ArticleBlockHeading.svelte → Blocks/Heading.svelte}

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import TextEditor from '../TextEditor';
-	import type { BlockDraft } from './types.js';
+	import TextEditor from '../../TextEditor';
+	import type { BlockDraft } from '../types.js';
 
 	let {
 		block,

package/dist/components/Library/ArticleEditor/{ArticleBlockHeading.svelte.d.ts → Blocks/Heading.svelte.d.ts}

@@ -1,4 +1,4 @@
-import type { BlockDraft } from './types.js';
+import type { BlockDraft } from '../types.js';
 type $$ComponentProps = {
     block: BlockDraft;
     onUpdate: (id: string, patch: Partial<BlockDraft>) => void;
@@ -9,6 +9,6 @@ type $$ComponentProps = {
     focusPosition?: number | null;
     onFocused?: () => void;
 };
-declare const ArticleBlockHeading: import("svelte").Component<$$ComponentProps, {}, "">;
-type ArticleBlockHeading = ReturnType<typeof ArticleBlockHeading>;
-export default ArticleBlockHeading;
+declare const Heading: import("svelte").Component<$$ComponentProps, {}, "">;
+type Heading = ReturnType<typeof Heading>;
+export default Heading;

package/dist/components/Library/ArticleEditor/{ArticleBlockImage.svelte → Blocks/Image.svelte}

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import ArticleImagePreview from './ArticleImagePreview.svelte';
-	import TextEditor from '../TextEditor';
-	import type { BlockDraft } from './types.js';
+	import TextEditor from '../../TextEditor';
+	import ImagePreview from './ImagePreview.svelte';
+	import type { BlockDraft } from '../types.js';
 
 	let { block, titleFallback, onUpdate } = $props<{
 		block: BlockDraft;
@@ -11,7 +11,7 @@
 </script>
 
 <div class="article-block-image">
-	<ArticleImagePreview src={block.imageURL} alt={block.imageAlt ?? titleFallback} />
+	<ImagePreview src={block.imageURL} alt={block.imageAlt ?? titleFallback} />
 	<div>
 		<TextEditor
 			autosize

package/dist/components/Library/ArticleEditor/Blocks/Image.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { BlockDraft } from '../types.js';
+type $$ComponentProps = {
+    block: BlockDraft;
+    titleFallback: string;
+    onUpdate: (id: string, patch: Partial<BlockDraft>) => void;
+};
+declare const Image: import("svelte").Component<$$ComponentProps, {}, "">;
+type Image = ReturnType<typeof Image>;
+export default Image;

package/dist/components/Library/ArticleEditor/Blocks/ImagePreview.svelte.d.ts

@@ -0,0 +1,8 @@
+type $$ComponentProps = {
+    src?: string | null;
+    alt: string;
+    aspectRatio?: string;
+};
+declare const ImagePreview: import("svelte").Component<$$ComponentProps, {}, "">;
+type ImagePreview = ReturnType<typeof ImagePreview>;
+export default ImagePreview;

package/dist/components/Library/ArticleEditor/{ArticleBlockList.svelte → Blocks/List.svelte}

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import TextEditor from '../TextEditor';
-	import type { BlockDraft } from './types.js';
+	import TextEditor from '../../TextEditor';
+	import type { BlockDraft } from '../types.js';
 
 	let {
 		block,

package/dist/components/Library/ArticleEditor/{ArticleBlockList.svelte.d.ts → Blocks/List.svelte.d.ts}

@@ -1,4 +1,4 @@
-import type { BlockDraft } from './types.js';
+import type { BlockDraft } from '../types.js';
 type $$ComponentProps = {
     block: BlockDraft;
     onUpdateItem: (blockID: string, index: number, value: string) => void;
@@ -10,6 +10,6 @@ type $$ComponentProps = {
     focusPosition?: number | null;
     onFocused?: () => void;
 };
-declare const ArticleBlockList: import("svelte").Component<$$ComponentProps, {}, "">;
-type ArticleBlockList = ReturnType<typeof ArticleBlockList>;
-export default ArticleBlockList;
+declare const List: import("svelte").Component<$$ComponentProps, {}, "">;
+type List = ReturnType<typeof List>;
+export default List;

package/dist/components/Library/ArticleEditor/{ArticleBlockParagraph.svelte → Blocks/Paragraph.svelte}

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import TextEditor from '../TextEditor';
-	import type { BlockDraft } from './types.js';
+	import TextEditor from '../../TextEditor';
+	import type { BlockDraft } from '../types.js';
 
 	let {
 		block,

package/dist/components/Library/ArticleEditor/{ArticleBlockFallback.svelte.d.ts → Blocks/Paragraph.svelte.d.ts}

@@ -1,4 +1,4 @@
-import type { BlockDraft } from './types.js';
+import type { BlockDraft } from '../types.js';
 type $$ComponentProps = {
     block: BlockDraft;
     onUpdate: (id: string, patch: Partial<BlockDraft>) => void;
@@ -10,6 +10,6 @@ type $$ComponentProps = {
     focusPosition?: number | null;
     onFocused?: () => void;
 };
-declare const ArticleBlockFallback: import("svelte").Component<$$ComponentProps, {}, "">;
-type ArticleBlockFallback = ReturnType<typeof ArticleBlockFallback>;
-export default ArticleBlockFallback;
+declare const Paragraph: import("svelte").Component<$$ComponentProps, {}, "">;
+type Paragraph = ReturnType<typeof Paragraph>;
+export default Paragraph;

package/dist/components/Library/ArticleEditor/{ArticleBlockTable.svelte → Blocks/Table.svelte}

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Plus, Trash2 } from '@lucide/svelte';
-	import type { BlockDraft } from './types.js';
+	import type { BlockDraft } from '../types.js';
 
 	let { block, onUpdateHeader, onUpdateCell, onAddColumn, onAddRow, onRemoveColumn, onRemoveRow } =
 		$props<{

package/dist/components/Library/ArticleEditor/{ArticleBlockTable.svelte.d.ts → Blocks/Table.svelte.d.ts}

@@ -1,4 +1,4 @@
-import type { BlockDraft } from './types.js';
+import type { BlockDraft } from '../types.js';
 type $$ComponentProps = {
     block: BlockDraft;
     onUpdateHeader: (blockID: string, cellIndex: number, value: string) => void;
@@ -8,6 +8,6 @@ type $$ComponentProps = {
     onRemoveColumn: (blockID: string, columnIndex: number) => void;
     onRemoveRow: (blockID: string, rowIndex: number) => void;
 };
-declare const ArticleBlockTable: import("svelte").Component<$$ComponentProps, {}, "">;
-type ArticleBlockTable = ReturnType<typeof ArticleBlockTable>;
-export default ArticleBlockTable;
+declare const Table: import("svelte").Component<$$ComponentProps, {}, "">;
+type Table = ReturnType<typeof Table>;
+export default Table;

package/dist/components/Library/ArticleEditor/Blocks/index.d.ts

@@ -0,0 +1,8 @@
+export { default as Code } from './Code.svelte';
+export { default as FAQ } from './FAQ.svelte';
+export { default as Heading } from './Heading.svelte';
+export { default as Image } from './Image.svelte';
+export { default as ImagePreview } from './ImagePreview.svelte';
+export { default as List } from './List.svelte';
+export { default as Paragraph } from './Paragraph.svelte';
+export { default as Table } from './Table.svelte';

package/dist/components/Library/ArticleEditor/Blocks/index.js

@@ -0,0 +1,8 @@
+export { default as Code } from './Code.svelte';
+export { default as FAQ } from './FAQ.svelte';
+export { default as Heading } from './Heading.svelte';
+export { default as Image } from './Image.svelte';
+export { default as ImagePreview } from './ImagePreview.svelte';
+export { default as List } from './List.svelte';
+export { default as Paragraph } from './Paragraph.svelte';
+export { default as Table } from './Table.svelte';

package/dist/components/Library/ArticleEditor/index.d.ts

@@ -1,18 +1,10 @@
 export { default as ArticleEditor } from './ArticleEditor.svelte';
 export { default as ArticleEditorBody } from './ArticleEditorBody.svelte';
-export { default as ArticleBlockCode } from './ArticleBlockCode.svelte';
-export { default as ArticleBlockFAQ } from './ArticleBlockFAQ.svelte';
-export { default as ArticleBlockFallback } from './ArticleBlockFallback.svelte';
-export { default as ArticleBlockHeading } from './ArticleBlockHeading.svelte';
-export { default as ArticleBlockImage } from './ArticleBlockImage.svelte';
 export { default as ArticleBlockInsertControl } from './ArticleBlockInsertControl.svelte';
 export { default as ArticleBlockDragControl } from './ArticleBlockDragControl.svelte';
-export { default as ArticleBlockList } from './ArticleBlockList.svelte';
-export { default as ArticleBlockParagraph } from './ArticleBlockParagraph.svelte';
 export { default as ArticleBlockShell } from './ArticleBlockShell.svelte';
-export { default as ArticleBlockTable } from './ArticleBlockTable.svelte';
+export * as Blocks from './Blocks';
 export { default as ArticleEditorHeader } from './ArticleEditorHeader.svelte';
-export { default as ArticleImagePreview } from './ArticleImagePreview.svelte';
 export { articleBlockLabel, createArticleEditor } from './articleEditor.svelte.js';
 export type { BlockInsertKind, BlockTextFormat } from './articleEditor.svelte.js';
 export type { ArticleBlock, ArticleEditorArticle, BlockDraft } from './types.js';

package/dist/components/Library/ArticleEditor/index.js

@@ -1,16 +1,8 @@
 export { default as ArticleEditor } from './ArticleEditor.svelte';
 export { default as ArticleEditorBody } from './ArticleEditorBody.svelte';
-export { default as ArticleBlockCode } from './ArticleBlockCode.svelte';
-export { default as ArticleBlockFAQ } from './ArticleBlockFAQ.svelte';
-export { default as ArticleBlockFallback } from './ArticleBlockFallback.svelte';
-export { default as ArticleBlockHeading } from './ArticleBlockHeading.svelte';
-export { default as ArticleBlockImage } from './ArticleBlockImage.svelte';
 export { default as ArticleBlockInsertControl } from './ArticleBlockInsertControl.svelte';
 export { default as ArticleBlockDragControl } from './ArticleBlockDragControl.svelte';
-export { default as ArticleBlockList } from './ArticleBlockList.svelte';
-export { default as ArticleBlockParagraph } from './ArticleBlockParagraph.svelte';
 export { default as ArticleBlockShell } from './ArticleBlockShell.svelte';
-export { default as ArticleBlockTable } from './ArticleBlockTable.svelte';
+export * as Blocks from './Blocks';
 export { default as ArticleEditorHeader } from './ArticleEditorHeader.svelte';
-export { default as ArticleImagePreview } from './ArticleImagePreview.svelte';
 export { articleBlockLabel, createArticleEditor } from './articleEditor.svelte.js';

package/dist/style.css

@@ -568,9 +568,6 @@
   .text-\[15px\] {
     font-size: 15px;
   }
-  .text-\[16px\] {
-    font-size: 16px;
-  }
   .text-\[17px\] {
     font-size: 17px;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@x33025/sveltely",
-	"version": "0.1.17",
+	"version": "0.1.18",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run prepack",

package/dist/components/Library/ArticleEditor/ArticleBlockCode.svelte.d.ts

@@ -1,8 +0,0 @@
-import type { BlockDraft } from './types.js';
-type $$ComponentProps = {
-    block: BlockDraft;
-    onUpdate: (id: string, patch: Partial<BlockDraft>) => void;
-};
-declare const ArticleBlockCode: import("svelte").Component<$$ComponentProps, {}, "">;
-type ArticleBlockCode = ReturnType<typeof ArticleBlockCode>;
-export default ArticleBlockCode;

package/dist/components/Library/ArticleEditor/ArticleBlockFAQ.svelte.d.ts

@@ -1,8 +0,0 @@
-import type { BlockDraft } from './types.js';
-type $$ComponentProps = {
-    block: BlockDraft;
-    onUpdateItem: (blockID: string, index: number, field: 'question' | 'answer', value: string) => void;
-};
-declare const ArticleBlockFAQ: import("svelte").Component<$$ComponentProps, {}, "">;
-type ArticleBlockFAQ = ReturnType<typeof ArticleBlockFAQ>;
-export default ArticleBlockFAQ;

package/dist/components/Library/ArticleEditor/ArticleBlockFallback.svelte

@@ -1,79 +0,0 @@
-<script lang="ts">
-	import TextEditor from '../TextEditor';
-	import type { BlockDraft } from './types.js';
-
-	let {
-		block,
-		onUpdate,
-		onCreateParagraphAfter,
-		onMergeBlockWithPrevious,
-		onConvertToList,
-		onRemoveBlock,
-		shouldFocus,
-		focusPosition,
-		onFocused
-	} = $props<{
-		block: BlockDraft;
-		onUpdate: (id: string, patch: Partial<BlockDraft>) => void;
-		onCreateParagraphAfter?: (id: string, text?: string, currentText?: string | null) => void;
-		onMergeBlockWithPrevious?: (id: string) => void;
-		onConvertToList?: (id: string, kind: 'bullet_list' | 'numbered_list') => void;
-		onRemoveBlock?: (id: string) => void;
-		shouldFocus?: boolean;
-		focusPosition?: number | null;
-		onFocused?: () => void;
-	}>();
-</script>
-
-<TextEditor
-	autosize
-	rows={1}
-	value={block.text ?? ''}
-	onInput={(event) =>
-		onUpdate(block.id, {
-			text: (event.currentTarget as HTMLTextAreaElement).value
-		})}
-	onKeyDown={(event) => {
-		const value = (event.currentTarget as HTMLTextAreaElement).value.trim();
-		if (event.key === ' ' && value === '-') {
-			event.preventDefault();
-			onConvertToList?.(block.id, 'bullet_list');
-			return;
-		}
-		if (event.key === ' ' && /^\d+\.$/.test(value)) {
-			event.preventDefault();
-			onConvertToList?.(block.id, 'numbered_list');
-			return;
-		}
-		if (event.key === 'Enter' && !event.shiftKey) {
-			event.preventDefault();
-			const textarea = event.currentTarget as HTMLTextAreaElement;
-			const text = textarea.value;
-			const before = text.slice(0, textarea.selectionStart);
-			const after = text.slice(textarea.selectionEnd);
-			if (!text.trim()) {
-				onRemoveBlock?.(block.id);
-				return;
-			}
-			onCreateParagraphAfter?.(block.id, after, before);
-		}
-		if (
-			event.key === 'Backspace' &&
-			!event.shiftKey &&
-			!event.metaKey &&
-			!event.ctrlKey &&
-			!event.altKey
-		) {
-			const textarea = event.currentTarget as HTMLTextAreaElement;
-			if (textarea.selectionStart === 0 && textarea.selectionEnd === 0) {
-				event.preventDefault();
-				onMergeBlockWithPrevious?.(block.id);
-			}
-		}
-	}}
-	{shouldFocus}
-	{focusPosition}
-	{onFocused}
-	className="text-[16px] leading-7 text-zinc-700 placeholder:text-zinc-300"
-	placeholder="Block content"
-/>

package/dist/components/Library/ArticleEditor/ArticleBlockImage.svelte.d.ts

@@ -1,9 +0,0 @@
-import type { BlockDraft } from './types.js';
-type $$ComponentProps = {
-    block: BlockDraft;
-    titleFallback: string;
-    onUpdate: (id: string, patch: Partial<BlockDraft>) => void;
-};
-declare const ArticleBlockImage: import("svelte").Component<$$ComponentProps, {}, "">;
-type ArticleBlockImage = ReturnType<typeof ArticleBlockImage>;
-export default ArticleBlockImage;

package/dist/components/Library/ArticleEditor/ArticleBlockParagraph.svelte.d.ts

@@ -1,15 +0,0 @@
-import type { BlockDraft } from './types.js';
-type $$ComponentProps = {
-    block: BlockDraft;
-    onUpdate: (id: string, patch: Partial<BlockDraft>) => void;
-    onCreateParagraphAfter?: (id: string, text?: string, currentText?: string | null) => void;
-    onMergeBlockWithPrevious?: (id: string) => void;
-    onConvertToList?: (id: string, kind: 'bullet_list' | 'numbered_list') => void;
-    onRemoveBlock?: (id: string) => void;
-    shouldFocus?: boolean;
-    focusPosition?: number | null;
-    onFocused?: () => void;
-};
-declare const ArticleBlockParagraph: import("svelte").Component<$$ComponentProps, {}, "">;
-type ArticleBlockParagraph = ReturnType<typeof ArticleBlockParagraph>;
-export default ArticleBlockParagraph;

package/dist/components/Library/ArticleEditor/ArticleImagePreview.svelte.d.ts

@@ -1,8 +0,0 @@
-type $$ComponentProps = {
-    src?: string | null;
-    alt: string;
-    aspectRatio?: string;
-};
-declare const ArticleImagePreview: import("svelte").Component<$$ComponentProps, {}, "">;
-type ArticleImagePreview = ReturnType<typeof ArticleImagePreview>;
-export default ArticleImagePreview;