@prosekit/react 0.0.3 → 0.0.5

package/dist/prosekit-react-components-autocomplete-empty.d.ts

@@ -0,0 +1,11 @@
+import { SimplifyUnion } from '@prosekit/core';
+import { AutocompleteEmptyProps as AutocompleteEmptyProps$1 } from '@prosekit/lit/components/autocomplete-empty';
+import React, { ComponentType } from 'react';
+
+type AutocompleteEmptyProps = SimplifyUnion<{
+    className?: string;
+    children?: React.ReactNode;
+} & AutocompleteEmptyProps$1>;
+declare const AutocompleteEmpty: ComponentType<AutocompleteEmptyProps>;
+
+export { AutocompleteEmpty, AutocompleteEmptyProps };

package/dist/prosekit-react-components-autocomplete-empty.js

@@ -0,0 +1,16 @@
+// src/components/autocomplete-empty.gen.ts
+import { createComponent } from "@lit-labs/react";
+import { AutocompleteEmpty as AutocompleteEmptyElement } from "@prosekit/lit/components/autocomplete-empty";
+import React from "react";
+var AutocompleteEmptyComponent = createComponent({
+  tagName: "prosekit-autocomplete-empty",
+  elementClass: AutocompleteEmptyElement,
+  react: React,
+  displayName: "AutocompleteEmptyComponent"
+});
+var AutocompleteEmpty = (props) => {
+  return React.createElement(AutocompleteEmptyComponent, props);
+};
+export {
+  AutocompleteEmpty
+};

package/dist/prosekit-react-components-autocomplete-item.d.ts

@@ -0,0 +1,11 @@
+import { SimplifyUnion } from '@prosekit/core';
+import { AutocompleteItemProps as AutocompleteItemProps$1 } from '@prosekit/lit/components/autocomplete-item';
+import React, { ComponentType } from 'react';
+
+type AutocompleteItemProps = SimplifyUnion<{
+    className?: string;
+    children?: React.ReactNode;
+} & AutocompleteItemProps$1>;
+declare const AutocompleteItem: ComponentType<AutocompleteItemProps>;
+
+export { AutocompleteItem, AutocompleteItemProps };

package/dist/prosekit-react-components-autocomplete-item.js

@@ -0,0 +1,16 @@
+// src/components/autocomplete-item.gen.ts
+import { createComponent } from "@lit-labs/react";
+import { AutocompleteItem as AutocompleteItemElement } from "@prosekit/lit/components/autocomplete-item";
+import React from "react";
+var AutocompleteItemComponent = createComponent({
+  tagName: "prosekit-autocomplete-item",
+  elementClass: AutocompleteItemElement,
+  react: React,
+  displayName: "AutocompleteItemComponent"
+});
+var AutocompleteItem = (props) => {
+  return React.createElement(AutocompleteItemComponent, props);
+};
+export {
+  AutocompleteItem
+};

package/dist/prosekit-react-components-autocomplete-list.d.ts

@@ -0,0 +1,11 @@
+import { SimplifyUnion } from '@prosekit/core';
+import { AutocompleteListProps as AutocompleteListProps$1 } from '@prosekit/lit/components/autocomplete-list';
+import React, { ComponentType } from 'react';
+
+type AutocompleteListProps = SimplifyUnion<{
+    className?: string;
+    children?: React.ReactNode;
+} & AutocompleteListProps$1>;
+declare const AutocompleteList: ComponentType<AutocompleteListProps>;
+
+export { AutocompleteList, AutocompleteListProps };

package/dist/prosekit-react-components-autocomplete-list.js

@@ -0,0 +1,16 @@
+// src/components/autocomplete-list.gen.ts
+import { createComponent } from "@lit-labs/react";
+import { AutocompleteList as AutocompleteListElement } from "@prosekit/lit/components/autocomplete-list";
+import React from "react";
+var AutocompleteListComponent = createComponent({
+  tagName: "prosekit-autocomplete-list",
+  elementClass: AutocompleteListElement,
+  react: React,
+  displayName: "AutocompleteListComponent"
+});
+var AutocompleteList = (props) => {
+  return React.createElement(AutocompleteListComponent, props);
+};
+export {
+  AutocompleteList
+};

package/dist/prosekit-react-components-autocomplete-popover.d.ts

@@ -0,0 +1,12 @@
+import { AutocompletePopoverProps as AutocompletePopoverProps$1 } from '@prosekit/lit/components/autocomplete-popover';
+export { PopoverOptions } from '@prosekit/lit/components/autocomplete-popover';
+import { SimplifyUnion } from '@prosekit/core';
+import React, { ComponentType } from 'react';
+
+type AutocompletePopoverProps = SimplifyUnion<{
+    className?: string;
+    children?: React.ReactNode;
+} & AutocompletePopoverProps$1>;
+declare const AutocompletePopover: ComponentType<AutocompletePopoverProps>;
+
+export { AutocompletePopover, AutocompletePopoverProps };

package/dist/prosekit-react-components-autocomplete-popover.js

@@ -0,0 +1,16 @@
+// src/components/autocomplete-popover.gen.ts
+import { createComponent } from "@lit-labs/react";
+import { AutocompletePopover as AutocompletePopoverElement } from "@prosekit/lit/components/autocomplete-popover";
+import React from "react";
+var AutocompletePopoverComponent = createComponent({
+  tagName: "prosekit-autocomplete-popover",
+  elementClass: AutocompletePopoverElement,
+  react: React,
+  displayName: "AutocompletePopoverComponent"
+});
+var AutocompletePopover = (props) => {
+  return React.createElement(AutocompletePopoverComponent, props);
+};
+export {
+  AutocompletePopover
+};

package/dist/prosekit-react.js

@@ -1,16 +1,15 @@
-// src/contexts/editor-context.tsx
+// src/components/prosekit.ts
+import "@prosekit/core";
+import { createElement } from "react";
+
+// src/contexts/editor-context.ts
 import { createContext } from "react";
 var editorContext = createContext(null);
 
-// src/components/prosekit.tsx
-import { jsxDEV } from "react/jsx-dev-runtime";
+// src/components/prosekit.ts
 var ProseKit = (props) => {
-  const editor = props.editor;
-  return /* @__PURE__ */ jsxDEV(EditorContextProvider, { value: { editor }, children: props.children }, void 0, false, {
-    fileName: "src/components/prosekit.tsx",
-    lineNumber: 15,
-    columnNumber: 5
-  }, this);
+  const { editor, children } = props;
+  return createElement(EditorContextProvider, { value: { editor } }, children);
 };
 var EditorContextProvider = editorContext.Provider;
 
@@ -28,6 +27,7 @@ function useEditor() {
 }
 
 // src/hooks/use-extension.ts
+import "@prosekit/core";
 import { useEffect } from "react";
 function useExtension({ extension }) {
   const editor = useEditor();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/react",
   "type": "module",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -30,25 +30,25 @@
       "import": "./dist/prosekit-react.js",
       "default": "./dist/prosekit-react.js"
     },
-    "./components/menu": {
-      "types": "./dist/prosekit-react-components-menu.d.ts",
-      "import": "./dist/prosekit-react-components-menu.js",
-      "default": "./dist/prosekit-react-components-menu.js"
+    "./components/autocomplete-empty": {
+      "types": "./dist/prosekit-react-components-autocomplete-empty.d.ts",
+      "import": "./dist/prosekit-react-components-autocomplete-empty.js",
+      "default": "./dist/prosekit-react-components-autocomplete-empty.js"
     },
-    "./components/menu-item": {
-      "types": "./dist/prosekit-react-components-menu-item.d.ts",
-      "import": "./dist/prosekit-react-components-menu-item.js",
-      "default": "./dist/prosekit-react-components-menu-item.js"
+    "./components/autocomplete-item": {
+      "types": "./dist/prosekit-react-components-autocomplete-item.d.ts",
+      "import": "./dist/prosekit-react-components-autocomplete-item.js",
+      "default": "./dist/prosekit-react-components-autocomplete-item.js"
     },
-    "./components/popover": {
-      "types": "./dist/prosekit-react-components-popover.d.ts",
-      "import": "./dist/prosekit-react-components-popover.js",
-      "default": "./dist/prosekit-react-components-popover.js"
+    "./components/autocomplete-list": {
+      "types": "./dist/prosekit-react-components-autocomplete-list.d.ts",
+      "import": "./dist/prosekit-react-components-autocomplete-list.js",
+      "default": "./dist/prosekit-react-components-autocomplete-list.js"
     },
-    "./components/popover-suggestion": {
-      "types": "./dist/prosekit-react-components-popover-suggestion.d.ts",
-      "import": "./dist/prosekit-react-components-popover-suggestion.js",
-      "default": "./dist/prosekit-react-components-popover-suggestion.js"
+    "./components/autocomplete-popover": {
+      "types": "./dist/prosekit-react-components-autocomplete-popover.d.ts",
+      "import": "./dist/prosekit-react-components-autocomplete-popover.js",
+      "default": "./dist/prosekit-react-components-autocomplete-popover.js"
     }
   },
   "files": [
@@ -56,8 +56,8 @@
   ],
   "dependencies": {
     "@lit-labs/react": "latest",
-    "@prosekit/core": "^0.0.3",
-    "@prosekit/lit": "^0.0.3"
+    "@prosekit/core": "^0.0.4",
+    "@prosekit/lit": "^0.0.5"
   },
   "peerDependencies": {
     "react": ">= 17.0.0",
@@ -73,8 +73,8 @@
   },
   "devDependencies": {
     "@prosekit/dev": "*",
-    "@types/react": "^18.2.14",
-    "@types/react-dom": "^18.2.6",
+    "@types/react": "^18.2.15",
+    "@types/react-dom": "^18.2.7",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "tsup": "^7.1.0",
@@ -91,17 +91,17 @@
       ".": [
         "./dist/prosekit-react.d.ts"
       ],
-      "components/menu": [
-        "./dist/prosekit-react-components-menu.d.ts"
+      "components/autocomplete-empty": [
+        "./dist/prosekit-react-components-autocomplete-empty.d.ts"
       ],
-      "components/menu-item": [
-        "./dist/prosekit-react-components-menu-item.d.ts"
+      "components/autocomplete-item": [
+        "./dist/prosekit-react-components-autocomplete-item.d.ts"
       ],
-      "components/popover": [
-        "./dist/prosekit-react-components-popover.d.ts"
+      "components/autocomplete-list": [
+        "./dist/prosekit-react-components-autocomplete-list.d.ts"
       ],
-      "components/popover-suggestion": [
-        "./dist/prosekit-react-components-popover-suggestion.d.ts"
+      "components/autocomplete-popover": [
+        "./dist/prosekit-react-components-autocomplete-popover.d.ts"
       ]
     }
   }

package/src/index.ts

@@ -1,7 +1,3 @@
-/**
- * @module @prosekit/react
- */
-
 export { ProseKit, type ProseKitProps } from './components/prosekit'
 export { useEditor } from './hooks/use-editor'
 export { useExtension } from './hooks/use-extension'

package/dist/prosekit-react-components-menu-item.d.ts

@@ -1,6 +0,0 @@
-import * as _lit_labs_react from '@lit-labs/react';
-import { MenuItem as MenuItem$1 } from '@prosekit/lit/elements/menu-item';
-
-declare const MenuItem: _lit_labs_react.ReactWebComponent<MenuItem$1, {}>;
-
-export { MenuItem };

package/dist/prosekit-react-components-menu-item.js

@@ -1,13 +0,0 @@
-// src/components/menu-item.gen.ts
-import { createComponent } from "@lit-labs/react";
-import { MenuItem as MenuItemElement } from "@prosekit/lit/elements/menu-item";
-import React from "react";
-var MenuItem = createComponent({
-  tagName: "prosekit-menu-item",
-  elementClass: MenuItemElement,
-  react: React,
-  displayName: "MenuItem"
-});
-export {
-  MenuItem
-};

package/dist/prosekit-react-components-menu.d.ts

@@ -1,16 +0,0 @@
-import { Editor } from '@prosekit/core';
-import { Menu as Menu$1 } from '@prosekit/lit/elements/menu';
-import { ComponentType, ForwardedRef, ReactNode } from 'react';
-
-/**
- * @module @prosekit/react/components/menu
- */
-
-declare const Menu: ComponentType<{
-    editor?: Editor;
-    ref?: ForwardedRef<Menu$1>;
-    children?: ReactNode | undefined;
-    className?: string;
-}>;
-
-export { Menu };

package/dist/prosekit-react-components-menu.js

@@ -1,16 +0,0 @@
-// src/components/menu.gen.ts
-import { createComponent } from "@lit-labs/react";
-import { Menu as MenuElement } from "@prosekit/lit/elements/menu";
-import React from "react";
-var Menu = createComponent({
-  tagName: "prosekit-menu",
-  elementClass: MenuElement,
-  react: React,
-  displayName: "Menu"
-});
-
-// src/components/menu.tsx
-var Menu2 = Menu;
-export {
-  Menu2 as Menu
-};

package/dist/prosekit-react-components-popover-suggestion.d.ts

@@ -1,16 +0,0 @@
-import { Editor } from '@prosekit/core';
-import { PredictionRule, PopoverSuggestionContext } from '@prosekit/lit/elements/popover-suggestion';
-export { PopoverSuggestionContext, PredictionRule } from '@prosekit/lit/elements/popover-suggestion';
-import React, { FC } from 'react';
-
-/**
- * @module @prosekit/react/components/popover-slash
- */
-
-declare const PopoverSuggestion: FC<{
-    editor: Editor;
-    rules: PredictionRule[];
-    render: (context: PopoverSuggestionContext) => React.ReactNode;
-}>;
-
-export { PopoverSuggestion };

package/dist/prosekit-react-components-popover-suggestion.js

@@ -1,27 +0,0 @@
-// src/components/popover-suggestion.tsx
-import { useState } from "react";
-
-// src/components/popover-suggestion.gen.ts
-import { createComponent } from "@lit-labs/react";
-import { PopoverSuggestion as PopoverSuggestionElement } from "@prosekit/lit/elements/popover-suggestion";
-import React from "react";
-var PopoverSuggestion = createComponent({
-  tagName: "prosekit-popover-suggestion",
-  elementClass: PopoverSuggestionElement,
-  react: React,
-  displayName: "PopoverSuggestion"
-});
-
-// src/components/popover-suggestion.tsx
-import { jsxDEV } from "react/jsx-dev-runtime";
-var PopoverSuggestion2 = ({ editor, rules, render }) => {
-  const [context, setContext] = useState(null);
-  return /* @__PURE__ */ jsxDEV(PopoverSuggestion, { editor, rules, onContext: setContext, children: context ? render(context) : null }, void 0, false, {
-    fileName: "src/components/popover-suggestion.tsx",
-    lineNumber: 23,
-    columnNumber: 5
-  }, this);
-};
-export {
-  PopoverSuggestion2 as PopoverSuggestion
-};

package/dist/prosekit-react-components-popover.d.ts

@@ -1,6 +0,0 @@
-import * as _lit_labs_react from '@lit-labs/react';
-import { Popover as Popover$1 } from '@prosekit/lit/elements/popover';
-
-declare const Popover: _lit_labs_react.ReactWebComponent<Popover$1, {}>;
-
-export { Popover };

package/dist/prosekit-react-components-popover.js

@@ -1,13 +0,0 @@
-// src/components/popover.gen.ts
-import { createComponent } from "@lit-labs/react";
-import { Popover as PopoverElement } from "@prosekit/lit/elements/popover";
-import React from "react";
-var Popover = createComponent({
-  tagName: "prosekit-popover",
-  elementClass: PopoverElement,
-  react: React,
-  displayName: "Popover"
-});
-export {
-  Popover
-};