prosekit-registry 0.0.9 → 0.0.13

package/dist/r/react-example-tweet.json

@@ -7,7 +7,7 @@
     "https://unpkg.com/prosekit-registry/dist/r/react-sample-sample-doc-tweet.json"
   ],
   "dependencies": [
-    "prosekit@^0.20.0-beta.4",
+    "prosekit@^0.20.0-beta.5",
     "react-tweet"
   ],
   "files": [
@@ -33,13 +33,13 @@
       "path": "registry/src/react/examples/tweet/method-select.tsx",
       "type": "registry:component",
       "target": "components/editor/examples/tweet/method-select.tsx",
-      "content": "'use client'\nimport { useId } from 'react'\n\nexport function MethodSelect(props: {\n  value: 'basic' | 'advanced'\n  onChange: (value: 'basic' | 'advanced') => void\n}) {\n  const id = 'id-' + useId()\n  const basicId = `${id}-basic`\n  const advancedId = `${id}-advanced`\n\n  return (\n    <fieldset className=\"not-content\">\n      <legend>Select a render method:</legend>\n\n      <div>\n        <input\n          type=\"radio\"\n          id={basicId}\n          name={id}\n          value=\"basic\"\n          checked={props.value === 'basic'}\n          onChange={() => props.onChange('basic')}\n        />\n        <label htmlFor={basicId}>basic</label>\n      </div>\n\n      <div>\n        <input\n          type=\"radio\"\n          id={advancedId}\n          name={id}\n          value=\"advanced\"\n          checked={props.value === 'advanced'}\n          onChange={() => props.onChange('advanced')}\n        />\n        <label htmlFor={advancedId}>advanced</label>\n      </div>\n    </fieldset>\n  )\n}\n"
+      "content": "'use client'\n\nimport { useId } from 'react'\n\nexport function MethodSelect(props: {\n  value: 'basic' | 'advanced'\n  onChange: (value: 'basic' | 'advanced') => void\n}) {\n  const id = 'id-' + useId()\n  const basicId = `${id}-basic`\n  const advancedId = `${id}-advanced`\n\n  return (\n    <fieldset className=\"not-content\">\n      <legend>Select a render method:</legend>\n\n      <div>\n        <input\n          type=\"radio\"\n          id={basicId}\n          name={id}\n          value=\"basic\"\n          checked={props.value === 'basic'}\n          onChange={() => props.onChange('basic')}\n        />\n        <label htmlFor={basicId}>basic</label>\n      </div>\n\n      <div>\n        <input\n          type=\"radio\"\n          id={advancedId}\n          name={id}\n          value=\"advanced\"\n          checked={props.value === 'advanced'}\n          onChange={() => props.onChange('advanced')}\n        />\n        <label htmlFor={advancedId}>advanced</label>\n      </div>\n    </fieldset>\n  )\n}\n"
     },
     {
       "path": "registry/src/react/examples/tweet/tweet-view.tsx",
       "type": "registry:component",
       "target": "components/editor/examples/tweet/tweet-view.tsx",
-      "content": "'use client'\nimport type { ReactNodeViewProps } from 'prosekit/react'\nimport { Tweet } from 'react-tweet'\n\nexport function TweetView({ node }: ReactNodeViewProps) {\n  const tweetId = node.attrs.tweetId as string\n  return (\n    <div className=\"[&_img]:m-0!\">\n      <div>\n        <strong>\n          Rendered in React using library{' '}\n          <span>\n            <a href=\"https://github.com/vercel/react-tweet\" target=\"_blank\" rel=\"noopener noreferrer\">react-tweet</a>\n          </span>\n        </strong>\n      </div>\n      <Tweet id={tweetId} />\n    </div>\n  )\n}\n"
+      "content": "'use client'\n\nimport type { ReactNodeViewProps } from 'prosekit/react'\nimport { Tweet } from 'react-tweet'\n\nexport function TweetView({ node }: ReactNodeViewProps) {\n  const tweetId = node.attrs.tweetId as string\n  return (\n    <div className=\"[&_img]:m-0!\">\n      <div>\n        <strong>\n          Rendered in React using library{' '}\n          <span>\n            <a href=\"https://github.com/vercel/react-tweet\" target=\"_blank\" rel=\"noopener noreferrer\">react-tweet</a>\n          </span>\n        </strong>\n      </div>\n      <Tweet id={tweetId} />\n    </div>\n  )\n}\n"
     }
   ],
   "meta": {

package/dist/r/react-example-typography.json

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

package/dist/r/react-example-underline.json

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

package/dist/r/react-example-unmount.json

@@ -7,14 +7,14 @@
     "https://unpkg.com/prosekit-registry/dist/r/react-ui-inline-menu.json"
   ],
   "dependencies": [
-    "prosekit@^0.20.0-beta.4"
+    "prosekit@^0.20.0-beta.5"
   ],
   "files": [
     {
       "path": "registry/src/react/examples/unmount/editor-component.tsx",
       "type": "registry:component",
       "target": "components/editor/examples/unmount/editor-component.tsx",
-      "content": "'use client'\nimport 'prosekit/basic/style.css'\nimport 'prosekit/basic/typography.css'\n\nimport { defineBasicExtension } from 'prosekit/basic'\nimport { createEditor } from 'prosekit/core'\nimport { ProseKit } from 'prosekit/react'\nimport { useMemo } from 'react'\n\nimport { InlineMenu } from '../../ui/inline-menu'\n\nimport ExtensionComponent from './extension-component'\n\nexport default function EditorComponent(props: {\n  placeholder: string\n}) {\n  const editor = useMemo(() => {\n    return createEditor({ extension: defineBasicExtension() })\n  }, [])\n\n  return (\n    <ProseKit editor={editor}>\n      <div className=\"box-border h-full w-full min-h-36 overflow-y-hidden overflow-x-hidden rounded-md border border-solid border-gray-200 dark:border-gray-700 shadow-sm flex flex-col bg-white dark:bg-gray-950 text-black dark:text-white\">\n        <div className=\"relative w-full flex-1 box-border overflow-y-auto\">\n          <div ref={editor.mount} className=\"ProseMirror box-border min-h-full px-[max(4rem,calc(50%-20rem))] py-8 outline-hidden outline-0 [&_span[data-mention=user]]:text-blue-500 [&_span[data-mention=tag]]:text-violet-500\"></div>\n          <InlineMenu />\n        </div>\n      </div>\n      <ExtensionComponent placeholder={props.placeholder} />\n    </ProseKit>\n  )\n}\n"
+      "content": "'use client'\n\nimport 'prosekit/basic/style.css'\nimport 'prosekit/basic/typography.css'\n\nimport { defineBasicExtension } from 'prosekit/basic'\nimport { createEditor } from 'prosekit/core'\nimport { ProseKit } from 'prosekit/react'\nimport { useMemo } from 'react'\n\nimport { InlineMenu } from '../../ui/inline-menu'\n\nimport ExtensionComponent from './extension-component'\n\nexport default function EditorComponent(props: {\n  placeholder: string\n}) {\n  const editor = useMemo(() => {\n    return createEditor({ extension: defineBasicExtension() })\n  }, [])\n\n  return (\n    <ProseKit editor={editor}>\n      <div className=\"box-border h-full w-full min-h-36 overflow-y-hidden overflow-x-hidden rounded-md border border-solid border-gray-200 dark:border-gray-700 shadow-sm flex flex-col bg-white dark:bg-gray-950 text-black dark:text-white\">\n        <div className=\"relative w-full flex-1 box-border overflow-y-auto\">\n          <div ref={editor.mount} className=\"ProseMirror box-border min-h-full px-[max(4rem,calc(50%-20rem))] py-8 outline-hidden outline-0 [&_span[data-mention=user]]:text-blue-500 [&_span[data-mention=tag]]:text-violet-500\"></div>\n          <InlineMenu />\n        </div>\n      </div>\n      <ExtensionComponent placeholder={props.placeholder} />\n    </ProseKit>\n  )\n}\n"
     },
     {
       "path": "registry/src/react/examples/unmount/editor.tsx",
@@ -26,7 +26,7 @@
       "path": "registry/src/react/examples/unmount/extension-component.tsx",
       "type": "registry:component",
       "target": "components/editor/examples/unmount/extension-component.tsx",
-      "content": "'use client'\nimport { definePlaceholder } from 'prosekit/extensions/placeholder'\nimport { useExtension } from 'prosekit/react'\nimport { useMemo } from 'react'\n\nexport default function ExtensionComponent(props: {\n  placeholder: string\n}) {\n  const extension = useMemo(\n    () => definePlaceholder({ placeholder: props.placeholder }),\n    [props.placeholder],\n  )\n\n  useExtension(extension)\n\n  return null\n}\n"
+      "content": "'use client'\n\nimport { definePlaceholder } from 'prosekit/extensions/placeholder'\nimport { useExtension } from 'prosekit/react'\nimport { useMemo } from 'react'\n\nexport default function ExtensionComponent(props: {\n  placeholder: string\n}) {\n  const extension = useMemo(\n    () => definePlaceholder({ placeholder: props.placeholder }),\n    [props.placeholder],\n  )\n\n  useExtension(extension)\n\n  return null\n}\n"
     },
     {
       "path": "registry/src/react/examples/unmount/index.ts",

package/dist/r/react-example-user-menu-dynamic.json

@@ -8,7 +8,7 @@
     "https://unpkg.com/prosekit-registry/dist/r/react-ui-user-menu.json"
   ],
   "dependencies": [
-    "prosekit@^0.20.0-beta.4"
+    "prosekit@^0.20.0-beta.5"
   ],
   "files": [
     {
@@ -39,7 +39,7 @@
       "path": "registry/src/react/examples/user-menu-dynamic/user-menu-dynamic.tsx",
       "type": "registry:component",
       "target": "components/editor/examples/user-menu-dynamic/user-menu-dynamic.tsx",
-      "content": "'use client'\nimport { useState } from 'react'\n\nimport { UserMenu } from '../../ui/user-menu'\n\nimport { useUserQuery } from './use-user-query'\n\nexport default function UserMenuDynamic() {\n  const [query, setQuery] = useState('')\n  const [open, setOpen] = useState(false)\n\n  const { loading, users } = useUserQuery(query, open)\n\n  return (\n    <UserMenu\n      users={users}\n      loading={loading}\n      onQueryChange={setQuery}\n      onOpenChange={setOpen}\n    />\n  )\n}\n"
+      "content": "'use client'\n\nimport { useState } from 'react'\n\nimport { UserMenu } from '../../ui/user-menu'\n\nimport { useUserQuery } from './use-user-query'\n\nexport default function UserMenuDynamic() {\n  const [query, setQuery] = useState('')\n  const [open, setOpen] = useState(false)\n\n  const { loading, users } = useUserQuery(query, open)\n\n  return (\n    <UserMenu\n      users={users}\n      loading={loading}\n      onQueryChange={setQuery}\n      onOpenChange={setOpen}\n    />\n  )\n}\n"
     }
   ],
   "meta": {

package/dist/r/react-example-user-menu.json

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

package/dist/r/react-example-view-adapter.json

@@ -8,14 +8,14 @@
     "https://unpkg.com/prosekit-registry/dist/r/react-sample-sample-doc-view-adapter.json"
   ],
   "dependencies": [
-    "prosekit@^0.20.0-beta.4"
+    "prosekit@^0.20.0-beta.5"
   ],
   "files": [
     {
       "path": "registry/src/react/examples/view-adapter/atom-block-view.tsx",
       "type": "registry:component",
       "target": "components/editor/examples/view-adapter/atom-block-view.tsx",
-      "content": "'use client'\nimport { useEditorDerivedValue, type ReactNodeViewProps } from 'prosekit/react'\nimport { useCallback } from 'react'\n\nexport function AtomBlockView(props: ReactNodeViewProps) {\n  const docJSON = useEditorDerivedValue(useCallback(editor => {\n    return JSON.stringify(editor.getDocJSON(), null, 2)\n  }, []))\n\n  return (\n    <div data-atom-block=\"true\" data-atom-block-view=\"true\" className=\"bg-green-500/30\">\n      <div data-testid=\"atom-block-view-label\">Atom Block View</div>\n      <div data-testid=\"atom-block-view-pos\">{props.getPos()}</div>\n      <div data-testid=\"atom-block-view-context\">\n        <pre>{docJSON}</pre>\n      </div>\n    </div>\n  )\n}\n"
+      "content": "'use client'\n\nimport { useEditorDerivedValue, type ReactNodeViewProps } from 'prosekit/react'\nimport { useCallback } from 'react'\n\nexport function AtomBlockView(props: ReactNodeViewProps) {\n  const docJSON = useEditorDerivedValue(useCallback(editor => {\n    return JSON.stringify(editor.getDocJSON(), null, 2)\n  }, []))\n\n  return (\n    <div data-atom-block=\"true\" data-atom-block-view=\"true\" className=\"bg-green-500/30\">\n      <div data-testid=\"atom-block-view-label\">Atom Block View</div>\n      <div data-testid=\"atom-block-view-pos\">{props.getPos()}</div>\n      <div data-testid=\"atom-block-view-context\">\n        <pre>{docJSON}</pre>\n      </div>\n    </div>\n  )\n}\n"
     },
     {
       "path": "registry/src/react/examples/view-adapter/editor.tsx",

package/dist/r/react-example-word-counter.json

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

package/dist/r/react-example-yjs.json

@@ -7,7 +7,7 @@
     "https://unpkg.com/prosekit-registry/dist/r/react-ui-toolbar.json"
   ],
   "dependencies": [
-    "prosekit@^0.20.0-beta.4",
+    "prosekit@^0.20.0-beta.5",
     "y-websocket",
     "yjs"
   ],
@@ -16,7 +16,7 @@
       "path": "registry/src/react/examples/yjs/editor-component.tsx",
       "type": "registry:component",
       "target": "components/editor/examples/yjs/editor-component.tsx",
-      "content": "'use client'\nimport 'prosekit/basic/style.css'\nimport 'prosekit/basic/typography.css'\nimport 'prosekit/extensions/yjs/style.css'\n\nimport { createEditor } from 'prosekit/core'\nimport { ProseKit } from 'prosekit/react'\nimport { useMemo } from 'react'\nimport { WebsocketProvider } from 'y-websocket'\nimport * as Y from 'yjs'\n\nimport { Toolbar } from '../../ui/toolbar'\n\nimport { defineExtension } from './extension'\n\nexport default function EditorComponent(props: { room?: string }) {\n  const editor = useMemo(() => {\n    const doc = new Y.Doc()\n    const provider = new WebsocketProvider(\n      'wss://demos.yjs.dev/ws',\n      `github.com/prosekit/room_${props.room}`,\n      doc,\n    )\n\n    const extension = defineExtension(doc, provider.awareness)\n    return createEditor({ extension })\n  }, [props.room])\n\n  return (\n    <ProseKit editor={editor}>\n      <div className=\"box-border h-full w-full min-h-36 overflow-y-hidden overflow-x-hidden rounded-md border border-solid border-gray-200 dark:border-gray-700 shadow-sm flex flex-col bg-white dark:bg-gray-950 text-black dark:text-white\">\n        <Toolbar />\n        <div className=\"relative w-full flex-1 box-border overflow-y-auto\">\n          <div ref={editor.mount} className=\"ProseMirror box-border min-h-full px-[max(4rem,calc(50%-20rem))] py-8 outline-hidden outline-0 [&_span[data-mention=user]]:text-blue-500 [&_span[data-mention=tag]]:text-violet-500\"></div>\n        </div>\n      </div>\n    </ProseKit>\n  )\n}\n"
+      "content": "'use client'\n\nimport 'prosekit/basic/style.css'\nimport 'prosekit/basic/typography.css'\nimport 'prosekit/extensions/yjs/style.css'\n\nimport { createEditor } from 'prosekit/core'\nimport { ProseKit } from 'prosekit/react'\nimport { useMemo } from 'react'\nimport { WebsocketProvider } from 'y-websocket'\nimport * as Y from 'yjs'\n\nimport { Toolbar } from '../../ui/toolbar'\n\nimport { defineExtension } from './extension'\n\nexport default function EditorComponent(props: { room?: string }) {\n  const editor = useMemo(() => {\n    const doc = new Y.Doc()\n    const provider = new WebsocketProvider(\n      'wss://demos.yjs.dev/ws',\n      `github.com/prosekit/room_${props.room}`,\n      doc,\n    )\n\n    const extension = defineExtension(doc, provider.awareness)\n    return createEditor({ extension })\n  }, [props.room])\n\n  return (\n    <ProseKit editor={editor}>\n      <div className=\"box-border h-full w-full min-h-36 overflow-y-hidden overflow-x-hidden rounded-md border border-solid border-gray-200 dark:border-gray-700 shadow-sm flex flex-col bg-white dark:bg-gray-950 text-black dark:text-white\">\n        <Toolbar />\n        <div className=\"relative w-full flex-1 box-border overflow-y-auto\">\n          <div ref={editor.mount} className=\"ProseMirror box-border min-h-full px-[max(4rem,calc(50%-20rem))] py-8 outline-hidden outline-0 [&_span[data-mention=user]]:text-blue-500 [&_span[data-mention=tag]]:text-violet-500\"></div>\n        </div>\n      </div>\n    </ProseKit>\n  )\n}\n"
     },
     {
       "path": "registry/src/react/examples/yjs/editor.tsx",

package/dist/r/react-sample-define-atom-block.json

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

package/dist/r/react-sample-sample-doc-block-handle.json

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

package/dist/r/react-sample-sample-doc-bold.json

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

package/dist/r/react-sample-sample-doc-code-block.json

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

package/dist/r/react-sample-sample-doc-code.json

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

package/dist/r/react-sample-sample-doc-drop-cursor.json

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

package/dist/r/react-sample-sample-doc-full.json

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

package/dist/r/react-sample-sample-doc-gap-cursor.json

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

package/dist/r/react-sample-sample-doc-hard-break.json

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

package/dist/r/react-sample-sample-doc-heading.json

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

package/dist/r/react-sample-sample-doc-image.json

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

package/dist/r/react-sample-sample-doc-inline-menu.json

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

package/dist/r/react-sample-sample-doc-italic.json

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

package/dist/r/react-sample-sample-doc-link-mark-view.json

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

package/dist/r/react-sample-sample-doc-link.json

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

package/dist/r/react-sample-sample-doc-list-custom-checkbox.json

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

package/dist/r/react-sample-sample-doc-list.json

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

package/dist/r/react-sample-sample-doc-notion.json

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

package/dist/r/react-sample-sample-doc-page.json

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

package/dist/r/react-sample-sample-doc-readonly.json

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

package/dist/r/react-sample-sample-doc-rtl.json

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

package/dist/r/react-sample-sample-doc-search.json

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

package/dist/r/react-sample-sample-doc-strike.json

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

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

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

package/dist/r/react-sample-sample-doc-tex.json

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

package/dist/r/react-sample-sample-doc-text-align.json

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

package/dist/r/react-sample-sample-doc-text-color.json

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

package/dist/r/react-sample-sample-doc-tweet.json

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

package/dist/r/react-sample-sample-doc-typography.json

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

package/dist/r/react-sample-sample-doc-underline.json

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

package/dist/r/react-sample-sample-doc-view-adapter.json

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

package/dist/r/react-sample-sample-doc-word-counter.json

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

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

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

package/dist/r/react-ui-block-handle.json

@@ -7,14 +7,14 @@
   "dependencies": [
     "@egoist/tailwindcss-icons",
     "@iconify-json/lucide",
-    "prosekit@^0.20.0-beta.4"
+    "prosekit@^0.20.0-beta.5"
   ],
   "files": [
     {
       "path": "registry/src/react/ui/block-handle/block-handle.tsx",
       "type": "registry:component",
       "target": "components/editor/ui/block-handle/block-handle.tsx",
-      "content": "'use client'\nimport { BlockHandleAdd, BlockHandleDraggable, BlockHandlePopup, BlockHandlePositioner, BlockHandleRoot } from 'prosekit/react/block-handle'\n\ninterface Props {\n  dir?: 'ltr' | 'rtl'\n}\n\nexport default function BlockHandle(props: Props) {\n  return (\n    <BlockHandleRoot>\n      <BlockHandlePositioner\n        placement={props.dir === 'rtl' ? 'right' : 'left'}\n        className=\"block overflow-visible bg-transparent w-min h-min z-50 motion-safe:ease-out motion-safe:transition-transform motion-safe:duration-100\"\n      >\n        <BlockHandlePopup className=\"flex box-border motion-safe:duration-100 data-[state=closed]:motion-safe:duration-150 motion-safe:transition-discrete motion-safe:transition-all data-[state=closed]:opacity-0 starting:opacity-0 opacity-100 data-[state=closed]:scale-95 starting:scale-95 scale-100\">\n          <BlockHandleAdd className=\"h-6 w-6 cursor-pointer flex items-center box-border justify-center hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-400/50\">\n            <div className=\"i-lucide-plus size-5 block\" />\n          </BlockHandleAdd>\n          <BlockHandleDraggable className=\"h-6 w-5 cursor-grab flex items-center box-border justify-center hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-400/50\">\n            <div className=\"i-lucide-grip-vertical size-5 block\" />\n          </BlockHandleDraggable>\n        </BlockHandlePopup>\n      </BlockHandlePositioner>\n    </BlockHandleRoot>\n  )\n}\n"
+      "content": "'use client'\n\nimport { BlockHandleAdd, BlockHandleDraggable, BlockHandlePopup, BlockHandlePositioner, BlockHandleRoot } from 'prosekit/react/block-handle'\n\ninterface Props {\n  dir?: 'ltr' | 'rtl'\n}\n\nexport default function BlockHandle(props: Props) {\n  return (\n    <BlockHandleRoot>\n      <BlockHandlePositioner\n        placement={props.dir === 'rtl' ? 'right' : 'left'}\n        className=\"block overflow-visible bg-transparent w-min h-min z-50 motion-safe:ease-out motion-safe:transition-transform motion-safe:duration-100\"\n      >\n        <BlockHandlePopup className=\"flex box-border motion-safe:duration-100 data-[state=closed]:motion-safe:duration-150 motion-safe:transition-discrete motion-safe:transition-all data-[state=closed]:opacity-0 starting:opacity-0 opacity-100 data-[state=closed]:scale-95 starting:scale-95 scale-100\">\n          <BlockHandleAdd className=\"h-6 w-6 cursor-pointer flex items-center box-border justify-center hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-400/50\">\n            <div className=\"i-lucide-plus size-5 block\" />\n          </BlockHandleAdd>\n          <BlockHandleDraggable className=\"h-6 w-5 cursor-grab flex items-center box-border justify-center hover:bg-gray-100 dark:hover:bg-gray-800 rounded-sm text-gray-500/50 dark:text-gray-400/50\">\n            <div className=\"i-lucide-grip-vertical size-5 block\" />\n          </BlockHandleDraggable>\n        </BlockHandlePopup>\n      </BlockHandlePositioner>\n    </BlockHandleRoot>\n  )\n}\n"
     },
     {
       "path": "registry/src/react/ui/block-handle/index.ts",

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

@@ -5,14 +5,14 @@
   "description": "",
   "registryDependencies": [],
   "dependencies": [
-    "prosekit@^0.20.0-beta.4"
+    "prosekit@^0.20.0-beta.5"
   ],
   "files": [
     {
       "path": "registry/src/react/ui/button/button.tsx",
       "type": "registry:component",
       "target": "components/editor/ui/button/button.tsx",
-      "content": "'use client'\nimport { TooltipPopup, TooltipPositioner, TooltipRoot, TooltipTrigger } from 'prosekit/react/tooltip'\nimport type { MouseEventHandler, ReactNode } from 'react'\n\nexport default function Button(props: {\n  pressed?: boolean\n  disabled?: boolean\n  onClick?: MouseEventHandler<HTMLButtonElement>\n  tooltip?: string\n  children: ReactNode\n}) {\n  return (\n    <TooltipRoot>\n      <TooltipTrigger className=\"block\">\n        <button\n          data-state={props.pressed ? 'on' : 'off'}\n          disabled={props.disabled}\n          onClick={props.onClick}\n          onMouseDown={(event) => {\n            // Prevent the editor from being blurred when the button is clicked\n            event.preventDefault()\n          }}\n          className=\"outline-unset focus-visible:outline-unset flex items-center justify-center rounded-md p-2 font-medium transition focus-visible:ring-2 text-sm focus-visible:ring-gray-900 dark:focus-visible:ring-gray-300 disabled:pointer-events-none min-w-9 min-h-9 text-gray-900 dark:text-gray-50 disabled:text-gray-900/50 dark:disabled:text-gray-50/50 bg-transparent hover:bg-gray-100 dark:hover:bg-gray-800 data-[state=on]:bg-gray-200 dark:data-[state=on]:bg-gray-700\"\n        >\n          {props.children}\n          {props.tooltip ? <span className=\"sr-only\">{props.tooltip}</span> : null}\n        </button>\n      </TooltipTrigger>\n      {props.tooltip\n        ? (\n          <TooltipPositioner className=\"block overflow-visible bg-transparent w-min h-min z-50 motion-safe:ease-out motion-safe:transition-transform motion-safe:duration-100\">\n            <TooltipPopup className=\"flex box-border motion-safe:duration-100 data-[state=closed]:motion-safe:duration-150 motion-safe:transition-discrete motion-safe:transition-all data-[state=closed]:opacity-0 starting:opacity-0 opacity-100 data-[state=closed]:scale-95 starting:scale-95 scale-100 overflow-hidden rounded-md border border-solid bg-gray-900 dark:bg-gray-50 px-3 py-1.5 text-xs text-gray-50 dark:text-gray-900 shadow-xs text-nowrap\">\n              {props.tooltip}\n            </TooltipPopup>\n          </TooltipPositioner>\n        )\n        : null}\n    </TooltipRoot>\n  )\n}\n"
+      "content": "'use client'\n\nimport { TooltipPopup, TooltipPositioner, TooltipRoot, TooltipTrigger } from 'prosekit/react/tooltip'\nimport type { MouseEventHandler, ReactNode } from 'react'\n\nexport default function Button(props: {\n  pressed?: boolean\n  disabled?: boolean\n  onClick?: MouseEventHandler<HTMLButtonElement>\n  tooltip?: string\n  children: ReactNode\n}) {\n  return (\n    <TooltipRoot>\n      <TooltipTrigger className=\"block\">\n        <button\n          data-state={props.pressed ? 'on' : 'off'}\n          disabled={props.disabled}\n          onClick={props.onClick}\n          onMouseDown={(event) => {\n            // Prevent the editor from being blurred when the button is clicked\n            event.preventDefault()\n          }}\n          className=\"outline-unset focus-visible:outline-unset flex items-center justify-center rounded-md p-2 font-medium transition focus-visible:ring-2 text-sm focus-visible:ring-gray-900 dark:focus-visible:ring-gray-300 disabled:pointer-events-none min-w-9 min-h-9 text-gray-900 dark:text-gray-50 disabled:text-gray-900/50 dark:disabled:text-gray-50/50 bg-transparent hover:bg-gray-100 dark:hover:bg-gray-800 data-[state=on]:bg-gray-200 dark:data-[state=on]:bg-gray-700\"\n        >\n          {props.children}\n          {props.tooltip ? <span className=\"sr-only\">{props.tooltip}</span> : null}\n        </button>\n      </TooltipTrigger>\n      {props.tooltip\n        ? (\n          <TooltipPositioner className=\"block overflow-visible bg-transparent w-min h-min z-50 motion-safe:ease-out motion-safe:transition-transform motion-safe:duration-100\">\n            <TooltipPopup className=\"flex box-border motion-safe:duration-100 data-[state=closed]:motion-safe:duration-150 motion-safe:transition-discrete motion-safe:transition-all data-[state=closed]:opacity-0 starting:opacity-0 opacity-100 data-[state=closed]:scale-95 starting:scale-95 scale-100 overflow-hidden rounded-md border border-solid bg-gray-900 dark:bg-gray-50 px-3 py-1.5 text-xs text-gray-50 dark:text-gray-900 shadow-xs text-nowrap\">\n              {props.tooltip}\n            </TooltipPopup>\n          </TooltipPositioner>\n        )\n        : null}\n    </TooltipRoot>\n  )\n}\n"
     },
     {
       "path": "registry/src/react/ui/button/index.ts",

package/dist/r/react-ui-code-block-view.json

@@ -5,14 +5,14 @@
   "description": "",
   "registryDependencies": [],
   "dependencies": [
-    "prosekit@^0.20.0-beta.4"
+    "prosekit@^0.20.0-beta.5"
   ],
   "files": [
     {
       "path": "registry/src/react/ui/code-block-view/code-block-view.tsx",
       "type": "registry:component",
       "target": "components/editor/ui/code-block-view/code-block-view.tsx",
-      "content": "'use client'\nimport type { CodeBlockAttrs } from 'prosekit/extensions/code-block'\nimport { shikiBundledLanguagesInfo } from 'prosekit/extensions/code-block'\nimport type { ReactNodeViewProps } from 'prosekit/react'\n\nexport default function CodeBlockView(props: ReactNodeViewProps) {\n  const attrs = props.node.attrs as CodeBlockAttrs\n  const language = attrs.language\n\n  const setLanguage = (language: string) => {\n    const attrs: CodeBlockAttrs = { language }\n    props.setAttrs(attrs)\n  }\n\n  return (\n    <>\n      <div className=\"relative mx-2 top-3 h-0 select-none overflow-visible text-xs\" contentEditable={false}>\n        <select\n          aria-label=\"Code block language\"\n          className=\"outline-unset focus:outline-unset relative box-border w-auto cursor-pointer select-none appearance-none rounded-sm border-none bg-transparent px-2 py-1 text-xs transition text-(--prosemirror-highlight) opacity-0 hover:opacity-80 [div[data-node-view-root]:hover_&]:opacity-50 hover:[div[data-node-view-root]:hover_&]:opacity-80\"\n          onChange={(event) => setLanguage(event.target.value)}\n          value={language || ''}\n        >\n          <option value=\"\">Plain Text</option>\n          {shikiBundledLanguagesInfo.map((info) => (\n            <option key={info.id} value={info.id}>\n              {info.name}\n            </option>\n          ))}\n        </select>\n      </div>\n      <pre ref={props.contentRef} data-language={language}></pre>\n    </>\n  )\n}\n"
+      "content": "'use client'\n\nimport type { CodeBlockAttrs } from 'prosekit/extensions/code-block'\nimport { shikiBundledLanguagesInfo } from 'prosekit/extensions/code-block'\nimport type { ReactNodeViewProps } from 'prosekit/react'\n\nexport default function CodeBlockView(props: ReactNodeViewProps) {\n  const attrs = props.node.attrs as CodeBlockAttrs\n  const language = attrs.language\n\n  const setLanguage = (language: string) => {\n    const attrs: CodeBlockAttrs = { language }\n    props.setAttrs(attrs)\n  }\n\n  return (\n    <>\n      <div className=\"relative mx-2 top-3 h-0 select-none overflow-visible text-xs\" contentEditable={false}>\n        <select\n          aria-label=\"Code block language\"\n          className=\"outline-unset focus:outline-unset relative box-border w-auto cursor-pointer select-none appearance-none rounded-sm border-none bg-transparent px-2 py-1 text-xs transition text-(--prosemirror-highlight) opacity-0 hover:opacity-80 [div[data-node-view-root]:hover_&]:opacity-50 hover:[div[data-node-view-root]:hover_&]:opacity-80\"\n          onChange={(event) => setLanguage(event.target.value)}\n          value={language || ''}\n        >\n          <option value=\"\">Plain Text</option>\n          {shikiBundledLanguagesInfo.map((info) => (\n            <option key={info.id} value={info.id}>\n              {info.name}\n            </option>\n          ))}\n        </select>\n      </div>\n      <pre ref={props.contentRef} data-language={language}></pre>\n    </>\n  )\n}\n"
     },
     {
       "path": "registry/src/react/ui/code-block-view/index.ts",

package/dist/r/react-ui-drop-indicator.json

@@ -5,14 +5,14 @@
   "description": "",
   "registryDependencies": [],
   "dependencies": [
-    "prosekit@^0.20.0-beta.4"
+    "prosekit@^0.20.0-beta.5"
   ],
   "files": [
     {
       "path": "registry/src/react/ui/drop-indicator/drop-indicator.tsx",
       "type": "registry:component",
       "target": "components/editor/ui/drop-indicator/drop-indicator.tsx",
-      "content": "'use client'\nimport { DropIndicator as BaseDropIndicator } from 'prosekit/react/drop-indicator'\n\nexport default function DropIndicator() {\n  return <BaseDropIndicator className=\"z-50 transition-all bg-blue-500\" />\n}\n"
+      "content": "'use client'\n\nimport { DropIndicator as BaseDropIndicator } from 'prosekit/react/drop-indicator'\n\nexport default function DropIndicator() {\n  return <BaseDropIndicator className=\"z-50 transition-all bg-blue-500\" />\n}\n"
     },
     {
       "path": "registry/src/react/ui/drop-indicator/index.ts",