@prosekit/web 0.8.0-beta.3 → 0.8.0-beta.5

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

@@ -1,12 +1,9 @@
 import { t as useEditorExtension } from "./use-editor-extension.js";
 import { computed, createContext, defineCustomElement, defineProps, onMount, registerCustomElement } from "@aria-ui/core";
+import { usePresence } from "@aria-ui/utils";
 import { OpenChangeEvent, OverlayPopupPropsDeclaration, OverlayPositionerPropsDeclaration, OverlayRootPropsDeclaration, setupOverlayPopup, setupOverlayPositioner, useOverlayStore } from "@aria-ui/elements/overlay";
 import { containsInlineNode, defineFocusChangeHandler, defineKeymap, defineUpdateHandler, isInCodeBlock, isTextSelection } from "@prosekit/core";
-import { usePresence } from "@aria-ui/utils";
-//#region src/components/inline-popover/store.ts
 const InlinePopoverStoreContext = createContext("prosekit-inline-popover-store");
-//#endregion
-//#region src/components/inline-popover/inline-popover-popup.ts
 /** @internal */
 const InlinePopoverPopupPropsDeclaration = OverlayPopupPropsDeclaration;
 /** @internal */
@@ -20,15 +17,21 @@ function setupInlinePopoverPopup(host, _props) {
 }
 const InlinePopoverPopupElementBase = defineCustomElement(setupInlinePopoverPopup, InlinePopoverPopupPropsDeclaration);
 /**
-* @public
+* `<prosekit-inline-popover-popup>` custom element.
+*
+* Properties: {@link InlinePopoverPopupProps}
+*
+* Data attributes:
+*
+* | Attribute | Description |
+* | --- | --- |
+* | `data-state` | `"open"` when the inline popover is visible, `"closed"` otherwise |
 */
 var InlinePopoverPopupElement = class extends InlinePopoverPopupElementBase {};
 /** @internal */
 function registerInlinePopoverPopupElement() {
 	registerCustomElement("prosekit-inline-popover-popup", InlinePopoverPopupElement);
 }
-//#endregion
-//#region src/components/inline-popover/inline-popover-positioner.ts
 /** @internal */
 const InlinePopoverPositionerPropsDeclaration = /* @__PURE__ */ defineProps({
 	...OverlayPositionerPropsDeclaration,
@@ -74,36 +77,44 @@ function setupInlinePopoverPositioner(host, props) {
 }
 const InlinePopoverPositionerElementBase = defineCustomElement(setupInlinePopoverPositioner, InlinePopoverPositionerPropsDeclaration);
 /**
-* @public
+* `<prosekit-inline-popover-positioner>` custom element.
+*
+* Properties: {@link InlinePopoverPositionerProps}
+*
+* Data attributes:
+*
+* | Attribute | Description |
+* | --- | --- |
+* | `data-state` | `"open"` when the inline popover is visible, `"closed"` otherwise |
+* | `data-side` | The side of the anchor element the positioner is on |
+* | `data-align` | The alignment of the positioner relative to the anchor element |
+*
+* CSS variables:
+*
+* | Variable | Description |
+* | --- | --- |
+* | `--transform-origin` | The coordinates that this element is anchored to. Useful for scale animations. |
 */
 var InlinePopoverPositionerElement = class extends InlinePopoverPositionerElementBase {};
 /** @internal */
 function registerInlinePopoverPositionerElement() {
 	registerCustomElement("prosekit-inline-popover-positioner", InlinePopoverPositionerElement);
 }
-//#endregion
-//#region src/hooks/use-editor-focus-event.ts
 /**
 * @internal
 */
 function useEditorFocusChangeEvent(host, getEditor, handler) {
 	useEditorExtension(host, getEditor, defineFocusChangeHandler(handler));
 }
-//#endregion
-//#region src/hooks/use-editor-update-event.ts
 /**
 * @internal
 */
 function useEditorUpdateEvent(host, getEditor, handler) {
 	useEditorExtension(host, getEditor, defineUpdateHandler(handler));
 }
-//#endregion
-//#region src/hooks/use-keymap.ts
 function useKeymap(host, getEditor, keymap) {
 	useEditorExtension(host, getEditor, defineKeymap(keymap));
 }
-//#endregion
-//#region src/components/inline-popover/virtual-selection-element.ts
 function getVirtualSelectionElement(view) {
 	if (typeof window === "undefined" || view.isDestroyed) return;
 	const selection = view.state.selection;
@@ -135,8 +146,6 @@ function getInlineDecoration(view) {
 		getClientRects: () => items.map((item) => item.getBoundingClientRect())
 	};
 }
-//#endregion
-//#region src/components/inline-popover/inline-popover-root.ts
 /** @internal */
 const InlinePopoverRootPropsDeclaration = /* @__PURE__ */ defineProps({
 	...OverlayRootPropsDeclaration,
@@ -183,14 +192,17 @@ function setupInlinePopoverRoot(host, props) {
 }
 const InlinePopoverRootElementBase = defineCustomElement(setupInlinePopoverRoot, InlinePopoverRootPropsDeclaration);
 /**
-* @public
+* `<prosekit-inline-popover-root>` custom element.
+*
+* Properties: {@link InlinePopoverRootProps}
+*
+* Events: {@link InlinePopoverRootEvents}
 */
 var InlinePopoverRootElement = class extends InlinePopoverRootElementBase {};
 /** @internal */
 function registerInlinePopoverRootElement() {
 	registerCustomElement("prosekit-inline-popover-root", InlinePopoverRootElement);
 }
-//#endregion
 export { InlinePopoverPopupElement, InlinePopoverPopupPropsDeclaration, InlinePopoverPositionerElement, InlinePopoverPositionerPropsDeclaration, InlinePopoverRootElement, InlinePopoverRootPropsDeclaration, OpenChangeEvent, registerInlinePopoverPopupElement, registerInlinePopoverPositionerElement, registerInlinePopoverRootElement, setupInlinePopoverPopup, setupInlinePopoverPositioner, setupInlinePopoverRoot };
 
 //# sourceMappingURL=prosekit-web-inline-popover.js.map

package/dist/prosekit-web-inline-popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"prosekit-web-inline-popover.js","names":[],"sources":["../src/components/inline-popover/store.ts","../src/components/inline-popover/inline-popover-popup.ts","../src/components/inline-popover/inline-popover-positioner.ts","../src/hooks/use-editor-focus-event.ts","../src/hooks/use-editor-update-event.ts","../src/hooks/use-keymap.ts","../src/components/inline-popover/virtual-selection-element.ts","../src/components/inline-popover/inline-popover-root.ts"],"sourcesContent":["import { createContext, type Context } from '@aria-ui/core'\nimport type { OverlayStore } from '@aria-ui/elements/overlay'\n\nexport const InlinePopoverStoreContext: Context<OverlayStore> = createContext<OverlayStore>(\n  'prosekit-inline-popover-store',\n)\n","import {\n  computed,\n  defineCustomElement,\n  onMount,\n  registerCustomElement,\n  type HostElement,\n  type HostElementConstructor,\n  type PropsDeclaration,\n  type State,\n} from '@aria-ui/core'\nimport { OverlayPopupPropsDeclaration, setupOverlayPopup, type OverlayPopupProps } from '@aria-ui/elements/overlay'\nimport { usePresence } from '@aria-ui/utils'\n\nimport { InlinePopoverStoreContext } from './store.ts'\n\n/**\n * @public\n */\nexport interface InlinePopoverPopupProps extends OverlayPopupProps {}\n\n/** @internal */\nexport const InlinePopoverPopupPropsDeclaration: PropsDeclaration<InlinePopoverPopupProps> = OverlayPopupPropsDeclaration\n\n/** @internal */\nexport function setupInlinePopoverPopup(\n  host: HostElement,\n  _props: State<InlinePopoverPopupProps>,\n): void {\n  const getStore = InlinePopoverStoreContext.consume(host)\n  setupOverlayPopup(host, getStore)\n  const getOpen = computed(() => getStore()?.getIsOpen() ?? false)\n  usePresence(host, getOpen)\n\n  onMount(host, () => {\n    host.role = 'dialog'\n  })\n}\n\nconst InlinePopoverPopupElementBase: HostElementConstructor<InlinePopoverPopupProps> = defineCustomElement(\n  setupInlinePopoverPopup,\n  InlinePopoverPopupPropsDeclaration,\n)\n\n/**\n * @public\n */\nexport class InlinePopoverPopupElement extends InlinePopoverPopupElementBase {}\n\n/** @internal */\nexport function registerInlinePopoverPopupElement(): void {\n  registerCustomElement('prosekit-inline-popover-popup', InlinePopoverPopupElement)\n}\n","import {\n  defineCustomElement,\n  defineProps,\n  registerCustomElement,\n  type HostElement,\n  type HostElementConstructor,\n  type PropsDeclaration,\n  type State,\n} from '@aria-ui/core'\nimport { OverlayPositionerPropsDeclaration, setupOverlayPositioner, type OverlayPositionerProps } from '@aria-ui/elements/overlay'\n\nimport { InlinePopoverStoreContext } from './store.ts'\n\n/**\n * @public\n */\nexport interface InlinePopoverPositionerProps extends\n  Omit<\n    OverlayPositionerProps,\n    | 'placement'\n    | 'offset'\n    | 'hide'\n    | 'hoist'\n    | 'overlap'\n    | 'inline'\n    | 'overflowPadding'\n  >\n{\n  /**\n   * The initial placement of the floating element\n   *\n   * @default \"top\"\n   */\n  placement: OverlayPositionerProps['placement']\n\n  /**\n   * The distance between the reference and floating element.\n   *\n   * @default 12\n   */\n  offset: OverlayPositionerProps['offset']\n\n  /**\n   * Whether to hide the floating element when the reference element or the\n   * floating element is fully clipped.\n   *\n   * @default true\n   */\n  hide: OverlayPositionerProps['hide']\n\n  /**\n   * Whether to use the browser [Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API)\n   * to place the floating element on top of other page content.\n   *\n   * @default false\n   */\n  hoist: boolean\n\n  /**\n   * Whether the floating element can overlap the reference element to keep it\n   * in view.\n   *\n   * @default true\n   */\n  overlap: OverlayPositionerProps['overlap']\n\n  /**\n   * Whether to improve positioning for inline reference elements that span over\n   * multiple lines.\n   *\n   * @default true\n   */\n  inline: OverlayPositionerProps['inline']\n\n  /**\n   * Describes the virtual padding around the boundary to check for overflow.\n   *\n   * @default 8\n   */\n  overflowPadding: OverlayPositionerProps['overflowPadding']\n}\n\n/** @internal */\nexport const InlinePopoverPositionerPropsDeclaration: PropsDeclaration<InlinePopoverPositionerProps> = /* @__PURE__ */ defineProps<\n  InlinePopoverPositionerProps\n>({\n  ...OverlayPositionerPropsDeclaration,\n  placement: { default: 'top', attribute: 'placement', type: 'string' },\n  offset: { default: 12, attribute: false, type: 'json' },\n  hide: { default: true, attribute: 'hide', type: 'boolean' },\n  hoist: { default: false, attribute: 'hoist', type: 'boolean' },\n  overlap: { default: true, attribute: 'overlap', type: 'boolean' },\n  inline: { default: true, attribute: 'inline', type: 'boolean' },\n  overflowPadding: { default: 8, attribute: 'overflow-padding', type: 'number' },\n})\n\n/** @internal */\nexport function setupInlinePopoverPositioner(\n  host: HostElement,\n  props: State<InlinePopoverPositionerProps>,\n): void {\n  setupOverlayPositioner(host, props, InlinePopoverStoreContext.consume(host))\n}\n\nconst InlinePopoverPositionerElementBase: HostElementConstructor<InlinePopoverPositionerProps> = defineCustomElement(\n  setupInlinePopoverPositioner,\n  InlinePopoverPositionerPropsDeclaration,\n)\n\n/**\n * @public\n */\nexport class InlinePopoverPositionerElement extends InlinePopoverPositionerElementBase {}\n\n/** @internal */\nexport function registerInlinePopoverPositionerElement(): void {\n  registerCustomElement('prosekit-inline-popover-positioner', InlinePopoverPositionerElement)\n}\n","import type { HostElement } from '@aria-ui/core'\nimport { defineFocusChangeHandler, type Editor, type FocusChangeHandler } from '@prosekit/core'\n\nimport { useEditorExtension } from './use-editor-extension.ts'\n\n/**\n * @internal\n */\nexport function useEditorFocusChangeEvent(\n  host: HostElement,\n  getEditor: () => Editor | null,\n  handler: FocusChangeHandler,\n): void {\n  const extension = defineFocusChangeHandler(handler)\n  useEditorExtension(host, getEditor, extension)\n}\n","import type { HostElement } from '@aria-ui/core'\nimport { defineUpdateHandler, type Editor, type UpdateHandler } from '@prosekit/core'\n\nimport { useEditorExtension } from './use-editor-extension.ts'\n\n/**\n * @internal\n */\nexport function useEditorUpdateEvent(\n  host: HostElement,\n  getEditor: () => Editor | null,\n  handler: UpdateHandler,\n): void {\n  const extension = defineUpdateHandler(handler)\n  useEditorExtension(host, getEditor, extension)\n}\n","import type { HostElement } from '@aria-ui/core'\nimport { defineKeymap, type Editor, type Keymap } from '@prosekit/core'\n\nimport { useEditorExtension } from './use-editor-extension.ts'\n\nexport function useKeymap(\n  host: HostElement,\n  getEditor: () => Editor | null,\n  keymap: Keymap,\n): void {\n  const extension = defineKeymap(keymap)\n  useEditorExtension(host, getEditor, extension)\n}\n","import type { ReferenceElement } from '@floating-ui/dom'\nimport { containsInlineNode, isInCodeBlock, isTextSelection } from '@prosekit/core'\nimport type { EditorView } from '@prosekit/pm/view'\n\nexport function getVirtualSelectionElement(\n  view: EditorView,\n): ReferenceElement | undefined {\n  if (typeof window === 'undefined' || view.isDestroyed) {\n    return\n  }\n\n  const selection = view.state.selection\n\n  if (\n    !selection.empty\n    && !isInCodeBlock(selection)\n    && isTextSelection(selection)\n    && containsInlineNode(view.state.doc, selection.from, selection.to)\n  ) {\n    return getDomDecoration(view) || getInlineDecoration(view)\n  }\n}\n\nfunction getDomDecoration(view: EditorView): ReferenceElement | undefined {\n  const range = getDomRange(view)\n  if (range) {\n    // To get it work properly in Safari, we cannot return the range directly.\n    // We have to return a contextElement.\n    return {\n      contextElement: view.dom,\n      getBoundingClientRect: () => range.getBoundingClientRect(),\n      getClientRects: () => range.getClientRects(),\n    }\n  }\n}\n\nfunction getDomRange(view: EditorView): Range | undefined {\n  const win = view.dom.ownerDocument.defaultView\n  const selection = win?.getSelection()\n  if (!selection || selection.isCollapsed) {\n    return\n  }\n\n  const range = typeof selection.rangeCount === 'number'\n    && selection.rangeCount > 0\n    && selection.getRangeAt(0)\n\n  if (!range) {\n    return\n  }\n\n  return range\n}\n\nfunction getInlineDecoration(view: EditorView): ReferenceElement | undefined {\n  const match = view.dom.querySelectorAll('.prosekit-virtual-selection')\n\n  if (match.length === 0) {\n    return\n  }\n  if (match.length === 1) {\n    return match[0]\n  }\n\n  const items = Array.from(match)\n  return {\n    contextElement: items[0],\n    getBoundingClientRect: () => items[0].getBoundingClientRect(),\n    getClientRects: () => items.map((item) => item.getBoundingClientRect()),\n  }\n}\n","import {\n  defineCustomElement,\n  defineProps,\n  registerCustomElement,\n  type HostElement,\n  type HostElementConstructor,\n  type PropsDeclaration,\n  type State,\n} from '@aria-ui/core'\nimport type { OpenChangeEvent } from '@aria-ui/elements/overlay'\nimport { OverlayRootPropsDeclaration, useOverlayStore, type OverlayRootProps } from '@aria-ui/elements/overlay'\nimport type { Editor } from '@prosekit/core'\nimport type { Selection } from '@prosekit/pm/state'\n\nimport { useEditorFocusChangeEvent } from '../../hooks/use-editor-focus-event.ts'\nimport { useEditorUpdateEvent } from '../../hooks/use-editor-update-event.ts'\nimport { useKeymap } from '../../hooks/use-keymap.ts'\n\nimport { InlinePopoverStoreContext } from './store.ts'\nimport { getVirtualSelectionElement } from './virtual-selection-element.ts'\n\n/**\n * @public\n */\nexport interface InlinePopoverRootProps extends OverlayRootProps {\n  /**\n   * The ProseKit editor instance.\n   *\n   * @default null\n   * @hidden\n   */\n  editor: Editor | null\n\n  /**\n   * Whether the popover is open by default when some inline content is\n   * selected.\n   *\n   * @default true\n   */\n  defaultOpen: boolean\n\n  /**\n   * Whether the inline popover should be dismissed when the editor receives an\n   * Escape key press.\n   *\n   * @default true\n   */\n  dismissOnEscape: boolean\n}\n\n/** @internal */\nexport const InlinePopoverRootPropsDeclaration: PropsDeclaration<InlinePopoverRootProps> = /* @__PURE__ */ defineProps<\n  InlinePopoverRootProps\n>({\n  ...OverlayRootPropsDeclaration,\n  editor: { default: null, attribute: false, type: 'json' },\n  defaultOpen: { default: true, attribute: 'default-open', type: 'boolean' },\n  dismissOnEscape: { default: true, attribute: 'dismiss-on-escape', type: 'boolean' },\n})\n\n/**\n * @public\n */\nexport interface InlinePopoverRootEvents {\n  /**\n   * Emitted when the open state of the popover changes.\n   */\n  openChange: OpenChangeEvent\n}\n\n/** @internal */\nexport function setupInlinePopoverRoot(\n  host: HostElement,\n  props: State<InlinePopoverRootProps>,\n): void {\n  const store = useOverlayStore(host, props)\n  InlinePopoverStoreContext.provide(host, store)\n\n  let editorFocused = false\n  useEditorFocusChangeEvent(host, props.editor.get, (focus) => {\n    editorFocused = focus\n  })\n\n  let prevSelection: Selection | undefined\n  useEditorUpdateEvent(host, props.editor.get, (view) => {\n    const isPopoverFocused = !editorFocused && host.contains(host.ownerDocument.activeElement)\n    if (isPopoverFocused) return\n\n    const { selection } = view.state\n    if (prevSelection?.eq(selection)) return\n    prevSelection = selection\n\n    const reference = getVirtualSelectionElement(view)\n    store.setAnchorElement(reference)\n\n    if (reference && props.defaultOpen.get()) {\n      store.requestOpenChange(true)\n    } else if (!reference) {\n      store.requestOpenChange(false)\n    }\n  })\n\n  useKeymap(host, props.editor.get, {\n    Escape: () => {\n      if (!props.dismissOnEscape.get() || !store.getIsOpen()) return false\n      store.requestOpenChange(false)\n      return true\n    },\n  })\n}\n\nconst InlinePopoverRootElementBase: HostElementConstructor<InlinePopoverRootProps> = defineCustomElement(\n  setupInlinePopoverRoot,\n  InlinePopoverRootPropsDeclaration,\n)\n\n/**\n * @public\n */\nexport class InlinePopoverRootElement extends InlinePopoverRootElementBase {}\n\n/** @internal */\nexport function registerInlinePopoverRootElement(): void {\n  registerCustomElement('prosekit-inline-popover-root', InlinePopoverRootElement)\n}\n"],"mappings":"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"}
+{"version":3,"file":"prosekit-web-inline-popover.js","names":[],"sources":["../src/components/inline-popover/store.ts","../src/components/inline-popover/inline-popover-popup.ts","../src/components/inline-popover/inline-popover-positioner.ts","../src/hooks/use-editor-focus-event.ts","../src/hooks/use-editor-update-event.ts","../src/hooks/use-keymap.ts","../src/components/inline-popover/virtual-selection-element.ts","../src/components/inline-popover/inline-popover-root.ts"],"sourcesContent":["import { createContext, type Context } from '@aria-ui/core'\nimport type { OverlayStore } from '@aria-ui/elements/overlay'\n\nexport const InlinePopoverStoreContext: Context<OverlayStore> = createContext<OverlayStore>(\n  'prosekit-inline-popover-store',\n)\n","import {\n  computed,\n  defineCustomElement,\n  onMount,\n  registerCustomElement,\n  type HostElement,\n  type HostElementConstructor,\n  type PropsDeclaration,\n  type State,\n} from '@aria-ui/core'\nimport { OverlayPopupPropsDeclaration, setupOverlayPopup, type OverlayPopupProps } from '@aria-ui/elements/overlay'\nimport { usePresence } from '@aria-ui/utils'\n\nimport { InlinePopoverStoreContext } from './store.ts'\n\n/**\n * @public\n */\nexport interface InlinePopoverPopupProps extends OverlayPopupProps {}\n\n/** @internal */\nexport const InlinePopoverPopupPropsDeclaration: PropsDeclaration<InlinePopoverPopupProps> = OverlayPopupPropsDeclaration\n\n/** @internal */\nexport function setupInlinePopoverPopup(\n  host: HostElement,\n  _props: State<InlinePopoverPopupProps>,\n): void {\n  const getStore = InlinePopoverStoreContext.consume(host)\n  setupOverlayPopup(host, getStore)\n  const getOpen = computed(() => getStore()?.getIsOpen() ?? false)\n  usePresence(host, getOpen)\n\n  onMount(host, () => {\n    host.role = 'dialog'\n  })\n}\n\nconst InlinePopoverPopupElementBase: HostElementConstructor<InlinePopoverPopupProps> = defineCustomElement(\n  setupInlinePopoverPopup,\n  InlinePopoverPopupPropsDeclaration,\n)\n\n/**\n * `<prosekit-inline-popover-popup>` custom element.\n *\n * Properties: {@link InlinePopoverPopupProps}\n *\n * Data attributes:\n *\n * | Attribute | Description |\n * | --- | --- |\n * | `data-state` | `\"open\"` when the inline popover is visible, `\"closed\"` otherwise |\n */\nexport class InlinePopoverPopupElement extends InlinePopoverPopupElementBase {}\n\n/** @internal */\nexport function registerInlinePopoverPopupElement(): void {\n  registerCustomElement('prosekit-inline-popover-popup', InlinePopoverPopupElement)\n}\n","import {\n  defineCustomElement,\n  defineProps,\n  registerCustomElement,\n  type HostElement,\n  type HostElementConstructor,\n  type PropsDeclaration,\n  type State,\n} from '@aria-ui/core'\nimport { OverlayPositionerPropsDeclaration, setupOverlayPositioner, type OverlayPositionerProps } from '@aria-ui/elements/overlay'\n\nimport { InlinePopoverStoreContext } from './store.ts'\n\n/**\n * @public\n */\nexport interface InlinePopoverPositionerProps extends\n  Omit<\n    OverlayPositionerProps,\n    | 'placement'\n    | 'offset'\n    | 'hide'\n    | 'hoist'\n    | 'overlap'\n    | 'inline'\n    | 'overflowPadding'\n  >\n{\n  /**\n   * The initial placement of the floating element\n   *\n   * @default \"top\"\n   */\n  placement: OverlayPositionerProps['placement']\n\n  /**\n   * The distance between the reference and floating element.\n   *\n   * @default 12\n   */\n  offset: OverlayPositionerProps['offset']\n\n  /**\n   * Whether to hide the floating element when the reference element or the\n   * floating element is fully clipped.\n   *\n   * @default true\n   */\n  hide: OverlayPositionerProps['hide']\n\n  /**\n   * Whether to use the browser [Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API)\n   * to place the floating element on top of other page content.\n   *\n   * @default false\n   */\n  hoist: boolean\n\n  /**\n   * Whether the floating element can overlap the reference element to keep it\n   * in view.\n   *\n   * @default true\n   */\n  overlap: OverlayPositionerProps['overlap']\n\n  /**\n   * Whether to improve positioning for inline reference elements that span over\n   * multiple lines.\n   *\n   * @default true\n   */\n  inline: OverlayPositionerProps['inline']\n\n  /**\n   * Describes the virtual padding around the boundary to check for overflow.\n   *\n   * @default 8\n   */\n  overflowPadding: OverlayPositionerProps['overflowPadding']\n}\n\n/** @internal */\nexport const InlinePopoverPositionerPropsDeclaration: PropsDeclaration<InlinePopoverPositionerProps> = /* @__PURE__ */ defineProps<\n  InlinePopoverPositionerProps\n>({\n  ...OverlayPositionerPropsDeclaration,\n  placement: { default: 'top', attribute: 'placement', type: 'string' },\n  offset: { default: 12, attribute: false, type: 'json' },\n  hide: { default: true, attribute: 'hide', type: 'boolean' },\n  hoist: { default: false, attribute: 'hoist', type: 'boolean' },\n  overlap: { default: true, attribute: 'overlap', type: 'boolean' },\n  inline: { default: true, attribute: 'inline', type: 'boolean' },\n  overflowPadding: { default: 8, attribute: 'overflow-padding', type: 'number' },\n})\n\n/** @internal */\nexport function setupInlinePopoverPositioner(\n  host: HostElement,\n  props: State<InlinePopoverPositionerProps>,\n): void {\n  setupOverlayPositioner(host, props, InlinePopoverStoreContext.consume(host))\n}\n\nconst InlinePopoverPositionerElementBase: HostElementConstructor<InlinePopoverPositionerProps> = defineCustomElement(\n  setupInlinePopoverPositioner,\n  InlinePopoverPositionerPropsDeclaration,\n)\n\n/**\n * `<prosekit-inline-popover-positioner>` custom element.\n *\n * Properties: {@link InlinePopoverPositionerProps}\n *\n * Data attributes:\n *\n * | Attribute | Description |\n * | --- | --- |\n * | `data-state` | `\"open\"` when the inline popover is visible, `\"closed\"` otherwise |\n * | `data-side` | The side of the anchor element the positioner is on |\n * | `data-align` | The alignment of the positioner relative to the anchor element |\n *\n * CSS variables:\n *\n * | Variable | Description |\n * | --- | --- |\n * | `--transform-origin` | The coordinates that this element is anchored to. Useful for scale animations. |\n */\nexport class InlinePopoverPositionerElement extends InlinePopoverPositionerElementBase {}\n\n/** @internal */\nexport function registerInlinePopoverPositionerElement(): void {\n  registerCustomElement('prosekit-inline-popover-positioner', InlinePopoverPositionerElement)\n}\n","import type { HostElement } from '@aria-ui/core'\nimport { defineFocusChangeHandler, type Editor, type FocusChangeHandler } from '@prosekit/core'\n\nimport { useEditorExtension } from './use-editor-extension.ts'\n\n/**\n * @internal\n */\nexport function useEditorFocusChangeEvent(\n  host: HostElement,\n  getEditor: () => Editor | null,\n  handler: FocusChangeHandler,\n): void {\n  const extension = defineFocusChangeHandler(handler)\n  useEditorExtension(host, getEditor, extension)\n}\n","import type { HostElement } from '@aria-ui/core'\nimport { defineUpdateHandler, type Editor, type UpdateHandler } from '@prosekit/core'\n\nimport { useEditorExtension } from './use-editor-extension.ts'\n\n/**\n * @internal\n */\nexport function useEditorUpdateEvent(\n  host: HostElement,\n  getEditor: () => Editor | null,\n  handler: UpdateHandler,\n): void {\n  const extension = defineUpdateHandler(handler)\n  useEditorExtension(host, getEditor, extension)\n}\n","import type { HostElement } from '@aria-ui/core'\nimport { defineKeymap, type Editor, type Keymap } from '@prosekit/core'\n\nimport { useEditorExtension } from './use-editor-extension.ts'\n\nexport function useKeymap(\n  host: HostElement,\n  getEditor: () => Editor | null,\n  keymap: Keymap,\n): void {\n  const extension = defineKeymap(keymap)\n  useEditorExtension(host, getEditor, extension)\n}\n","import type { ReferenceElement } from '@floating-ui/dom'\nimport { containsInlineNode, isInCodeBlock, isTextSelection } from '@prosekit/core'\nimport type { EditorView } from '@prosekit/pm/view'\n\nexport function getVirtualSelectionElement(\n  view: EditorView,\n): ReferenceElement | undefined {\n  if (typeof window === 'undefined' || view.isDestroyed) {\n    return\n  }\n\n  const selection = view.state.selection\n\n  if (\n    !selection.empty\n    && !isInCodeBlock(selection)\n    && isTextSelection(selection)\n    && containsInlineNode(view.state.doc, selection.from, selection.to)\n  ) {\n    return getDomDecoration(view) || getInlineDecoration(view)\n  }\n}\n\nfunction getDomDecoration(view: EditorView): ReferenceElement | undefined {\n  const range = getDomRange(view)\n  if (range) {\n    // To get it work properly in Safari, we cannot return the range directly.\n    // We have to return a contextElement.\n    return {\n      contextElement: view.dom,\n      getBoundingClientRect: () => range.getBoundingClientRect(),\n      getClientRects: () => range.getClientRects(),\n    }\n  }\n}\n\nfunction getDomRange(view: EditorView): Range | undefined {\n  const win = view.dom.ownerDocument.defaultView\n  const selection = win?.getSelection()\n  if (!selection || selection.isCollapsed) {\n    return\n  }\n\n  const range = typeof selection.rangeCount === 'number'\n    && selection.rangeCount > 0\n    && selection.getRangeAt(0)\n\n  if (!range) {\n    return\n  }\n\n  return range\n}\n\nfunction getInlineDecoration(view: EditorView): ReferenceElement | undefined {\n  const match = view.dom.querySelectorAll('.prosekit-virtual-selection')\n\n  if (match.length === 0) {\n    return\n  }\n  if (match.length === 1) {\n    return match[0]\n  }\n\n  const items = Array.from(match)\n  return {\n    contextElement: items[0],\n    getBoundingClientRect: () => items[0].getBoundingClientRect(),\n    getClientRects: () => items.map((item) => item.getBoundingClientRect()),\n  }\n}\n","import {\n  defineCustomElement,\n  defineProps,\n  registerCustomElement,\n  type HostElement,\n  type HostElementConstructor,\n  type PropsDeclaration,\n  type State,\n} from '@aria-ui/core'\nimport type { OpenChangeEvent } from '@aria-ui/elements/overlay'\nimport { OverlayRootPropsDeclaration, useOverlayStore, type OverlayRootProps } from '@aria-ui/elements/overlay'\nimport type { Editor } from '@prosekit/core'\nimport type { Selection } from '@prosekit/pm/state'\n\nimport { useEditorFocusChangeEvent } from '../../hooks/use-editor-focus-event.ts'\nimport { useEditorUpdateEvent } from '../../hooks/use-editor-update-event.ts'\nimport { useKeymap } from '../../hooks/use-keymap.ts'\n\nimport { InlinePopoverStoreContext } from './store.ts'\nimport { getVirtualSelectionElement } from './virtual-selection-element.ts'\n\n/**\n * @public\n */\nexport interface InlinePopoverRootProps extends OverlayRootProps {\n  /**\n   * The ProseKit editor instance.\n   *\n   * @default null\n   * @hidden\n   */\n  editor: Editor | null\n\n  /**\n   * Whether the popover is open by default when some inline content is\n   * selected.\n   *\n   * @default true\n   */\n  defaultOpen: boolean\n\n  /**\n   * Whether the inline popover should be dismissed when the editor receives an\n   * Escape key press.\n   *\n   * @default true\n   */\n  dismissOnEscape: boolean\n}\n\n/** @internal */\nexport const InlinePopoverRootPropsDeclaration: PropsDeclaration<InlinePopoverRootProps> = /* @__PURE__ */ defineProps<\n  InlinePopoverRootProps\n>({\n  ...OverlayRootPropsDeclaration,\n  editor: { default: null, attribute: false, type: 'json' },\n  defaultOpen: { default: true, attribute: 'default-open', type: 'boolean' },\n  dismissOnEscape: { default: true, attribute: 'dismiss-on-escape', type: 'boolean' },\n})\n\n/**\n * @public\n */\nexport interface InlinePopoverRootEvents {\n  /**\n   * Emitted when the open state of the popover changes.\n   */\n  openChange: OpenChangeEvent\n}\n\n/** @internal */\nexport function setupInlinePopoverRoot(\n  host: HostElement,\n  props: State<InlinePopoverRootProps>,\n): void {\n  const store = useOverlayStore(host, props)\n  InlinePopoverStoreContext.provide(host, store)\n\n  let editorFocused = false\n  useEditorFocusChangeEvent(host, props.editor.get, (focus) => {\n    editorFocused = focus\n  })\n\n  let prevSelection: Selection | undefined\n  useEditorUpdateEvent(host, props.editor.get, (view) => {\n    const isPopoverFocused = !editorFocused && host.contains(host.ownerDocument.activeElement)\n    if (isPopoverFocused) return\n\n    const { selection } = view.state\n    if (prevSelection?.eq(selection)) return\n    prevSelection = selection\n\n    const reference = getVirtualSelectionElement(view)\n    store.setAnchorElement(reference)\n\n    if (reference && props.defaultOpen.get()) {\n      store.requestOpenChange(true)\n    } else if (!reference) {\n      store.requestOpenChange(false)\n    }\n  })\n\n  useKeymap(host, props.editor.get, {\n    Escape: () => {\n      if (!props.dismissOnEscape.get() || !store.getIsOpen()) return false\n      store.requestOpenChange(false)\n      return true\n    },\n  })\n}\n\nconst InlinePopoverRootElementBase: HostElementConstructor<InlinePopoverRootProps> = defineCustomElement(\n  setupInlinePopoverRoot,\n  InlinePopoverRootPropsDeclaration,\n)\n\n/**\n * `<prosekit-inline-popover-root>` custom element.\n *\n * Properties: {@link InlinePopoverRootProps}\n *\n * Events: {@link InlinePopoverRootEvents}\n */\nexport class InlinePopoverRootElement extends InlinePopoverRootElementBase {}\n\n/** @internal */\nexport function registerInlinePopoverRootElement(): void {\n  registerCustomElement('prosekit-inline-popover-root', InlinePopoverRootElement)\n}\n"],"mappings":"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"}

package/dist/prosekit-web-menu.d.ts

@@ -1,6 +1,123 @@
-import { MenuItemElement, MenuItemEvents, MenuItemProps, MenuItemPropsDeclaration, MenuPopupElement, MenuPopupProps, MenuPopupPropsDeclaration, MenuPositionerElement, MenuPositionerProps, MenuPositionerPropsDeclaration, MenuRootElement, MenuRootEvents, MenuRootProps, MenuRootPropsDeclaration, MenuSubmenuRootElement, MenuSubmenuRootPropsDeclaration, MenuSubmenuTriggerElement, MenuSubmenuTriggerPropsDeclaration, MenuTriggerElement, MenuTriggerEvents, MenuTriggerProps, MenuTriggerPropsDeclaration, OpenChangeEvent, SelectEvent, setupMenuItem, setupMenuPopup, setupMenuPositioner, setupMenuRoot, setupMenuSubmenuRoot, setupMenuSubmenuTrigger, setupMenuTrigger } from "@aria-ui/elements/menu";
-
-//#region src/components/menu/index.d.ts
+import { PropsDeclaration } from "@aria-ui/core";
+import * as Base from "@aria-ui/elements/menu";
+import { OpenChangeEvent, SelectEvent, setupMenuItem, setupMenuPopup, setupMenuPositioner, setupMenuRoot, setupMenuSubmenuRoot, setupMenuSubmenuTrigger, setupMenuTrigger } from "@aria-ui/elements/menu";
+/**
+ * `<prosekit-menu-item>` custom element.
+ *
+ * Properties: {@link MenuItemProps}
+ *
+ * Events: {@link MenuItemEvents}
+ *
+ * Data attributes:
+ *
+ * | Attribute | Description |
+ * | --- | --- |
+ * | `data-highlighted` | Present when the item is the currently highlighted option |
+ */
+declare class MenuItemElement extends Base.MenuItemElement {}
+/**
+ * `<prosekit-menu-popup>` custom element.
+ *
+ * Properties: {@link MenuPopupProps}
+ *
+ * Data attributes:
+ *
+ * | Attribute | Description |
+ * | --- | --- |
+ * | `data-state` | `"open"` when the menu is visible, `"closed"` otherwise |
+ */
+declare class MenuPopupElement extends Base.MenuPopupElement {}
+/**
+ * `<prosekit-menu-positioner>` custom element.
+ *
+ * Properties: {@link MenuPositionerProps}
+ *
+ * Data attributes:
+ *
+ * | Attribute | Description |
+ * | --- | --- |
+ * | `data-state` | `"open"` when the menu is visible, `"closed"` otherwise |
+ *
+ * CSS variables:
+ *
+ * | Variable | Description |
+ * | --- | --- |
+ * | `--transform-origin` | The coordinates that this element is anchored to. Useful for scale animations. |
+ */
+declare class MenuPositionerElement extends Base.MenuPositionerElement {}
+/**
+ * `<prosekit-menu-root>` custom element.
+ *
+ * Properties: {@link MenuRootProps}
+ *
+ * Events: {@link MenuRootEvents}
+ *
+ * Data attributes:
+ *
+ * | Attribute | Description |
+ * | --- | --- |
+ * | `data-menu-root` | Always present on the element |
+ */
+declare class MenuRootElement extends Base.MenuRootElement {}
+/**
+ * `<prosekit-menu-submenu-root>` custom element.
+ *
+ * Properties: {@link MenuSubmenuRootProps}
+ *
+ * Events: {@link MenuSubmenuRootEvents}
+ *
+ * Data attributes:
+ *
+ * | Attribute | Description |
+ * | --- | --- |
+ * | `data-menu-submenu-root` | Always present on the element |
+ */
+declare class MenuSubmenuRootElement extends Base.MenuSubmenuRootElement {}
+/**
+ * `<prosekit-menu-submenu-trigger>` custom element.
+ *
+ * Properties: {@link MenuSubmenuTriggerProps}
+ *
+ * Data attributes:
+ *
+ * | Attribute | Description |
+ * | --- | --- |
+ * | `data-highlighted` | Present when the item is the currently highlighted option |
+ */
+declare class MenuSubmenuTriggerElement extends Base.MenuSubmenuTriggerElement {}
+/**
+ * `<prosekit-menu-trigger>` custom element.
+ *
+ * Properties: {@link MenuTriggerProps}
+ *
+ * Events: {@link MenuTriggerEvents}
+ */
+declare class MenuTriggerElement extends Base.MenuTriggerElement {}
+interface MenuItemProps extends Base.MenuItemProps {}
+interface MenuPopupProps extends Base.MenuPopupProps {}
+interface MenuPositionerProps extends Base.MenuPositionerProps {}
+interface MenuRootProps extends Base.MenuRootProps {}
+interface MenuSubmenuRootProps extends Base.MenuSubmenuRootProps {}
+interface MenuSubmenuTriggerProps extends Base.MenuSubmenuTriggerProps {}
+interface MenuTriggerProps extends Base.MenuTriggerProps {}
+interface MenuItemEvents extends Base.MenuItemEvents {}
+interface MenuRootEvents extends Base.MenuRootEvents {}
+interface MenuSubmenuRootEvents extends Base.MenuSubmenuRootEvents {}
+interface MenuTriggerEvents extends Base.MenuTriggerEvents {}
+/** @internal */
+declare const MenuItemPropsDeclaration: PropsDeclaration<MenuItemProps>;
+/** @internal */
+declare const MenuPopupPropsDeclaration: PropsDeclaration<MenuPopupProps>;
+/** @internal */
+declare const MenuPositionerPropsDeclaration: PropsDeclaration<MenuPositionerProps>;
+/** @internal */
+declare const MenuRootPropsDeclaration: PropsDeclaration<MenuRootProps>;
+/** @internal */
+declare const MenuSubmenuRootPropsDeclaration: PropsDeclaration<MenuSubmenuRootProps>;
+/** @internal */
+declare const MenuSubmenuTriggerPropsDeclaration: PropsDeclaration<MenuSubmenuTriggerProps>;
+/** @internal */
+declare const MenuTriggerPropsDeclaration: PropsDeclaration<MenuTriggerProps>;
 declare function registerMenuRootElement(): void;
 declare function registerMenuTriggerElement(): void;
 declare function registerMenuPositionerElement(): void;
@@ -8,6 +125,5 @@ declare function registerMenuPopupElement(): void;
 declare function registerMenuItemElement(): void;
 declare function registerMenuSubmenuRootElement(): void;
 declare function registerMenuSubmenuTriggerElement(): void;
-//#endregion
-export { MenuItemElement, type MenuItemEvents, type MenuItemProps, MenuItemPropsDeclaration, MenuPopupElement, type MenuPopupProps, MenuPopupPropsDeclaration, MenuPositionerElement, type MenuPositionerProps, MenuPositionerPropsDeclaration, MenuRootElement, type MenuRootEvents, type MenuRootProps, MenuRootPropsDeclaration, MenuSubmenuRootElement, MenuSubmenuRootPropsDeclaration, MenuSubmenuTriggerElement, MenuSubmenuTriggerPropsDeclaration, MenuTriggerElement, type MenuTriggerEvents, type MenuTriggerProps, MenuTriggerPropsDeclaration, OpenChangeEvent, SelectEvent, registerMenuItemElement, registerMenuPopupElement, registerMenuPositionerElement, registerMenuRootElement, registerMenuSubmenuRootElement, registerMenuSubmenuTriggerElement, registerMenuTriggerElement, setupMenuItem, setupMenuPopup, setupMenuPositioner, setupMenuRoot, setupMenuSubmenuRoot, setupMenuSubmenuTrigger, setupMenuTrigger };
+export { MenuItemElement, MenuItemEvents, MenuItemProps, MenuItemPropsDeclaration, MenuPopupElement, MenuPopupProps, MenuPopupPropsDeclaration, MenuPositionerElement, MenuPositionerProps, MenuPositionerPropsDeclaration, MenuRootElement, MenuRootEvents, MenuRootProps, MenuRootPropsDeclaration, MenuSubmenuRootElement, MenuSubmenuRootEvents, MenuSubmenuRootProps, MenuSubmenuRootPropsDeclaration, MenuSubmenuTriggerElement, MenuSubmenuTriggerProps, MenuSubmenuTriggerPropsDeclaration, MenuTriggerElement, MenuTriggerEvents, MenuTriggerProps, MenuTriggerPropsDeclaration, OpenChangeEvent, SelectEvent, registerMenuItemElement, registerMenuPopupElement, registerMenuPositionerElement, registerMenuRootElement, registerMenuSubmenuRootElement, registerMenuSubmenuTriggerElement, registerMenuTriggerElement, setupMenuItem, setupMenuPopup, setupMenuPositioner, setupMenuRoot, setupMenuSubmenuRoot, setupMenuSubmenuTrigger, setupMenuTrigger };
 //# sourceMappingURL=prosekit-web-menu.d.ts.map

package/dist/prosekit-web-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prosekit-web-menu.d.ts","names":[],"sources":["../src/components/menu/index.ts"],"mappings":";;;iBAuEgB,uBAAA,CAAA;AAAA,iBAGA,0BAAA,CAAA;AAAA,iBAGA,6BAAA,CAAA;AAAA,iBAGA,wBAAA,CAAA;AAAA,iBAGA,uBAAA,CAAA;AAAA,iBAGA,8BAAA,CAAA;AAAA,iBAGA,iCAAA,CAAA"}
+{"version":3,"file":"prosekit-web-menu.d.ts","names":[],"sources":["../src/components/menu/index.ts"],"mappings":";;;;;AAqHA;;;;;AASA;;;;;AAEA;cAtFa,eAAA,SAAwB,IAAA,CAAK,eAAA;;;AAuF1C;;;;;AACA;;;;cA3Ea,gBAAA,SAAyB,IAAA,CAAK,gBAAA;;;;;AA6E3C;;;;;AACA;;;;;AACA;;;cA5Da,qBAAA,SAA8B,IAAA,CAAK,qBAAA;AA8DhD;;;;;AACA;;;;;AACA;;;AAFA,cA/Ca,eAAA,SAAwB,IAAA,CAAK,eAAA;AAkD1C;;;;;AAGA;;;;;AAEA;;;AALA,cAnCa,sBAAA,SAA+B,IAAA,CAAK,sBAAA;AA0CjD;;;;;AAEA;;;;;AAEA;AAJA,cA7Ba,yBAAA,SAAkC,IAAA,CAAK,yBAAA;;;AAmCpD;;;;;cA1Ba,kBAAA,SAA2B,IAAA,CAAK,kBAAA;AAAA,UAE5B,aAAA,SAAsB,IAAA,CAAK,aAAA;AAAA,UAC3B,cAAA,SAAuB,IAAA,CAAK,cAAA;AAAA,UAC5B,mBAAA,SAA4B,IAAA,CAAK,mBAAA;AAAA,UACjC,aAAA,SAAsB,IAAA,CAAK,aAAA;AAAA,UAC3B,oBAAA,SAA6B,IAAA,CAAK,oBAAA;AAAA,UAClC,uBAAA,SAAgC,IAAA,CAAK,uBAAA;AAAA,UACrC,gBAAA,SAAyB,IAAA,CAAK,gBAAA;AAAA,UAE9B,cAAA,SAAuB,IAAA,CAAK,cAAA;AAAA,UAC5B,cAAA,SAAuB,IAAA,CAAK,cAAA;AAAA,UAC5B,qBAAA,SAA8B,IAAA,CAAK,qBAAA;AAAA,UACnC,iBAAA,SAA0B,IAAA,CAAK,iBAAA;;cAGnC,wBAAA,EAA0B,gBAAA,CAAiB,aAAA;;cAE3C,yBAAA,EAA2B,gBAAA,CAAiB,cAAA;;cAE5C,8BAAA,EAAgC,gBAAA,CAAiB,mBAAA;AAyB9D;AAAA,cAvBa,wBAAA,EAA0B,gBAAA,CAAiB,aAAA;;cAE3C,+BAAA,EAAiC,gBAAA,CAAiB,oBAAA;;cAElD,kCAAA,EAAoC,gBAAA,CAAiB,uBAAA;;cAErD,2BAAA,EAA6B,gBAAA,CAAiB,gBAAA;AAAA,iBAE3C,uBAAA,CAAA;AAAA,iBAGA,0BAAA,CAAA;AAAA,iBAGA,6BAAA,CAAA;AAAA,iBAGA,wBAAA,CAAA;AAAA,iBAGA,uBAAA,CAAA;AAAA,iBAGA,8BAAA,CAAA;AAAA,iBAGA,iCAAA,CAAA"}

package/dist/prosekit-web-menu.js

@@ -1,6 +1,6 @@
 import { registerCustomElement } from "@aria-ui/core";
-import { MenuItemElement, MenuItemElement as MenuItemElement$1, MenuItemPropsDeclaration, MenuPopupElement, MenuPopupElement as MenuPopupElement$1, MenuPopupPropsDeclaration, MenuPositionerElement, MenuPositionerElement as MenuPositionerElement$1, MenuPositionerPropsDeclaration, MenuRootElement, MenuRootElement as MenuRootElement$1, MenuRootPropsDeclaration, MenuSubmenuRootElement, MenuSubmenuRootElement as MenuSubmenuRootElement$1, MenuSubmenuRootPropsDeclaration, MenuSubmenuTriggerElement, MenuSubmenuTriggerElement as MenuSubmenuTriggerElement$1, MenuSubmenuTriggerPropsDeclaration, MenuTriggerElement, MenuTriggerElement as MenuTriggerElement$1, MenuTriggerPropsDeclaration, OpenChangeEvent, SelectEvent, setupMenuItem, setupMenuPopup, setupMenuPositioner, setupMenuRoot, setupMenuSubmenuRoot, setupMenuSubmenuTrigger, setupMenuTrigger } from "@aria-ui/elements/menu";
-//#region src/components/menu/index.ts
+import * as Base from "@aria-ui/elements/menu";
+import { OpenChangeEvent, SelectEvent, setupMenuItem, setupMenuPopup, setupMenuPositioner, setupMenuRoot, setupMenuSubmenuRoot, setupMenuSubmenuTrigger, setupMenuTrigger } from "@aria-ui/elements/menu";
 /**
 
 @module
@@ -26,28 +26,133 @@ import { MenuItemElement, MenuItemElement as MenuItemElement$1, MenuItemPropsDec
 </prosekit-menu-root>
 ```
 */
+/**
+* `<prosekit-menu-item>` custom element.
+*
+* Properties: {@link MenuItemProps}
+*
+* Events: {@link MenuItemEvents}
+*
+* Data attributes:
+*
+* | Attribute | Description |
+* | --- | --- |
+* | `data-highlighted` | Present when the item is the currently highlighted option |
+*/
+var MenuItemElement = class extends Base.MenuItemElement {};
+/**
+* `<prosekit-menu-popup>` custom element.
+*
+* Properties: {@link MenuPopupProps}
+*
+* Data attributes:
+*
+* | Attribute | Description |
+* | --- | --- |
+* | `data-state` | `"open"` when the menu is visible, `"closed"` otherwise |
+*/
+var MenuPopupElement = class extends Base.MenuPopupElement {};
+/**
+* `<prosekit-menu-positioner>` custom element.
+*
+* Properties: {@link MenuPositionerProps}
+*
+* Data attributes:
+*
+* | Attribute | Description |
+* | --- | --- |
+* | `data-state` | `"open"` when the menu is visible, `"closed"` otherwise |
+*
+* CSS variables:
+*
+* | Variable | Description |
+* | --- | --- |
+* | `--transform-origin` | The coordinates that this element is anchored to. Useful for scale animations. |
+*/
+var MenuPositionerElement = class extends Base.MenuPositionerElement {};
+/**
+* `<prosekit-menu-root>` custom element.
+*
+* Properties: {@link MenuRootProps}
+*
+* Events: {@link MenuRootEvents}
+*
+* Data attributes:
+*
+* | Attribute | Description |
+* | --- | --- |
+* | `data-menu-root` | Always present on the element |
+*/
+var MenuRootElement = class extends Base.MenuRootElement {};
+/**
+* `<prosekit-menu-submenu-root>` custom element.
+*
+* Properties: {@link MenuSubmenuRootProps}
+*
+* Events: {@link MenuSubmenuRootEvents}
+*
+* Data attributes:
+*
+* | Attribute | Description |
+* | --- | --- |
+* | `data-menu-submenu-root` | Always present on the element |
+*/
+var MenuSubmenuRootElement = class extends Base.MenuSubmenuRootElement {};
+/**
+* `<prosekit-menu-submenu-trigger>` custom element.
+*
+* Properties: {@link MenuSubmenuTriggerProps}
+*
+* Data attributes:
+*
+* | Attribute | Description |
+* | --- | --- |
+* | `data-highlighted` | Present when the item is the currently highlighted option |
+*/
+var MenuSubmenuTriggerElement = class extends Base.MenuSubmenuTriggerElement {};
+/**
+* `<prosekit-menu-trigger>` custom element.
+*
+* Properties: {@link MenuTriggerProps}
+*
+* Events: {@link MenuTriggerEvents}
+*/
+var MenuTriggerElement = class extends Base.MenuTriggerElement {};
+/** @internal */
+const MenuItemPropsDeclaration = Base.MenuItemPropsDeclaration;
+/** @internal */
+const MenuPopupPropsDeclaration = Base.MenuPopupPropsDeclaration;
+/** @internal */
+const MenuPositionerPropsDeclaration = Base.MenuPositionerPropsDeclaration;
+/** @internal */
+const MenuRootPropsDeclaration = Base.MenuRootPropsDeclaration;
+/** @internal */
+const MenuSubmenuRootPropsDeclaration = Base.MenuSubmenuRootPropsDeclaration;
+/** @internal */
+const MenuSubmenuTriggerPropsDeclaration = Base.MenuSubmenuTriggerPropsDeclaration;
+/** @internal */
+const MenuTriggerPropsDeclaration = Base.MenuTriggerPropsDeclaration;
 function registerMenuRootElement() {
-	registerCustomElement("prosekit-menu-root", MenuRootElement$1);
+	registerCustomElement("prosekit-menu-root", MenuRootElement);
 }
 function registerMenuTriggerElement() {
-	registerCustomElement("prosekit-menu-trigger", MenuTriggerElement$1);
+	registerCustomElement("prosekit-menu-trigger", MenuTriggerElement);
 }
 function registerMenuPositionerElement() {
-	registerCustomElement("prosekit-menu-positioner", MenuPositionerElement$1);
+	registerCustomElement("prosekit-menu-positioner", MenuPositionerElement);
 }
 function registerMenuPopupElement() {
-	registerCustomElement("prosekit-menu-popup", MenuPopupElement$1);
+	registerCustomElement("prosekit-menu-popup", MenuPopupElement);
 }
 function registerMenuItemElement() {
-	registerCustomElement("prosekit-menu-item", MenuItemElement$1);
+	registerCustomElement("prosekit-menu-item", MenuItemElement);
 }
 function registerMenuSubmenuRootElement() {
-	registerCustomElement("prosekit-menu-submenu-root", MenuSubmenuRootElement$1);
+	registerCustomElement("prosekit-menu-submenu-root", MenuSubmenuRootElement);
 }
 function registerMenuSubmenuTriggerElement() {
-	registerCustomElement("prosekit-menu-submenu-trigger", MenuSubmenuTriggerElement$1);
+	registerCustomElement("prosekit-menu-submenu-trigger", MenuSubmenuTriggerElement);
 }
-//#endregion
 export { MenuItemElement, MenuItemPropsDeclaration, MenuPopupElement, MenuPopupPropsDeclaration, MenuPositionerElement, MenuPositionerPropsDeclaration, MenuRootElement, MenuRootPropsDeclaration, MenuSubmenuRootElement, MenuSubmenuRootPropsDeclaration, MenuSubmenuTriggerElement, MenuSubmenuTriggerPropsDeclaration, MenuTriggerElement, MenuTriggerPropsDeclaration, OpenChangeEvent, SelectEvent, registerMenuItemElement, registerMenuPopupElement, registerMenuPositionerElement, registerMenuRootElement, registerMenuSubmenuRootElement, registerMenuSubmenuTriggerElement, registerMenuTriggerElement, setupMenuItem, setupMenuPopup, setupMenuPositioner, setupMenuRoot, setupMenuSubmenuRoot, setupMenuSubmenuTrigger, setupMenuTrigger };
 
 //# sourceMappingURL=prosekit-web-menu.js.map

package/dist/prosekit-web-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"prosekit-web-menu.js","names":["MenuRootElement","MenuTriggerElement","MenuPositionerElement","MenuPopupElement","MenuItemElement","MenuSubmenuRootElement","MenuSubmenuTriggerElement"],"sources":["../src/components/menu/index.ts"],"sourcesContent":["/**\n\n@module\n\n## Anatomy\n\n```html\n<prosekit-menu-root>\n  <prosekit-menu-trigger>...</prosekit-menu-trigger>\n  <prosekit-menu-positioner>\n    <prosekit-menu-popup>\n       <prosekit-menu-item>...</prosekit-menu-item>\n       <prosekit-menu-submenu-root>\n         <prosekit-menu-submenu-trigger>...</prosekit-menu-submenu-trigger>\n         <prosekit-menu-positioner>\n           <prosekit-menu-popup>\n             <prosekit-menu-item>...</prosekit-menu-item>\n           </prosekit-menu-popup>\n         </prosekit-menu-positioner>\n       </prosekit-menu-submenu-root>\n    </prosekit-menu-popup>\n  </prosekit-menu-positioner>\n</prosekit-menu-root>\n```\n*/\n\nimport { registerCustomElement } from '@aria-ui/core'\nimport {\n  MenuItemElement,\n  MenuPopupElement,\n  MenuPositionerElement,\n  MenuRootElement,\n  MenuSubmenuRootElement,\n  MenuSubmenuTriggerElement,\n  MenuTriggerElement,\n} from '@aria-ui/elements/menu'\n\nexport {\n  MenuItemElement,\n  MenuItemPropsDeclaration,\n  MenuPopupElement,\n  MenuPopupPropsDeclaration,\n  MenuPositionerElement,\n  MenuPositionerPropsDeclaration,\n  MenuRootElement,\n  MenuRootPropsDeclaration,\n  MenuSubmenuRootElement,\n  MenuSubmenuRootPropsDeclaration,\n  MenuSubmenuTriggerElement,\n  MenuSubmenuTriggerPropsDeclaration,\n  MenuTriggerElement,\n  MenuTriggerPropsDeclaration,\n  OpenChangeEvent,\n  SelectEvent,\n  setupMenuItem,\n  setupMenuPopup,\n  setupMenuPositioner,\n  setupMenuRoot,\n  setupMenuSubmenuRoot,\n  setupMenuSubmenuTrigger,\n  setupMenuTrigger,\n  type MenuItemEvents,\n  type MenuItemProps,\n  type MenuPopupProps,\n  type MenuPositionerProps,\n  type MenuRootEvents,\n  type MenuRootProps,\n  type MenuTriggerEvents,\n  type MenuTriggerProps,\n} from '@aria-ui/elements/menu'\n\nexport function registerMenuRootElement(): void {\n  registerCustomElement('prosekit-menu-root', MenuRootElement)\n}\nexport function registerMenuTriggerElement(): void {\n  registerCustomElement('prosekit-menu-trigger', MenuTriggerElement)\n}\nexport function registerMenuPositionerElement(): void {\n  registerCustomElement('prosekit-menu-positioner', MenuPositionerElement)\n}\nexport function registerMenuPopupElement(): void {\n  registerCustomElement('prosekit-menu-popup', MenuPopupElement)\n}\nexport function registerMenuItemElement(): void {\n  registerCustomElement('prosekit-menu-item', MenuItemElement)\n}\nexport function registerMenuSubmenuRootElement(): void {\n  registerCustomElement('prosekit-menu-submenu-root', MenuSubmenuRootElement)\n}\nexport function registerMenuSubmenuTriggerElement(): void {\n  registerCustomElement('prosekit-menu-submenu-trigger', MenuSubmenuTriggerElement)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuEA,SAAgB,0BAAgC;AAC9C,uBAAsB,sBAAsBA,kBAAgB;;AAE9D,SAAgB,6BAAmC;AACjD,uBAAsB,yBAAyBC,qBAAmB;;AAEpE,SAAgB,gCAAsC;AACpD,uBAAsB,4BAA4BC,wBAAsB;;AAE1E,SAAgB,2BAAiC;AAC/C,uBAAsB,uBAAuBC,mBAAiB;;AAEhE,SAAgB,0BAAgC;AAC9C,uBAAsB,sBAAsBC,kBAAgB;;AAE9D,SAAgB,iCAAuC;AACrD,uBAAsB,8BAA8BC,yBAAuB;;AAE7E,SAAgB,oCAA0C;AACxD,uBAAsB,iCAAiCC,4BAA0B"}
+{"version":3,"file":"prosekit-web-menu.js","names":[],"sources":["../src/components/menu/index.ts"],"sourcesContent":["/**\n\n@module\n\n## Anatomy\n\n```html\n<prosekit-menu-root>\n  <prosekit-menu-trigger>...</prosekit-menu-trigger>\n  <prosekit-menu-positioner>\n    <prosekit-menu-popup>\n       <prosekit-menu-item>...</prosekit-menu-item>\n       <prosekit-menu-submenu-root>\n         <prosekit-menu-submenu-trigger>...</prosekit-menu-submenu-trigger>\n         <prosekit-menu-positioner>\n           <prosekit-menu-popup>\n             <prosekit-menu-item>...</prosekit-menu-item>\n           </prosekit-menu-popup>\n         </prosekit-menu-positioner>\n       </prosekit-menu-submenu-root>\n    </prosekit-menu-popup>\n  </prosekit-menu-positioner>\n</prosekit-menu-root>\n```\n*/\n\nimport { registerCustomElement, type PropsDeclaration } from '@aria-ui/core'\nimport * as Base from '@aria-ui/elements/menu'\n\n/**\n * `<prosekit-menu-item>` custom element.\n *\n * Properties: {@link MenuItemProps}\n *\n * Events: {@link MenuItemEvents}\n *\n * Data attributes:\n *\n * | Attribute | Description |\n * | --- | --- |\n * | `data-highlighted` | Present when the item is the currently highlighted option |\n */\nexport class MenuItemElement extends Base.MenuItemElement {}\n\n/**\n * `<prosekit-menu-popup>` custom element.\n *\n * Properties: {@link MenuPopupProps}\n *\n * Data attributes:\n *\n * | Attribute | Description |\n * | --- | --- |\n * | `data-state` | `\"open\"` when the menu is visible, `\"closed\"` otherwise |\n */\nexport class MenuPopupElement extends Base.MenuPopupElement {}\n\n/**\n * `<prosekit-menu-positioner>` custom element.\n *\n * Properties: {@link MenuPositionerProps}\n *\n * Data attributes:\n *\n * | Attribute | Description |\n * | --- | --- |\n * | `data-state` | `\"open\"` when the menu is visible, `\"closed\"` otherwise |\n *\n * CSS variables:\n *\n * | Variable | Description |\n * | --- | --- |\n * | `--transform-origin` | The coordinates that this element is anchored to. Useful for scale animations. |\n */\nexport class MenuPositionerElement extends Base.MenuPositionerElement {}\n\n/**\n * `<prosekit-menu-root>` custom element.\n *\n * Properties: {@link MenuRootProps}\n *\n * Events: {@link MenuRootEvents}\n *\n * Data attributes:\n *\n * | Attribute | Description |\n * | --- | --- |\n * | `data-menu-root` | Always present on the element |\n */\nexport class MenuRootElement extends Base.MenuRootElement {}\n\n/**\n * `<prosekit-menu-submenu-root>` custom element.\n *\n * Properties: {@link MenuSubmenuRootProps}\n *\n * Events: {@link MenuSubmenuRootEvents}\n *\n * Data attributes:\n *\n * | Attribute | Description |\n * | --- | --- |\n * | `data-menu-submenu-root` | Always present on the element |\n */\nexport class MenuSubmenuRootElement extends Base.MenuSubmenuRootElement {}\n\n/**\n * `<prosekit-menu-submenu-trigger>` custom element.\n *\n * Properties: {@link MenuSubmenuTriggerProps}\n *\n * Data attributes:\n *\n * | Attribute | Description |\n * | --- | --- |\n * | `data-highlighted` | Present when the item is the currently highlighted option |\n */\nexport class MenuSubmenuTriggerElement extends Base.MenuSubmenuTriggerElement {}\n\n/**\n * `<prosekit-menu-trigger>` custom element.\n *\n * Properties: {@link MenuTriggerProps}\n *\n * Events: {@link MenuTriggerEvents}\n */\nexport class MenuTriggerElement extends Base.MenuTriggerElement {}\n\nexport interface MenuItemProps extends Base.MenuItemProps {}\nexport interface MenuPopupProps extends Base.MenuPopupProps {}\nexport interface MenuPositionerProps extends Base.MenuPositionerProps {}\nexport interface MenuRootProps extends Base.MenuRootProps {}\nexport interface MenuSubmenuRootProps extends Base.MenuSubmenuRootProps {}\nexport interface MenuSubmenuTriggerProps extends Base.MenuSubmenuTriggerProps {}\nexport interface MenuTriggerProps extends Base.MenuTriggerProps {}\n\nexport interface MenuItemEvents extends Base.MenuItemEvents {}\nexport interface MenuRootEvents extends Base.MenuRootEvents {}\nexport interface MenuSubmenuRootEvents extends Base.MenuSubmenuRootEvents {}\nexport interface MenuTriggerEvents extends Base.MenuTriggerEvents {}\n\n/** @internal */\nexport const MenuItemPropsDeclaration: PropsDeclaration<MenuItemProps> = Base.MenuItemPropsDeclaration\n/** @internal */\nexport const MenuPopupPropsDeclaration: PropsDeclaration<MenuPopupProps> = Base.MenuPopupPropsDeclaration\n/** @internal */\nexport const MenuPositionerPropsDeclaration: PropsDeclaration<MenuPositionerProps> = Base.MenuPositionerPropsDeclaration\n/** @internal */\nexport const MenuRootPropsDeclaration: PropsDeclaration<MenuRootProps> = Base.MenuRootPropsDeclaration\n/** @internal */\nexport const MenuSubmenuRootPropsDeclaration: PropsDeclaration<MenuSubmenuRootProps> = Base.MenuSubmenuRootPropsDeclaration\n/** @internal */\nexport const MenuSubmenuTriggerPropsDeclaration: PropsDeclaration<MenuSubmenuTriggerProps> = Base.MenuSubmenuTriggerPropsDeclaration\n/** @internal */\nexport const MenuTriggerPropsDeclaration: PropsDeclaration<MenuTriggerProps> = Base.MenuTriggerPropsDeclaration\n\nexport function registerMenuRootElement(): void {\n  registerCustomElement('prosekit-menu-root', MenuRootElement)\n}\nexport function registerMenuTriggerElement(): void {\n  registerCustomElement('prosekit-menu-trigger', MenuTriggerElement)\n}\nexport function registerMenuPositionerElement(): void {\n  registerCustomElement('prosekit-menu-positioner', MenuPositionerElement)\n}\nexport function registerMenuPopupElement(): void {\n  registerCustomElement('prosekit-menu-popup', MenuPopupElement)\n}\nexport function registerMenuItemElement(): void {\n  registerCustomElement('prosekit-menu-item', MenuItemElement)\n}\nexport function registerMenuSubmenuRootElement(): void {\n  registerCustomElement('prosekit-menu-submenu-root', MenuSubmenuRootElement)\n}\nexport function registerMenuSubmenuTriggerElement(): void {\n  registerCustomElement('prosekit-menu-submenu-trigger', MenuSubmenuTriggerElement)\n}\n\nexport {\n  OpenChangeEvent,\n  SelectEvent,\n  setupMenuItem,\n  setupMenuPopup,\n  setupMenuPositioner,\n  setupMenuRoot,\n  setupMenuSubmenuRoot,\n  setupMenuSubmenuTrigger,\n  setupMenuTrigger,\n} from '@aria-ui/elements/menu'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,IAAa,kBAAb,cAAqC,KAAK,gBAAgB;;;;;;;;;;;;AAa1D,IAAa,mBAAb,cAAsC,KAAK,iBAAiB;;;;;;;;;;;;;;;;;;AAmB5D,IAAa,wBAAb,cAA2C,KAAK,sBAAsB;;;;;;;;;;;;;;AAetE,IAAa,kBAAb,cAAqC,KAAK,gBAAgB;;;;;;;;;;;;;;AAe1D,IAAa,yBAAb,cAA4C,KAAK,uBAAuB;;;;;;;;;;;;AAaxE,IAAa,4BAAb,cAA+C,KAAK,0BAA0B;;;;;;;;AAS9E,IAAa,qBAAb,cAAwC,KAAK,mBAAmB;;AAgBhE,MAAa,2BAA4D,KAAK;;AAE9E,MAAa,4BAA8D,KAAK;;AAEhF,MAAa,iCAAwE,KAAK;;AAE1F,MAAa,2BAA4D,KAAK;;AAE9E,MAAa,kCAA0E,KAAK;;AAE5F,MAAa,qCAAgF,KAAK;;AAElG,MAAa,8BAAkE,KAAK;AAEpF,SAAgB,0BAAgC;AAC9C,uBAAsB,sBAAsB,gBAAgB;;AAE9D,SAAgB,6BAAmC;AACjD,uBAAsB,yBAAyB,mBAAmB;;AAEpE,SAAgB,gCAAsC;AACpD,uBAAsB,4BAA4B,sBAAsB;;AAE1E,SAAgB,2BAAiC;AAC/C,uBAAsB,uBAAuB,iBAAiB;;AAEhE,SAAgB,0BAAgC;AAC9C,uBAAsB,sBAAsB,gBAAgB;;AAE9D,SAAgB,iCAAuC;AACrD,uBAAsB,8BAA8B,uBAAuB;;AAE7E,SAAgB,oCAA0C;AACxD,uBAAsB,iCAAiC,0BAA0B"}

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

@@ -1,10 +1,69 @@
-import { OpenChangeEvent, PopoverPopupElement, PopoverPopupProps, PopoverPopupPropsDeclaration, PopoverPositionerElement, PopoverPositionerProps, PopoverPositionerPropsDeclaration, PopoverRootElement, PopoverRootEvents, PopoverRootProps, PopoverRootPropsDeclaration, PopoverTriggerElement, PopoverTriggerEvents, PopoverTriggerProps, PopoverTriggerPropsDeclaration, setupPopoverPopup, setupPopoverPositioner, setupPopoverRoot, setupPopoverTrigger } from "@aria-ui/elements/popover";
-
-//#region src/components/popover/index.d.ts
+import { PropsDeclaration } from "@aria-ui/core";
+import * as Base from "@aria-ui/elements/popover";
+import { OpenChangeEvent, setupPopoverPopup, setupPopoverPositioner, setupPopoverRoot, setupPopoverTrigger } from "@aria-ui/elements/popover";
+/**
+ * `<prosekit-popover-popup>` custom element.
+ *
+ * Properties: {@link PopoverPopupProps}
+ *
+ * Data attributes:
+ *
+ * | Attribute | Description |
+ * | --- | --- |
+ * | `data-state` | `"open"` when the popover is visible, `"closed"` otherwise |
+ */
+declare class PopoverPopupElement extends Base.PopoverPopupElement {}
+/**
+ * `<prosekit-popover-positioner>` custom element.
+ *
+ * Properties: {@link PopoverPositionerProps}
+ *
+ * Data attributes:
+ *
+ * | Attribute | Description |
+ * | --- | --- |
+ * | `data-state` | `"open"` when the popover is visible, `"closed"` otherwise |
+ *
+ * CSS variables:
+ *
+ * | Variable | Description |
+ * | --- | --- |
+ * | `--transform-origin` | The coordinates that this element is anchored to. Useful for scale animations. |
+ */
+declare class PopoverPositionerElement extends Base.PopoverPositionerElement {}
+/**
+ * `<prosekit-popover-root>` custom element.
+ *
+ * Properties: {@link PopoverRootProps}
+ *
+ * Events: {@link PopoverRootEvents}
+ */
+declare class PopoverRootElement extends Base.PopoverRootElement {}
+/**
+ * `<prosekit-popover-trigger>` custom element.
+ *
+ * Properties: {@link PopoverTriggerProps}
+ *
+ * Events: {@link PopoverTriggerEvents}
+ */
+declare class PopoverTriggerElement extends Base.PopoverTriggerElement {}
+interface PopoverPopupProps extends Base.PopoverPopupProps {}
+interface PopoverPositionerProps extends Base.PopoverPositionerProps {}
+interface PopoverRootProps extends Base.PopoverRootProps {}
+interface PopoverTriggerProps extends Base.PopoverTriggerProps {}
+interface PopoverRootEvents extends Base.PopoverRootEvents {}
+interface PopoverTriggerEvents extends Base.PopoverTriggerEvents {}
+/** @internal */
+declare const PopoverPopupPropsDeclaration: PropsDeclaration<PopoverPopupProps>;
+/** @internal */
+declare const PopoverPositionerPropsDeclaration: PropsDeclaration<PopoverPositionerProps>;
+/** @internal */
+declare const PopoverRootPropsDeclaration: PropsDeclaration<PopoverRootProps>;
+/** @internal */
+declare const PopoverTriggerPropsDeclaration: PropsDeclaration<PopoverTriggerProps>;
 declare function registerPopoverRootElement(): void;
 declare function registerPopoverTriggerElement(): void;
 declare function registerPopoverPopupElement(): void;
 declare function registerPopoverPositionerElement(): void;
-//#endregion
-export { OpenChangeEvent, PopoverPopupElement, type PopoverPopupProps, PopoverPopupPropsDeclaration, PopoverPositionerElement, type PopoverPositionerProps, PopoverPositionerPropsDeclaration, PopoverRootElement, type PopoverRootEvents, type PopoverRootProps, PopoverRootPropsDeclaration, PopoverTriggerElement, type PopoverTriggerEvents, type PopoverTriggerProps, PopoverTriggerPropsDeclaration, registerPopoverPopupElement, registerPopoverPositionerElement, registerPopoverRootElement, registerPopoverTriggerElement, setupPopoverPopup, setupPopoverPositioner, setupPopoverRoot, setupPopoverTrigger };
+export { OpenChangeEvent, PopoverPopupElement, PopoverPopupProps, PopoverPopupPropsDeclaration, PopoverPositionerElement, PopoverPositionerProps, PopoverPositionerPropsDeclaration, PopoverRootElement, PopoverRootEvents, PopoverRootProps, PopoverRootPropsDeclaration, PopoverTriggerElement, PopoverTriggerEvents, PopoverTriggerProps, PopoverTriggerPropsDeclaration, registerPopoverPopupElement, registerPopoverPositionerElement, registerPopoverRootElement, registerPopoverTriggerElement, setupPopoverPopup, setupPopoverPositioner, setupPopoverRoot, setupPopoverTrigger };
 //# sourceMappingURL=prosekit-web-popover.d.ts.map

package/dist/prosekit-web-popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prosekit-web-popover.d.ts","names":[],"sources":["../src/components/popover/index.ts"],"mappings":";;;iBAyCgB,0BAAA,CAAA;AAAA,iBAGA,6BAAA,CAAA;AAAA,iBAGA,2BAAA,CAAA;AAAA,iBAGA,gCAAA,CAAA"}
+{"version":3,"file":"prosekit-web-popover.d.ts","names":[],"sources":["../src/components/popover/index.ts"],"mappings":";;;;;AAmEA;;;;;AAEA;;;;cAvCa,mBAAA,SAA4B,IAAA,CAAK,mBAAA;;;;;AAyC9C;;;;;AACA;;;;;AAEA;;;cAzBa,wBAAA,SAAiC,IAAA,CAAK,wBAAA;AA0BnD;;;;;AAGA;;AAHA,cAjBa,kBAAA,SAA2B,IAAA,CAAK,kBAAA;;AAsB7C;;;;;AAEA;cAfa,qBAAA,SAA8B,IAAA,CAAK,qBAAA;AAAA,UAE/B,iBAAA,SAA0B,IAAA,CAAK,iBAAA;AAAA,UAC/B,sBAAA,SAA+B,IAAA,CAAK,sBAAA;AAAA,UACpC,gBAAA,SAAyB,IAAA,CAAK,gBAAA;AAAA,UAC9B,mBAAA,SAA4B,IAAA,CAAK,mBAAA;AAAA,UAEjC,iBAAA,SAA0B,IAAA,CAAK,iBAAA;AAAA,UAC/B,oBAAA,SAA6B,IAAA,CAAK,oBAAA;AAcnD;AAAA,cAXa,4BAAA,EAA8B,gBAAA,CAAiB,iBAAA;;cAE/C,iCAAA,EAAmC,gBAAA,CAAiB,sBAAA;;cAEpD,2BAAA,EAA6B,gBAAA,CAAiB,gBAAA;;cAE9C,8BAAA,EAAgC,gBAAA,CAAiB,mBAAA;AAAA,iBAE9C,0BAAA,CAAA;AAAA,iBAGA,6BAAA,CAAA;AAAA,iBAGA,2BAAA,CAAA;AAAA,iBAGA,gCAAA,CAAA"}