@prosekit/lit 0.2.6 → 0.2.8

package/dist/_tsup-dts-rollup.d.ts

@@ -11,6 +11,11 @@ import { Keymap } from '@prosekit/core';
 import { LitElement } from 'lit';
 import { Options } from 'tsup';
 import type { Placement } from '@floating-ui/dom';
+import { PopoverContentElement as PopoverContent } from '@aria-ui/popover';
+import { PopoverContentProps as PopoverContentProps_2 } from '@aria-ui/popover';
+import { PopoverRootElement as PopoverRoot } from '@aria-ui/popover';
+import { PopoverRootProps as PopoverRootProps_2 } from '@aria-ui/popover';
+import { PopoverTriggerElement as PopoverTrigger } from '@aria-ui/popover';
 import type { PropertyValueMap } from 'lit';
 import { PropertyValues } from 'lit';
 import type { ProseMirrorNode } from '@prosekit/pm/model';
@@ -635,6 +640,8 @@ export declare class ListManager<Item extends {
 
 /**
  * A custom element that displays a popover anchored to a reference element.
+ *
+ * @deprecated Use `prosekit-popover-root` instead.
  */
 export declare class Popover extends LightElement implements Partial<PopoverProps> {
     /**
@@ -693,6 +700,10 @@ export declare class Popover extends LightElement implements Partial<PopoverProp
  */
 export declare const popoverAvailable: boolean;
 
+export { PopoverContent }
+
+export declare type PopoverContentProps = Partial<PopoverContentProps_2>;
+
 export declare interface PopoverProps {
     /**
      * Whether the popover is open.
@@ -726,6 +737,15 @@ declare const popoverPropsNames: readonly ["open", "onOpenChange", "reference",
 export { popoverPropsNames }
 export { popoverPropsNames as propNames_alias_15 }
 
+export { PopoverRoot }
+
+export declare type PopoverRootProps = Partial<PopoverRootProps_2>;
+
+export { PopoverTrigger }
+
+export declare interface PopoverTriggerProps {
+}
+
 /**
  * @public
  */
@@ -875,20 +895,26 @@ export { propNames_5 as propNames_alias_12 }
  * @internal
  */
 declare const propNames_6: readonly ["width", "height", "aspectRatio", "onSizeChangeStart", "onSizeChange", "onSizeChangeEnd"];
-export { propNames_6 as propNames_alias_16 }
-export { propNames_6 as propNames_alias_17 }
+export { propNames_6 as propNames_alias_19 }
+export { propNames_6 as propNames_alias_20 }
 
 /**
  * @internal
  */
 declare const propNames_7: readonly [];
-export { propNames_7 as propNames_alias_18 }
-export { propNames_7 as propNames_alias_19 }
+export { propNames_7 as propNames_alias_21 }
+export { propNames_7 as propNames_alias_22 }
 
 export declare const propNames_alias_13: readonly ["editor"];
 
 export declare const propNames_alias_14: readonly ["editor", "available", "open", "onOpenChange", "reference", "positioning"];
 
+export declare const propNames_alias_16: (keyof PopoverContentProps_2)[];
+
+export declare const propNames_alias_17: (keyof PopoverRootProps_2)[];
+
+export declare const propNames_alias_18: never[];
+
 export declare const propNames_alias_5: readonly ["editor", "regex", "positioning"];
 
 export declare const propNames_alias_6: readonly ["editor"];

package/dist/{chunk-3TPE2GKD.js → chunk-7E5POS6D.js}

@@ -2,9 +2,11 @@ import {
   comboBoxContext
 } from "./chunk-C4MW43I4.js";
 import {
-  LightElement,
+  LightElement
+} from "./chunk-UIHDPY7W.js";
+import {
   defineCustomElement
-} from "./chunk-3AZDRLDR.js";
+} from "./chunk-LCDA7GFP.js";
 
 // src/components/combo-box-item/component.ts
 import { ContextConsumer } from "@lit/context";

package/dist/{chunk-CPC45JQ7.js → chunk-BFBBTEVM.js}

@@ -5,9 +5,11 @@ import {
   ListManager
 } from "./chunk-MZAHIYA5.js";
 import {
-  LightElement,
+  LightElement
+} from "./chunk-UIHDPY7W.js";
+import {
   defineCustomElement
-} from "./chunk-3AZDRLDR.js";
+} from "./chunk-LCDA7GFP.js";
 
 // src/components/autocomplete-popover/context.ts
 import { createContext } from "@lit/context";

package/dist/{chunk-XHBZNZ2L.js → chunk-FKSZFUL3.js}

@@ -1,7 +1,9 @@
 import {
-  LightElement,
+  LightElement
+} from "./chunk-UIHDPY7W.js";
+import {
   defineCustomElement
-} from "./chunk-3AZDRLDR.js";
+} from "./chunk-LCDA7GFP.js";
 
 // src/components/popover/index.ts
 import "@floating-ui/dom";

package/dist/chunk-LCDA7GFP.js

@@ -0,0 +1,11 @@
+// src/utils/define-custom-element.ts
+function defineCustomElement(name, constructor, options) {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  customElements.define(name, constructor, options);
+}
+
+export {
+  defineCustomElement
+};

package/dist/{chunk-3AZDRLDR.js → chunk-UIHDPY7W.js}

@@ -1,11 +1,3 @@
-// src/utils/define-custom-element.ts
-function defineCustomElement(name, constructor, options) {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  customElements.define(name, constructor, options);
-}
-
 // src/components/block-element/index.ts
 import { LitElement } from "lit";
 var LightElement = class extends LitElement {
@@ -34,6 +26,5 @@ var LightElement = class extends LitElement {
 };
 
 export {
-  defineCustomElement,
   LightElement
 };

package/dist/{chunk-I5EMQRE4.js → chunk-VPUV5WUG.js}

@@ -2,9 +2,11 @@ import {
   autocompleteListContext
 } from "./chunk-5CI65R73.js";
 import {
-  LightElement,
+  LightElement
+} from "./chunk-UIHDPY7W.js";
+import {
   defineCustomElement
-} from "./chunk-3AZDRLDR.js";
+} from "./chunk-LCDA7GFP.js";
 
 // src/components/autocomplete-item/component.ts
 import { ContextConsumer } from "@lit/context";

package/dist/prosekit-lit-autocomplete-empty.js

@@ -2,9 +2,11 @@ import {
   autocompleteListContext
 } from "./chunk-5CI65R73.js";
 import {
-  LightElement,
+  LightElement
+} from "./chunk-UIHDPY7W.js";
+import {
   defineCustomElement
-} from "./chunk-3AZDRLDR.js";
+} from "./chunk-LCDA7GFP.js";
 
 // src/components/autocomplete-empty/index.ts
 import { ContextConsumer } from "@lit/context";

package/dist/prosekit-lit-autocomplete-item.js

@@ -1,9 +1,10 @@
 import {
   AutocompleteItem,
   propNames
-} from "./chunk-I5EMQRE4.js";
+} from "./chunk-VPUV5WUG.js";
 import "./chunk-5CI65R73.js";
-import "./chunk-3AZDRLDR.js";
+import "./chunk-UIHDPY7W.js";
+import "./chunk-LCDA7GFP.js";
 export {
   AutocompleteItem,
   propNames

package/dist/prosekit-lit-autocomplete-list.js

@@ -1,11 +1,12 @@
 import {
   AutocompleteList,
   propNames
-} from "./chunk-CPC45JQ7.js";
-import "./chunk-I5EMQRE4.js";
+} from "./chunk-BFBBTEVM.js";
+import "./chunk-VPUV5WUG.js";
 import "./chunk-5CI65R73.js";
 import "./chunk-MZAHIYA5.js";
-import "./chunk-3AZDRLDR.js";
+import "./chunk-UIHDPY7W.js";
+import "./chunk-LCDA7GFP.js";
 export {
   AutocompleteList,
   propNames

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

@@ -1,15 +1,16 @@
 import {
   autocompletePopoverContext
-} from "./chunk-CPC45JQ7.js";
-import "./chunk-I5EMQRE4.js";
+} from "./chunk-BFBBTEVM.js";
+import "./chunk-VPUV5WUG.js";
 import "./chunk-5CI65R73.js";
 import "./chunk-MZAHIYA5.js";
 import {
   Popover
-} from "./chunk-XHBZNZ2L.js";
+} from "./chunk-FKSZFUL3.js";
+import "./chunk-UIHDPY7W.js";
 import {
   defineCustomElement
-} from "./chunk-3AZDRLDR.js";
+} from "./chunk-LCDA7GFP.js";
 
 // src/components/autocomplete-popover/index.ts
 import { ContextProvider } from "@lit/context";

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

@@ -3,10 +3,11 @@ import {
 } from "./chunk-S72UTR5M.js";
 import {
   Popover
-} from "./chunk-XHBZNZ2L.js";
+} from "./chunk-FKSZFUL3.js";
+import "./chunk-UIHDPY7W.js";
 import {
   defineCustomElement
-} from "./chunk-3AZDRLDR.js";
+} from "./chunk-LCDA7GFP.js";
 
 // src/components/block-popover/index.ts
 import { ContextProvider } from "@lit/context";

package/dist/prosekit-lit-combo-box-input.js

@@ -2,9 +2,11 @@ import {
   comboBoxContext
 } from "./chunk-C4MW43I4.js";
 import {
-  LightElement,
+  LightElement
+} from "./chunk-UIHDPY7W.js";
+import {
   defineCustomElement
-} from "./chunk-3AZDRLDR.js";
+} from "./chunk-LCDA7GFP.js";
 
 // src/components/combo-box-input/index.ts
 import { ContextConsumer } from "@lit/context";
@@ -69,7 +71,14 @@ var ComboBoxInput = class extends LightElement {
    */
   render() {
     var _a, _b;
-    return html`<input placeholder="${this.placeholder}" @keydown="${(event) => this.handleKeydown(event)}" @input="${(event) => this.handleInput(event)}" .value="${(_b = (_a = this.comboBoxContext.value) == null ? void 0 : _a.inputValue) != null ? _b : ""}">`;
+    return html`
+      <input 
+        placeholder=${this.placeholder} 
+        @keydown=${(event) => this.handleKeydown(event)}
+        @input=${(event) => this.handleInput(event)}
+        .value=${(_b = (_a = this.comboBoxContext.value) == null ? void 0 : _a.inputValue) != null ? _b : ""}
+      ></input>
+    `;
   }
 };
 /**

package/dist/prosekit-lit-combo-box-item.js

@@ -1,9 +1,10 @@
 import {
   ComboBoxItem,
   propNames
-} from "./chunk-3TPE2GKD.js";
+} from "./chunk-7E5POS6D.js";
 import "./chunk-C4MW43I4.js";
-import "./chunk-3AZDRLDR.js";
+import "./chunk-UIHDPY7W.js";
+import "./chunk-LCDA7GFP.js";
 export {
   ComboBoxItem,
   propNames

package/dist/prosekit-lit-combo-box-list.js

@@ -2,9 +2,11 @@ import {
   comboBoxContext
 } from "./chunk-C4MW43I4.js";
 import {
-  LightElement,
+  LightElement
+} from "./chunk-UIHDPY7W.js";
+import {
   defineCustomElement
-} from "./chunk-3AZDRLDR.js";
+} from "./chunk-LCDA7GFP.js";
 
 // src/components/combo-box-list/component.ts
 import { ContextConsumer } from "@lit/context";

package/dist/prosekit-lit-combo-box.js

@@ -1,16 +1,17 @@
-import "./chunk-3TPE2GKD.js";
+import "./chunk-7E5POS6D.js";
 import {
   ListManager
 } from "./chunk-MZAHIYA5.js";
 import {
   Popover
-} from "./chunk-XHBZNZ2L.js";
+} from "./chunk-FKSZFUL3.js";
 import {
   comboBoxContext
 } from "./chunk-C4MW43I4.js";
+import "./chunk-UIHDPY7W.js";
 import {
   defineCustomElement
-} from "./chunk-3AZDRLDR.js";
+} from "./chunk-LCDA7GFP.js";
 
 // src/components/combo-box/index.ts
 import { ContextProvider } from "@lit/context";

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

@@ -2,9 +2,11 @@ import {
   blockPopoverContext
 } from "./chunk-S72UTR5M.js";
 import {
-  LightElement,
+  LightElement
+} from "./chunk-UIHDPY7W.js";
+import {
   defineCustomElement
-} from "./chunk-3AZDRLDR.js";
+} from "./chunk-LCDA7GFP.js";
 
 // src/components/drag-handle/index.ts
 import { ContextConsumer } from "@lit/context";

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

@@ -1,10 +1,11 @@
 import {
   Popover,
   popoverPropsNames
-} from "./chunk-XHBZNZ2L.js";
+} from "./chunk-FKSZFUL3.js";
+import "./chunk-UIHDPY7W.js";
 import {
   defineCustomElement
-} from "./chunk-3AZDRLDR.js";
+} from "./chunk-LCDA7GFP.js";
 
 // src/components/inline-popover/index.ts
 import "@prosekit/core";

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

@@ -0,0 +1,3 @@
+export { PopoverContent } from './_tsup-dts-rollup';
+export { PopoverContentProps } from './_tsup-dts-rollup';
+export { propNames_alias_16 as propNames } from './_tsup-dts-rollup';

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

@@ -0,0 +1,17 @@
+import {
+  defineCustomElement
+} from "./chunk-LCDA7GFP.js";
+
+// src/components/popover-content/index.ts
+import {
+  PopoverContentElement,
+  defaultPopoverContentProps
+} from "@aria-ui/popover";
+var propNames = Object.keys(
+  defaultPopoverContentProps
+);
+defineCustomElement("prosekit-popover-content", PopoverContentElement);
+export {
+  PopoverContentElement as PopoverContent,
+  propNames
+};

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

@@ -0,0 +1,3 @@
+export { PopoverRoot } from './_tsup-dts-rollup';
+export { PopoverRootProps } from './_tsup-dts-rollup';
+export { propNames_alias_17 as propNames } from './_tsup-dts-rollup';

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

@@ -0,0 +1,17 @@
+import {
+  defineCustomElement
+} from "./chunk-LCDA7GFP.js";
+
+// src/components/popover-root/index.ts
+import {
+  PopoverRootElement,
+  defaultPopoverRootProps
+} from "@aria-ui/popover";
+var propNames = Object.keys(
+  defaultPopoverRootProps
+);
+defineCustomElement("prosekit-popover-root", PopoverRootElement);
+export {
+  PopoverRootElement as PopoverRoot,
+  propNames
+};

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

@@ -0,0 +1,3 @@
+export { PopoverTrigger } from './_tsup-dts-rollup';
+export { PopoverTriggerProps } from './_tsup-dts-rollup';
+export { propNames_alias_18 as propNames } from './_tsup-dts-rollup';

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

@@ -0,0 +1,12 @@
+import {
+  defineCustomElement
+} from "./chunk-LCDA7GFP.js";
+
+// src/components/popover-trigger/index.ts
+import { PopoverTriggerElement } from "@aria-ui/popover";
+var propNames = [];
+defineCustomElement("prosekit-popover-trigger", PopoverTriggerElement);
+export {
+  PopoverTriggerElement as PopoverTrigger,
+  propNames
+};

package/dist/prosekit-lit-popover.js

@@ -1,8 +1,9 @@
 import {
   Popover,
   popoverPropsNames
-} from "./chunk-XHBZNZ2L.js";
-import "./chunk-3AZDRLDR.js";
+} from "./chunk-FKSZFUL3.js";
+import "./chunk-UIHDPY7W.js";
+import "./chunk-LCDA7GFP.js";
 export {
   Popover,
   popoverPropsNames,

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

@@ -1,3 +1,3 @@
 export { ResizableHandle_alias_1 as ResizableHandle } from './_tsup-dts-rollup';
 export { ResizableHandleProps_alias_1 as ResizableHandleProps } from './_tsup-dts-rollup';
-export { propNames_alias_19 as propNames } from './_tsup-dts-rollup';
+export { propNames_alias_22 as propNames } from './_tsup-dts-rollup';

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

@@ -2,9 +2,11 @@ import {
   resizableContext
 } from "./chunk-WEUGKLVB.js";
 import {
-  LightElement,
+  LightElement
+} from "./chunk-UIHDPY7W.js";
+import {
   defineCustomElement
-} from "./chunk-3AZDRLDR.js";
+} from "./chunk-LCDA7GFP.js";
 
 // src/components/resizable-handle/component.ts
 import { ContextConsumer } from "@lit/context";

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

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

package/dist/prosekit-lit-resizable.js

@@ -2,9 +2,11 @@ import {
   resizableContext
 } from "./chunk-WEUGKLVB.js";
 import {
-  LightElement,
+  LightElement
+} from "./chunk-UIHDPY7W.js";
+import {
   defineCustomElement
-} from "./chunk-3AZDRLDR.js";
+} from "./chunk-LCDA7GFP.js";
 
 // src/components/resizable/component.ts
 import { ContextProvider } from "@lit/context";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/lit",
   "type": "module",
-  "version": "0.2.6",
+  "version": "0.2.8",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -90,6 +90,21 @@
       "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",
@@ -105,23 +120,24 @@
     "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.3.2",
-    "@prosekit/pm": "^0.1.1",
+    "@prosekit/extensions": "^0.4.2",
+    "@prosekit/pm": "^0.1.2",
     "@superhuman/command-score": "^0.5.0",
-    "@zag-js/dismissable": "^0.35.0",
-    "@zag-js/dom-query": "^0.35.0",
-    "@zag-js/utils": "^0.35.0",
+    "@zag-js/dismissable": "^0.41.0",
+    "@zag-js/dom-query": "^0.41.0",
+    "@zag-js/utils": "^0.41.0",
     "lit": "^3.1.2"
   },
   "devDependencies": {
     "@prosekit/dev": "*",
-    "minify-literals": "^1.0.8",
     "tsup": "^8.0.2",
-    "typescript": "^5.3.3",
-    "vitest": "^1.2.2"
+    "typescript": "^5.4.3",
+    "vitest": "^1.4.0"
   },
   "scripts": {
     "build:tsup": "tsup",
@@ -169,6 +185,15 @@
       "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"
       ],