prosekit-registry 0.0.1

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

@@ -0,0 +1,29 @@
+{
+  "name": "react-sample-sample-doc-page",
+  "title": "react-sample-sample-doc-page",
+  "type": "registry:component",
+  "description": "",
+  "registryDependencies": [],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/react/sample/sample-doc-page.ts",
+      "type": "registry:component",
+      "target": "components/editor/sample/sample-doc-page.ts",
+      "content": "import type { NodeJSON } from 'prosekit/core'\n\nexport const sampleContent: NodeJSON = {\n  type: 'doc',\n  content: [\n    {\n      type: 'heading',\n      attrs: { level: 1 },\n      content: [{ type: 'text', text: 'Page Layout Demo' }],\n    },\n    {\n      type: 'paragraph',\n      content: [\n        {\n          type: 'text',\n          text: 'This is the first page.',\n        },\n      ],\n    },\n    {\n      type: 'paragraph',\n      content: [\n        {\n          type: 'text',\n          text:\n            'The content below will be on a new page because of a page break. You can insert a page break by pressing Command+Enter on Mac or Ctrl+Enter on Windows and Linux.',\n        },\n      ],\n    },\n    { type: 'pageBreak' },\n    {\n      type: 'heading',\n      attrs: { level: 1 },\n      content: [{ type: 'text', text: 'Page 2' }],\n    },\n    {\n      type: 'paragraph',\n      content: [\n        {\n          type: 'text',\n          text: 'This is the second page.',\n        },\n      ],\n    },\n    {\n      type: 'paragraph',\n      content: [\n        {\n          type: 'text',\n          text:\n            'When the content on a page exceeds the available height, it will automatically flow to the next page. This is similar to how traditional word processors like Microsoft Word handle pagination.',\n        },\n      ],\n    },\n    { type: 'image', attrs: { src: 'https://placehold.co/600x500' } },\n    { type: 'image', attrs: { src: 'https://placehold.co/600x500' } },\n    {\n      type: 'paragraph',\n      content: [\n        {\n          type: 'text',\n          text: 'The images above exceed the available height on the second page, so they automatically flow to the next page.',\n        },\n      ],\n    },\n    {\n      type: 'heading',\n      attrs: { level: 2 },\n      content: [{ type: 'text', text: 'Known Limitation' }],\n    },\n    {\n      type: 'paragraph',\n      content: [\n        {\n          type: 'text',\n          text:\n            'Page breaks only occur between block elements. A single block taller than the remaining space on the page will overflow to the next page rather than split. In other words, you cannot split a node like paragraph or a table across pages. The paragraph below demonstrates this.',\n        },\n      ],\n    },\n    {\n      type: 'paragraph',\n      content: [\n        {\n          type: 'text',\n          marks: [{ type: 'bold' }],\n          text: 'This is a very long paragraph that demonstrates the limitation of block-level pagination.',\n        },\n        {\n          type: 'text',\n          text: ' ',\n        },\n        {\n          type: 'text',\n          marks: [{ type: 'italic' }],\n          text:\n            'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.',\n        },\n      ],\n    },\n  ],\n}\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "",
+    "framework": "react",
+    "accumulatedFiles": [
+      "registry/src/react/sample/sample-doc-page.ts"
+    ],
+    "internalDependencies": []
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

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

@@ -0,0 +1,29 @@
+{
+  "name": "react-sample-sample-doc-readonly",
+  "title": "react-sample-sample-doc-readonly",
+  "type": "registry:component",
+  "description": "",
+  "registryDependencies": [],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/react/sample/sample-doc-readonly.ts",
+      "type": "registry:component",
+      "target": "components/editor/sample/sample-doc-readonly.ts",
+      "content": "import type { NodeJSON } from 'prosekit/core'\n\nexport const sampleContent: NodeJSON = {\n  type: 'doc',\n  content: [\n    {\n      type: 'paragraph',\n      content: [\n        {\n          type: 'text',\n          text: 'The content is readonly. Press the buttons above to toggle the readonly mode.',\n        },\n      ],\n    },\n  ],\n}\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "",
+    "framework": "react",
+    "accumulatedFiles": [
+      "registry/src/react/sample/sample-doc-readonly.ts"
+    ],
+    "internalDependencies": []
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

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

@@ -0,0 +1,29 @@
+{
+  "name": "react-sample-sample-doc-rtl",
+  "title": "react-sample-sample-doc-rtl",
+  "type": "registry:component",
+  "description": "",
+  "registryDependencies": [],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/react/sample/sample-doc-rtl.ts",
+      "type": "registry:component",
+      "target": "components/editor/sample/sample-doc-rtl.ts",
+      "content": "import type { NodeJSON } from 'prosekit/core'\n\nconst translation = {\n  'Paragraph': 'فقرة',\n  'Root list item': 'عنصر قائمة جذري',\n  'Sub list item': 'عنصر قائمة فرعي',\n  'Completed task': 'مهمة مكتملة',\n  'Pending task': 'مهمة قيد الانتظار',\n  'Quote': 'اقتباس',\n} as const\n\nexport const sampleContent: NodeJSON = {\n  type: 'doc',\n  content: [\n    {\n      type: 'heading',\n      attrs: { level: 1 },\n      content: [{ type: 'text', text: 'Right to Left' }],\n    },\n    {\n      type: 'paragraph',\n      content: [\n        { type: 'text', text: translation['Paragraph'] },\n      ],\n    },\n    {\n      type: 'list',\n      attrs: { kind: 'bullet' },\n      content: [\n        { type: 'paragraph', content: [{ type: 'text', text: translation['Root list item'] }] },\n        {\n          type: 'list',\n          attrs: { kind: 'ordered' },\n          content: [\n            { type: 'paragraph', content: [{ type: 'text', text: translation['Sub list item'] }] },\n          ],\n        },\n        {\n          type: 'list',\n          attrs: { kind: 'ordered' },\n          content: [\n            { type: 'paragraph', content: [{ type: 'text', text: translation['Sub list item'] }] },\n            {\n              type: 'list',\n              attrs: { kind: 'task', checked: true },\n              content: [\n                { type: 'paragraph', content: [{ type: 'text', text: translation['Completed task'] }] },\n              ],\n            },\n            {\n              type: 'list',\n              attrs: { kind: 'task', checked: false },\n              content: [\n                { type: 'paragraph', content: [{ type: 'text', text: translation['Pending task'] }] },\n              ],\n            },\n          ],\n        },\n      ],\n    },\n    {\n      type: 'codeBlock',\n      attrs: { language: 'javascript' },\n      content: [\n        {\n          type: 'text',\n          text: 'hello world',\n        },\n      ],\n    },\n\n    {\n      type: 'table',\n      content: [\n        {\n          type: 'tableRow',\n          content: [\n            {\n              type: 'tableCell',\n              attrs: {},\n              content: [\n                { type: 'paragraph', content: [{ type: 'text', text: 'A1' }] },\n              ],\n            },\n            {\n              type: 'tableCell',\n              attrs: {},\n              content: [\n                { type: 'paragraph', content: [{ type: 'text', text: 'B1' }] },\n              ],\n            },\n            {\n              type: 'tableCell',\n              attrs: {},\n              content: [\n                { type: 'paragraph', content: [{ type: 'text', text: 'C1' }] },\n              ],\n            },\n          ],\n        },\n        {\n          type: 'tableRow',\n          content: [\n            {\n              type: 'tableCell',\n              attrs: {},\n              content: [\n                { type: 'paragraph', content: [{ type: 'text', text: 'A2' }] },\n              ],\n            },\n            {\n              type: 'tableCell',\n              attrs: {},\n              content: [\n                { type: 'paragraph', content: [{ type: 'text', text: 'B2' }] },\n              ],\n            },\n            {\n              type: 'tableCell',\n              attrs: {},\n              content: [\n                { type: 'paragraph', content: [{ type: 'text', text: 'C2' }] },\n              ],\n            },\n          ],\n        },\n        {\n          type: 'tableRow',\n          content: [\n            {\n              type: 'tableCell',\n              attrs: {},\n              content: [\n                { type: 'paragraph', content: [{ type: 'text', text: 'A3' }] },\n              ],\n            },\n            {\n              type: 'tableCell',\n              attrs: {},\n              content: [\n                { type: 'paragraph', content: [{ type: 'text', text: 'B3' }] },\n              ],\n            },\n            {\n              type: 'tableCell',\n              attrs: {},\n              content: [\n                { type: 'paragraph', content: [{ type: 'text', text: 'C3' }] },\n              ],\n            },\n          ],\n        },\n      ],\n    },\n    {\n      type: 'blockquote',\n      content: [\n        {\n          type: 'paragraph',\n          content: [\n            {\n              type: 'text',\n              text: translation['Quote'],\n            },\n          ],\n        },\n      ],\n    },\n  ],\n}\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "",
+    "framework": "react",
+    "accumulatedFiles": [
+      "registry/src/react/sample/sample-doc-rtl.ts"
+    ],
+    "internalDependencies": []
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

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

@@ -0,0 +1,29 @@
+{
+  "name": "react-sample-sample-doc-search",
+  "title": "react-sample-sample-doc-search",
+  "type": "registry:component",
+  "description": "",
+  "registryDependencies": [],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/react/sample/sample-doc-search.ts",
+      "type": "registry:component",
+      "target": "components/editor/sample/sample-doc-search.ts",
+      "content": "import type { NodeJSON } from 'prosekit/core'\n\nexport const sampleContent: NodeJSON = {\n  type: 'doc',\n  content: [\n    {\n      type: 'paragraph',\n      content: [\n        {\n          type: 'text',\n          text: 'Baa, baa, black sheep,',\n        },\n      ],\n    },\n    {\n      type: 'paragraph',\n      content: [\n        {\n          type: 'text',\n          text: 'Have you any wool?',\n        },\n      ],\n    },\n    {\n      type: 'paragraph',\n      content: [\n        {\n          type: 'text',\n          text: 'Yes, sir, yes, sir,',\n        },\n      ],\n    },\n    {\n      type: 'paragraph',\n      content: [\n        {\n          type: 'text',\n          text: 'Three bags full;',\n        },\n      ],\n    },\n    {\n      type: 'paragraph',\n      content: [\n        {\n          type: 'text',\n          text: 'One for the master,',\n        },\n      ],\n    },\n    {\n      type: 'paragraph',\n      content: [\n        {\n          type: 'text',\n          text: 'And one for the dame,',\n        },\n      ],\n    },\n    {\n      type: 'paragraph',\n      content: [\n        {\n          type: 'text',\n          text: 'And one for the little boy',\n        },\n      ],\n    },\n    {\n      type: 'paragraph',\n      content: [\n        {\n          type: 'text',\n          text: 'Who lives down the lane.',\n        },\n      ],\n    },\n  ],\n}\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "",
+    "framework": "react",
+    "accumulatedFiles": [
+      "registry/src/react/sample/sample-doc-search.ts"
+    ],
+    "internalDependencies": []
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

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

@@ -0,0 +1,29 @@
+{
+  "name": "react-sample-sample-doc-strike",
+  "title": "react-sample-sample-doc-strike",
+  "type": "registry:component",
+  "description": "",
+  "registryDependencies": [],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/react/sample/sample-doc-strike.ts",
+      "type": "registry:component",
+      "target": "components/editor/sample/sample-doc-strike.ts",
+      "content": "import type { NodeJSON } from 'prosekit/core'\n\nexport const sampleContent: NodeJSON = {\n  type: 'doc',\n  content: [\n    {\n      type: 'paragraph',\n      content: [\n        {\n          type: 'text',\n          marks: [\n            {\n              type: 'strike',\n            },\n          ],\n          text: 'This is strike',\n        },\n      ],\n    },\n    {\n      type: 'paragraph',\n      content: [\n        {\n          type: 'text',\n          text: 'This is normal text',\n        },\n      ],\n    },\n  ],\n}\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "",
+    "framework": "react",
+    "accumulatedFiles": [
+      "registry/src/react/sample/sample-doc-strike.ts"
+    ],
+    "internalDependencies": []
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

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

@@ -0,0 +1,29 @@
+{
+  "name": "react-sample-sample-doc-table",
+  "title": "react-sample-sample-doc-table",
+  "type": "registry:component",
+  "description": "",
+  "registryDependencies": [],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/react/sample/sample-doc-table.ts",
+      "type": "registry:component",
+      "target": "components/editor/sample/sample-doc-table.ts",
+      "content": "import type { NodeJSON } from 'prosekit/core'\n\nexport const sampleContent: NodeJSON = {\n  type: 'doc',\n  content: [\n    {\n      type: 'table',\n      content: [\n        {\n          type: 'tableRow',\n          content: [\n            {\n              type: 'tableCell',\n              attrs: {\n                colspan: 1,\n                rowspan: 1,\n                colwidth: null,\n              },\n              content: [\n                {\n                  type: 'paragraph',\n                  content: [\n                    {\n                      type: 'text',\n                      text: 'A1',\n                    },\n                  ],\n                },\n              ],\n            },\n            {\n              type: 'tableCell',\n              attrs: {\n                colspan: 1,\n                rowspan: 1,\n                colwidth: null,\n              },\n              content: [\n                {\n                  type: 'paragraph',\n                  content: [\n                    {\n                      type: 'text',\n                      text: 'B1',\n                    },\n                  ],\n                },\n              ],\n            },\n            {\n              type: 'tableCell',\n              attrs: {\n                colspan: 1,\n                rowspan: 1,\n                colwidth: null,\n              },\n              content: [\n                {\n                  type: 'paragraph',\n                  content: [\n                    {\n                      type: 'text',\n                      text: 'C1',\n                    },\n                  ],\n                },\n              ],\n            },\n            {\n              type: 'tableCell',\n              attrs: {\n                colspan: 1,\n                rowspan: 1,\n                colwidth: null,\n              },\n              content: [\n                {\n                  type: 'paragraph',\n                  content: [\n                    {\n                      type: 'text',\n                      text: 'D1',\n                    },\n                  ],\n                },\n              ],\n            },\n          ],\n        },\n        {\n          type: 'tableRow',\n          content: [\n            {\n              type: 'tableCell',\n              attrs: {\n                colspan: 1,\n                rowspan: 1,\n                colwidth: null,\n              },\n              content: [\n                {\n                  type: 'paragraph',\n                  content: [\n                    {\n                      type: 'text',\n                      text: 'A2',\n                    },\n                  ],\n                },\n              ],\n            },\n            {\n              type: 'tableCell',\n              attrs: {\n                colspan: 1,\n                rowspan: 1,\n                colwidth: null,\n              },\n              content: [\n                {\n                  type: 'paragraph',\n                  content: [\n                    {\n                      type: 'text',\n                      text: 'B2',\n                    },\n                  ],\n                },\n              ],\n            },\n            {\n              type: 'tableCell',\n              attrs: {\n                colspan: 1,\n                rowspan: 1,\n                colwidth: null,\n              },\n              content: [\n                {\n                  type: 'paragraph',\n                  content: [\n                    {\n                      type: 'text',\n                      text: 'C2',\n                    },\n                  ],\n                },\n              ],\n            },\n            {\n              type: 'tableCell',\n              attrs: {\n                colspan: 1,\n                rowspan: 1,\n                colwidth: null,\n              },\n              content: [\n                {\n                  type: 'paragraph',\n                  content: [\n                    {\n                      type: 'text',\n                      text: 'D2',\n                    },\n                  ],\n                },\n              ],\n            },\n          ],\n        },\n      ],\n    },\n  ],\n}\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "",
+    "framework": "react",
+    "accumulatedFiles": [
+      "registry/src/react/sample/sample-doc-table.ts"
+    ],
+    "internalDependencies": []
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

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

@@ -0,0 +1,29 @@
+{
+  "name": "react-sample-sample-doc-tex",
+  "title": "react-sample-sample-doc-tex",
+  "type": "registry:component",
+  "description": "",
+  "registryDependencies": [],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/react/sample/sample-doc-tex.ts",
+      "type": "registry:component",
+      "target": "components/editor/sample/sample-doc-tex.ts",
+      "content": "import type { NodeJSON } from 'prosekit/core'\n\nconst EULER_IDENTITY = String.raw`e^{i\\pi} + 1 = 0`\n\nconst QUADRATIC_FORMULA = String.raw`x = \\frac{-b \\pm \\sqrt{b^2 - 4ac}}{2a}`\n\nconst GAUSSIAN_INTEGRAL = String.raw`\\int_{-\\infty}^{\\infty} e^{-x^2} \\, dx = \\sqrt{\\pi}`\n\nexport const sampleContent: NodeJSON = {\n  type: 'doc',\n  content: [\n    {\n      type: 'heading',\n      attrs: { level: 2 },\n      content: [{ type: 'text', text: 'Inline equations' }],\n    },\n    {\n      type: 'paragraph',\n      content: [\n        { type: 'text', text: \"Euler's identity \" },\n        { type: 'mathInline', content: [{ type: 'text', text: EULER_IDENTITY }] },\n        { type: 'text', text: ' and the quadratic formula ' },\n        { type: 'mathInline', content: [{ type: 'text', text: QUADRATIC_FORMULA }] },\n        { type: 'text', text: ' can appear within text. Type ' },\n        { type: 'text', marks: [{ type: 'code' }], text: '$...$' },\n        { type: 'text', text: ' to insert an inline equation.' },\n      ],\n    },\n    {\n      type: 'heading',\n      attrs: { level: 2 },\n      content: [{ type: 'text', text: 'Block equations' }],\n    },\n    {\n      type: 'paragraph',\n      content: [\n        { type: 'text', text: 'The Gaussian integral:' },\n      ],\n    },\n    {\n      type: 'mathBlock',\n      content: [{ type: 'text', text: GAUSSIAN_INTEGRAL }],\n    },\n    {\n      type: 'paragraph',\n      content: [\n        { type: 'text', text: 'Type ' },\n        { type: 'text', marks: [{ type: 'code' }], text: '$$' },\n        { type: 'text', text: ' in a new line and press Enter to create a block equation.' },\n      ],\n    },\n  ],\n}\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "",
+    "framework": "react",
+    "accumulatedFiles": [
+      "registry/src/react/sample/sample-doc-tex.ts"
+    ],
+    "internalDependencies": []
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

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

@@ -0,0 +1,29 @@
+{
+  "name": "react-sample-sample-doc-text-align",
+  "title": "react-sample-sample-doc-text-align",
+  "type": "registry:component",
+  "description": "",
+  "registryDependencies": [],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/react/sample/sample-doc-text-align.ts",
+      "type": "registry:component",
+      "target": "components/editor/sample/sample-doc-text-align.ts",
+      "content": "import type { NodeJSON } from 'prosekit/core'\n\nexport const sampleContent: NodeJSON = {\n  type: 'doc',\n  content: [\n    {\n      type: 'heading',\n      attrs: {\n        level: 1,\n        textAlign: 'center',\n      },\n      content: [\n        {\n          type: 'text',\n          text: 'Heading',\n        },\n      ],\n    },\n    {\n      type: 'paragraph',\n      attrs: {\n        textAlign: 'left',\n      },\n      content: [\n        {\n          type: 'text',\n          text: 'First paragraph',\n        },\n      ],\n    },\n    {\n      type: 'paragraph',\n      attrs: {\n        textAlign: 'center',\n      },\n      content: [\n        {\n          type: 'text',\n          text: 'Second paragraph',\n        },\n      ],\n    },\n    {\n      type: 'paragraph',\n      attrs: {\n        textAlign: 'right',\n      },\n      content: [\n        {\n          type: 'text',\n          text: 'Third paragraph',\n        },\n      ],\n    },\n  ],\n}\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "",
+    "framework": "react",
+    "accumulatedFiles": [
+      "registry/src/react/sample/sample-doc-text-align.ts"
+    ],
+    "internalDependencies": []
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

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

@@ -0,0 +1,29 @@
+{
+  "name": "react-sample-sample-doc-text-color",
+  "title": "react-sample-sample-doc-text-color",
+  "type": "registry:component",
+  "description": "",
+  "registryDependencies": [],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/react/sample/sample-doc-text-color.ts",
+      "type": "registry:component",
+      "target": "components/editor/sample/sample-doc-text-color.ts",
+      "content": "import type { NodeJSON } from 'prosekit/core'\n\nexport const sampleContent: NodeJSON = {\n  type: 'doc',\n  content: [\n    {\n      type: 'paragraph',\n      content: [\n        {\n          type: 'text',\n          marks: [\n            {\n              type: 'textColor',\n              attrs: {\n                color: '#ef4444',\n              },\n            },\n          ],\n          text: 'Select',\n        },\n        {\n          type: 'text',\n          text: ' ',\n        },\n        {\n          type: 'text',\n          marks: [\n            {\n              type: 'textColor',\n              attrs: {\n                color: '#f97316',\n              },\n            },\n          ],\n          text: 'some',\n        },\n        {\n          type: 'text',\n          text: ' ',\n        },\n        {\n          type: 'text',\n          marks: [\n            {\n              type: 'textColor',\n              attrs: {\n                color: '#eab308',\n              },\n            },\n          ],\n          text: 'text',\n        },\n        {\n          type: 'text',\n          text: ' ',\n        },\n        {\n          type: 'text',\n          marks: [\n            {\n              type: 'textColor',\n              attrs: {\n                color: '#22c55e',\n              },\n            },\n          ],\n          text: 'to',\n        },\n        {\n          type: 'text',\n          text: ' ',\n        },\n        {\n          type: 'text',\n          marks: [\n            {\n              type: 'textColor',\n              attrs: {\n                color: '#3b82f6',\n              },\n            },\n          ],\n          text: 'change',\n        },\n        {\n          type: 'text',\n          text: ' ',\n        },\n        {\n          type: 'text',\n          marks: [\n            {\n              type: 'textColor',\n              attrs: {\n                color: '#6366f1',\n              },\n            },\n          ],\n          text: 'the',\n        },\n        {\n          type: 'text',\n          text: ' ',\n        },\n        {\n          type: 'text',\n          marks: [\n            {\n              type: 'textColor',\n              attrs: {\n                color: '#a855f7',\n              },\n            },\n          ],\n          text: 'color',\n        },\n      ],\n    },\n  ],\n}\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "",
+    "framework": "react",
+    "accumulatedFiles": [
+      "registry/src/react/sample/sample-doc-text-color.ts"
+    ],
+    "internalDependencies": []
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

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

@@ -0,0 +1,29 @@
+{
+  "name": "react-sample-sample-doc-tweet",
+  "title": "react-sample-sample-doc-tweet",
+  "type": "registry:component",
+  "description": "",
+  "registryDependencies": [],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/react/sample/sample-doc-tweet.ts",
+      "type": "registry:component",
+      "target": "components/editor/sample/sample-doc-tweet.ts",
+      "content": "import type { NodeJSON } from 'prosekit/core'\n\nexport const sampleContent: NodeJSON = {\n  type: 'doc',\n  content: [\n    {\n      type: 'paragraph',\n      content: [\n        {\n          type: 'text',\n          text: 'Render a tweet in your document',\n        },\n      ],\n    },\n    {\n      type: 'tweet',\n      attrs: {\n        tweetId: '20',\n      },\n    },\n  ],\n}\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "",
+    "framework": "react",
+    "accumulatedFiles": [
+      "registry/src/react/sample/sample-doc-tweet.ts"
+    ],
+    "internalDependencies": []
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

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

@@ -0,0 +1,29 @@
+{
+  "name": "react-sample-sample-doc-typography",
+  "title": "react-sample-sample-doc-typography",
+  "type": "registry:component",
+  "description": "",
+  "registryDependencies": [],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/react/sample/sample-doc-typography.ts",
+      "type": "registry:component",
+      "target": "components/editor/sample/sample-doc-typography.ts",
+      "content": "import type { NodeJSON } from 'prosekit/core'\n\nconst EULER_IDENTITY = String.raw`e^{i\\pi} + 1 = 0`\n\nconst QUADRATIC_FORMULA = String.raw`x = \\frac{-b \\pm \\sqrt{b^2 - 4ac}}{2a}`\n\nconst GAUSSIAN_INTEGRAL = String.raw`\\int_{-\\infty}^{\\infty} e^{-x^2} \\, dx = \\sqrt{\\pi}`\n\nexport const sampleContent: NodeJSON = {\n  type: 'doc',\n  content: [\n    {\n      type: 'heading',\n      attrs: {\n        level: 1,\n      },\n      content: [\n        {\n          type: 'text',\n          text: 'ProseKit Typography',\n        },\n      ],\n    },\n    {\n      type: 'paragraph',\n      content: [\n        {\n          type: 'text',\n          text: 'This example shows the typography styles provided by ',\n        },\n        {\n          type: 'text',\n          marks: [\n            {\n              type: 'code',\n            },\n          ],\n          text: 'prosekit/basic/typography.css',\n        },\n        {\n          type: 'text',\n          text: '.',\n        },\n      ],\n    },\n    {\n      type: 'heading',\n      attrs: {\n        level: 2,\n      },\n      content: [\n        {\n          type: 'text',\n          text: 'Inline marks',\n        },\n      ],\n    },\n    {\n      type: 'paragraph',\n      content: [\n        {\n          type: 'text',\n          text: 'Text can be formatted in different ways: ',\n        },\n        {\n          type: 'text',\n          marks: [\n            {\n              type: 'bold',\n            },\n          ],\n          text: 'bold text',\n        },\n        {\n          type: 'text',\n          text: ', ',\n        },\n        {\n          type: 'text',\n          marks: [\n            {\n              type: 'italic',\n            },\n          ],\n          text: 'italic text',\n        },\n        {\n          type: 'text',\n          text: ', ',\n        },\n        {\n          type: 'text',\n          marks: [\n            {\n              type: 'underline',\n            },\n          ],\n          text: 'underlined text',\n        },\n        {\n          type: 'text',\n          text: ', ',\n        },\n        {\n          type: 'text',\n          marks: [\n            {\n              type: 'strike',\n            },\n          ],\n          text: 'strikethrough text',\n        },\n        {\n          type: 'text',\n          text: ', ',\n        },\n        {\n          type: 'text',\n          marks: [\n            {\n              type: 'code',\n            },\n          ],\n          text: 'inline code',\n        },\n        {\n          type: 'text',\n          text: ', ',\n        },\n        {\n          type: 'text',\n          marks: [\n            {\n              type: 'link',\n              attrs: {\n                href: 'https://example.com',\n                target: null,\n                rel: null,\n              },\n            },\n          ],\n          text: 'links',\n        },\n        {\n          type: 'text',\n          text: ',',\n        },\n        {\n          type: 'hardBreak',\n        },\n        {\n          type: 'text',\n          text: 'and hard breaks (Shift+Enter).',\n        },\n      ],\n    },\n    {\n      type: 'heading',\n      attrs: {\n        level: 2,\n      },\n      content: [\n        {\n          type: 'text',\n          text: 'Headings',\n        },\n      ],\n    },\n    {\n      type: 'heading',\n      attrs: {\n        level: 1,\n      },\n      content: [\n        {\n          type: 'text',\n          text: 'Heading 1',\n        },\n      ],\n    },\n    {\n      type: 'heading',\n      attrs: {\n        level: 2,\n      },\n      content: [\n        {\n          type: 'text',\n          text: 'Heading 2',\n        },\n      ],\n    },\n    {\n      type: 'heading',\n      attrs: {\n        level: 3,\n      },\n      content: [\n        {\n          type: 'text',\n          text: 'Heading 3',\n        },\n      ],\n    },\n    {\n      type: 'heading',\n      attrs: {\n        level: 4,\n      },\n      content: [\n        {\n          type: 'text',\n          text: 'Heading 4',\n        },\n      ],\n    },\n    {\n      type: 'heading',\n      attrs: {\n        level: 5,\n      },\n      content: [\n        {\n          type: 'text',\n          text: 'Heading 5',\n        },\n      ],\n    },\n    {\n      type: 'heading',\n      attrs: {\n        level: 6,\n      },\n      content: [\n        {\n          type: 'text',\n          text: 'Heading 6',\n        },\n      ],\n    },\n    {\n      type: 'heading',\n      attrs: {\n        level: 2,\n      },\n      content: [\n        {\n          type: 'text',\n          text: 'Lists',\n        },\n      ],\n    },\n    {\n      type: 'paragraph',\n      content: [\n        {\n          type: 'text',\n          text: 'Here are different types of lists:',\n        },\n      ],\n    },\n    {\n      type: 'list',\n      attrs: {\n        kind: 'bullet',\n        order: null,\n        checked: false,\n        collapsed: false,\n      },\n      content: [\n        {\n          type: 'paragraph',\n          content: [\n            {\n              type: 'text',\n              text: 'Unordered list item 1',\n            },\n          ],\n        },\n      ],\n    },\n    {\n      type: 'list',\n      attrs: {\n        kind: 'bullet',\n        order: null,\n        checked: false,\n        collapsed: false,\n      },\n      content: [\n        {\n          type: 'paragraph',\n          content: [\n            {\n              type: 'text',\n              text: 'Unordered list item 2',\n            },\n          ],\n        },\n        {\n          type: 'list',\n          attrs: {\n            kind: 'bullet',\n            order: null,\n            checked: false,\n            collapsed: false,\n          },\n          content: [\n            {\n              type: 'paragraph',\n              content: [\n                {\n                  type: 'text',\n                  text: 'Nested item A',\n                },\n              ],\n            },\n          ],\n        },\n        {\n          type: 'list',\n          attrs: {\n            kind: 'bullet',\n            order: null,\n            checked: false,\n            collapsed: false,\n          },\n          content: [\n            {\n              type: 'paragraph',\n              content: [\n                {\n                  type: 'text',\n                  text: 'Nested item B',\n                },\n              ],\n            },\n          ],\n        },\n      ],\n    },\n    {\n      type: 'list',\n      attrs: {\n        kind: 'ordered',\n        order: null,\n        checked: false,\n        collapsed: false,\n      },\n      content: [\n        {\n          type: 'paragraph',\n          content: [\n            {\n              type: 'text',\n              text: 'First ordered item',\n            },\n          ],\n        },\n      ],\n    },\n    {\n      type: 'list',\n      attrs: {\n        kind: 'ordered',\n        order: null,\n        checked: false,\n        collapsed: false,\n      },\n      content: [\n        {\n          type: 'paragraph',\n          content: [\n            {\n              type: 'text',\n              text: 'Second ordered item',\n            },\n          ],\n        },\n      ],\n    },\n    {\n      type: 'list',\n      attrs: {\n        kind: 'task',\n        order: null,\n        checked: true,\n        collapsed: false,\n      },\n      content: [\n        {\n          type: 'paragraph',\n          content: [\n            {\n              type: 'text',\n              text: 'Completed task',\n            },\n          ],\n        },\n      ],\n    },\n    {\n      type: 'list',\n      attrs: {\n        kind: 'task',\n        order: null,\n        checked: false,\n        collapsed: false,\n      },\n      content: [\n        {\n          type: 'paragraph',\n          content: [\n            {\n              type: 'text',\n              text: 'Pending task',\n            },\n          ],\n        },\n      ],\n    },\n    {\n      type: 'heading',\n      attrs: {\n        level: 2,\n      },\n      content: [\n        {\n          type: 'text',\n          text: 'Blockquotes',\n        },\n      ],\n    },\n    {\n      type: 'blockquote',\n      content: [\n        {\n          type: 'paragraph',\n          content: [\n            {\n              type: 'text',\n              text:\n                'This is a blockquote demonstrating how quoted content appears in the editor. It can span multiple lines and maintains proper formatting.',\n            },\n          ],\n        },\n      ],\n    },\n    {\n      type: 'heading',\n      attrs: {\n        level: 2,\n      },\n      content: [\n        {\n          type: 'text',\n          text: 'Code Blocks',\n        },\n      ],\n    },\n    {\n      type: 'codeBlock',\n      attrs: {\n        language: '',\n      },\n      content: [\n        {\n          type: 'text',\n          text: \"function example() {\\n  const greeting = 'Hello ProseKit!';\\n  console.log(greeting);\\n  return greeting;\\n}\",\n        },\n      ],\n    },\n    {\n      type: 'heading',\n      attrs: {\n        level: 2,\n      },\n      content: [\n        {\n          type: 'text',\n          text: 'Horizontal Rule',\n        },\n      ],\n    },\n    {\n      type: 'horizontalRule',\n    },\n    {\n      type: 'heading',\n      attrs: {\n        level: 2,\n      },\n      content: [\n        {\n          type: 'text',\n          text: 'Images',\n        },\n      ],\n    },\n    {\n      type: 'image',\n      attrs: {\n        src: 'https://static.photos/blurred/640x360/42',\n      },\n    },\n    {\n      type: 'heading',\n      attrs: {\n        level: 2,\n      },\n      content: [\n        {\n          type: 'text',\n          text: 'Tables',\n        },\n      ],\n    },\n    {\n      type: 'table',\n      content: [\n        {\n          type: 'tableRow',\n          content: [\n            {\n              type: 'tableHeaderCell',\n              attrs: {\n                colspan: 1,\n                rowspan: 1,\n                colwidth: null,\n              },\n              content: [\n                {\n                  type: 'paragraph',\n                  content: [\n                    {\n                      type: 'text',\n                      text: 'Header 1',\n                    },\n                  ],\n                },\n              ],\n            },\n            {\n              type: 'tableHeaderCell',\n              attrs: {\n                colspan: 1,\n                rowspan: 1,\n                colwidth: null,\n              },\n              content: [\n                {\n                  type: 'paragraph',\n                  content: [\n                    {\n                      type: 'text',\n                      text: 'Header 2',\n                    },\n                  ],\n                },\n              ],\n            },\n          ],\n        },\n        {\n          type: 'tableRow',\n          content: [\n            {\n              type: 'tableCell',\n              attrs: {\n                colspan: 1,\n                rowspan: 1,\n                colwidth: null,\n              },\n              content: [\n                {\n                  type: 'paragraph',\n                  content: [\n                    {\n                      type: 'text',\n                      text: 'Cell 1',\n                    },\n                  ],\n                },\n              ],\n            },\n            {\n              type: 'tableCell',\n              attrs: {\n                colspan: 1,\n                rowspan: 1,\n                colwidth: null,\n              },\n              content: [\n                {\n                  type: 'paragraph',\n                  content: [\n                    {\n                      type: 'text',\n                      text: 'Cell 2',\n                    },\n                  ],\n                },\n              ],\n            },\n          ],\n        },\n        {\n          type: 'tableRow',\n          content: [\n            {\n              type: 'tableCell',\n              attrs: {\n                colspan: 1,\n                rowspan: 1,\n                colwidth: null,\n              },\n              content: [\n                {\n                  type: 'paragraph',\n                  content: [\n                    {\n                      type: 'text',\n                      text: 'Cell 3',\n                    },\n                  ],\n                },\n              ],\n            },\n            {\n              type: 'tableCell',\n              attrs: {\n                colspan: 1,\n                rowspan: 1,\n                colwidth: null,\n              },\n              content: [\n                {\n                  type: 'paragraph',\n                  content: [\n                    {\n                      type: 'text',\n                      text: 'Cell 4',\n                    },\n                  ],\n                },\n              ],\n            },\n          ],\n        },\n      ],\n    },\n    {\n      type: 'heading',\n      attrs: {\n        level: 2,\n      },\n      content: [\n        {\n          type: 'text',\n          text: 'Math',\n        },\n      ],\n    },\n    {\n      type: 'paragraph',\n      content: [\n        { type: 'text', text: \"Inline math like Euler's identity \" },\n        { type: 'mathInline', content: [{ type: 'text', text: EULER_IDENTITY }] },\n        { type: 'text', text: ' and the quadratic formula ' },\n        { type: 'mathInline', content: [{ type: 'text', text: QUADRATIC_FORMULA }] },\n        { type: 'text', text: ' can appear within text.' },\n      ],\n    },\n    {\n      type: 'paragraph',\n      content: [\n        { type: 'text', text: 'Block-level equations are displayed on their own line:' },\n      ],\n    },\n    {\n      type: 'mathBlock',\n      content: [{ type: 'text', text: GAUSSIAN_INTEGRAL }],\n    },\n  ],\n}\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "",
+    "framework": "react",
+    "accumulatedFiles": [
+      "registry/src/react/sample/sample-doc-typography.ts"
+    ],
+    "internalDependencies": []
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

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

@@ -0,0 +1,29 @@
+{
+  "name": "react-sample-sample-doc-underline",
+  "title": "react-sample-sample-doc-underline",
+  "type": "registry:component",
+  "description": "",
+  "registryDependencies": [],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/react/sample/sample-doc-underline.ts",
+      "type": "registry:component",
+      "target": "components/editor/sample/sample-doc-underline.ts",
+      "content": "import type { NodeJSON } from 'prosekit/core'\n\nexport const sampleContent: NodeJSON = {\n  type: 'doc',\n  content: [\n    {\n      type: 'paragraph',\n      content: [\n        {\n          type: 'text',\n          marks: [\n            {\n              type: 'underline',\n            },\n          ],\n          text: 'This is underline',\n        },\n      ],\n    },\n    {\n      type: 'paragraph',\n      content: [\n        {\n          type: 'text',\n          text: 'This is normal text',\n        },\n      ],\n    },\n  ],\n}\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "",
+    "framework": "react",
+    "accumulatedFiles": [
+      "registry/src/react/sample/sample-doc-underline.ts"
+    ],
+    "internalDependencies": []
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

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

@@ -0,0 +1,29 @@
+{
+  "name": "react-sample-sample-doc-view-adapter",
+  "title": "react-sample-sample-doc-view-adapter",
+  "type": "registry:component",
+  "description": "",
+  "registryDependencies": [],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/react/sample/sample-doc-view-adapter.ts",
+      "type": "registry:component",
+      "target": "components/editor/sample/sample-doc-view-adapter.ts",
+      "content": "import type { NodeJSON } from 'prosekit/core'\n\nexport const sampleContent: NodeJSON = {\n  type: 'doc',\n  content: [\n    {\n      type: 'paragraph',\n      content: [\n        {\n          type: 'text',\n          text: 'An example of using prosemirror-adapter to render custom node views',\n        },\n      ],\n    },\n    {\n      type: 'atomBlock',\n    },\n  ],\n}\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "",
+    "framework": "react",
+    "accumulatedFiles": [
+      "registry/src/react/sample/sample-doc-view-adapter.ts"
+    ],
+    "internalDependencies": []
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

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

@@ -0,0 +1,29 @@
+{
+  "name": "react-sample-sample-doc-word-counter",
+  "title": "react-sample-sample-doc-word-counter",
+  "type": "registry:component",
+  "description": "",
+  "registryDependencies": [],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/react/sample/sample-doc-word-counter.ts",
+      "type": "registry:component",
+      "target": "components/editor/sample/sample-doc-word-counter.ts",
+      "content": "import type { NodeJSON } from 'prosekit/core'\n\nexport const sampleContent: NodeJSON = {\n  type: 'doc',\n  content: [\n    {\n      type: 'paragraph',\n      content: [\n        {\n          type: 'text',\n          text: 'Start typing and observe the word count update below.',\n        },\n      ],\n    },\n  ],\n}\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "",
+    "framework": "react",
+    "accumulatedFiles": [
+      "registry/src/react/sample/sample-doc-word-counter.ts"
+    ],
+    "internalDependencies": []
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

package/dist/r/react-sample-sample-query-users.json

@@ -0,0 +1,32 @@
+{
+  "name": "react-sample-sample-query-users",
+  "title": "react-sample-sample-query-users",
+  "type": "registry:component",
+  "description": "",
+  "registryDependencies": [
+    "https://prosekit.dev/r/react-sample-sample-user-data.json"
+  ],
+  "dependencies": [],
+  "files": [
+    {
+      "path": "registry/src/react/sample/sample-query-users.ts",
+      "type": "registry:component",
+      "target": "components/editor/sample/sample-query-users.ts",
+      "content": "import { users } from './sample-user-data'\n\nexport interface User {\n  id: number\n  name: string\n}\n\nconst connectHandlers: VoidFunction[] = []\nlet networkStatus: 'fast' | 'slow' | 'offline' = 'slow'\n\n/**\n * A utility function to simulate different network states. Useful for testing.\n *\n * @internal\n */\nexport function simulateNetworkStatus(status: 'fast' | 'slow' | 'offline') {\n  networkStatus = status\n  if (status !== 'offline') {\n    connectHandlers.forEach((handler) => handler())\n    connectHandlers.length = 0\n  }\n}\n\n/**\n * Simulate a user searching with some delay.\n */\nexport async function queryUsers(query: string): Promise<User[]> {\n  if (networkStatus === 'offline') {\n    await new Promise<void>((resolve) => connectHandlers.push(resolve))\n  }\n  if (networkStatus === 'slow') {\n    await new Promise<void>((resolve) => setTimeout(resolve, 300))\n  }\n\n  const normalizedQuery = query.toLowerCase().trim()\n  const filteredUsers = users\n    .filter((user) => user.name.toLowerCase().includes(normalizedQuery))\n    .slice(0, 10)\n  return filteredUsers\n}\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "",
+    "framework": "react",
+    "accumulatedFiles": [
+      "registry/src/react/sample/sample-query-users.ts",
+      "registry/src/react/sample/sample-user-data.ts"
+    ],
+    "internalDependencies": [
+      "react-sample-sample-user-data"
+    ]
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

package/dist/r/react-sample-sample-tag-data.json

@@ -0,0 +1,27 @@
+{
+  "name": "react-sample-sample-tag-data",
+  "title": "react-sample-sample-tag-data",
+  "type": "registry:component",
+  "description": "",
+  "registryDependencies": [],
+  "dependencies": [],
+  "files": [
+    {
+      "path": "registry/src/react/sample/sample-tag-data.ts",
+      "type": "registry:component",
+      "target": "components/editor/sample/sample-tag-data.ts",
+      "content": "export const tags = [\n  { id: 1, label: 'book' },\n  { id: 2, label: 'movie' },\n  { id: 3, label: 'trip' },\n  { id: 4, label: 'music' },\n  { id: 5, label: 'art' },\n  { id: 6, label: 'food' },\n  { id: 7, label: 'sport' },\n  { id: 8, label: 'technology' },\n  { id: 9, label: 'fashion' },\n  { id: 10, label: 'nature' },\n]\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "",
+    "framework": "react",
+    "accumulatedFiles": [
+      "registry/src/react/sample/sample-tag-data.ts"
+    ],
+    "internalDependencies": []
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

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

@@ -0,0 +1,29 @@
+{
+  "name": "react-sample-sample-uploader",
+  "title": "react-sample-sample-uploader",
+  "type": "registry:component",
+  "description": "",
+  "registryDependencies": [],
+  "dependencies": [
+    "prosekit"
+  ],
+  "files": [
+    {
+      "path": "registry/src/react/sample/sample-uploader.ts",
+      "type": "registry:component",
+      "target": "components/editor/sample/sample-uploader.ts",
+      "content": "import type { Uploader } from 'prosekit/extensions/file'\n\n/**\n * Uploads the given file to https://tmpfiles.org/ and returns the URL of the\n * uploaded file.\n *\n * This function is only for demonstration purposes. All uploaded files will be\n * deleted by the server after 1 hour.\n */\nexport const sampleUploader: Uploader<string> = ({ file, onProgress }): Promise<string> => {\n  return new Promise((resolve, reject) => {\n    const xhr = new XMLHttpRequest()\n    const formData = new FormData()\n    formData.append('file', file)\n\n    xhr.upload.addEventListener('progress', (event) => {\n      if (event.lengthComputable) {\n        onProgress({\n          loaded: event.loaded,\n          total: event.total,\n        })\n      }\n    })\n\n    xhr.addEventListener('load', () => {\n      if (xhr.status === 200) {\n        try {\n          const json = JSON.parse(xhr.responseText) as { data: { url: string } }\n          const url: string = json.data.url.replace('tmpfiles.org/', 'tmpfiles.org/dl/')\n\n          // Simulate a larger delay\n          setTimeout(() => resolve(url), 1000)\n        } catch (error) {\n          reject(new Error('Failed to parse response', { cause: error }))\n        }\n      } else {\n        reject(new Error(`Upload failed with status ${xhr.status}`))\n      }\n    })\n\n    xhr.addEventListener('error', () => {\n      reject(new Error('Upload failed'))\n    })\n\n    xhr.open('POST', 'https://tmpfiles.org/api/v1/upload', true)\n    xhr.send(formData)\n  })\n}\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "",
+    "framework": "react",
+    "accumulatedFiles": [
+      "registry/src/react/sample/sample-uploader.ts"
+    ],
+    "internalDependencies": []
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}

package/dist/r/react-sample-sample-user-data.json

@@ -0,0 +1,27 @@
+{
+  "name": "react-sample-sample-user-data",
+  "title": "react-sample-sample-user-data",
+  "type": "registry:component",
+  "description": "",
+  "registryDependencies": [],
+  "dependencies": [],
+  "files": [
+    {
+      "path": "registry/src/react/sample/sample-user-data.ts",
+      "type": "registry:component",
+      "target": "components/editor/sample/sample-user-data.ts",
+      "content": "export const users = [\n  { id: 1, name: 'Alex' },\n  { id: 2, name: 'Alice' },\n  { id: 3, name: 'Ben' },\n  { id: 4, name: 'Bob' },\n  { id: 5, name: 'Charlie' },\n  { id: 6, name: 'Cara' },\n  { id: 7, name: 'Derek' },\n  { id: 8, name: 'Diana' },\n  { id: 9, name: 'Ethan' },\n  { id: 10, name: 'Eva' },\n  { id: 11, name: 'Frank' },\n  { id: 12, name: 'Fiona' },\n  { id: 13, name: 'George' },\n  { id: 14, name: 'Gina' },\n  { id: 15, name: 'Harry' },\n  { id: 16, name: 'Hannah' },\n  { id: 17, name: 'Ivan' },\n  { id: 18, name: 'Iris' },\n  { id: 19, name: 'Jack' },\n  { id: 20, name: 'Jasmine' },\n  { id: 21, name: 'Kevin' },\n  { id: 22, name: 'Kate' },\n  { id: 23, name: 'Leo' },\n  { id: 24, name: 'Lily' },\n  { id: 25, name: 'Mike' },\n  { id: 26, name: 'Mia' },\n  { id: 27, name: 'Nathan' },\n  { id: 28, name: 'Nancy' },\n  { id: 29, name: 'Oscar' },\n  { id: 30, name: 'Olivia' },\n  { id: 31, name: 'Paul' },\n  { id: 32, name: 'Penny' },\n  { id: 33, name: 'Quentin' },\n  { id: 34, name: 'Queen' },\n  { id: 35, name: 'Roger' },\n  { id: 36, name: 'Rita' },\n  { id: 37, name: 'Sam' },\n  { id: 38, name: 'Sara' },\n  { id: 39, name: 'Tom' },\n  { id: 40, name: 'Tina' },\n  { id: 41, name: 'Ulysses' },\n  { id: 42, name: 'Una' },\n  { id: 43, name: 'Victor' },\n  { id: 44, name: 'Vera' },\n  { id: 45, name: 'Walter' },\n  { id: 46, name: 'Wendy' },\n  { id: 47, name: 'Xavier' },\n  { id: 48, name: 'Xena' },\n  { id: 49, name: 'Yan' },\n  { id: 50, name: 'Yvonne' },\n  { id: 51, name: 'Zack' },\n  { id: 52, name: 'Zara' },\n]\n"
+    }
+  ],
+  "meta": {
+    "hasIcons": false,
+    "hidden": false,
+    "story": "",
+    "framework": "react",
+    "accumulatedFiles": [
+      "registry/src/react/sample/sample-user-data.ts"
+    ],
+    "internalDependencies": []
+  },
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
+}