prosekit-registry 0.0.1

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

@@ -0,0 +1,54 @@
+{
+  "name": "preact-example-inline-menu",
+  "title": "preact-example-inline-menu",
+  "type": "registry:block",
+  "description": "Inline formatting menu that appears on text selection.",
+  "registryDependencies": [
+    "https://prosekit.dev/r/preact-sample-sample-doc-inline-menu.json",
+    "https://prosekit.dev/r/preact-ui-inline-menu.json"
+  ],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/preact/examples/inline-menu/editor.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/inline-menu/editor.tsx",
+      "content": "import 'prosekit/basic/style.css'\nimport 'prosekit/basic/typography.css'\n\nimport { useMemo } from 'preact/hooks'\nimport { createEditor, type NodeJSON } from 'prosekit/core'\nimport { ProseKit } from 'prosekit/preact'\n\nimport { sampleContent } from '../../sample/sample-doc-inline-menu'\nimport { InlineMenu } from '../../ui/inline-menu'\n\nimport { defineExtension } from './extension'\n\ninterface EditorProps {\n  initialContent?: NodeJSON\n}\n\nexport default function Editor(props: EditorProps) {\n  const defaultContent = props.initialContent ?? sampleContent\n  const editor = useMemo(() => {\n    return createEditor({ extension: defineExtension(), defaultContent })\n  }, [defaultContent])\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    </ProseKit>\n  )\n}\n"
+    },
+    {
+      "path": "registry/src/preact/examples/inline-menu/extension.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/inline-menu/extension.ts",
+      "content": "import { defineBasicExtension } from 'prosekit/basic'\n\nexport function defineExtension() {\n  return defineBasicExtension()\n}\n\nexport type EditorExtension = ReturnType<typeof defineExtension>\n"
+    },
+    {
+      "path": "registry/src/preact/examples/inline-menu/index.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/inline-menu/index.ts",
+      "content": "export { default as ExampleEditor } from './editor'\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "inline-menu",
+    "framework": "preact",
+    "accumulatedFiles": [
+      "registry/src/preact/examples/inline-menu/editor.tsx",
+      "registry/src/preact/examples/inline-menu/extension.ts",
+      "registry/src/preact/examples/inline-menu/index.ts",
+      "registry/src/preact/sample/sample-doc-inline-menu.ts",
+      "registry/src/preact/ui/button/button.tsx",
+      "registry/src/preact/ui/button/index.ts",
+      "registry/src/preact/ui/inline-menu/index.ts",
+      "registry/src/preact/ui/inline-menu/inline-menu.tsx"
+    ],
+    "internalDependencies": [
+      "preact-sample-sample-doc-inline-menu",
+      "preact-ui-inline-menu"
+    ]
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

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

@@ -0,0 +1,56 @@
+{
+  "name": "preact-example-italic",
+  "title": "preact-example-italic",
+  "type": "registry:block",
+  "description": "Example for italic mark.",
+  "registryDependencies": [
+    "https://prosekit.dev/r/preact-sample-sample-doc-italic.json",
+    "https://prosekit.dev/r/preact-ui-toolbar.json"
+  ],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/preact/examples/italic/editor.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/italic/editor.tsx",
+      "content": "import 'prosekit/basic/style.css'\nimport 'prosekit/basic/typography.css'\n\nimport { useMemo } from 'preact/hooks'\nimport { createEditor, type NodeJSON } from 'prosekit/core'\nimport { ProseKit } from 'prosekit/preact'\n\nimport { sampleContent } from '../../sample/sample-doc-italic'\nimport { Toolbar } from '../../ui/toolbar'\n\nimport { defineExtension } from './extension'\n\ninterface EditorProps {\n  initialContent?: NodeJSON\n}\n\nexport default function Editor(props: EditorProps) {\n  const defaultContent = props.initialContent ?? sampleContent\n  const editor = useMemo(() => {\n    const extension = defineExtension()\n    return createEditor({ extension, defaultContent })\n  }, [defaultContent])\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/preact/examples/italic/extension.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/italic/extension.ts",
+      "content": "import { defineBaseKeymap, union } from 'prosekit/core'\nimport { defineDoc } from 'prosekit/extensions/doc'\nimport { defineItalic } from 'prosekit/extensions/italic'\nimport { defineParagraph } from 'prosekit/extensions/paragraph'\nimport { defineText } from 'prosekit/extensions/text'\n\nexport function defineExtension() {\n  return union(\n    defineBaseKeymap(),\n    defineDoc(),\n    defineText(),\n    defineParagraph(),\n    defineItalic(),\n  )\n}\n\nexport type EditorExtension = ReturnType<typeof defineExtension>\n"
+    },
+    {
+      "path": "registry/src/preact/examples/italic/index.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/italic/index.ts",
+      "content": "export { default as ExampleEditor } from './editor'\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "italic",
+    "framework": "preact",
+    "accumulatedFiles": [
+      "registry/src/preact/examples/italic/editor.tsx",
+      "registry/src/preact/examples/italic/extension.ts",
+      "registry/src/preact/examples/italic/index.ts",
+      "registry/src/preact/sample/sample-doc-italic.ts",
+      "registry/src/preact/ui/button/button.tsx",
+      "registry/src/preact/ui/button/index.ts",
+      "registry/src/preact/ui/image-upload-popover/image-upload-popover.tsx",
+      "registry/src/preact/ui/image-upload-popover/index.ts",
+      "registry/src/preact/ui/toolbar/index.ts",
+      "registry/src/preact/ui/toolbar/toolbar.tsx"
+    ],
+    "internalDependencies": [
+      "preact-sample-sample-doc-italic",
+      "preact-ui-toolbar"
+    ]
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

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

@@ -0,0 +1,63 @@
+{
+  "name": "preact-example-keymap",
+  "title": "preact-example-keymap",
+  "type": "registry:block",
+  "description": "Custom keyboard shortcuts and key bindings.",
+  "registryDependencies": [
+    "https://prosekit.dev/r/preact-ui-button.json"
+  ],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/preact/examples/keymap/editor.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/keymap/editor.tsx",
+      "content": "import 'prosekit/basic/style.css'\nimport 'prosekit/basic/typography.css'\n\nimport { useCallback, useMemo, useState } from 'preact/hooks'\nimport { createEditor } from 'prosekit/core'\nimport { ProseKit } from 'prosekit/preact'\n\nimport { defineExtension } from './extension'\nimport Toolbar from './toolbar'\n\nexport default function Editor() {\n  const editor = useMemo(() => {\n    const extension = defineExtension()\n    return createEditor({ extension })\n  }, [])\n\n  const [submissions, setSubmissions] = useState<string[]>([])\n\n  const pushSubmission = useCallback(\n    (hotkey: string) => {\n      const docString = JSON.stringify(editor.getDocJSON())\n      const submission = `${new Date().toISOString()}\\t${hotkey}\\n${docString}`\n      setSubmissions((prev) => [...prev, submission])\n    },\n    [editor],\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        <Toolbar onSubmit={pushSubmission} />\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      <fieldset className=\"mt-4 box-border flex max-w-full w-full overflow-x-auto border p-4 rounded-md shadow-sm min-w-0\">\n        <legend>Submit Records</legend>\n        <ol>\n          {submissions.map((submission, index) => (\n            <li key={index}>\n              <pre>{submission}</pre>\n            </li>\n          ))}\n        </ol>\n        {submissions.length === 0 && <div>No submissions yet</div>}\n      </fieldset>\n    </ProseKit>\n  )\n}\n"
+    },
+    {
+      "path": "registry/src/preact/examples/keymap/extension.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/keymap/extension.ts",
+      "content": "import { defineBasicExtension } from 'prosekit/basic'\nimport { union } from 'prosekit/core'\n\nexport function defineExtension() {\n  return union(defineBasicExtension())\n}\n\nexport type EditorExtension = ReturnType<typeof defineExtension>\n"
+    },
+    {
+      "path": "registry/src/preact/examples/keymap/index.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/keymap/index.ts",
+      "content": "export { default as ExampleEditor } from './editor'\n"
+    },
+    {
+      "path": "registry/src/preact/examples/keymap/toolbar.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/keymap/toolbar.tsx",
+      "content": "import { useState } from 'preact/hooks'\n\nimport { Button } from '../../ui/button'\n\nimport { useSubmitKeymap } from './use-submit-keymap'\n\nexport default function Toolbar(props: {\n  onSubmit: (hotkey: string) => void\n}) {\n  const [hotkey, setHotkey] = useState<'Shift-Enter' | 'Enter'>('Shift-Enter')\n  useSubmitKeymap(hotkey, props.onSubmit)\n\n  return (\n    <div className=\"z-2 box-border border-gray-200 dark:border-gray-800 border-solid border-l-0 border-r-0 border-t-0 border-b flex flex-wrap gap-1 p-2 items-center\">\n      <Button\n        pressed={hotkey === 'Shift-Enter'}\n        onClick={() => setHotkey('Shift-Enter')}\n      >\n        <span className=\"mr-1\">Submit with</span>\n        <kbd>Shift + Enter</kbd>\n      </Button>\n\n      <Button pressed={hotkey === 'Enter'} onClick={() => setHotkey('Enter')}>\n        <span className=\"mr-1\">Submit with</span>\n        <kbd>Enter</kbd>\n      </Button>\n    </div>\n  )\n}\n"
+    },
+    {
+      "path": "registry/src/preact/examples/keymap/use-submit-keymap.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/keymap/use-submit-keymap.ts",
+      "content": "import { useMemo } from 'preact/hooks'\nimport type { Keymap } from 'prosekit/core'\nimport { useKeymap } from 'prosekit/preact'\n\nexport function useSubmitKeymap(\n  hotkey: 'Shift-Enter' | 'Enter',\n  onSubmit: (hotkey: string) => void,\n) {\n  const keymap: Keymap = useMemo(() => {\n    return {\n      [hotkey]: () => {\n        onSubmit(hotkey)\n        return true\n      },\n    }\n  }, [hotkey, onSubmit])\n\n  useKeymap(keymap)\n}\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "keymap",
+    "framework": "preact",
+    "accumulatedFiles": [
+      "registry/src/preact/examples/keymap/editor.tsx",
+      "registry/src/preact/examples/keymap/extension.ts",
+      "registry/src/preact/examples/keymap/index.ts",
+      "registry/src/preact/examples/keymap/toolbar.tsx",
+      "registry/src/preact/examples/keymap/use-submit-keymap.ts",
+      "registry/src/preact/ui/button/button.tsx",
+      "registry/src/preact/ui/button/index.ts"
+    ],
+    "internalDependencies": [
+      "preact-ui-button"
+    ]
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

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

@@ -0,0 +1,55 @@
+{
+  "name": "preact-example-link-mark-view",
+  "title": "preact-example-link-mark-view",
+  "type": "registry:block",
+  "description": "An example showing how to render a mark as a custom component.",
+  "registryDependencies": [
+    "https://prosekit.dev/r/preact-sample-sample-doc-link-mark-view.json"
+  ],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/preact/examples/link-mark-view/editor.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/link-mark-view/editor.tsx",
+      "content": "import 'prosekit/basic/style.css'\nimport 'prosekit/basic/typography.css'\n\nimport { useMemo } from 'preact/hooks'\nimport { createEditor, type NodeJSON } from 'prosekit/core'\nimport { ProseKit } from 'prosekit/preact'\n\nimport { sampleContent } from '../../sample/sample-doc-link-mark-view'\n\nimport { defineExtension } from './extension'\n\ninterface EditorProps {\n  initialContent?: NodeJSON\n}\n\nexport default function Editor(props: EditorProps) {\n  const defaultContent = props.initialContent ?? sampleContent\n  const editor = useMemo(() => {\n    const extension = defineExtension()\n    return createEditor({ extension, defaultContent })\n  }, [defaultContent])\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        </div>\n      </div>\n    </ProseKit>\n  )\n}\n"
+    },
+    {
+      "path": "registry/src/preact/examples/link-mark-view/extension.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/link-mark-view/extension.ts",
+      "content": "import { defineBasicExtension } from 'prosekit/basic'\nimport { union } from 'prosekit/core'\nimport { definePreactMarkView } from 'prosekit/preact'\n\nimport LinkView from './link-view'\n\nexport function defineExtension() {\n  return union(\n    defineBasicExtension(),\n    definePreactMarkView({\n      name: 'link',\n      component: LinkView,\n    }),\n  )\n}\n\nexport type EditorExtension = ReturnType<typeof defineExtension>\n"
+    },
+    {
+      "path": "registry/src/preact/examples/link-mark-view/index.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/link-mark-view/index.ts",
+      "content": "export { default as ExampleEditor } from './editor'\n"
+    },
+    {
+      "path": "registry/src/preact/examples/link-mark-view/link-view.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/link-mark-view/link-view.tsx",
+      "content": "import { useEffect, useState } from 'preact/hooks'\nimport type { PreactMarkViewProps } from 'prosekit/preact'\n\nconst colors = [\n  '#f06292',\n  '#ba68c8',\n  '#9575cd',\n  '#7986cb',\n  '#64b5f6',\n  '#4fc3f7',\n  '#4dd0e1',\n  '#4db6ac',\n  '#81c784',\n  '#aed581',\n  '#ffb74d',\n  '#ffa726',\n  '#ff8a65',\n  '#d4e157',\n  '#ffd54f',\n  '#ffecb3',\n] as const\n\nfunction pickRandomColor() {\n  return colors[Math.floor(Math.random() * colors.length)]\n}\n\nexport default function Link(props: PreactMarkViewProps) {\n  const [color, setColor] = useState<string>(colors[0])\n  const href = props.mark.attrs.href as string\n\n  useEffect(() => {\n    const interval = setInterval(() => {\n      setColor(pickRandomColor())\n    }, 1000)\n    return () => clearInterval(interval)\n  }, [])\n\n  return (\n    <a\n      href={href}\n      ref={props.contentRef}\n      style={{ color, transition: 'color 1s ease-in-out' }}\n    >\n    </a>\n  )\n}\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "link-mark-view",
+    "framework": "preact",
+    "accumulatedFiles": [
+      "registry/src/preact/examples/link-mark-view/editor.tsx",
+      "registry/src/preact/examples/link-mark-view/extension.ts",
+      "registry/src/preact/examples/link-mark-view/index.ts",
+      "registry/src/preact/examples/link-mark-view/link-view.tsx",
+      "registry/src/preact/sample/sample-doc-link-mark-view.ts"
+    ],
+    "internalDependencies": [
+      "preact-sample-sample-doc-link-mark-view"
+    ]
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

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

@@ -0,0 +1,54 @@
+{
+  "name": "preact-example-link",
+  "title": "preact-example-link",
+  "type": "registry:block",
+  "description": "Example for link mark with URL input.",
+  "registryDependencies": [
+    "https://prosekit.dev/r/preact-sample-sample-doc-link.json",
+    "https://prosekit.dev/r/preact-ui-inline-menu.json"
+  ],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/preact/examples/link/editor.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/link/editor.tsx",
+      "content": "import 'prosekit/basic/style.css'\nimport 'prosekit/basic/typography.css'\n\nimport { useMemo } from 'preact/hooks'\nimport { createEditor, type NodeJSON } from 'prosekit/core'\nimport { ProseKit } from 'prosekit/preact'\n\nimport { sampleContent } from '../../sample/sample-doc-link'\nimport { InlineMenu } from '../../ui/inline-menu'\n\nimport { defineExtension } from './extension'\n\ninterface EditorProps {\n  initialContent?: NodeJSON\n}\n\nexport default function Editor(props: EditorProps) {\n  const defaultContent = props.initialContent ?? sampleContent\n  const editor = useMemo(() => {\n    const extension = defineExtension()\n    return createEditor({ extension, defaultContent })\n  }, [defaultContent])\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    </ProseKit>\n  )\n}\n"
+    },
+    {
+      "path": "registry/src/preact/examples/link/extension.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/link/extension.ts",
+      "content": "import { defineBaseKeymap, union } from 'prosekit/core'\nimport { defineDoc } from 'prosekit/extensions/doc'\nimport { defineLink } from 'prosekit/extensions/link'\nimport { defineParagraph } from 'prosekit/extensions/paragraph'\nimport { defineText } from 'prosekit/extensions/text'\n\nexport function defineExtension() {\n  return union(\n    defineBaseKeymap(),\n    defineDoc(),\n    defineText(),\n    defineParagraph(),\n    defineLink(),\n  )\n}\n\nexport type EditorExtension = ReturnType<typeof defineExtension>\n"
+    },
+    {
+      "path": "registry/src/preact/examples/link/index.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/link/index.ts",
+      "content": "export { default as ExampleEditor } from './editor'\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "link",
+    "framework": "preact",
+    "accumulatedFiles": [
+      "registry/src/preact/examples/link/editor.tsx",
+      "registry/src/preact/examples/link/extension.ts",
+      "registry/src/preact/examples/link/index.ts",
+      "registry/src/preact/sample/sample-doc-link.ts",
+      "registry/src/preact/ui/button/button.tsx",
+      "registry/src/preact/ui/button/index.ts",
+      "registry/src/preact/ui/inline-menu/index.ts",
+      "registry/src/preact/ui/inline-menu/inline-menu.tsx"
+    ],
+    "internalDependencies": [
+      "preact-sample-sample-doc-link",
+      "preact-ui-inline-menu"
+    ]
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

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

@@ -0,0 +1,63 @@
+{
+  "name": "preact-example-list-custom-checkbox",
+  "title": "preact-example-list-custom-checkbox",
+  "type": "registry:block",
+  "description": "Custom checkbox styling for task lists.",
+  "registryDependencies": [
+    "https://prosekit.dev/r/preact-sample-sample-doc-list-custom-checkbox.json",
+    "https://prosekit.dev/r/preact-ui-toolbar.json"
+  ],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/preact/examples/list-custom-checkbox/custom-list.css",
+      "type": "registry:component",
+      "target": "components/editor/examples/list-custom-checkbox/custom-list.css",
+      "content": "div[data-custom-list-css-enabled] .ProseMirror .prosemirror-flat-list[data-list-kind=\"task\"] {\n  & > .list-marker label {\n    box-sizing: border-box;\n    display: flex;\n    position: relative;\n    left: calc(var(--spacing) * -0.5);\n    align-items: center;\n    cursor: pointer;\n    transition: transform 0.15s ease-in-out;\n\n    &:hover {\n      transform: scale(1.1);\n    }\n\n    &::after {\n      position: absolute;\n      width: calc(var(--spacing) * 5);\n      height: calc(var(--spacing) * 5);\n      content: \"\";\n      color: var(--color-white);\n      opacity: 0;\n    }\n\n    /* https://api.iconify.design/lucide.css?icons=check */\n    &::after {\n      display: inline-block;\n      background-color: currentColor;\n      -webkit-mask-image: var(--svg);\n      mask-image: var(--svg);\n      -webkit-mask-repeat: no-repeat;\n      mask-repeat: no-repeat;\n      -webkit-mask-size: 100% 100%;\n      mask-size: 100% 100%;\n      --svg: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 6L9 17l-5-5'/%3E%3C/svg%3E\");\n    }\n\n    & input {\n      box-sizing: border-box;\n      appearance: none;\n      width: calc(var(--spacing) * 5);\n      height: calc(var(--spacing) * 5);\n      margin: 0;\n      border-width: 1px;\n      border-style: solid;\n      border-radius: var(--radius-md);\n      border-color: color-mix(in srgb, var(--color-gray-300) 50%, transparent);\n      box-shadow: var(--shadow-sm);\n      cursor: pointer;\n      transition: all 0.15s ease-in-out;\n\n      &:hover {\n        box-shadow: var(--shadow-md);\n      }\n\n      &:checked {\n        border-color: var(--color-red-500);\n        background-color: var(--color-red-500);\n      }\n    }\n  }\n\n  &[data-list-checked] > .list-marker label {\n    &::after {\n      opacity: 1;\n    }\n  }\n\n  &[data-list-checked] {\n    color: var(--color-gray-400);\n    text-decoration: line-through;\n    text-decoration-color: var(--color-gray-400);\n  }\n}\n"
+    },
+    {
+      "path": "registry/src/preact/examples/list-custom-checkbox/editor.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/list-custom-checkbox/editor.tsx",
+      "content": "import 'prosekit/basic/style.css'\nimport 'prosekit/basic/typography.css'\nimport './custom-list.css'\n\nimport { useMemo } from 'preact/hooks'\nimport { createEditor, type NodeJSON } from 'prosekit/core'\nimport { ProseKit } from 'prosekit/preact'\n\nimport { sampleContent } from '../../sample/sample-doc-list-custom-checkbox'\nimport { Toolbar } from '../../ui/toolbar'\n\nimport { defineExtension } from './extension'\n\ninterface EditorProps {\n  initialContent?: NodeJSON\n}\n\nexport default function Editor(props: EditorProps) {\n  const defaultContent = props.initialContent ?? sampleContent\n  const editor = useMemo(() => {\n    const extension = defineExtension()\n    return createEditor({\n      extension,\n      defaultContent,\n    })\n  }, [defaultContent])\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\" data-custom-list-css-enabled>\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/preact/examples/list-custom-checkbox/extension.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/list-custom-checkbox/extension.ts",
+      "content": "import { defineBasicExtension } from 'prosekit/basic'\nimport { union } from 'prosekit/core'\n\nexport function defineExtension() {\n  return union(defineBasicExtension())\n}\n\nexport type EditorExtension = ReturnType<typeof defineExtension>\n"
+    },
+    {
+      "path": "registry/src/preact/examples/list-custom-checkbox/index.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/list-custom-checkbox/index.ts",
+      "content": "export { default as ExampleEditor } from './editor'\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "list-custom-checkbox",
+    "framework": "preact",
+    "accumulatedFiles": [
+      "registry/src/preact/examples/list-custom-checkbox/custom-list.css",
+      "registry/src/preact/examples/list-custom-checkbox/editor.tsx",
+      "registry/src/preact/examples/list-custom-checkbox/extension.ts",
+      "registry/src/preact/examples/list-custom-checkbox/index.ts",
+      "registry/src/preact/sample/sample-doc-list-custom-checkbox.ts",
+      "registry/src/preact/ui/button/button.tsx",
+      "registry/src/preact/ui/button/index.ts",
+      "registry/src/preact/ui/image-upload-popover/image-upload-popover.tsx",
+      "registry/src/preact/ui/image-upload-popover/index.ts",
+      "registry/src/preact/ui/toolbar/index.ts",
+      "registry/src/preact/ui/toolbar/toolbar.tsx"
+    ],
+    "internalDependencies": [
+      "preact-sample-sample-doc-list-custom-checkbox",
+      "preact-ui-toolbar"
+    ]
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

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

@@ -0,0 +1,56 @@
+{
+  "name": "preact-example-list",
+  "title": "preact-example-list",
+  "type": "registry:block",
+  "description": "Example for list node.",
+  "registryDependencies": [
+    "https://prosekit.dev/r/preact-sample-sample-doc-list.json",
+    "https://prosekit.dev/r/preact-ui-toolbar.json"
+  ],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/preact/examples/list/editor.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/list/editor.tsx",
+      "content": "import 'prosekit/basic/style.css'\nimport 'prosekit/basic/typography.css'\n\nimport { useMemo } from 'preact/hooks'\nimport { createEditor, type NodeJSON } from 'prosekit/core'\nimport { ProseKit } from 'prosekit/preact'\n\nimport { sampleContent } from '../../sample/sample-doc-list'\nimport { Toolbar } from '../../ui/toolbar'\n\nimport { defineExtension } from './extension'\n\ninterface EditorProps {\n  initialContent?: NodeJSON\n}\n\nexport default function Editor(props: EditorProps) {\n  const defaultContent = props.initialContent ?? sampleContent\n  const editor = useMemo(() => {\n    const extension = defineExtension()\n    return createEditor({ extension, defaultContent })\n  }, [defaultContent])\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/preact/examples/list/extension.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/list/extension.ts",
+      "content": "import { defineBaseKeymap, union } from 'prosekit/core'\nimport { defineDoc } from 'prosekit/extensions/doc'\nimport { defineList } from 'prosekit/extensions/list'\nimport { defineParagraph } from 'prosekit/extensions/paragraph'\nimport { defineText } from 'prosekit/extensions/text'\n\nexport function defineExtension() {\n  return union(\n    defineBaseKeymap(),\n    defineDoc(),\n    defineText(),\n    defineParagraph(),\n    defineList(),\n  )\n}\n\nexport type EditorExtension = ReturnType<typeof defineExtension>\n"
+    },
+    {
+      "path": "registry/src/preact/examples/list/index.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/list/index.ts",
+      "content": "export { default as ExampleEditor } from './editor'\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "list",
+    "framework": "preact",
+    "accumulatedFiles": [
+      "registry/src/preact/examples/list/editor.tsx",
+      "registry/src/preact/examples/list/extension.ts",
+      "registry/src/preact/examples/list/index.ts",
+      "registry/src/preact/sample/sample-doc-list.ts",
+      "registry/src/preact/ui/button/button.tsx",
+      "registry/src/preact/ui/button/index.ts",
+      "registry/src/preact/ui/image-upload-popover/image-upload-popover.tsx",
+      "registry/src/preact/ui/image-upload-popover/index.ts",
+      "registry/src/preact/ui/toolbar/index.ts",
+      "registry/src/preact/ui/toolbar/toolbar.tsx"
+    ],
+    "internalDependencies": [
+      "preact-sample-sample-doc-list",
+      "preact-ui-toolbar"
+    ]
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

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

@@ -0,0 +1,62 @@
+{
+  "name": "preact-example-loro",
+  "title": "preact-example-loro",
+  "type": "registry:block",
+  "description": "Real-time collaboration using Loro CRDT library.",
+  "registryDependencies": [
+    "https://prosekit.dev/r/preact-ui-toolbar.json"
+  ],
+  "dependencies": [
+    "loro-crdt",
+    "loro-prosemirror",
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/preact/examples/loro/editor-component.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/loro/editor-component.tsx",
+      "content": "import 'prosekit/basic/style.css'\nimport 'prosekit/basic/typography.css'\nimport 'prosekit/extensions/loro/style.css'\n\nimport type { CursorAwareness, LoroDocType } from 'loro-prosemirror'\nimport { useMemo } from 'preact/hooks'\nimport { createEditor } from 'prosekit/core'\nimport { ProseKit } from 'prosekit/preact'\n\nimport { Toolbar } from '../../ui/toolbar'\n\nimport { defineExtension } from './extension'\n\nexport default function EditorComponent(props: {\n  loro: LoroDocType\n  awareness: CursorAwareness\n}) {\n  const editor = useMemo(() => {\n    const extension = defineExtension(props.loro, props.awareness)\n    return createEditor({ extension })\n  }, [props.loro, props.awareness])\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/preact/examples/loro/editor.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/loro/editor.tsx",
+      "content": "import { LoroDoc, type AwarenessListener } from 'loro-crdt'\nimport { CursorAwareness, type LoroDocType } from 'loro-prosemirror'\nimport { useEffect, useState } from 'preact/hooks'\n\nimport EditorComponent from './editor-component'\n\nexport default function Page() {\n  const { loroA, awarenessA, loroB, awarenessB } = useLoroDocs()\n\n  return (\n    <div className=\"h-full flex flex-col gap-2\">\n      <EditorComponent loro={loroA} awareness={awarenessA} />\n      <EditorComponent loro={loroB} awareness={awarenessB} />\n    </div>\n  )\n}\n\nfunction useLoroDocs() {\n  const [loroState] = useState(() => {\n    const loroA: LoroDocType = new LoroDoc()\n    const loroB: LoroDocType = new LoroDoc()\n\n    const idA = loroA.peerIdStr\n    const idB = loroB.peerIdStr\n\n    const awarenessA = new CursorAwareness(idA)\n    const awarenessB = new CursorAwareness(idB)\n\n    return { loroA, loroB, idA, idB, awarenessA, awarenessB }\n  })\n\n  useEffect(() => {\n    const { loroA, loroB, idA, idB, awarenessA, awarenessB } = loroState\n    loroA.import(loroB.export({ mode: 'update' }))\n    loroB.import(loroA.export({ mode: 'update' }))\n    const unsubscribeA = loroA.subscribeLocalUpdates((updates) => {\n      loroB.import(updates)\n    })\n    const unsubscribeB = loroB.subscribeLocalUpdates((updates) => {\n      loroA.import(updates)\n    })\n    const awarenessAListener: AwarenessListener = (_, origin) => {\n      if (origin === 'local') {\n        awarenessB.apply(awarenessA.encode([idA]))\n      }\n    }\n    const awarenessBListener: AwarenessListener = (_, origin) => {\n      if (origin === 'local') {\n        awarenessA.apply(awarenessB.encode([idB]))\n      }\n    }\n    awarenessA.addListener(awarenessAListener)\n    awarenessB.addListener(awarenessBListener)\n    return () => {\n      awarenessA.removeListener(awarenessAListener)\n      awarenessB.removeListener(awarenessBListener)\n      unsubscribeA()\n      unsubscribeB()\n    }\n  }, [loroState])\n\n  return loroState\n}\n"
+    },
+    {
+      "path": "registry/src/preact/examples/loro/extension.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/loro/extension.ts",
+      "content": "import type { CursorAwareness, LoroDocType } from 'loro-prosemirror'\nimport { defineBaseCommands, defineBaseKeymap, union } from 'prosekit/core'\nimport { defineBlockquote } from 'prosekit/extensions/blockquote'\nimport { defineBold } from 'prosekit/extensions/bold'\nimport { defineCode } from 'prosekit/extensions/code'\nimport { defineDoc } from 'prosekit/extensions/doc'\nimport { defineDropCursor } from 'prosekit/extensions/drop-cursor'\nimport { defineHeading } from 'prosekit/extensions/heading'\nimport { defineImage } from 'prosekit/extensions/image'\nimport { defineItalic } from 'prosekit/extensions/italic'\nimport { defineLink } from 'prosekit/extensions/link'\nimport { defineList } from 'prosekit/extensions/list'\nimport { defineLoro } from 'prosekit/extensions/loro'\nimport { defineModClickPrevention } from 'prosekit/extensions/mod-click-prevention'\nimport { defineParagraph } from 'prosekit/extensions/paragraph'\nimport { defineStrike } from 'prosekit/extensions/strike'\nimport { defineTable } from 'prosekit/extensions/table'\nimport { defineText } from 'prosekit/extensions/text'\nimport { defineUnderline } from 'prosekit/extensions/underline'\nimport { defineVirtualSelection } from 'prosekit/extensions/virtual-selection'\n\nexport function defineExtension(doc: LoroDocType, awareness: CursorAwareness) {\n  return union([\n    defineDoc(),\n    defineText(),\n    defineHeading(),\n    defineList(),\n    defineBlockquote(),\n    defineBaseKeymap(),\n    defineBaseCommands(),\n    defineItalic(),\n    defineBold(),\n    defineUnderline(),\n    defineStrike(),\n    defineCode(),\n    defineLink(),\n    defineImage(),\n    defineParagraph(),\n    defineDropCursor(),\n    defineVirtualSelection(),\n    defineModClickPrevention(),\n    defineTable(),\n    defineLoro({ doc, awareness }),\n  ])\n}\n\nexport type EditorExtension = ReturnType<typeof defineExtension>\n"
+    },
+    {
+      "path": "registry/src/preact/examples/loro/index.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/loro/index.ts",
+      "content": "export { default as ExampleEditor } from './editor'\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "loro",
+    "framework": "preact",
+    "accumulatedFiles": [
+      "registry/src/preact/examples/loro/editor-component.tsx",
+      "registry/src/preact/examples/loro/editor.tsx",
+      "registry/src/preact/examples/loro/extension.ts",
+      "registry/src/preact/examples/loro/index.ts",
+      "registry/src/preact/ui/button/button.tsx",
+      "registry/src/preact/ui/button/index.ts",
+      "registry/src/preact/ui/image-upload-popover/image-upload-popover.tsx",
+      "registry/src/preact/ui/image-upload-popover/index.ts",
+      "registry/src/preact/ui/toolbar/index.ts",
+      "registry/src/preact/ui/toolbar/toolbar.tsx"
+    ],
+    "internalDependencies": [
+      "preact-ui-toolbar"
+    ]
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

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

@@ -0,0 +1,50 @@
+{
+  "name": "preact-example-mark-rule",
+  "title": "preact-example-mark-rule",
+  "type": "registry:block",
+  "description": "Input rules for automatic mark formatting.",
+  "registryDependencies": [],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/preact/examples/mark-rule/editor.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/mark-rule/editor.tsx",
+      "content": "import 'prosekit/basic/style.css'\nimport 'prosekit/basic/typography.css'\n\nimport { useMemo } from 'preact/hooks'\nimport { createEditor } from 'prosekit/core'\nimport { ProseKit } from 'prosekit/preact'\n\nimport { defineExtension } from './extension'\n\nexport default function Editor() {\n  const editor = useMemo(() => {\n    const extension = defineExtension()\n    return createEditor({ extension })\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        </div>\n      </div>\n    </ProseKit>\n  )\n}\n"
+    },
+    {
+      "path": "registry/src/preact/examples/mark-rule/extension.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/mark-rule/extension.ts",
+      "content": "import { defineBaseCommands, defineBaseKeymap, defineHistory, union } from 'prosekit/core'\nimport { defineDoc } from 'prosekit/extensions/doc'\nimport { defineLinkMarkRule, defineLinkSpec } from 'prosekit/extensions/link'\nimport { defineParagraph } from 'prosekit/extensions/paragraph'\nimport { definePlaceholder } from 'prosekit/extensions/placeholder'\nimport { defineText } from 'prosekit/extensions/text'\nimport { defineVirtualSelection } from 'prosekit/extensions/virtual-selection'\n\nimport { defineIssueLink } from './issue-link'\n\nexport function defineExtension() {\n  return union(\n    defineDoc(),\n    defineText(),\n    defineParagraph(),\n    defineHistory(),\n    defineBaseKeymap(),\n    defineBaseCommands(),\n    defineVirtualSelection(),\n    defineLinkSpec(),\n    defineLinkMarkRule(),\n    definePlaceholder({ placeholder: 'Try typing #123' }),\n    defineIssueLink(),\n  )\n}\n\nexport type EditorExtension = ReturnType<typeof defineExtension>\n"
+    },
+    {
+      "path": "registry/src/preact/examples/mark-rule/index.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/mark-rule/index.ts",
+      "content": "export { default as ExampleEditor } from './editor'\n"
+    },
+    {
+      "path": "registry/src/preact/examples/mark-rule/issue-link.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/mark-rule/issue-link.ts",
+      "content": "import { defineMarkSpec, union } from 'prosekit/core'\nimport { defineMarkRule } from 'prosekit/extensions/mark-rule'\n\nexport function defineIssueLink() {\n  return union(\n    defineMarkSpec({\n      name: 'issueLink',\n      inclusive: false,\n      attrs: {\n        issueNumber: {},\n      },\n      toDOM(node) {\n        const issueNumber = node.attrs.issueNumber as number\n        return [\n          'a',\n          {\n            href: `https://example.com/issues/${issueNumber}`,\n            title: `Issue #${issueNumber}`,\n          },\n          0,\n        ]\n      },\n    }),\n    defineMarkRule({\n      regex: /#(\\d+)/g,\n      type: 'issueLink',\n      attrs: (match) => {\n        return { issueNumber: Number.parseInt(match[1] || '0') }\n      },\n    }),\n  )\n}\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "mark-rule",
+    "framework": "preact",
+    "accumulatedFiles": [
+      "registry/src/preact/examples/mark-rule/editor.tsx",
+      "registry/src/preact/examples/mark-rule/extension.ts",
+      "registry/src/preact/examples/mark-rule/index.ts",
+      "registry/src/preact/examples/mark-rule/issue-link.ts"
+    ],
+    "internalDependencies": []
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

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

@@ -0,0 +1,36 @@
+{
+  "name": "preact-example-minimal",
+  "title": "preact-example-minimal",
+  "type": "registry:block",
+  "description": "Minimal editor setup with basic functionality.",
+  "registryDependencies": [],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/preact/examples/minimal/editor.tsx",
+      "type": "registry:component",
+      "target": "components/editor/examples/minimal/editor.tsx",
+      "content": "import 'prosekit/basic/style.css'\nimport 'prosekit/basic/typography.css'\n\nimport { useMemo } from 'preact/hooks'\nimport { defineBasicExtension } from 'prosekit/basic'\nimport { createEditor } from 'prosekit/core'\nimport { ProseKit } from 'prosekit/preact'\n\nexport default function Editor() {\n  const editor = useMemo(() => {\n    const extension = defineBasicExtension()\n    return createEditor({ extension })\n  }, [])\n\n  return (\n    <ProseKit editor={editor}>\n      <div ref={editor.mount} className=\"outline-solid p-4\"></div>\n    </ProseKit>\n  )\n}\n"
+    },
+    {
+      "path": "registry/src/preact/examples/minimal/index.ts",
+      "type": "registry:component",
+      "target": "components/editor/examples/minimal/index.ts",
+      "content": "export { default as ExampleEditor } from './editor'\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "minimal",
+    "framework": "preact",
+    "accumulatedFiles": [
+      "registry/src/preact/examples/minimal/editor.tsx",
+      "registry/src/preact/examples/minimal/index.ts"
+    ],
+    "internalDependencies": []
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}