prosekit-registry 0.0.16 → 0.0.18

package/dist/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "prosekit-registry",
+  "version": "0.0.2",
+  "private": false,
+  "license": "MIT",
+  "repository": "github:prosekit/prosekit"
+}

package/dist/r/lit-example-minimal.json

@@ -5,7 +5,7 @@
   "description": "Minimal editor setup with basic functionality.",
   "registryDependencies": [],
   "dependencies": [
-    "prosekit@^0.20.0-beta.5"
+    "prosekit@^0.20.0-beta.6"
   ],
   "files": [
     {

package/dist/r/lit-example-slash-menu.json

@@ -9,7 +9,7 @@
   ],
   "dependencies": [
     "@lit/context",
-    "prosekit@^0.20.0-beta.5"
+    "prosekit@^0.20.0-beta.6"
   ],
   "files": [
     {

package/dist/r/lit-example-table.json

@@ -10,7 +10,7 @@
   ],
   "dependencies": [
     "@lit/context",
-    "prosekit@^0.20.0-beta.5"
+    "prosekit@^0.20.0-beta.6"
   ],
   "files": [
     {

package/dist/r/lit-example-toolbar.json

@@ -10,7 +10,7 @@
   ],
   "dependencies": [
     "@lit/context",
-    "prosekit@^0.20.0-beta.5"
+    "prosekit@^0.20.0-beta.6"
   ],
   "files": [
     {

package/dist/r/lit-sample-sample-doc-table.json

@@ -5,7 +5,7 @@
   "description": "",
   "registryDependencies": [],
   "dependencies": [
-    "prosekit@^0.20.0-beta.5"
+    "prosekit@^0.20.0-beta.6"
   ],
   "files": [
     {

package/dist/r/lit-sample-sample-uploader.json

@@ -5,7 +5,7 @@
   "description": "",
   "registryDependencies": [],
   "dependencies": [
-    "prosekit@^0.20.0-beta.5"
+    "prosekit@^0.20.0-beta.6"
   ],
   "files": [
     {

package/dist/r/lit-ui-button.json

@@ -5,7 +5,7 @@
   "description": "",
   "registryDependencies": [],
   "dependencies": [
-    "prosekit@^0.20.0-beta.5"
+    "prosekit@^0.20.0-beta.6"
   ],
   "files": [
     {

package/dist/r/lit-ui-editor-context.json

@@ -6,7 +6,7 @@
   "registryDependencies": [],
   "dependencies": [
     "@lit/context",
-    "prosekit@^0.20.0-beta.5"
+    "prosekit@^0.20.0-beta.6"
   ],
   "files": [
     {

package/dist/r/lit-ui-image-upload-popover.json

@@ -7,14 +7,14 @@
     "https://unpkg.com/prosekit-registry/dist/r/lit-ui-button.json"
   ],
   "dependencies": [
-    "prosekit@^0.20.0-beta.5"
+    "prosekit@^0.20.0-beta.6"
   ],
   "files": [
     {
       "path": "registry/src/lit/ui/image-upload-popover/image-upload-popover.ts",
       "type": "registry:component",
       "target": "components/editor/ui/image-upload-popover/image-upload-popover.ts",
-      "content": "import '../button/index'\n\nimport { html, LitElement, nothing, type PropertyDeclaration } from 'lit'\nimport type { Editor } from 'prosekit/core'\nimport type { Uploader } from 'prosekit/extensions/file'\nimport type { ImageExtension } from 'prosekit/extensions/image'\nimport type { OpenChangeEvent } from 'prosekit/lit/popover'\n\nlet imageUploadId = 0\n\nclass LitImageUploadPopover extends LitElement {\n  static override properties = {\n    editor: { attribute: false } satisfies PropertyDeclaration<Editor>,\n    uploader: { attribute: false } satisfies PropertyDeclaration<Uploader<string>>,\n    tooltip: { type: String },\n    disabled: { type: Boolean },\n    icon: { type: String },\n  }\n\n  editor?: Editor<ImageExtension>\n  uploader?: Uploader<string>\n  tooltip = ''\n  disabled = false\n  icon = ''\n\n  private open = false\n  private url = ''\n  private file: File | null = null\n  private ariaId = `lit-image-upload-${imageUploadId++}`\n\n  override createRenderRoot() {\n    return this\n  }\n\n  override connectedCallback() {\n    super.connectedCallback()\n    this.classList.add('contents')\n  }\n\n  private handleOpenChange = (event: OpenChangeEvent) => {\n    if (!event.detail) {\n      this.deferResetState()\n    }\n\n    this.open = event.detail\n    this.requestUpdate()\n  }\n\n  private handleFileChange = (event: Event) => {\n    const target = event.target as HTMLInputElement\n    const selectedFile = target.files?.[0]\n\n    if (selectedFile) {\n      this.file = selectedFile\n      this.url = ''\n    } else {\n      this.file = null\n    }\n\n    this.requestUpdate()\n  }\n\n  private handleUrlChange = (event: Event) => {\n    const target = event.target as HTMLInputElement\n    const inputUrl = target.value\n\n    if (inputUrl) {\n      this.url = inputUrl\n      this.file = null\n    } else {\n      this.url = ''\n    }\n\n    this.requestUpdate()\n  }\n\n  private deferResetState() {\n    setTimeout(() => {\n      this.url = ''\n      this.file = null\n      this.requestUpdate()\n    }, 300)\n  }\n\n  private handleSubmit = () => {\n    const editor = this.editor\n    if (!editor) return\n\n    if (this.url) {\n      editor.commands.insertImage({ src: this.url })\n    } else if (this.file && this.uploader) {\n      editor.commands.uploadImage({ file: this.file, uploader: this.uploader })\n    }\n\n    this.open = false\n    this.deferResetState()\n    this.requestUpdate()\n  }\n\n  override render() {\n    return html`\n      <prosekit-popover-root .open=${this.open} @open-change=${this.handleOpenChange}>\n        <prosekit-popover-trigger>\n          <lit-editor-button\n            .pressed=${this.open}\n            .disabled=${this.disabled}\n            .tooltip=${this.tooltip}\n            .icon=${this.icon}\n          ></lit-editor-button>\n        </prosekit-popover-trigger>\n\n        <prosekit-popover-positioner placement=\"bottom\" class=\"block overflow-visible w-min h-min z-50 ease-out transition-transform duration-100 motion-reduce:transition-none\">\n          <prosekit-popover-popup class=\"box-border origin-(--transform-origin) transition transition-discrete motion-reduce:transition-none data-[state=closed]:duration-150 data-[state=closed]:opacity-0 starting:opacity-0 data-[state=closed]:scale-95 starting:scale-95 duration-40 rounded-lg border border-gray-200 dark:border-gray-800 bg-white dark:bg-gray-950 shadow-lg flex flex-col gap-y-4 p-6 text-sm w-sm\">\n            ${!this.file\n              ? html`\n                  <label for=\"id-link-${this.ariaId}\">Embed Link</label>\n                  <input\n                    id=\"id-link-${this.ariaId}\"\n                    class=\"flex h-9 rounded-md w-full bg-white dark:bg-gray-950 px-3 py-2 text-sm placeholder:text-gray-500 dark:placeholder:text-gray-500 transition border box-border border-gray-200 dark:border-gray-800 border-solid ring-0 ring-transparent focus-visible:ring-2 focus-visible:ring-gray-900 dark:focus-visible:ring-gray-300 focus-visible:ring-offset-0 outline-hidden focus-visible:outline-hidden file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:cursor-not-allowed disabled:opacity-50\"\n                    placeholder=\"Paste the image link...\"\n                    type=\"url\"\n                    .value=${this.url}\n                    @input=${this.handleUrlChange}\n                  />\n                `\n              : nothing}\n            ${!this.url\n              ? html`\n                  <label for=\"id-upload-${this.ariaId}\">Upload</label>\n                  <input\n                    id=\"id-upload-${this.ariaId}\"\n                    class=\"flex h-9 rounded-md w-full bg-white dark:bg-gray-950 px-3 py-2 text-sm placeholder:text-gray-500 dark:placeholder:text-gray-500 transition border box-border border-gray-200 dark:border-gray-800 border-solid ring-0 ring-transparent focus-visible:ring-2 focus-visible:ring-gray-900 dark:focus-visible:ring-gray-300 focus-visible:ring-offset-0 outline-hidden focus-visible:outline-hidden file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:cursor-not-allowed disabled:opacity-50\"\n                    accept=\"image/*\"\n                    type=\"file\"\n                    @change=${this.handleFileChange}\n                  />\n                `\n              : nothing}\n            ${this.url\n              ? html`\n                  <button class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-white dark:ring-offset-gray-950 transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-gray-900 dark:focus-visible:ring-gray-300 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border-0 bg-gray-900 dark:bg-gray-50 text-gray-50 dark:text-gray-900 hover:bg-gray-900/90 dark:hover:bg-gray-50/90 h-10 px-4 py-2 w-full\" @click=${this.handleSubmit}>\n                    Insert Image\n                  </button>\n                `\n              : nothing}\n            ${this.file\n              ? html`\n                  <button class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-white dark:ring-offset-gray-950 transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-gray-900 dark:focus-visible:ring-gray-300 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border-0 bg-gray-900 dark:bg-gray-50 text-gray-50 dark:text-gray-900 hover:bg-gray-900/90 dark:hover:bg-gray-50/90 h-10 px-4 py-2 w-full\" @click=${this.handleSubmit}>\n                    Upload Image\n                  </button>\n                `\n              : nothing}\n          </prosekit-popover-popup>\n        </prosekit-popover-positioner>\n      </prosekit-popover-root>\n    `\n  }\n}\n\ncustomElements.define('lit-editor-image-upload-popover', LitImageUploadPopover)\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lit-editor-image-upload-popover': LitImageUploadPopover\n  }\n}\n"
+      "content": "import '../button/index'\n\nimport { html, LitElement, nothing, type PropertyDeclaration } from 'lit'\nimport type { Editor } from 'prosekit/core'\nimport type { Uploader } from 'prosekit/extensions/file'\nimport type { ImageExtension } from 'prosekit/extensions/image'\nimport type { OpenChangeEvent } from 'prosekit/lit/popover'\n\nlet imageUploadId = 0\n\nclass LitImageUploadPopover extends LitElement {\n  static override properties = {\n    editor: { attribute: false } satisfies PropertyDeclaration<Editor>,\n    uploader: { attribute: false } satisfies PropertyDeclaration<Uploader<string>>,\n    tooltip: { type: String },\n    disabled: { type: Boolean },\n    icon: { type: String },\n  }\n\n  editor?: Editor<ImageExtension>\n  uploader?: Uploader<string>\n  tooltip = ''\n  disabled = false\n  icon = ''\n\n  private open = false\n  private url = ''\n  private file: File | null = null\n  private ariaId = `lit-image-upload-${imageUploadId++}`\n\n  override createRenderRoot() {\n    return this\n  }\n\n  override connectedCallback() {\n    super.connectedCallback()\n    this.classList.add('contents')\n  }\n\n  private handleOpenChange = (event: OpenChangeEvent) => {\n    if (!event.detail) {\n      this.deferResetState()\n    }\n\n    this.open = event.detail\n    this.requestUpdate()\n  }\n\n  private handleFileChange = (event: Event) => {\n    const target = event.target as HTMLInputElement\n    const selectedFile = target.files?.[0]\n\n    if (selectedFile) {\n      this.file = selectedFile\n      this.url = ''\n    } else {\n      this.file = null\n    }\n\n    this.requestUpdate()\n  }\n\n  private handleUrlChange = (event: Event) => {\n    const target = event.target as HTMLInputElement\n    const inputUrl = target.value\n\n    if (inputUrl) {\n      this.url = inputUrl\n      this.file = null\n    } else {\n      this.url = ''\n    }\n\n    this.requestUpdate()\n  }\n\n  private deferResetState() {\n    setTimeout(() => {\n      this.url = ''\n      this.file = null\n      this.requestUpdate()\n    }, 300)\n  }\n\n  private handleSubmit = () => {\n    const editor = this.editor\n    if (!editor) return\n\n    if (this.url) {\n      editor.commands.insertImage({ src: this.url })\n    } else if (this.file && this.uploader) {\n      editor.commands.uploadImage({ file: this.file, uploader: this.uploader })\n    }\n\n    this.open = false\n    this.deferResetState()\n    this.requestUpdate()\n  }\n\n  override render() {\n    return html`\n      <prosekit-popover-root .open=${this.open} @open-change=${this.handleOpenChange}>\n        <prosekit-popover-trigger>\n          <lit-editor-button\n            .pressed=${this.open}\n            .disabled=${this.disabled}\n            .tooltip=${this.tooltip}\n            .icon=${this.icon}\n          ></lit-editor-button>\n        </prosekit-popover-trigger>\n\n        <prosekit-popover-positioner placement=\"bottom\" class=\"block overflow-visible w-min h-min z-50 ease-out transition-transform duration-100 motion-reduce:transition-none\">\n          <prosekit-popover-popup class=\"box-border origin-(--transform-origin) transition transition-discrete motion-reduce:transition-none data-[state=closed]:duration-150 data-[state=closed]:opacity-0 starting:opacity-0 data-[state=closed]:scale-95 starting:scale-95 duration-40 rounded-lg border border-gray-200 dark:border-gray-800 bg-white dark:bg-gray-950 shadow-lg overscroll-none flex flex-col gap-y-4 p-6 text-sm w-sm\">\n            ${!this.file\n              ? html`\n                  <label for=\"id-link-${this.ariaId}\">Embed Link</label>\n                  <input\n                    id=\"id-link-${this.ariaId}\"\n                    class=\"flex h-9 rounded-md w-full bg-white dark:bg-gray-950 px-3 py-2 text-sm placeholder:text-gray-500 dark:placeholder:text-gray-500 transition border box-border border-gray-200 dark:border-gray-800 border-solid ring-0 ring-transparent focus-visible:ring-2 focus-visible:ring-gray-900 dark:focus-visible:ring-gray-300 focus-visible:ring-offset-0 outline-hidden focus-visible:outline-hidden file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:cursor-not-allowed disabled:opacity-50\"\n                    placeholder=\"Paste the image link...\"\n                    type=\"url\"\n                    .value=${this.url}\n                    @input=${this.handleUrlChange}\n                  />\n                `\n              : nothing}\n            ${!this.url\n              ? html`\n                  <label for=\"id-upload-${this.ariaId}\">Upload</label>\n                  <input\n                    id=\"id-upload-${this.ariaId}\"\n                    class=\"flex h-9 rounded-md w-full bg-white dark:bg-gray-950 px-3 py-2 text-sm placeholder:text-gray-500 dark:placeholder:text-gray-500 transition border box-border border-gray-200 dark:border-gray-800 border-solid ring-0 ring-transparent focus-visible:ring-2 focus-visible:ring-gray-900 dark:focus-visible:ring-gray-300 focus-visible:ring-offset-0 outline-hidden focus-visible:outline-hidden file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:cursor-not-allowed disabled:opacity-50\"\n                    accept=\"image/*\"\n                    type=\"file\"\n                    @change=${this.handleFileChange}\n                  />\n                `\n              : nothing}\n            ${this.url\n              ? html`\n                  <button class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-white dark:ring-offset-gray-950 transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-gray-900 dark:focus-visible:ring-gray-300 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border-0 bg-gray-900 dark:bg-gray-50 text-gray-50 dark:text-gray-900 hover:bg-gray-900/90 dark:hover:bg-gray-50/90 h-10 px-4 py-2 w-full\" @click=${this.handleSubmit}>\n                    Insert Image\n                  </button>\n                `\n              : nothing}\n            ${this.file\n              ? html`\n                  <button class=\"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-white dark:ring-offset-gray-950 transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-gray-900 dark:focus-visible:ring-gray-300 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border-0 bg-gray-900 dark:bg-gray-50 text-gray-50 dark:text-gray-900 hover:bg-gray-900/90 dark:hover:bg-gray-50/90 h-10 px-4 py-2 w-full\" @click=${this.handleSubmit}>\n                    Upload Image\n                  </button>\n                `\n              : nothing}\n          </prosekit-popover-popup>\n        </prosekit-popover-positioner>\n      </prosekit-popover-root>\n    `\n  }\n}\n\ncustomElements.define('lit-editor-image-upload-popover', LitImageUploadPopover)\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lit-editor-image-upload-popover': LitImageUploadPopover\n  }\n}\n"
     },
     {
       "path": "registry/src/lit/ui/image-upload-popover/index.ts",

package/dist/r/lit-ui-slash-menu.json

@@ -8,7 +8,7 @@
   ],
   "dependencies": [
     "@lit/context",
-    "prosekit@^0.20.0-beta.5"
+    "prosekit@^0.20.0-beta.6"
   ],
   "files": [
     {
@@ -33,7 +33,7 @@
       "path": "registry/src/lit/ui/slash-menu/slash-menu.ts",
       "type": "registry:component",
       "target": "components/editor/ui/slash-menu/slash-menu.ts",
-      "content": "import 'prosekit/lit/autocomplete'\n\nimport { ContextConsumer } from '@lit/context'\nimport { html, LitElement } from 'lit'\nimport type { BasicExtension } from 'prosekit/basic'\nimport type { Editor } from 'prosekit/core'\nimport { canUseRegexLookbehind } from 'prosekit/core'\n\nimport { editorContext } from '../editor-context'\n\n// Match inputs like \"/\", \"/table\", \"/heading 1\" etc. Do not match \"/ heading\".\nconst regex = canUseRegexLookbehind() ? /(?<!\\S)\\/(\\S.*)?$/u : /\\/(\\S.*)?$/u\n\nclass SlashMenuElement extends LitElement {\n  private editorConsumer = new ContextConsumer(this, {\n    context: editorContext,\n    subscribe: true,\n  })\n\n  override createRenderRoot() {\n    return this\n  }\n\n  override render() {\n    const editor = this.editorConsumer.value as Editor<BasicExtension> | undefined\n    if (!editor) {\n      return html``\n    }\n\n    return html`<prosekit-autocomplete-root .editor=${editor} .regex=${regex}>\n      <prosekit-autocomplete-positioner class=\"block overflow-visible w-min h-min z-50 ease-out transition-transform duration-100 motion-reduce:transition-none\">\n        <prosekit-autocomplete-popup class=\"box-border origin-(--transform-origin) transition transition-discrete motion-reduce:transition-none data-[state=closed]:duration-150 data-[state=closed]:opacity-0 starting:opacity-0 data-[state=closed]:scale-95 starting:scale-95 duration-40 rounded-lg border border-gray-200 dark:border-gray-800 bg-white dark:bg-gray-950 shadow-lg flex flex-col relative max-h-100 min-w-60 select-none overflow-auto whitespace-nowrap p-1\">\n          <lit-editor-slash-menu-item\n            class=\"contents\"\n            label=\"Text\"\n            @select=${() => editor.commands.setParagraph()}\n          ></lit-editor-slash-menu-item>\n          <lit-editor-slash-menu-item\n            class=\"contents\"\n            label=\"Heading 1\"\n            kbd=\"#\"\n            @select=${() => editor.commands.setHeading({ level: 1 })}\n          ></lit-editor-slash-menu-item>\n          <lit-editor-slash-menu-item\n            class=\"contents\"\n            label=\"Heading 2\"\n            kbd=\"##\"\n            @select=${() => editor.commands.setHeading({ level: 2 })}\n          ></lit-editor-slash-menu-item>\n          <lit-editor-slash-menu-item\n            class=\"contents\"\n            label=\"Heading 3\"\n            kbd=\"###\"\n            @select=${() => editor.commands.setHeading({ level: 3 })}\n          ></lit-editor-slash-menu-item>\n          <lit-editor-slash-menu-item\n            class=\"contents\"\n            label=\"Bullet list\"\n            kbd=\"-\"\n            @select=${() => editor.commands.wrapInList({ kind: 'bullet' })}\n          ></lit-editor-slash-menu-item>\n          <lit-editor-slash-menu-item\n            class=\"contents\"\n            label=\"Ordered list\"\n            kbd=\"1.\"\n            @select=${() => editor.commands.wrapInList({ kind: 'ordered' })}\n          ></lit-editor-slash-menu-item>\n          <lit-editor-slash-menu-item\n            class=\"contents\"\n            label=\"Task list\"\n            kbd=\"[]\"\n            @select=${() => editor.commands.wrapInList({ kind: 'task' })}\n          ></lit-editor-slash-menu-item>\n          <lit-editor-slash-menu-item\n            class=\"contents\"\n            label=\"Toggle list\"\n            kbd=\">>\"\n            @select=${() => editor.commands.wrapInList({ kind: 'toggle' })}\n          ></lit-editor-slash-menu-item>\n          <lit-editor-slash-menu-item\n            class=\"contents\"\n            label=\"Quote\"\n            kbd=\">\"\n            @select=${() => editor.commands.setBlockquote()}\n          ></lit-editor-slash-menu-item>\n          <lit-editor-slash-menu-item\n            class=\"contents\"\n            label=\"Table\"\n            @select=${() => editor.commands.insertTable({ row: 3, col: 3 })}\n          ></lit-editor-slash-menu-item>\n          <lit-editor-slash-menu-item\n            class=\"contents\"\n            label=\"Divider\"\n            kbd=\"---\"\n            @select=${() => editor.commands.insertHorizontalRule()}\n          ></lit-editor-slash-menu-item>\n          <lit-editor-slash-menu-item\n            class=\"contents\"\n            label=\"Code\"\n            kbd=\"\\`\\`\\`\"\n            @select=${() => editor.commands.setCodeBlock()}\n          ></lit-editor-slash-menu-item>\n          <lit-editor-slash-menu-empty class=\"contents\"></lit-editor-slash-menu-empty>\n        </prosekit-autocomplete-popup>\n      </prosekit-autocomplete-positioner>\n    </prosekit-autocomplete-root>`\n  }\n}\n\ncustomElements.define('lit-editor-slash-menu', SlashMenuElement)\n"
+      "content": "import 'prosekit/lit/autocomplete'\n\nimport { ContextConsumer } from '@lit/context'\nimport { html, LitElement } from 'lit'\nimport type { BasicExtension } from 'prosekit/basic'\nimport type { Editor } from 'prosekit/core'\nimport { canUseRegexLookbehind } from 'prosekit/core'\n\nimport { editorContext } from '../editor-context'\n\n// Match inputs like \"/\", \"/table\", \"/heading 1\" etc. Do not match \"/ heading\".\nconst regex = canUseRegexLookbehind() ? /(?<!\\S)\\/(\\S.*)?$/u : /\\/(\\S.*)?$/u\n\nclass SlashMenuElement extends LitElement {\n  private editorConsumer = new ContextConsumer(this, {\n    context: editorContext,\n    subscribe: true,\n  })\n\n  override createRenderRoot() {\n    return this\n  }\n\n  override render() {\n    const editor = this.editorConsumer.value as Editor<BasicExtension> | undefined\n    if (!editor) {\n      return html``\n    }\n\n    return html`<prosekit-autocomplete-root .editor=${editor} .regex=${regex}>\n      <prosekit-autocomplete-positioner class=\"block overflow-visible w-min h-min z-50 ease-out transition-transform duration-100 motion-reduce:transition-none\">\n        <prosekit-autocomplete-popup class=\"box-border origin-(--transform-origin) transition transition-discrete motion-reduce:transition-none data-[state=closed]:duration-150 data-[state=closed]:opacity-0 starting:opacity-0 data-[state=closed]:scale-95 starting:scale-95 duration-40 rounded-lg border border-gray-200 dark:border-gray-800 bg-white dark:bg-gray-950 shadow-lg overscroll-none flex flex-col relative max-h-100 min-w-60 select-none overflow-auto whitespace-nowrap p-1\">\n          <lit-editor-slash-menu-item\n            class=\"contents\"\n            label=\"Text\"\n            @select=${() => editor.commands.setParagraph()}\n          ></lit-editor-slash-menu-item>\n          <lit-editor-slash-menu-item\n            class=\"contents\"\n            label=\"Heading 1\"\n            kbd=\"#\"\n            @select=${() => editor.commands.setHeading({ level: 1 })}\n          ></lit-editor-slash-menu-item>\n          <lit-editor-slash-menu-item\n            class=\"contents\"\n            label=\"Heading 2\"\n            kbd=\"##\"\n            @select=${() => editor.commands.setHeading({ level: 2 })}\n          ></lit-editor-slash-menu-item>\n          <lit-editor-slash-menu-item\n            class=\"contents\"\n            label=\"Heading 3\"\n            kbd=\"###\"\n            @select=${() => editor.commands.setHeading({ level: 3 })}\n          ></lit-editor-slash-menu-item>\n          <lit-editor-slash-menu-item\n            class=\"contents\"\n            label=\"Bullet list\"\n            kbd=\"-\"\n            @select=${() => editor.commands.wrapInList({ kind: 'bullet' })}\n          ></lit-editor-slash-menu-item>\n          <lit-editor-slash-menu-item\n            class=\"contents\"\n            label=\"Ordered list\"\n            kbd=\"1.\"\n            @select=${() => editor.commands.wrapInList({ kind: 'ordered' })}\n          ></lit-editor-slash-menu-item>\n          <lit-editor-slash-menu-item\n            class=\"contents\"\n            label=\"Task list\"\n            kbd=\"[]\"\n            @select=${() => editor.commands.wrapInList({ kind: 'task' })}\n          ></lit-editor-slash-menu-item>\n          <lit-editor-slash-menu-item\n            class=\"contents\"\n            label=\"Toggle list\"\n            kbd=\">>\"\n            @select=${() => editor.commands.wrapInList({ kind: 'toggle' })}\n          ></lit-editor-slash-menu-item>\n          <lit-editor-slash-menu-item\n            class=\"contents\"\n            label=\"Quote\"\n            kbd=\">\"\n            @select=${() => editor.commands.setBlockquote()}\n          ></lit-editor-slash-menu-item>\n          <lit-editor-slash-menu-item\n            class=\"contents\"\n            label=\"Table\"\n            @select=${() => editor.commands.insertTable({ row: 3, col: 3 })}\n          ></lit-editor-slash-menu-item>\n          <lit-editor-slash-menu-item\n            class=\"contents\"\n            label=\"Divider\"\n            kbd=\"---\"\n            @select=${() => editor.commands.insertHorizontalRule()}\n          ></lit-editor-slash-menu-item>\n          <lit-editor-slash-menu-item\n            class=\"contents\"\n            label=\"Code\"\n            kbd=\"\\`\\`\\`\"\n            @select=${() => editor.commands.setCodeBlock()}\n          ></lit-editor-slash-menu-item>\n          <lit-editor-slash-menu-empty class=\"contents\"></lit-editor-slash-menu-empty>\n        </prosekit-autocomplete-popup>\n      </prosekit-autocomplete-positioner>\n    </prosekit-autocomplete-root>`\n  }\n}\n\ncustomElements.define('lit-editor-slash-menu', SlashMenuElement)\n"
     }
   ],
   "meta": {

package/dist/r/lit-ui-table-handle.json

@@ -10,7 +10,7 @@
     "@egoist/tailwindcss-icons",
     "@iconify-json/lucide",
     "@lit/context",
-    "prosekit@^0.20.0-beta.5"
+    "prosekit@^0.20.0-beta.6"
   ],
   "files": [
     {
@@ -23,7 +23,7 @@
       "path": "registry/src/lit/ui/table-handle/table-handle.ts",
       "type": "registry:component",
       "target": "components/editor/ui/table-handle/table-handle.ts",
-      "content": "import 'prosekit/lit/table-handle'\nimport 'prosekit/web/menu'\n\nimport { ContextConsumer } from '@lit/context'\nimport { html, LitElement, nothing, type PropertyDeclaration, type PropertyValues } from 'lit'\nimport type { Editor } from 'prosekit/core'\nimport { defineUpdateHandler } from 'prosekit/core'\nimport type { TableExtension } from 'prosekit/extensions/table'\n\nimport { editorContext } from '../editor-context'\n\nfunction getTableHandleState(editor: Editor<TableExtension>) {\n  return {\n    addTableColumnBefore: {\n      canExec: editor.commands.addTableColumnBefore.canExec(),\n      command: () => editor.commands.addTableColumnBefore(),\n    },\n    addTableColumnAfter: {\n      canExec: editor.commands.addTableColumnAfter.canExec(),\n      command: () => editor.commands.addTableColumnAfter(),\n    },\n    deleteCellSelection: {\n      canExec: editor.commands.deleteCellSelection.canExec(),\n      command: () => editor.commands.deleteCellSelection(),\n    },\n    deleteTableColumn: {\n      canExec: editor.commands.deleteTableColumn.canExec(),\n      command: () => editor.commands.deleteTableColumn(),\n    },\n    addTableRowAbove: {\n      canExec: editor.commands.addTableRowAbove.canExec(),\n      command: () => editor.commands.addTableRowAbove(),\n    },\n    addTableRowBelow: {\n      canExec: editor.commands.addTableRowBelow.canExec(),\n      command: () => editor.commands.addTableRowBelow(),\n    },\n    deleteTableRow: {\n      canExec: editor.commands.deleteTableRow.canExec(),\n      command: () => editor.commands.deleteTableRow(),\n    },\n    deleteTable: {\n      canExec: editor.commands.deleteTable.canExec(),\n      command: () => editor.commands.deleteTable(),\n    },\n  }\n}\n\nclass LitTableHandle extends LitElement {\n  static override properties = {\n    dir: { type: String } satisfies PropertyDeclaration<'ltr' | 'rtl'>,\n  }\n\n  override dir: string = ''\n\n  private editorConsumer = new ContextConsumer(this, {\n    context: editorContext,\n    subscribe: true,\n  })\n\n  private removeUpdateExtension?: VoidFunction\n\n  override createRenderRoot() {\n    return this\n  }\n\n  override connectedCallback() {\n    super.connectedCallback()\n    this.classList.add('contents')\n    this.attachEditorListener()\n  }\n\n  override disconnectedCallback() {\n    this.detachEditorListener()\n    super.disconnectedCallback()\n  }\n\n  override updated(changedProperties: PropertyValues) {\n    super.updated(changedProperties)\n    this.attachEditorListener()\n  }\n\n  private attachEditorListener() {\n    this.detachEditorListener()\n\n    const editor = this.editorConsumer.value\n    if (!editor) return\n\n    this.removeUpdateExtension = editor.use(defineUpdateHandler(() => this.requestUpdate()))\n  }\n\n  private detachEditorListener() {\n    this.removeUpdateExtension?.()\n    this.removeUpdateExtension = undefined\n  }\n\n  override render() {\n    const editor = this.editorConsumer.value as Editor<TableExtension> | undefined\n    if (!editor) {\n      return nothing\n    }\n\n    const state = getTableHandleState(editor)\n    const placement = this.dir === 'rtl' ? 'right' : 'left'\n\n    return html`<prosekit-table-handle-root .editor=${editor}>\n      <prosekit-table-handle-drag-preview .editor=${editor}></prosekit-table-handle-drag-preview>\n      <prosekit-table-handle-drop-indicator\n        .editor=${editor}\n      ></prosekit-table-handle-drop-indicator>\n      <prosekit-table-handle-column-positioner\n        .editor=${editor}\n        class=\"block overflow-visible w-min h-min z-50 ease-out transition-transform duration-100 motion-reduce:transition-none\"\n      >\n        <prosekit-table-handle-column-popup class=\"translate-y-[50%] flex box-border origin-(--transform-origin) transition transition-discrete motion-reduce:transition-none duration-100 data-[state=closed]:duration-150 data-[state=closed]:opacity-0 starting:opacity-0 data-[state=closed]:scale-95 starting:scale-95\">\n          <prosekit-table-handle-column-menu-root>\n            <prosekit-table-handle-column-menu-trigger\n              .editor=${editor}\n              class=\"h-4.5 w-6 flex items-center box-border justify-center bg-white dark:bg-gray-950 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-400/50 border border-gray-200 dark:border-gray-800 border-solid p-0 transition-colors overflow-clip\"\n            >\n              <div class=\"i-lucide-grip-horizontal size-5 min-h-5 min-w-5 block\"></div>\n            </prosekit-table-handle-column-menu-trigger>\n            <prosekit-menu-positioner class=\"block overflow-visible w-min h-min z-50 ease-out transition-transform duration-100 motion-reduce:transition-none\">\n              <prosekit-menu-popup class=\"box-border origin-(--transform-origin) transition transition-discrete motion-reduce:transition-none data-[state=closed]:duration-150 data-[state=closed]:opacity-0 starting:opacity-0 data-[state=closed]:scale-95 starting:scale-95 duration-40 rounded-lg border border-gray-200 dark:border-gray-800 bg-white dark:bg-gray-950 shadow-lg relative flex flex-col max-h-100 min-w-32 select-none overflow-auto whitespace-nowrap p-1 outline-none\">\n                ${state.addTableColumnBefore.canExec\n                  ? html`<prosekit-menu-item\n                      class=\"relative min-w-32 scroll-my-1 rounded-sm px-3 py-1.5 flex items-center justify-between gap-8 data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 hover:data-[disabled=true]:opacity-50 data-danger:text-red-500 box-border cursor-default select-none whitespace-nowrap outline-hidden data-highlighted:bg-gray-100 dark:data-highlighted:bg-gray-800\"\n                      @select=${state.addTableColumnBefore.command}\n                    >\n                      <span>Insert Left</span>\n                    </prosekit-menu-item>`\n                  : nothing}\n                ${state.addTableColumnAfter.canExec\n                  ? html`<prosekit-menu-item\n                      class=\"relative min-w-32 scroll-my-1 rounded-sm px-3 py-1.5 flex items-center justify-between gap-8 data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 hover:data-[disabled=true]:opacity-50 data-danger:text-red-500 box-border cursor-default select-none whitespace-nowrap outline-hidden data-highlighted:bg-gray-100 dark:data-highlighted:bg-gray-800\"\n                      @select=${state.addTableColumnAfter.command}\n                    >\n                      <span>Insert Right</span>\n                    </prosekit-menu-item>`\n                  : nothing}\n                ${state.deleteCellSelection.canExec\n                  ? html`<prosekit-menu-item\n                      class=\"relative min-w-32 scroll-my-1 rounded-sm px-3 py-1.5 flex items-center justify-between gap-8 data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 hover:data-[disabled=true]:opacity-50 data-danger:text-red-500 box-border cursor-default select-none whitespace-nowrap outline-hidden data-highlighted:bg-gray-100 dark:data-highlighted:bg-gray-800\"\n                      @select=${state.deleteCellSelection.command}\n                    >\n                      <span>Clear Contents</span>\n                      <span class=\"text-xs tracking-widest text-gray-500 dark:text-gray-500\">Del</span>\n                    </prosekit-menu-item>`\n                  : nothing}\n                ${state.deleteTableColumn.canExec\n                  ? html`<prosekit-menu-item\n                      class=\"relative min-w-32 scroll-my-1 rounded-sm px-3 py-1.5 flex items-center justify-between gap-8 data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 hover:data-[disabled=true]:opacity-50 data-danger:text-red-500 box-border cursor-default select-none whitespace-nowrap outline-hidden data-highlighted:bg-gray-100 dark:data-highlighted:bg-gray-800\"\n                      @select=${state.deleteTableColumn.command}\n                    >\n                      <span>Delete Column</span>\n                    </prosekit-menu-item>`\n                  : nothing}\n                ${state.deleteTable.canExec\n                  ? html`<prosekit-menu-item\n                      class=\"relative min-w-32 scroll-my-1 rounded-sm px-3 py-1.5 flex items-center justify-between gap-8 data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 hover:data-[disabled=true]:opacity-50 data-danger:text-red-500 box-border cursor-default select-none whitespace-nowrap outline-hidden data-highlighted:bg-gray-100 dark:data-highlighted:bg-gray-800\"\n                      data-danger=\"\"\n                      @select=${state.deleteTable.command}\n                    >\n                      <span>Delete Table</span>\n                    </prosekit-menu-item>`\n                  : nothing}\n              </prosekit-menu-popup>\n            </prosekit-menu-positioner>\n          </prosekit-table-handle-column-menu-root>\n        </prosekit-table-handle-column-popup>\n      </prosekit-table-handle-column-positioner>\n      <prosekit-table-handle-row-positioner\n        .editor=${editor}\n        .placement=${placement}\n        class=\"block overflow-visible w-min h-min z-50 ease-out transition-transform duration-100 motion-reduce:transition-none\"\n      >\n        <prosekit-table-handle-row-popup class=\"ltr:translate-x-[50%] rtl:translate-x-[-50%] flex box-border origin-(--transform-origin) transition transition-discrete motion-reduce:transition-none duration-100 data-[state=closed]:duration-150 data-[state=closed]:opacity-0 starting:opacity-0 data-[state=closed]:scale-95 starting:scale-95\">\n          <prosekit-table-handle-row-menu-root>\n            <prosekit-table-handle-row-menu-trigger\n              .editor=${editor}\n              class=\"h-6 w-4.5 flex items-center box-border justify-center bg-white dark:bg-gray-950 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-400/50 border border-gray-200 dark:border-gray-800 border-solid p-0 transition-colors overflow-clip\"\n            >\n              <div class=\"i-lucide-grip-vertical size-5 min-h-5 min-w-5 block\"></div>\n            </prosekit-table-handle-row-menu-trigger>\n            <prosekit-menu-positioner class=\"block overflow-visible w-min h-min z-50 ease-out transition-transform duration-100 motion-reduce:transition-none\">\n              <prosekit-menu-popup class=\"box-border origin-(--transform-origin) transition transition-discrete motion-reduce:transition-none data-[state=closed]:duration-150 data-[state=closed]:opacity-0 starting:opacity-0 data-[state=closed]:scale-95 starting:scale-95 duration-40 rounded-lg border border-gray-200 dark:border-gray-800 bg-white dark:bg-gray-950 shadow-lg relative flex flex-col max-h-100 min-w-32 select-none overflow-auto whitespace-nowrap p-1 outline-none\">\n                ${state.addTableRowAbove.canExec\n                  ? html`<prosekit-menu-item\n                      class=\"relative min-w-32 scroll-my-1 rounded-sm px-3 py-1.5 flex items-center justify-between gap-8 data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 hover:data-[disabled=true]:opacity-50 data-danger:text-red-500 box-border cursor-default select-none whitespace-nowrap outline-hidden data-highlighted:bg-gray-100 dark:data-highlighted:bg-gray-800\"\n                      @select=${state.addTableRowAbove.command}\n                    >\n                      <span>Insert Above</span>\n                    </prosekit-menu-item>`\n                  : nothing}\n                ${state.addTableRowBelow.canExec\n                  ? html`<prosekit-menu-item\n                      class=\"relative min-w-32 scroll-my-1 rounded-sm px-3 py-1.5 flex items-center justify-between gap-8 data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 hover:data-[disabled=true]:opacity-50 data-danger:text-red-500 box-border cursor-default select-none whitespace-nowrap outline-hidden data-highlighted:bg-gray-100 dark:data-highlighted:bg-gray-800\"\n                      @select=${state.addTableRowBelow.command}\n                    >\n                      <span>Insert Below</span>\n                    </prosekit-menu-item>`\n                  : nothing}\n                ${state.deleteCellSelection.canExec\n                  ? html`<prosekit-menu-item\n                      class=\"relative min-w-32 scroll-my-1 rounded-sm px-3 py-1.5 flex items-center justify-between gap-8 data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 hover:data-[disabled=true]:opacity-50 data-danger:text-red-500 box-border cursor-default select-none whitespace-nowrap outline-hidden data-highlighted:bg-gray-100 dark:data-highlighted:bg-gray-800\"\n                      @select=${state.deleteCellSelection.command}\n                    >\n                      <span>Clear Contents</span>\n                      <span class=\"text-xs tracking-widest text-gray-500 dark:text-gray-500\">Del</span>\n                    </prosekit-menu-item>`\n                  : nothing}\n                ${state.deleteTableRow.canExec\n                  ? html`<prosekit-menu-item\n                      class=\"relative min-w-32 scroll-my-1 rounded-sm px-3 py-1.5 flex items-center justify-between gap-8 data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 hover:data-[disabled=true]:opacity-50 data-danger:text-red-500 box-border cursor-default select-none whitespace-nowrap outline-hidden data-highlighted:bg-gray-100 dark:data-highlighted:bg-gray-800\"\n                      @select=${state.deleteTableRow.command}\n                    >\n                      <span>Delete Row</span>\n                    </prosekit-menu-item>`\n                  : nothing}\n                ${state.deleteTable.canExec\n                  ? html`<prosekit-menu-item\n                      class=\"relative min-w-32 scroll-my-1 rounded-sm px-3 py-1.5 flex items-center justify-between gap-8 data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 hover:data-[disabled=true]:opacity-50 data-danger:text-red-500 box-border cursor-default select-none whitespace-nowrap outline-hidden data-highlighted:bg-gray-100 dark:data-highlighted:bg-gray-800\"\n                      data-danger=\"\"\n                      @select=${state.deleteTable.command}\n                    >\n                      <span>Delete Table</span>\n                    </prosekit-menu-item>`\n                  : nothing}\n              </prosekit-menu-popup>\n            </prosekit-menu-positioner>\n          </prosekit-table-handle-row-menu-root>\n        </prosekit-table-handle-row-popup>\n      </prosekit-table-handle-row-positioner>\n    </prosekit-table-handle-root>`\n  }\n}\n\ncustomElements.define('lit-editor-table-handle', LitTableHandle)\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lit-editor-table-handle': LitTableHandle\n  }\n}\n"
+      "content": "import 'prosekit/lit/table-handle'\nimport 'prosekit/web/menu'\n\nimport { ContextConsumer } from '@lit/context'\nimport { html, LitElement, nothing, type PropertyDeclaration, type PropertyValues } from 'lit'\nimport type { Editor } from 'prosekit/core'\nimport { defineUpdateHandler } from 'prosekit/core'\nimport type { TableExtension } from 'prosekit/extensions/table'\n\nimport { editorContext } from '../editor-context'\n\nfunction getTableHandleState(editor: Editor<TableExtension>) {\n  return {\n    addTableColumnBefore: {\n      canExec: editor.commands.addTableColumnBefore.canExec(),\n      command: () => editor.commands.addTableColumnBefore(),\n    },\n    addTableColumnAfter: {\n      canExec: editor.commands.addTableColumnAfter.canExec(),\n      command: () => editor.commands.addTableColumnAfter(),\n    },\n    deleteCellSelection: {\n      canExec: editor.commands.deleteCellSelection.canExec(),\n      command: () => editor.commands.deleteCellSelection(),\n    },\n    deleteTableColumn: {\n      canExec: editor.commands.deleteTableColumn.canExec(),\n      command: () => editor.commands.deleteTableColumn(),\n    },\n    addTableRowAbove: {\n      canExec: editor.commands.addTableRowAbove.canExec(),\n      command: () => editor.commands.addTableRowAbove(),\n    },\n    addTableRowBelow: {\n      canExec: editor.commands.addTableRowBelow.canExec(),\n      command: () => editor.commands.addTableRowBelow(),\n    },\n    deleteTableRow: {\n      canExec: editor.commands.deleteTableRow.canExec(),\n      command: () => editor.commands.deleteTableRow(),\n    },\n    deleteTable: {\n      canExec: editor.commands.deleteTable.canExec(),\n      command: () => editor.commands.deleteTable(),\n    },\n  }\n}\n\nclass LitTableHandle extends LitElement {\n  static override properties = {\n    dir: { type: String } satisfies PropertyDeclaration<'ltr' | 'rtl'>,\n  }\n\n  override dir: string = ''\n\n  private editorConsumer = new ContextConsumer(this, {\n    context: editorContext,\n    subscribe: true,\n  })\n\n  private removeUpdateExtension?: VoidFunction\n\n  override createRenderRoot() {\n    return this\n  }\n\n  override connectedCallback() {\n    super.connectedCallback()\n    this.classList.add('contents')\n    this.attachEditorListener()\n  }\n\n  override disconnectedCallback() {\n    this.detachEditorListener()\n    super.disconnectedCallback()\n  }\n\n  override updated(changedProperties: PropertyValues) {\n    super.updated(changedProperties)\n    this.attachEditorListener()\n  }\n\n  private attachEditorListener() {\n    this.detachEditorListener()\n\n    const editor = this.editorConsumer.value\n    if (!editor) return\n\n    this.removeUpdateExtension = editor.use(defineUpdateHandler(() => this.requestUpdate()))\n  }\n\n  private detachEditorListener() {\n    this.removeUpdateExtension?.()\n    this.removeUpdateExtension = undefined\n  }\n\n  override render() {\n    const editor = this.editorConsumer.value as Editor<TableExtension> | undefined\n    if (!editor) {\n      return nothing\n    }\n\n    const state = getTableHandleState(editor)\n    const placement = this.dir === 'rtl' ? 'right' : 'left'\n\n    return html`<prosekit-table-handle-root .editor=${editor}>\n      <prosekit-table-handle-drag-preview .editor=${editor}></prosekit-table-handle-drag-preview>\n      <prosekit-table-handle-drop-indicator\n        .editor=${editor}\n      ></prosekit-table-handle-drop-indicator>\n      <prosekit-table-handle-column-positioner\n        .editor=${editor}\n        class=\"block overflow-visible w-min h-min z-50 ease-out transition-transform duration-100 motion-reduce:transition-none\"\n      >\n        <prosekit-table-handle-column-popup class=\"translate-y-[50%] flex box-border origin-(--transform-origin) transition transition-discrete motion-reduce:transition-none duration-100 data-[state=closed]:duration-150 data-[state=closed]:opacity-0 starting:opacity-0 data-[state=closed]:scale-95 starting:scale-95\">\n          <prosekit-table-handle-column-menu-root>\n            <prosekit-table-handle-column-menu-trigger\n              .editor=${editor}\n              class=\"h-4.5 w-6 flex items-center box-border justify-center bg-white dark:bg-gray-950 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-400/50 border border-gray-200 dark:border-gray-800 border-solid p-0 transition-colors overflow-clip\"\n            >\n              <div class=\"i-lucide-grip-horizontal size-5 min-h-5 min-w-5 block\"></div>\n            </prosekit-table-handle-column-menu-trigger>\n            <prosekit-menu-positioner class=\"block overflow-visible w-min h-min z-50 ease-out transition-transform duration-100 motion-reduce:transition-none\">\n              <prosekit-menu-popup class=\"box-border origin-(--transform-origin) transition transition-discrete motion-reduce:transition-none data-[state=closed]:duration-150 data-[state=closed]:opacity-0 starting:opacity-0 data-[state=closed]:scale-95 starting:scale-95 duration-40 rounded-lg border border-gray-200 dark:border-gray-800 bg-white dark:bg-gray-950 shadow-lg overscroll-none relative flex flex-col max-h-100 min-w-32 select-none overflow-auto whitespace-nowrap p-1 outline-none\">\n                ${state.addTableColumnBefore.canExec\n                  ? html`<prosekit-menu-item\n                      class=\"relative min-w-32 scroll-my-1 rounded-sm px-3 py-1.5 flex items-center justify-between gap-8 data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 hover:data-[disabled=true]:opacity-50 data-danger:text-red-500 box-border cursor-default select-none whitespace-nowrap outline-hidden data-highlighted:bg-gray-100 dark:data-highlighted:bg-gray-800\"\n                      @select=${state.addTableColumnBefore.command}\n                    >\n                      <span>Insert Left</span>\n                    </prosekit-menu-item>`\n                  : nothing}\n                ${state.addTableColumnAfter.canExec\n                  ? html`<prosekit-menu-item\n                      class=\"relative min-w-32 scroll-my-1 rounded-sm px-3 py-1.5 flex items-center justify-between gap-8 data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 hover:data-[disabled=true]:opacity-50 data-danger:text-red-500 box-border cursor-default select-none whitespace-nowrap outline-hidden data-highlighted:bg-gray-100 dark:data-highlighted:bg-gray-800\"\n                      @select=${state.addTableColumnAfter.command}\n                    >\n                      <span>Insert Right</span>\n                    </prosekit-menu-item>`\n                  : nothing}\n                ${state.deleteCellSelection.canExec\n                  ? html`<prosekit-menu-item\n                      class=\"relative min-w-32 scroll-my-1 rounded-sm px-3 py-1.5 flex items-center justify-between gap-8 data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 hover:data-[disabled=true]:opacity-50 data-danger:text-red-500 box-border cursor-default select-none whitespace-nowrap outline-hidden data-highlighted:bg-gray-100 dark:data-highlighted:bg-gray-800\"\n                      @select=${state.deleteCellSelection.command}\n                    >\n                      <span>Clear Contents</span>\n                      <span class=\"text-xs tracking-widest text-gray-500 dark:text-gray-500\">Del</span>\n                    </prosekit-menu-item>`\n                  : nothing}\n                ${state.deleteTableColumn.canExec\n                  ? html`<prosekit-menu-item\n                      class=\"relative min-w-32 scroll-my-1 rounded-sm px-3 py-1.5 flex items-center justify-between gap-8 data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 hover:data-[disabled=true]:opacity-50 data-danger:text-red-500 box-border cursor-default select-none whitespace-nowrap outline-hidden data-highlighted:bg-gray-100 dark:data-highlighted:bg-gray-800\"\n                      @select=${state.deleteTableColumn.command}\n                    >\n                      <span>Delete Column</span>\n                    </prosekit-menu-item>`\n                  : nothing}\n                ${state.deleteTable.canExec\n                  ? html`<prosekit-menu-item\n                      class=\"relative min-w-32 scroll-my-1 rounded-sm px-3 py-1.5 flex items-center justify-between gap-8 data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 hover:data-[disabled=true]:opacity-50 data-danger:text-red-500 box-border cursor-default select-none whitespace-nowrap outline-hidden data-highlighted:bg-gray-100 dark:data-highlighted:bg-gray-800\"\n                      data-danger=\"\"\n                      @select=${state.deleteTable.command}\n                    >\n                      <span>Delete Table</span>\n                    </prosekit-menu-item>`\n                  : nothing}\n              </prosekit-menu-popup>\n            </prosekit-menu-positioner>\n          </prosekit-table-handle-column-menu-root>\n        </prosekit-table-handle-column-popup>\n      </prosekit-table-handle-column-positioner>\n      <prosekit-table-handle-row-positioner\n        .editor=${editor}\n        .placement=${placement}\n        class=\"block overflow-visible w-min h-min z-50 ease-out transition-transform duration-100 motion-reduce:transition-none\"\n      >\n        <prosekit-table-handle-row-popup class=\"ltr:translate-x-[50%] rtl:translate-x-[-50%] flex box-border origin-(--transform-origin) transition transition-discrete motion-reduce:transition-none duration-100 data-[state=closed]:duration-150 data-[state=closed]:opacity-0 starting:opacity-0 data-[state=closed]:scale-95 starting:scale-95\">\n          <prosekit-table-handle-row-menu-root>\n            <prosekit-table-handle-row-menu-trigger\n              .editor=${editor}\n              class=\"h-6 w-4.5 flex items-center box-border justify-center bg-white dark:bg-gray-950 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-400/50 border border-gray-200 dark:border-gray-800 border-solid p-0 transition-colors overflow-clip\"\n            >\n              <div class=\"i-lucide-grip-vertical size-5 min-h-5 min-w-5 block\"></div>\n            </prosekit-table-handle-row-menu-trigger>\n            <prosekit-menu-positioner class=\"block overflow-visible w-min h-min z-50 ease-out transition-transform duration-100 motion-reduce:transition-none\">\n              <prosekit-menu-popup class=\"box-border origin-(--transform-origin) transition transition-discrete motion-reduce:transition-none data-[state=closed]:duration-150 data-[state=closed]:opacity-0 starting:opacity-0 data-[state=closed]:scale-95 starting:scale-95 duration-40 rounded-lg border border-gray-200 dark:border-gray-800 bg-white dark:bg-gray-950 shadow-lg overscroll-none relative flex flex-col max-h-100 min-w-32 select-none overflow-auto whitespace-nowrap p-1 outline-none\">\n                ${state.addTableRowAbove.canExec\n                  ? html`<prosekit-menu-item\n                      class=\"relative min-w-32 scroll-my-1 rounded-sm px-3 py-1.5 flex items-center justify-between gap-8 data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 hover:data-[disabled=true]:opacity-50 data-danger:text-red-500 box-border cursor-default select-none whitespace-nowrap outline-hidden data-highlighted:bg-gray-100 dark:data-highlighted:bg-gray-800\"\n                      @select=${state.addTableRowAbove.command}\n                    >\n                      <span>Insert Above</span>\n                    </prosekit-menu-item>`\n                  : nothing}\n                ${state.addTableRowBelow.canExec\n                  ? html`<prosekit-menu-item\n                      class=\"relative min-w-32 scroll-my-1 rounded-sm px-3 py-1.5 flex items-center justify-between gap-8 data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 hover:data-[disabled=true]:opacity-50 data-danger:text-red-500 box-border cursor-default select-none whitespace-nowrap outline-hidden data-highlighted:bg-gray-100 dark:data-highlighted:bg-gray-800\"\n                      @select=${state.addTableRowBelow.command}\n                    >\n                      <span>Insert Below</span>\n                    </prosekit-menu-item>`\n                  : nothing}\n                ${state.deleteCellSelection.canExec\n                  ? html`<prosekit-menu-item\n                      class=\"relative min-w-32 scroll-my-1 rounded-sm px-3 py-1.5 flex items-center justify-between gap-8 data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 hover:data-[disabled=true]:opacity-50 data-danger:text-red-500 box-border cursor-default select-none whitespace-nowrap outline-hidden data-highlighted:bg-gray-100 dark:data-highlighted:bg-gray-800\"\n                      @select=${state.deleteCellSelection.command}\n                    >\n                      <span>Clear Contents</span>\n                      <span class=\"text-xs tracking-widest text-gray-500 dark:text-gray-500\">Del</span>\n                    </prosekit-menu-item>`\n                  : nothing}\n                ${state.deleteTableRow.canExec\n                  ? html`<prosekit-menu-item\n                      class=\"relative min-w-32 scroll-my-1 rounded-sm px-3 py-1.5 flex items-center justify-between gap-8 data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 hover:data-[disabled=true]:opacity-50 data-danger:text-red-500 box-border cursor-default select-none whitespace-nowrap outline-hidden data-highlighted:bg-gray-100 dark:data-highlighted:bg-gray-800\"\n                      @select=${state.deleteTableRow.command}\n                    >\n                      <span>Delete Row</span>\n                    </prosekit-menu-item>`\n                  : nothing}\n                ${state.deleteTable.canExec\n                  ? html`<prosekit-menu-item\n                      class=\"relative min-w-32 scroll-my-1 rounded-sm px-3 py-1.5 flex items-center justify-between gap-8 data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 hover:data-[disabled=true]:opacity-50 data-danger:text-red-500 box-border cursor-default select-none whitespace-nowrap outline-hidden data-highlighted:bg-gray-100 dark:data-highlighted:bg-gray-800\"\n                      data-danger=\"\"\n                      @select=${state.deleteTable.command}\n                    >\n                      <span>Delete Table</span>\n                    </prosekit-menu-item>`\n                  : nothing}\n              </prosekit-menu-popup>\n            </prosekit-menu-positioner>\n          </prosekit-table-handle-row-menu-root>\n        </prosekit-table-handle-row-popup>\n      </prosekit-table-handle-row-positioner>\n    </prosekit-table-handle-root>`\n  }\n}\n\ncustomElements.define('lit-editor-table-handle', LitTableHandle)\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lit-editor-table-handle': LitTableHandle\n  }\n}\n"
     }
   ],
   "meta": {

package/dist/r/lit-ui-toolbar.json

@@ -12,7 +12,7 @@
     "@egoist/tailwindcss-icons",
     "@iconify-json/lucide",
     "@lit/context",
-    "prosekit@^0.20.0-beta.5"
+    "prosekit@^0.20.0-beta.6"
   ],
   "files": [
     {

package/dist/r/preact-example-block-handle.json

@@ -10,7 +10,7 @@
     "https://unpkg.com/prosekit-registry/dist/r/preact-ui-drop-indicator.json"
   ],
   "dependencies": [
-    "prosekit@^0.20.0-beta.5"
+    "prosekit@^0.20.0-beta.6"
   ],
   "files": [
     {

package/dist/r/preact-example-blockquote.json

@@ -7,7 +7,7 @@
     "https://unpkg.com/prosekit-registry/dist/r/preact-ui-toolbar.json"
   ],
   "dependencies": [
-    "prosekit@^0.20.0-beta.5"
+    "prosekit@^0.20.0-beta.6"
   ],
   "files": [
     {

package/dist/r/preact-example-bold.json

@@ -8,7 +8,7 @@
     "https://unpkg.com/prosekit-registry/dist/r/preact-ui-toolbar.json"
   ],
   "dependencies": [
-    "prosekit@^0.20.0-beta.5"
+    "prosekit@^0.20.0-beta.6"
   ],
   "files": [
     {

package/dist/r/preact-example-change-tracking.json

@@ -5,7 +5,7 @@
   "description": "Track and commit document changes with version history.",
   "registryDependencies": [],
   "dependencies": [
-    "prosekit@^0.20.0-beta.5"
+    "prosekit@^0.20.0-beta.6"
   ],
   "files": [
     {

package/dist/r/preact-example-code-block-themes.json

@@ -8,7 +8,7 @@
     "https://unpkg.com/prosekit-registry/dist/r/preact-ui-code-block-view.json"
   ],
   "dependencies": [
-    "prosekit@^0.20.0-beta.5"
+    "prosekit@^0.20.0-beta.6"
   ],
   "files": [
     {

package/dist/r/preact-example-code-block.json

@@ -9,7 +9,7 @@
     "https://unpkg.com/prosekit-registry/dist/r/preact-ui-toolbar.json"
   ],
   "dependencies": [
-    "prosekit@^0.20.0-beta.5"
+    "prosekit@^0.20.0-beta.6"
   ],
   "files": [
     {

package/dist/r/preact-example-code.json

@@ -8,7 +8,7 @@
     "https://unpkg.com/prosekit-registry/dist/r/preact-ui-toolbar.json"
   ],
   "dependencies": [
-    "prosekit@^0.20.0-beta.5"
+    "prosekit@^0.20.0-beta.6"
   ],
   "files": [
     {

package/dist/r/preact-example-drop-cursor.json

@@ -7,7 +7,7 @@
     "https://unpkg.com/prosekit-registry/dist/r/preact-sample-sample-doc-drop-cursor.json"
   ],
   "dependencies": [
-    "prosekit@^0.20.0-beta.5"
+    "prosekit@^0.20.0-beta.6"
   ],
   "files": [
     {

package/dist/r/preact-example-emoji-rules.json

@@ -5,7 +5,7 @@
   "description": "Auto-convert text shortcuts to emojis using input rules.",
   "registryDependencies": [],
   "dependencies": [
-    "prosekit@^0.20.0-beta.5"
+    "prosekit@^0.20.0-beta.6"
   ],
   "files": [
     {

package/dist/r/preact-example-full.json

@@ -21,7 +21,7 @@
     "https://unpkg.com/prosekit-registry/dist/r/preact-ui-user-menu.json"
   ],
   "dependencies": [
-    "prosekit@^0.20.0-beta.5"
+    "prosekit@^0.20.0-beta.6"
   ],
   "files": [
     {

package/dist/r/preact-example-gap-cursor.json

@@ -7,7 +7,7 @@
     "https://unpkg.com/prosekit-registry/dist/r/preact-sample-sample-doc-gap-cursor.json"
   ],
   "dependencies": [
-    "prosekit@^0.20.0-beta.5"
+    "prosekit@^0.20.0-beta.6"
   ],
   "files": [
     {

package/dist/r/preact-example-hard-break.json

@@ -8,7 +8,7 @@
     "https://unpkg.com/prosekit-registry/dist/r/preact-ui-button.json"
   ],
   "dependencies": [
-    "prosekit@^0.20.0-beta.5"
+    "prosekit@^0.20.0-beta.6"
   ],
   "files": [
     {

package/dist/r/preact-example-heading.json

@@ -8,7 +8,7 @@
     "https://unpkg.com/prosekit-registry/dist/r/preact-ui-toolbar.json"
   ],
   "dependencies": [
-    "prosekit@^0.20.0-beta.5"
+    "prosekit@^0.20.0-beta.6"
   ],
   "files": [
     {

package/dist/r/preact-example-horizontal-rule.json

@@ -7,7 +7,7 @@
     "https://unpkg.com/prosekit-registry/dist/r/preact-ui-toolbar.json"
   ],
   "dependencies": [
-    "prosekit@^0.20.0-beta.5"
+    "prosekit@^0.20.0-beta.6"
   ],
   "files": [
     {

package/dist/r/preact-example-image-view.json

@@ -9,7 +9,7 @@
     "https://unpkg.com/prosekit-registry/dist/r/preact-ui-image-view.json"
   ],
   "dependencies": [
-    "prosekit@^0.20.0-beta.5"
+    "prosekit@^0.20.0-beta.6"
   ],
   "files": [
     {

package/dist/r/preact-example-inline-menu.json

@@ -8,7 +8,7 @@
     "https://unpkg.com/prosekit-registry/dist/r/preact-ui-inline-menu.json"
   ],
   "dependencies": [
-    "prosekit@^0.20.0-beta.5"
+    "prosekit@^0.20.0-beta.6"
   ],
   "files": [
     {

package/dist/r/preact-example-italic.json

@@ -8,7 +8,7 @@
     "https://unpkg.com/prosekit-registry/dist/r/preact-ui-toolbar.json"
   ],
   "dependencies": [
-    "prosekit@^0.20.0-beta.5"
+    "prosekit@^0.20.0-beta.6"
   ],
   "files": [
     {

package/dist/r/preact-example-keymap.json

@@ -7,7 +7,7 @@
     "https://unpkg.com/prosekit-registry/dist/r/preact-ui-button.json"
   ],
   "dependencies": [
-    "prosekit@^0.20.0-beta.5"
+    "prosekit@^0.20.0-beta.6"
   ],
   "files": [
     {

package/dist/r/preact-example-link-mark-view.json

@@ -7,7 +7,7 @@
     "https://unpkg.com/prosekit-registry/dist/r/preact-sample-sample-doc-link-mark-view.json"
   ],
   "dependencies": [
-    "prosekit@^0.20.0-beta.5"
+    "prosekit@^0.20.0-beta.6"
   ],
   "files": [
     {

package/dist/r/preact-example-link.json

@@ -8,7 +8,7 @@
     "https://unpkg.com/prosekit-registry/dist/r/preact-ui-inline-menu.json"
   ],
   "dependencies": [
-    "prosekit@^0.20.0-beta.5"
+    "prosekit@^0.20.0-beta.6"
   ],
   "files": [
     {

package/dist/r/preact-example-list-custom-checkbox.json

@@ -8,7 +8,7 @@
     "https://unpkg.com/prosekit-registry/dist/r/preact-ui-toolbar.json"
   ],
   "dependencies": [
-    "prosekit@^0.20.0-beta.5"
+    "prosekit@^0.20.0-beta.6"
   ],
   "files": [
     {

package/dist/r/preact-example-list.json

@@ -8,7 +8,7 @@
     "https://unpkg.com/prosekit-registry/dist/r/preact-ui-toolbar.json"
   ],
   "dependencies": [
-    "prosekit@^0.20.0-beta.5"
+    "prosekit@^0.20.0-beta.6"
   ],
   "files": [
     {

package/dist/r/preact-example-loro.json

@@ -9,7 +9,7 @@
   "dependencies": [
     "loro-crdt",
     "loro-prosemirror",
-    "prosekit@^0.20.0-beta.5"
+    "prosekit@^0.20.0-beta.6"
   ],
   "files": [
     {

package/dist/r/preact-example-mark-rule.json

@@ -5,7 +5,7 @@
   "description": "Input rules for automatic mark formatting.",
   "registryDependencies": [],
   "dependencies": [
-    "prosekit@^0.20.0-beta.5"
+    "prosekit@^0.20.0-beta.6"
   ],
   "files": [
     {

package/dist/r/preact-example-minimal.json

@@ -5,7 +5,7 @@
   "description": "Minimal editor setup with basic functionality.",
   "registryDependencies": [],
   "dependencies": [
-    "prosekit@^0.20.0-beta.5"
+    "prosekit@^0.20.0-beta.6"
   ],
   "files": [
     {

package/dist/r/preact-example-placeholder.json

@@ -5,7 +5,7 @@
   "description": "Placeholder text displayed.",
   "registryDependencies": [],
   "dependencies": [
-    "prosekit@^0.20.0-beta.5"
+    "prosekit@^0.20.0-beta.6"
   ],
   "files": [
     {

package/dist/r/preact-example-readonly.json

@@ -8,7 +8,7 @@
     "https://unpkg.com/prosekit-registry/dist/r/preact-ui-button.json"
   ],
   "dependencies": [
-    "prosekit@^0.20.0-beta.5"
+    "prosekit@^0.20.0-beta.6"
   ],
   "files": [
     {

package/dist/r/preact-example-rtl.json

@@ -14,7 +14,7 @@
     "https://unpkg.com/prosekit-registry/dist/r/preact-ui-toolbar.json"
   ],
   "dependencies": [
-    "prosekit@^0.20.0-beta.5"
+    "prosekit@^0.20.0-beta.6"
   ],
   "files": [
     {

package/dist/r/preact-example-save-html.json

@@ -5,7 +5,7 @@
   "description": "Save and load documents as HTML format.",
   "registryDependencies": [],
   "dependencies": [
-    "prosekit@^0.20.0-beta.5"
+    "prosekit@^0.20.0-beta.6"
   ],
   "files": [
     {

package/dist/r/preact-example-save-json.json

@@ -5,7 +5,7 @@
   "description": "Save and load documents as JSON format.",
   "registryDependencies": [],
   "dependencies": [
-    "prosekit@^0.20.0-beta.5"
+    "prosekit@^0.20.0-beta.6"
   ],
   "files": [
     {

package/dist/r/preact-example-save-markdown.json

@@ -5,7 +5,7 @@
   "description": "Save and load documents as Markdown format.",
   "registryDependencies": [],
   "dependencies": [
-    "prosekit@^0.20.0-beta.5",
+    "prosekit@^0.20.0-beta.6",
     "rehype-parse",
     "rehype-remark",
     "remark-gfm",

package/dist/r/preact-example-search.json

@@ -8,7 +8,7 @@
     "https://unpkg.com/prosekit-registry/dist/r/preact-ui-search.json"
   ],
   "dependencies": [
-    "prosekit@^0.20.0-beta.5"
+    "prosekit@^0.20.0-beta.6"
   ],
   "files": [
     {

package/dist/r/preact-example-slash-menu.json

@@ -7,7 +7,7 @@
     "https://unpkg.com/prosekit-registry/dist/r/preact-ui-slash-menu.json"
   ],
   "dependencies": [
-    "prosekit@^0.20.0-beta.5"
+    "prosekit@^0.20.0-beta.6"
   ],
   "files": [
     {