@prosekit/lit 0.2.8 → 0.3.0

package/dist/prosekit-lit-autocomplete.d.ts

@@ -0,0 +1,4 @@
+export { AutocompleteEmpty } from './_tsup-dts-rollup';
+export { AutocompleteItem } from './_tsup-dts-rollup';
+export { AutocompleteList } from './_tsup-dts-rollup';
+export { AutocompletePopover } from './_tsup-dts-rollup';

package/dist/prosekit-lit-autocomplete.js

@@ -0,0 +1,11 @@
+// src/components/autocomplete/index.ts
+import { AutocompleteEmptyElement } from "@prosekit/web/autocomplete";
+import { AutocompleteItemElement } from "@prosekit/web/autocomplete";
+import { AutocompleteListElement } from "@prosekit/web/autocomplete";
+import { AutocompletePopoverElement } from "@prosekit/web/autocomplete";
+export {
+  AutocompleteEmptyElement as AutocompleteEmpty,
+  AutocompleteItemElement as AutocompleteItem,
+  AutocompleteListElement as AutocompleteList,
+  AutocompletePopoverElement as AutocompletePopover
+};

package/dist/prosekit-lit-block-handle.d.ts

@@ -0,0 +1,2 @@
+export { BlockDragHandle } from './_tsup-dts-rollup';
+export { BlockPopover } from './_tsup-dts-rollup';

package/dist/prosekit-lit-block-handle.js

@@ -0,0 +1,7 @@
+// src/components/block-handle/index.ts
+import { BlockDragHandleElement } from "@prosekit/web/block-handle";
+import { BlockPopoverElement } from "@prosekit/web/block-handle";
+export {
+  BlockDragHandleElement as BlockDragHandle,
+  BlockPopoverElement as BlockPopover
+};

package/dist/prosekit-lit-inline-popover.d.ts

@@ -1,4 +1 @@
-export { PositioningOptions_alias_1 as PositioningOptions } from './_tsup-dts-rollup';
-export { propNames_alias_14 as propNames } from './_tsup-dts-rollup';
-export { InlinePopoverProps } from './_tsup-dts-rollup';
 export { InlinePopover } from './_tsup-dts-rollup';

package/dist/prosekit-lit-inline-popover.js

@@ -1,194 +1,5 @@
-import {
-  Popover,
-  popoverPropsNames
-} from "./chunk-FKSZFUL3.js";
-import "./chunk-UIHDPY7W.js";
-import {
-  defineCustomElement
-} from "./chunk-LCDA7GFP.js";
-
 // src/components/inline-popover/index.ts
-import "@prosekit/core";
-
-// src/controllers/use-editor-focus-event.ts
-import {
-  defineFocusChangeHandler
-} from "@prosekit/core";
-
-// src/controllers/use-editor-extension.ts
-import "@prosekit/core";
-function useEditorExtension(host, extension) {
-  let cleanup;
-  let editor;
-  const update = () => {
-    cleanup == null ? void 0 : cleanup();
-    cleanup = editor == null ? void 0 : editor.use(extension);
-  };
-  const hostConnected = () => {
-    editor = host.editor;
-    update();
-  };
-  const hostUpdated = () => {
-    const newEditor = host.editor;
-    if (editor !== newEditor) {
-      editor = newEditor;
-      update();
-    }
-  };
-  const hostDisconnected = () => {
-    cleanup == null ? void 0 : cleanup();
-    cleanup = void 0;
-  };
-  host.addController({
-    hostConnected,
-    hostDisconnected,
-    hostUpdated
-  });
-}
-
-// src/controllers/use-editor-focus-event.ts
-function useEditorFocusChangeEvent(host, handler) {
-  const extension = defineFocusChangeHandler(handler);
-  useEditorExtension(host, extension);
-}
-
-// src/controllers/use-editor-update-event.ts
-import { defineUpdateHandler } from "@prosekit/core";
-function useEditorUpdateEvent(host, handler) {
-  const extension = defineUpdateHandler(handler);
-  useEditorExtension(host, extension);
-}
-
-// src/components/inline-popover/virtual-selection-element.ts
-import { isNodeSelection, isTextSelection } from "@prosekit/core";
-
-// src/utils/is-in-code-block.ts
-function isInCodeBlock(selection) {
-  const type = selection.$from.parent.type;
-  return type.spec.code && type.isBlock;
-}
-
-// src/components/inline-popover/virtual-selection-element.ts
-function getVirtualSelectionElement(view) {
-  if (typeof window === "undefined" || view.isDestroyed) {
-    return;
-  }
-  const selection = view.state.selection;
-  if (!selection.empty && !isInCodeBlock(selection) && (isTextSelection(selection) || isNodeSelection(selection))) {
-    const decoration = getInlineDecoration(view);
-    if (decoration) {
-      return decoration;
-    }
-    const range = getDomRange();
-    if (range) {
-      return {
-        contextElement: view.dom,
-        getBoundingClientRect: () => range.getBoundingClientRect(),
-        getClientRects: () => range.getClientRects()
-      };
-    }
-  }
-}
-function getDomRange() {
-  const selection = window.getSelection();
-  if (!selection || selection.isCollapsed) {
-    return;
-  }
-  const range = typeof selection.rangeCount === "number" && selection.rangeCount > 0 && selection.getRangeAt(0);
-  if (!range) {
-    return;
-  }
-  return range;
-}
-function getInlineDecoration(view) {
-  const match = view.dom.querySelectorAll(".prosekit-virtual-selection");
-  if (match.length === 0) {
-    return;
-  }
-  if (match.length === 1) {
-    return match[0];
-  }
-  const items = Array.from(match);
-  return {
-    contextElement: items[0],
-    getBoundingClientRect: () => items[0].getBoundingClientRect(),
-    getClientRects: () => items.map((item) => item.getBoundingClientRect())
-  };
-}
-
-// src/components/inline-popover/use-inline-popover.ts
-function useInlinePopover(host, onReferenceChange) {
-  let reference;
-  let editorFocused = false;
-  const isPopoverFocused = () => {
-    return !editorFocused && host.contains(host.ownerDocument.activeElement);
-  };
-  useEditorFocusChangeEvent(host, (focus) => {
-    editorFocused = focus;
-  });
-  useEditorUpdateEvent(host, (view) => {
-    if (isPopoverFocused())
-      return;
-    const ref = getVirtualSelectionElement(view);
-    if (reference !== ref) {
-      reference = ref;
-      onReferenceChange(reference);
-      host.requestUpdate();
-    }
-  });
-  const getReference = () => reference;
-  return getReference;
-}
-
-// src/components/inline-popover/index.ts
-var propNames = ["editor", "available", ...popoverPropsNames];
-var InlinePopover = class extends Popover {
-  /**
-   * @hidden
-   */
-  constructor() {
-    super();
-    this.available = true;
-    this.positioning = {
-      strategy: "fixed",
-      placement: "top",
-      offset: 12,
-      flip: false,
-      hide: true,
-      shift: true,
-      overlap: true,
-      fitViewport: true,
-      inline: true
-    };
-    useInlinePopover(this, (reference) => {
-      this.reference = reference;
-    });
-  }
-  /**
-   * @hidden
-   */
-  updated(changedProperties) {
-    super.updated(changedProperties);
-    this.open = !!(this.reference && this.available);
-  }
-  /**
-   * @hidden
-   */
-  hide() {
-    super.hide();
-    this.reference = void 0;
-  }
-};
-/**
- * @hidden
- */
-InlinePopover.properties = {
-  ...Popover.properties,
-  editor: { attribute: false },
-  available: { attribute: false }
-};
-defineCustomElement("prosekit-inline-popover", InlinePopover);
+import { InlinePopoverElement } from "@prosekit/web/inline-popover";
 export {
-  InlinePopover,
-  propNames
+  InlinePopoverElement as InlinePopover
 };

package/dist/prosekit-lit-popover.d.ts

@@ -1,6 +1,3 @@
-export { AutoUpdateOptions } from './_tsup-dts-rollup';
-export { PositioningOptions_alias_2 as PositioningOptions } from './_tsup-dts-rollup';
-export { popoverPropsNames } from './_tsup-dts-rollup';
-export { propNames_alias_15 as propNames } from './_tsup-dts-rollup';
-export { PopoverProps } from './_tsup-dts-rollup';
-export { Popover } from './_tsup-dts-rollup';
+export { PopoverContent } from './_tsup-dts-rollup';
+export { PopoverRoot } from './_tsup-dts-rollup';
+export { PopoverTrigger } from './_tsup-dts-rollup';

package/dist/prosekit-lit-popover.js

@@ -1,11 +1,9 @@
-import {
-  Popover,
-  popoverPropsNames
-} from "./chunk-FKSZFUL3.js";
-import "./chunk-UIHDPY7W.js";
-import "./chunk-LCDA7GFP.js";
+// src/components/popover/index.ts
+import { PopoverContentElement } from "@prosekit/web/popover";
+import { PopoverRootElement } from "@prosekit/web/popover";
+import { PopoverTriggerElement } from "@prosekit/web/popover";
 export {
-  Popover,
-  popoverPropsNames,
-  popoverPropsNames as propNames
+  PopoverContentElement as PopoverContent,
+  PopoverRootElement as PopoverRoot,
+  PopoverTriggerElement as PopoverTrigger
 };

package/dist/prosekit-lit-resizable.d.ts

@@ -1,3 +1,2 @@
-export { Resizable_alias_1 as Resizable } from './_tsup-dts-rollup';
-export { propNames_alias_20 as propNames } from './_tsup-dts-rollup';
-export { ResizableProps_alias_1 as ResizableProps } from './_tsup-dts-rollup';
+export { ResizableHandle } from './_tsup-dts-rollup';
+export { ResizableRoot } from './_tsup-dts-rollup';

package/dist/prosekit-lit-resizable.js

@@ -1,112 +1,7 @@
-import {
-  resizableContext
-} from "./chunk-WEUGKLVB.js";
-import {
-  LightElement
-} from "./chunk-UIHDPY7W.js";
-import {
-  defineCustomElement
-} from "./chunk-LCDA7GFP.js";
-
-// src/components/resizable/component.ts
-import { ContextProvider } from "@lit/context";
-var propNames = [
-  "width",
-  "height",
-  "aspectRatio",
-  "onSizeChangeStart",
-  "onSizeChange",
-  "onSizeChangeEnd"
-];
-var Resizable = class extends LightElement {
-  /**
-   * @hidden
-   */
-  constructor() {
-    super();
-    this.startWidth = 0;
-    this.startHeight = 0;
-    new ContextProvider(this, {
-      context: resizableContext,
-      initialValue: {
-        onResizeStart: () => this.handleResizeStart(),
-        onResize: (w, h) => this.handleResize(w, h),
-        onResizeEnd: () => this.handleResizeEnd()
-      }
-    });
-  }
-  handleResizeStart() {
-    var _a, _b;
-    const { width, height } = this.getBoundingClientRect();
-    this.startWidth = width;
-    this.startHeight = height;
-    (_a = this.onSizeChangeStart) == null ? void 0 : _a.call(this, { width, height });
-    this.resizing = true;
-    return [width, height, (_b = this.aspectRatio) != null ? _b : width / height];
-  }
-  handleResize(width, height) {
-    var _a, _b, _c;
-    const output = (_a = this.onSizeChange) == null ? void 0 : _a.call(this, { width, height });
-    this.width = (_b = output == null ? void 0 : output.width) != null ? _b : width;
-    this.height = (_c = output == null ? void 0 : output.height) != null ? _c : height;
-  }
-  handleResizeEnd() {
-    var _a;
-    const { width, height } = this.getBoundingClientRect();
-    this.resizing = false;
-    (_a = this.onSizeChangeEnd) == null ? void 0 : _a.call(this, { width, height });
-  }
-  updateStyle() {
-    const w = this.width;
-    const h = this.height;
-    const r = this.aspectRatio;
-    if (w != null && w !== "" && Number.isFinite(w)) {
-      this.style.width = typeof w === "number" ? `${w}px` : w;
-    } else {
-      this.style.width = "";
-    }
-    if (h != null && h !== "" && Number.isFinite(h)) {
-      this.style.height = typeof h === "number" ? `${h}px` : h;
-    } else {
-      this.style.height = "";
-    }
-    if (r && Number.isFinite(r)) {
-      this.style.aspectRatio = `${r}`;
-      if (this.style.width && this.startWidth >= this.startHeight && r >= 1) {
-        this.style.height = "auto";
-      } else if (this.style.height && this.startWidth <= this.startHeight && r <= 1) {
-        this.style.width = "auto";
-      }
-    }
-  }
-  /**
-   * @hidden
-   */
-  connectedCallback() {
-    super.connectedCallback();
-    this.updateStyle();
-  }
-  /**
-   * @hidden
-   */
-  updated(changedProperties) {
-    super.updated(changedProperties);
-    this.updateStyle();
-  }
-};
-/**
- * @hidden
- */
-Resizable.properties = {
-  width: { attribute: false },
-  height: { attribute: false },
-  aspectRatio: { attribute: false },
-  onResize: { attribute: false },
-  onResizeEnd: { attribute: false },
-  resizing: { attribute: "data-resizing", type: Boolean, reflect: true }
-};
-defineCustomElement("prosekit-resizable", Resizable);
+// src/components/resizable/index.ts
+import { ResizableHandleElement } from "@prosekit/web/resizable";
+import { ResizableRootElement } from "@prosekit/web/resizable";
 export {
-  Resizable,
-  propNames
+  ResizableHandleElement as ResizableHandle,
+  ResizableRootElement as ResizableRoot
 };

package/dist/prosekit-lit-tooltip.d.ts

@@ -0,0 +1,3 @@
+export { TooltipContent } from './_tsup-dts-rollup';
+export { TooltipRoot } from './_tsup-dts-rollup';
+export { TooltipTrigger } from './_tsup-dts-rollup';

package/dist/prosekit-lit-tooltip.js

@@ -0,0 +1,9 @@
+// src/components/tooltip/index.ts
+import { TooltipContentElement } from "@prosekit/web/tooltip";
+import { TooltipRootElement } from "@prosekit/web/tooltip";
+import { TooltipTriggerElement } from "@prosekit/web/tooltip";
+export {
+  TooltipContentElement as TooltipContent,
+  TooltipRootElement as TooltipRoot,
+  TooltipTriggerElement as TooltipTrigger
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/lit",
   "type": "module",
-  "version": "0.2.8",
+  "version": "0.3.0",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -30,55 +30,15 @@
       "import": "./dist/prosekit-lit.js",
       "default": "./dist/prosekit-lit.js"
     },
-    "./autocomplete-empty": {
-      "types": "./dist/prosekit-lit-autocomplete-empty.d.ts",
-      "import": "./dist/prosekit-lit-autocomplete-empty.js",
-      "default": "./dist/prosekit-lit-autocomplete-empty.js"
+    "./autocomplete": {
+      "types": "./dist/prosekit-lit-autocomplete.d.ts",
+      "import": "./dist/prosekit-lit-autocomplete.js",
+      "default": "./dist/prosekit-lit-autocomplete.js"
     },
-    "./autocomplete-item": {
-      "types": "./dist/prosekit-lit-autocomplete-item.d.ts",
-      "import": "./dist/prosekit-lit-autocomplete-item.js",
-      "default": "./dist/prosekit-lit-autocomplete-item.js"
-    },
-    "./autocomplete-list": {
-      "types": "./dist/prosekit-lit-autocomplete-list.d.ts",
-      "import": "./dist/prosekit-lit-autocomplete-list.js",
-      "default": "./dist/prosekit-lit-autocomplete-list.js"
-    },
-    "./autocomplete-popover": {
-      "types": "./dist/prosekit-lit-autocomplete-popover.d.ts",
-      "import": "./dist/prosekit-lit-autocomplete-popover.js",
-      "default": "./dist/prosekit-lit-autocomplete-popover.js"
-    },
-    "./block-popover": {
-      "types": "./dist/prosekit-lit-block-popover.d.ts",
-      "import": "./dist/prosekit-lit-block-popover.js",
-      "default": "./dist/prosekit-lit-block-popover.js"
-    },
-    "./combo-box": {
-      "types": "./dist/prosekit-lit-combo-box.d.ts",
-      "import": "./dist/prosekit-lit-combo-box.js",
-      "default": "./dist/prosekit-lit-combo-box.js"
-    },
-    "./combo-box-input": {
-      "types": "./dist/prosekit-lit-combo-box-input.d.ts",
-      "import": "./dist/prosekit-lit-combo-box-input.js",
-      "default": "./dist/prosekit-lit-combo-box-input.js"
-    },
-    "./combo-box-item": {
-      "types": "./dist/prosekit-lit-combo-box-item.d.ts",
-      "import": "./dist/prosekit-lit-combo-box-item.js",
-      "default": "./dist/prosekit-lit-combo-box-item.js"
-    },
-    "./combo-box-list": {
-      "types": "./dist/prosekit-lit-combo-box-list.d.ts",
-      "import": "./dist/prosekit-lit-combo-box-list.js",
-      "default": "./dist/prosekit-lit-combo-box-list.js"
-    },
-    "./drag-handle": {
-      "types": "./dist/prosekit-lit-drag-handle.d.ts",
-      "import": "./dist/prosekit-lit-drag-handle.js",
-      "default": "./dist/prosekit-lit-drag-handle.js"
+    "./block-handle": {
+      "types": "./dist/prosekit-lit-block-handle.d.ts",
+      "import": "./dist/prosekit-lit-block-handle.js",
+      "default": "./dist/prosekit-lit-block-handle.js"
     },
     "./inline-popover": {
       "types": "./dist/prosekit-lit-inline-popover.d.ts",
@@ -90,54 +50,30 @@
       "import": "./dist/prosekit-lit-popover.js",
       "default": "./dist/prosekit-lit-popover.js"
     },
-    "./popover-content": {
-      "types": "./dist/prosekit-lit-popover-content.d.ts",
-      "import": "./dist/prosekit-lit-popover-content.js",
-      "default": "./dist/prosekit-lit-popover-content.js"
-    },
-    "./popover-root": {
-      "types": "./dist/prosekit-lit-popover-root.d.ts",
-      "import": "./dist/prosekit-lit-popover-root.js",
-      "default": "./dist/prosekit-lit-popover-root.js"
-    },
-    "./popover-trigger": {
-      "types": "./dist/prosekit-lit-popover-trigger.d.ts",
-      "import": "./dist/prosekit-lit-popover-trigger.js",
-      "default": "./dist/prosekit-lit-popover-trigger.js"
-    },
     "./resizable": {
       "types": "./dist/prosekit-lit-resizable.d.ts",
       "import": "./dist/prosekit-lit-resizable.js",
       "default": "./dist/prosekit-lit-resizable.js"
     },
-    "./resizable-handle": {
-      "types": "./dist/prosekit-lit-resizable-handle.d.ts",
-      "import": "./dist/prosekit-lit-resizable-handle.js",
-      "default": "./dist/prosekit-lit-resizable-handle.js"
+    "./tooltip": {
+      "types": "./dist/prosekit-lit-tooltip.d.ts",
+      "import": "./dist/prosekit-lit-tooltip.js",
+      "default": "./dist/prosekit-lit-tooltip.js"
     }
   },
   "files": [
     "dist"
   ],
   "dependencies": {
-    "@aria-ui/core": "^0.0.9",
-    "@aria-ui/popover": "^0.0.7",
-    "@floating-ui/dom": "^1.6.3",
-    "@lit/context": "^1.1.0",
-    "@prosekit/core": "^0.4.0",
-    "@prosekit/extensions": "^0.4.2",
-    "@prosekit/pm": "^0.1.2",
-    "@superhuman/command-score": "^0.5.0",
-    "@zag-js/dismissable": "^0.41.0",
-    "@zag-js/dom-query": "^0.41.0",
-    "@zag-js/utils": "^0.41.0",
-    "lit": "^3.1.2"
+    "@lit/context": "^1.1.1",
+    "@prosekit/web": "^0.1.0",
+    "lit": "^3.1.3"
   },
   "devDependencies": {
     "@prosekit/dev": "*",
     "tsup": "^8.0.2",
-    "typescript": "^5.4.3",
-    "vitest": "^1.4.0"
+    "typescript": "^5.4.5",
+    "vitest": "^1.5.0"
   },
   "scripts": {
     "build:tsup": "tsup",
@@ -149,35 +85,11 @@
       ".": [
         "./dist/prosekit-lit.d.ts"
       ],
-      "autocomplete-empty": [
-        "./dist/prosekit-lit-autocomplete-empty.d.ts"
+      "autocomplete": [
+        "./dist/prosekit-lit-autocomplete.d.ts"
       ],
-      "autocomplete-item": [
-        "./dist/prosekit-lit-autocomplete-item.d.ts"
-      ],
-      "autocomplete-list": [
-        "./dist/prosekit-lit-autocomplete-list.d.ts"
-      ],
-      "autocomplete-popover": [
-        "./dist/prosekit-lit-autocomplete-popover.d.ts"
-      ],
-      "block-popover": [
-        "./dist/prosekit-lit-block-popover.d.ts"
-      ],
-      "combo-box": [
-        "./dist/prosekit-lit-combo-box.d.ts"
-      ],
-      "combo-box-input": [
-        "./dist/prosekit-lit-combo-box-input.d.ts"
-      ],
-      "combo-box-item": [
-        "./dist/prosekit-lit-combo-box-item.d.ts"
-      ],
-      "combo-box-list": [
-        "./dist/prosekit-lit-combo-box-list.d.ts"
-      ],
-      "drag-handle": [
-        "./dist/prosekit-lit-drag-handle.d.ts"
+      "block-handle": [
+        "./dist/prosekit-lit-block-handle.d.ts"
       ],
       "inline-popover": [
         "./dist/prosekit-lit-inline-popover.d.ts"
@@ -185,20 +97,11 @@
       "popover": [
         "./dist/prosekit-lit-popover.d.ts"
       ],
-      "popover-content": [
-        "./dist/prosekit-lit-popover-content.d.ts"
-      ],
-      "popover-root": [
-        "./dist/prosekit-lit-popover-root.d.ts"
-      ],
-      "popover-trigger": [
-        "./dist/prosekit-lit-popover-trigger.d.ts"
-      ],
       "resizable": [
         "./dist/prosekit-lit-resizable.d.ts"
       ],
-      "resizable-handle": [
-        "./dist/prosekit-lit-resizable-handle.d.ts"
+      "tooltip": [
+        "./dist/prosekit-lit-tooltip.d.ts"
       ]
     }
   }

package/dist/chunk-5CI65R73.js

@@ -1,9 +0,0 @@
-// src/components/autocomplete-list/context.ts
-import { createContext } from "@lit/context";
-var autocompleteListContext = createContext(
-  "prosekit-autocomplete-list-context"
-);
-
-export {
-  autocompleteListContext
-};

package/dist/chunk-7E5POS6D.js

@@ -1,53 +0,0 @@
-import {
-  comboBoxContext
-} from "./chunk-C4MW43I4.js";
-import {
-  LightElement
-} from "./chunk-UIHDPY7W.js";
-import {
-  defineCustomElement
-} from "./chunk-LCDA7GFP.js";
-
-// src/components/combo-box-item/component.ts
-import { ContextConsumer } from "@lit/context";
-var propNames = ["onSelect"];
-var ComboBoxItem = class extends LightElement {
-  constructor() {
-    super(...arguments);
-    this.selected = false;
-    this.comboBoxContext = new ContextConsumer(this, {
-      context: comboBoxContext,
-      subscribe: true
-    });
-  }
-  /**
-   * @hidden
-   */
-  updated(changedProperties) {
-    var _a, _b, _c, _d, _e;
-    super.updated(changedProperties);
-    const content = ((_a = this.textContent) != null ? _a : "").trim();
-    const query = ((_c = (_b = this.comboBoxContext.value) == null ? void 0 : _b.inputValue) != null ? _c : "").trim();
-    const match = content.toLowerCase().includes(query.toLowerCase());
-    this.selected = match && content === ((_d = this.comboBoxContext.value) == null ? void 0 : _d.selectedValue);
-    this.ariaSelected = String(this.selected);
-    this.setHidden(!match);
-    if (this.selected && changedProperties.has("selected") && !changedProperties.get("selected") && ((_e = this.comboBoxContext.value) == null ? void 0 : _e.selectedReason) === "keyboard") {
-      this.scrollIntoView({ block: "nearest" });
-    }
-  }
-};
-/**
- * @hidden
- */
-ComboBoxItem.properties = {
-  editor: { attribute: false },
-  selected: { type: Boolean, reflect: true, attribute: "data-selected" },
-  onSelect: { attribute: false }
-};
-defineCustomElement("prosekit-combo-box-item", ComboBoxItem);
-
-export {
-  propNames,
-  ComboBoxItem
-};